feat: Add dimiss popover function

Author: abdhalees

src/popover/index.tsx

@@ -1,16 +1,15 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useRef } from 'react';
+import React from 'react';
 
 import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
 
-import useForwardFocus from '../internal/hooks/forward-focus';
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { isDevelopment } from '../internal/is-development';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import { getExternalProps } from '../internal/utils/external-props';
 import { PopoverProps } from './interfaces';
-import InternalPopover, { InternalPopoverRef } from './internal';
+import InternalPopover from './internal';
 
 export { PopoverProps };
 
@@ -40,12 +39,9 @@ const Popover = React.forwardRef(
     });
     const externalProps = getExternalProps(rest);
 
-    const internalRef = useRef<InternalPopoverRef | null>(null);
-    useForwardFocus(ref, internalRef);
-
     return (
       <InternalPopover
-        ref={internalRef}
+        ref={ref}
         header={header}
         position={position}
         size={size}

src/popover/internal.tsx

@@ -30,10 +30,6 @@ export interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' |
   isInline?: boolean;
 }
 
-export interface InternalPopoverRef {
-  focus: HTMLElement['focus'];
-}
-
 export default React.forwardRef(InternalPopover);
 
 function InternalPopover(
@@ -59,7 +55,7 @@ function InternalPopover(
 
     ...restProps
   }: InternalPopoverProps,
-  ref: React.Ref<InternalPopoverRef>
+  ref: React.Ref<PopoverProps.Ref>
 ) {
   const baseProps = getBaseProps(restProps);
   const triggerRef = useRef<HTMLElement | null>(null);

src/property-filter/filtering-token/index.tsx

@@ -12,7 +12,8 @@ import {
 
 import InternalIcon from '../../icon/internal';
 import { useListFocusController } from '../../internal/hooks/use-list-focus-controller';
-import InternalPopover, { InternalPopoverProps, InternalPopoverRef } from '../../popover/internal';
+import { PopoverProps } from '../../popover/interfaces';
+import InternalPopover, { InternalPopoverProps } from '../../popover/internal';
 import InternalSelect from '../../select/internal';
 import { GeneratedAnalyticsMetadataPropertyEditStart } from '../analytics-metadata/interfaces';
 
@@ -96,7 +97,7 @@ const FilteringToken = forwardRef(
       fallbackSelector: `.${styles.root}`,
     });
 
-    const popoverRef = useRef<InternalPopoverRef>(null);
+    const popoverRef = useRef<PopoverProps.Ref>(null);
     const popoverProps: InternalPopoverProps = {
       content: editorContent,
       triggerType: 'text',