@synerise/ds-popover 1.1.0 → 1.1.2

package/CHANGELOG.md

@@ -3,9 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# 1.1.0 (2025-11-06)
+## [1.1.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popover@1.1.1...@synerise/ds-popover@1.1.2) (2025-12-15)
+
+**Note:** Version bump only for package @synerise/ds-popover
+
+## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popover@1.1.0...@synerise/ds-popover@1.1.1) (2025-11-13)
 
+### Bug Fixes
+
+- **date-picker:** dropdown state ([e16e4ce](https://github.com/Synerise/synerise-design/commit/e16e4ce8374c374512d0dc59a2361000ab89c8b9))
+
+# 1.1.0 (2025-11-06)
 
 ### Features
 
-* **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
+- **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))

package/dist/Popover.types.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type AutoUpdateOptions, type FlipOptions, type OffsetOptions, type OpenChangeReason, type Placement, type ShiftOptions, type UseDismissProps, type UseListNavigationProps, type UseTransitionStylesProps } from '@floating-ui/react';
+import { type CSSProperties, type Dispatch, type ReactNode, type SetStateAction } from 'react';
+import { type AutoUpdateOptions, type FlipOptions, type OffsetOptions, type OpenChangeReason, type Placement, type ShiftOptions, type UseDismissProps, type UseFloatingReturn, type UseInteractionsReturn, type UseListNavigationProps, type UseTransitionStylesProps } from '@floating-ui/react';
 export type PopoverProps = {
     children: ReactNode;
 } & PopoverOptions;
@@ -18,6 +18,11 @@ export type PopoverOptions = {
     componentId?: string;
     autoUpdate?: boolean | AutoUpdateOptions;
     open?: boolean;
+    /**
+     * @default true
+     * set to false in order to prevent returning focus to the trigger element after popover closes
+     */
+    returnFocus?: boolean;
     offsetConfig?: OffsetConfig;
     flipConfig?: FlipConfig;
     shiftConfig?: ShiftConfig;
@@ -28,7 +33,7 @@ export type PopoverOptions = {
      * defaults to theme.variables['zindex-dropdown'],
      */
     zIndex?: number;
-    onOpenChange?: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+    onOpenChange?: OpenChangeFn;
     onDismiss?: (event?: Event, reason?: OpenChangeReason) => void;
     getPopupContainer?: (element: HTMLElement) => HTMLElement;
     transitionDuration?: number;
@@ -36,4 +41,20 @@ export type PopoverOptions = {
         placement: Placement;
     }) => Partial<UseTransitionStylesProps>;
 };
+type OpenChangeFn = (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+export type UsePopoverReturn = Omit<UseFloatingReturn, 'open'> & UseInteractionsReturn & {
+    open: boolean;
+    setOpen: OpenChangeFn;
+    transitionStyles: CSSProperties | undefined;
+    modal: boolean | undefined;
+    labelId: string | undefined;
+    descriptionId: string | undefined;
+    setLabelId: Dispatch<SetStateAction<string | undefined>>;
+    setDescriptionId: Dispatch<SetStateAction<string | undefined>>;
+    getPopupContainer?: (element: HTMLElement) => HTMLElement;
+    testId: string;
+    zIndex?: number;
+    returnFocus?: boolean;
+    componentId?: string;
+};
 export {};

package/dist/components/PopoverContent.js

@@ -20,6 +20,8 @@ export var PopoverContent = /*#__PURE__*/forwardRef(function PopoverContent(_ref
     descriptionId = _usePopoverContext.descriptionId,
     transitionStyles = _usePopoverContext.transitionStyles,
     componentId = _usePopoverContext.componentId,
+    _usePopoverContext$re = _usePopoverContext.returnFocus,
+    returnFocus = _usePopoverContext$re === void 0 ? true : _usePopoverContext$re,
     zIndex = _usePopoverContext.zIndex;
   var theme = useTheme();
   var _useState = useState(false),
@@ -55,7 +57,8 @@ export var PopoverContent = /*#__PURE__*/forwardRef(function PopoverContent(_ref
   }, /*#__PURE__*/React.createElement(FloatingFocusManager, {
     initialFocus: -1,
     context: floatingContext,
-    modal: modal
+    modal: modal,
+    returnFocus: returnFocus
   }, /*#__PURE__*/React.createElement("div", _extends({}, dataProps, {
     ref: ref,
     style: _extends({}, floatingStyles, style, {

package/dist/contexts/PopoverContext.d.ts

@@ -1,6 +1,6 @@
 import { type Dispatch, type SetStateAction } from 'react';
-import { type usePopover } from '../hooks';
-export type ContextType = (ReturnType<typeof usePopover> & {
+import { type UsePopoverReturn } from '../Popover.types';
+export type ContextType = (UsePopoverReturn & {
     setLabelId: Dispatch<SetStateAction<string | undefined>>;
     setDescriptionId: Dispatch<SetStateAction<string | undefined>>;
 }) | null;

package/dist/hooks/useListNavigationConfig.d.ts

@@ -19,6 +19,6 @@ export declare const useListNavigationConfig: (listNavigationConfig?: UseListNav
     cols?: number;
     scrollItemIntoView?: boolean | ScrollIntoViewOptions;
     virtualItemRef?: React.MutableRefObject<HTMLElement | null>;
-    itemSizes?: import("@floating-ui/utils").Dimensions[];
+    itemSizes?: import("@floating-ui/react").Dimensions[];
     dense?: boolean;
 };

package/dist/hooks/usePopover.d.ts

@@ -1,58 +1,2 @@
-import { type OpenChangeReason } from '@floating-ui/react';
-import { type PopoverOptions } from '../Popover.types';
-export declare const usePopover: ({ initialOpen, placement, modal, trigger, open: controlledOpen, onOpenChange: setControlledOpen, onDismiss, transitionDuration, getPopupContainer, autoUpdate: autoUpdateWhileMounted, dismissConfig, offsetConfig, flipConfig, shiftConfig, testId, componentId, listNavigationConfig, getTransitionConfig, zIndex, }?: PopoverOptions) => {
-    modal: boolean | undefined;
-    labelId: string | undefined;
-    getPopupContainer: ((element: HTMLElement) => HTMLElement) | undefined;
-    descriptionId: string | undefined;
-    setLabelId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    setDescriptionId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    testId: string;
-    zIndex: number | undefined;
-    componentId: string | undefined;
-    placement: import("@floating-ui/utils").Placement;
-    strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
-    x: number;
-    y: number;
-    isPositioned: boolean;
-    update: () => void;
-    floatingStyles: React.CSSProperties;
-    refs: {
-        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: React.MutableRefObject<HTMLElement | null>;
-        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-    elements: {
-        reference: import("@floating-ui/react-dom").ReferenceType | null;
-        floating: HTMLElement | null;
-    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    context: {
-        x: number;
-        y: number;
-        placement: import("@floating-ui/utils").Placement;
-        strategy: import("@floating-ui/utils").Strategy;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
-        isPositioned: boolean;
-        update: () => void;
-        floatingStyles: React.CSSProperties;
-        open: boolean;
-        onOpenChange: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
-        events: import("@floating-ui/react").FloatingEvents;
-        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
-        nodeId: string | undefined;
-        floatingId: string | undefined;
-        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    };
-    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
-        active?: boolean;
-        selected?: boolean;
-    }) => Record<string, unknown>;
-    open: boolean;
-    setOpen: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
-    transitionStyles: import("react").CSSProperties | undefined;
-};
+import { type PopoverOptions, type UsePopoverReturn } from '../Popover.types';
+export declare const usePopover: ({ initialOpen, placement, modal, trigger, open: controlledOpen, onOpenChange: setControlledOpen, onDismiss, transitionDuration, getPopupContainer, autoUpdate: autoUpdateWhileMounted, dismissConfig, offsetConfig, flipConfig, shiftConfig, testId, componentId, returnFocus, listNavigationConfig, getTransitionConfig, zIndex, }?: PopoverOptions) => UsePopoverReturn;

package/dist/hooks/usePopover.js

@@ -30,6 +30,7 @@ export var usePopover = function usePopover(_temp) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'noTestId' : _ref$testId,
     componentId = _ref.componentId,
+    returnFocus = _ref.returnFocus,
     listNavigationConfig = _ref.listNavigationConfig,
     _ref$getTransitionCon = _ref.getTransitionConfig,
     getTransitionConfig = _ref$getTransitionCon === void 0 ? getDefaultTransitionConfig : _ref$getTransitionCon,
@@ -111,7 +112,8 @@ export var usePopover = function usePopover(_temp) {
       setDescriptionId: setDescriptionId,
       testId: testId,
       zIndex: zIndex,
+      returnFocus: returnFocus,
       componentId: componentId
     });
-  }, [getPopupContainer, isMounted, setOpen, transitionDuration, styles, interactions, data, modal, labelId, descriptionId, zIndex, testId, componentId]);
+  }, [getPopupContainer, isMounted, setOpen, transitionDuration, styles, interactions, data, modal, labelId, descriptionId, zIndex, testId, returnFocus, componentId]);
 };

package/dist/hooks/usePopoverContext.d.ts

@@ -1,59 +1,2 @@
-export declare const usePopoverContext: () => {
-    modal: boolean | undefined;
-    labelId: string | undefined;
-    getPopupContainer: ((element: HTMLElement) => HTMLElement) | undefined;
-    descriptionId: string | undefined;
-    setLabelId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    setDescriptionId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    testId: string;
-    zIndex: number | undefined;
-    componentId: string | undefined;
-    placement: import("@floating-ui/utils").Placement;
-    strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
-    x: number;
-    y: number;
-    isPositioned: boolean;
-    update: () => void;
-    floatingStyles: React.CSSProperties;
-    refs: {
-        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: React.MutableRefObject<HTMLElement | null>;
-        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-    elements: {
-        reference: import("@floating-ui/react-dom").ReferenceType | null;
-        floating: HTMLElement | null;
-    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    context: {
-        x: number;
-        y: number;
-        placement: import("@floating-ui/utils").Placement;
-        strategy: import("@floating-ui/utils").Strategy;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
-        isPositioned: boolean;
-        update: () => void;
-        floatingStyles: React.CSSProperties;
-        open: boolean;
-        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
-        events: import("@floating-ui/react").FloatingEvents;
-        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
-        nodeId: string | undefined;
-        floatingId: string | undefined;
-        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    };
-    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
-        active?: boolean;
-        selected?: boolean;
-    }) => Record<string, unknown>;
-    open: boolean;
-    setOpen: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
-    transitionStyles: import("react").CSSProperties | undefined;
-} & {
-    setLabelId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    setDescriptionId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-};
+import { type ContextType } from '../contexts';
+export declare const usePopoverContext: () => Exclude<ContextType, null>;

package/dist/utils/getMiddleware.d.ts

@@ -7,6 +7,6 @@ type GetMiddleware = {
 export declare const getMiddleware: ({ offsetConfig, flipConfig, shiftConfig, }: GetMiddleware) => {
     name: string;
     options?: any;
-    fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+    fn: (state: import("@floating-ui/react").MiddlewareState) => import("@floating-ui/react").MiddlewareReturn | Promise<import("@floating-ui/react").MiddlewareReturn>;
 }[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-popover",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Popover UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,7 +34,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@floating-ui/react": "^0.27.13"
+    "@floating-ui/react": "^0.27.16"
   },
   "devDependencies": {
     "@testing-library/user-event": "^14"
@@ -43,5 +43,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1"
   },
-  "gitHead": "cbbb7d9f155735bcc4035d8fd8a7813878d6e051"
+  "gitHead": "b1279d5354132a2bf0b6f0cfa343db4c6c928f72"
 }