@synerise/ds-popover 1.4.0 → 1.5.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.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popover@1.4.0...@synerise/ds-popover@1.5.0) (2026-02-19)
+
+### Features
+
+- **popover:** add FloatingTree support for nested hover popovers ([7945c27](https://github.com/Synerise/synerise-design/commit/7945c2711e3fad903b7c3d4458952fc22f3fb4b3))
+
 # [1.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popover@1.3.2...@synerise/ds-popover@1.4.0) (2026-02-05)
 
 ### Features

package/dist/Popover.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { PopoverProps } from './Popover.types';
-export declare const Popover: ({ children, modal, ...restOptions }: PopoverProps) => React.JSX.Element;
+export declare const Popover: (props: PopoverProps) => React.JSX.Element;

package/dist/Popover.js

@@ -2,9 +2,12 @@ var _excluded = ["children", "modal"];
 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); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
+import { FloatingNode, FloatingTree, useFloatingParentNodeId } from '@floating-ui/react';
 import { PopoverContext } from './contexts';
 import { usePopover } from './hooks';
-export var Popover = function Popover(_ref) {
+
+// Inner component that must be called from within FloatingTree
+var PopoverContent = function PopoverContent(_ref) {
   var children = _ref.children,
     _ref$modal = _ref.modal,
     modal = _ref$modal === void 0 ? false : _ref$modal,
@@ -12,7 +15,20 @@ export var Popover = function Popover(_ref) {
   var popover = usePopover(_extends({
     modal: modal
   }, restOptions));
-  return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
+  return /*#__PURE__*/React.createElement(FloatingNode, {
+    id: popover.context.nodeId
+  }, /*#__PURE__*/React.createElement(PopoverContext.Provider, {
     value: popover
-  }, children);
+  }, children));
+};
+
+// Outer component that ensures FloatingTree exists
+export var Popover = function Popover(props) {
+  var parentId = useFloatingParentNodeId();
+
+  // If there's no parent node, wrap with FloatingTree for nested popover support
+  if (parentId === null) {
+    return /*#__PURE__*/React.createElement(FloatingTree, null, /*#__PURE__*/React.createElement(PopoverContent, props));
+  }
+  return /*#__PURE__*/React.createElement(PopoverContent, props);
 };

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, useDelayGroup, useDismiss, useFloating, useHover, useInteractions, useListNavigation, useRole, useTransitionStyles } from '@floating-ui/react';
+import { autoUpdate, useClick, useDelayGroup, useDismiss, useFloating, useFloatingNodeId, 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';
@@ -51,6 +51,7 @@ export var usePopover = function usePopover(_temp) {
   var open = controlledOpen != null ? controlledOpen : uncontrolledOpen;
   var setOpen = setControlledOpen != null ? setControlledOpen : setUncontrolledOpen;
   var arrowRef = useRef(null);
+  var nodeId = useFloatingNodeId();
   var triggerArray = Array.isArray(trigger) ? trigger : [trigger];
   var whileElementsMounted = useMemo(function () {
     if (!autoUpdateWhileMounted) {
@@ -65,6 +66,7 @@ export var usePopover = function usePopover(_temp) {
     };
   }, [autoUpdateWhileMounted]);
   var data = useFloating({
+    nodeId: nodeId,
     placement: placement,
     open: open,
     onOpenChange: function onOpenChange(newState, event, reason) {
@@ -92,10 +94,13 @@ export var usePopover = function usePopover(_temp) {
     enabled: isClickEnabled && controlledOpen === undefined
   });
   var _useDelayGroup = useDelayGroup(context),
-    delay = _useDelayGroup.delay;
+    groupDelay = _useDelayGroup.delay;
   var hover = useHover(context, _extends({
     enabled: isHoverEnabled,
-    delay: delay || {
+    // All hover popovers use their local FloatingDelayGroup delay
+    // Nested components should wrap content in their own FloatingDelayGroup for isolation
+    // Falls back to default delays if no FloatingDelayGroup is present
+    delay: groupDelay || {
       open: HOVER_OPEN_DELAY,
       close: HOVER_CLOSE_DELAY
     }

package/dist/index.d.ts

@@ -4,4 +4,4 @@ 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';
+export { HOVER_CLOSE_DELAY, HOVER_OPEN_DELAY, PLACEMENT_MAP, } from './Popover.const';

package/dist/index.js

@@ -4,4 +4,4 @@ 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';
+export { HOVER_CLOSE_DELAY, HOVER_OPEN_DELAY, PLACEMENT_MAP } from './Popover.const';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-popover",
-  "version": "1.4.0",
+  "version": "1.5.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": "ac8decd9736940735bf05198b24b3eeeb5900b18"
+  "gitHead": "b3d1312cbfbe69aba1cb5667b54be7f76938156c"
 }