diff --git a/packages/design-system/src/components/Popover/Popover.tsx b/packages/design-system/src/components/Popover/Popover.tsx index d99117659a..a0a7eb1d64 100644 --- a/packages/design-system/src/components/Popover/Popover.tsx +++ b/packages/design-system/src/components/Popover/Popover.tsx @@ -27,7 +27,7 @@ export type PopoverProps = { } & PopoverOptions; export type PopoverStateReturn = { - hide: () => void; + setOpen: () => void; }; export function Popover({ @@ -70,7 +70,10 @@ export function Popover({ fill={tokens.coralColorNeutralBackground} /> {typeof children === 'function' - ? children({ ...popover.getFloatingProps(), setOpen: popover.setOpen }) + ? children({ + ...popover.getFloatingProps(), + setOpen: popover.setOpen, + }) : children} diff --git a/packages/design-system/src/stories/messaging/Popover.stories.tsx b/packages/design-system/src/stories/messaging/Popover.stories.tsx index 002f824495..0b1528ee04 100644 --- a/packages/design-system/src/stories/messaging/Popover.stories.tsx +++ b/packages/design-system/src/stories/messaging/Popover.stories.tsx @@ -76,7 +76,7 @@ export const WithFunctionAsChildren = () => ( {(popover: PopoverStateReturn) => ( There is some content - popover?.hide()}>Close Me please + popover?.setOpen(false)}>Close Me please )} diff --git a/packages/faceted-search/src/components/BasicSearch/BasicSearch.component.js b/packages/faceted-search/src/components/BasicSearch/BasicSearch.component.js index 846833afe4..1ade1e1f15 100644 --- a/packages/faceted-search/src/components/BasicSearch/BasicSearch.component.js +++ b/packages/faceted-search/src/components/BasicSearch/BasicSearch.component.js @@ -169,7 +169,7 @@ const BasicSearch = ({ initialFilterValue={initialFilterValue} onClick={(...args) => { onClickOverlayRow(...args); - popover?.hide(); + popover?.setOpen(false); }} t={t} />