@synerise/ds-popover 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popover@1.2.0...@synerise/ds-popover@1.3.0) (2026-01-20)
+
+### Features
+
+- **information-card:** migrate to popover ([de900e4](https://github.com/Synerise/synerise-design/commit/de900e4bc1c32a4bbbf175401374619e691023f2))
+
 # [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popover@1.1.2...@synerise/ds-popover@1.2.0) (2025-12-19)
 
 ### Features

package/dist/Popover.types.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties, type Dispatch, type ReactNode, type RefObject, type SetStateAction } from 'react';
-import { type ArrowOptions, 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';
+import { type ArrowOptions, type AutoUpdateOptions, type Delay, type FlipOptions, type OffsetOptions, type OpenChangeReason, type Placement, type ShiftOptions, type UseDismissProps, type UseFloatingReturn, type UseHoverProps, type UseInteractionsReturn, type UseListNavigationProps, type UseTransitionStylesProps } from '@floating-ui/react';
 export type PopoverProps = {
     children: ReactNode;
 } & PopoverOptions;
@@ -10,6 +10,8 @@ type SharedMiddlewareConfig = {
 export type OffsetConfig = SharedMiddlewareConfig & Exclude<OffsetOptions, number>;
 export type FlipConfig = SharedMiddlewareConfig & FlipOptions;
 export type ShiftConfig = SharedMiddlewareConfig & ShiftOptions;
+export type HoverConfig = Omit<UseHoverProps, 'enabled'>;
+export type DelayConfig = Delay;
 export type PopoverOptions = {
     initialOpen?: boolean;
     placement?: Placement;
@@ -26,6 +28,7 @@ export type PopoverOptions = {
     offsetConfig?: OffsetConfig;
     flipConfig?: FlipConfig;
     shiftConfig?: ShiftConfig;
+    hoverConfig?: HoverConfig;
     arrowConfig?: Omit<ArrowOptions, 'element'>;
     dismissConfig?: UseDismissProps;
     listNavigationConfig?: UseListNavigationProps;

package/dist/components/PopoverTrigger.js

@@ -31,6 +31,7 @@ export var PopoverTrigger = /*#__PURE__*/forwardRef(function (_ref, propRef) {
       "aria-hidden": "true",
       hidden: true,
       ref: function ref(node) {
+        // TODO - skip any TriggerAnchors .....
         context.refs.setReference((node == null ? void 0 : node.nextElementSibling) || null);
       }
     }), /*#__PURE__*/cloneElement(children, _extends({}, referenceProps)));

package/dist/hooks/usePopover.d.ts

@@ -1,2 +1,2 @@
 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, arrowConfig, testId, componentId, returnFocus, listNavigationConfig, getTransitionConfig, zIndex, }?: PopoverOptions) => UsePopoverReturn;
+export declare const usePopover: ({ initialOpen, placement, modal, trigger, open: controlledOpen, onOpenChange: setControlledOpen, onDismiss, transitionDuration, getPopupContainer, autoUpdate: autoUpdateWhileMounted, dismissConfig, offsetConfig, flipConfig, shiftConfig, arrowConfig, hoverConfig, testId, componentId, returnFocus, listNavigationConfig, getTransitionConfig, zIndex, }?: PopoverOptions) => UsePopoverReturn;

package/dist/hooks/usePopover.js

@@ -1,6 +1,6 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { useMemo, useRef, useState } from 'react';
-import { autoUpdate, useClick, useDismiss, useFloating, useHover, useInteractions, useListNavigation, useRole, useTransitionStyles } from '@floating-ui/react';
+import { autoUpdate, useClick, useDelayGroup, useDismiss, useFloating, useHover, useInteractions, useListNavigation, useRole, useTransitionStyles } from '@floating-ui/react';
 import { HOVER_CLOSE_DELAY, HOVER_OPEN_DELAY } from '../Popover.const';
 import { getDefaultTransitionConfig, getMiddleware } from '../utils';
 import { useListNavigationConfig } from './useListNavigationConfig';
@@ -29,6 +29,8 @@ export var usePopover = function usePopover(_temp) {
     shiftConfig = _ref$shiftConfig === void 0 ? {} : _ref$shiftConfig,
     _ref$arrowConfig = _ref.arrowConfig,
     arrowConfig = _ref$arrowConfig === void 0 ? {} : _ref$arrowConfig,
+    _ref$hoverConfig = _ref.hoverConfig,
+    hoverConfig = _ref$hoverConfig === void 0 ? {} : _ref$hoverConfig,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'noTestId' : _ref$testId,
     componentId = _ref.componentId,
@@ -89,13 +91,15 @@ export var usePopover = function usePopover(_temp) {
   var click = useClick(context, {
     enabled: isClickEnabled && controlledOpen === undefined
   });
-  var hover = useHover(context, {
+  var _useDelayGroup = useDelayGroup(context),
+    delay = _useDelayGroup.delay;
+  var hover = useHover(context, _extends({
     enabled: isHoverEnabled,
-    delay: {
+    delay: delay || {
       open: HOVER_OPEN_DELAY,
       close: HOVER_CLOSE_DELAY
     }
-  });
+  }, hoverConfig));
   var dismiss = useDismiss(context, dismissConfig);
   var role = useRole(context);
   var interactions = useInteractions([click, hover, dismiss, role, listNav]);

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './Popover';
 export * from './components';
 export { Popover as default } from './Popover';
+export { FloatingDelayGroup } from '@floating-ui/react';
 export * from './Popover.types';
 export { getPlacement } from './utils/getPlacement';
 export { PLACEMENT_MAP } from './Popover.const';

package/dist/index.js

@@ -1,6 +1,7 @@
 export * from './Popover';
 export * from './components';
 export { Popover as default } from './Popover';
+export { FloatingDelayGroup } from '@floating-ui/react';
 export * from './Popover.types';
 export { getPlacement } from './utils/getPlacement';
 export { PLACEMENT_MAP } from './Popover.const';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-popover",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Popover UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -45,5 +45,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "c638fc7e1af8aea55d466a643329fe499b2b3383"
+  "gitHead": "db758824923a2a231a0de460f0d6d10739514cda"
 }