@versini/ui-panel 8.1.0 → 8.1.2

package/dist/index.js

@@ -1,10 +1,10 @@
 /*!
-  @versini/ui-panel v8.1.0
+  @versini/ui-panel v8.1.2
   © 2025 gizmette.com
 */
 
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { FloatingFocusManager, FloatingOverlay, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useMergeRefs, useRole } from "@floating-ui/react";
+import { FloatingFocusManager, FloatingNode, FloatingOverlay, FloatingPortal, FloatingTree, useClick, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useInteractions, useMergeRefs, useRole } from "@floating-ui/react";
 import clsx from "clsx";
 import { cloneElement, createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 
@@ -30,7 +30,7 @@ const NONE = "none";
 
 ;// CONCATENATED MODULE: ../ui-modal/dist/index.js
 /*!
-  @versini/ui-modal v3.3.0
+  @versini/ui-modal v3.3.2
   © 2025 gizmette.com
 */ 
 
@@ -43,7 +43,10 @@ function useModal({ initialOpen = false, open: controlledOpen, onOpenChange: set
     const [descriptionId, setDescriptionId] = useState();
     /* v8 ignore start */ const open = controlledOpen ?? uncontrolledOpen;
     const setOpen = setControlledOpen ?? setUncontrolledOpen;
-    /* v8 ignore stop */ const data = useFloating({
+    /* v8 ignore stop */ // Subscribe this modal to the FloatingTree for nested modal support
+    const nodeId = useFloatingNodeId();
+    const data = useFloating({
+        nodeId,
         open,
         onOpenChange: setOpen
     });
@@ -53,7 +56,10 @@ function useModal({ initialOpen = false, open: controlledOpen, onOpenChange: set
     });
     const dismiss = useDismiss(context, {
         outsidePress: false,
-        outsidePressEvent: "mousedown"
+        outsidePressEvent: "mousedown",
+        bubbles: {
+            escapeKey: false
+        }
     });
     const role = useRole(context);
     const interactions = useInteractions([
@@ -70,7 +76,8 @@ function useModal({ initialOpen = false, open: controlledOpen, onOpenChange: set
             descriptionId,
             setLabelId,
             setDescriptionId,
-            initialFocus
+            initialFocus,
+            nodeId
         }), [
         open,
         setOpen,
@@ -78,7 +85,8 @@ function useModal({ initialOpen = false, open: controlledOpen, onOpenChange: set
         data,
         labelId,
         descriptionId,
-        initialFocus
+        initialFocus,
+        nodeId
     ]);
 }
 const useModalContext = ()=>{
@@ -88,15 +96,33 @@ const useModalContext = ()=>{
     }
     /* v8 ignore stop */ return context;
 };
-function Modal({ children, ...options }) {
+function ModalComponent({ children, ...options }) {
     const dialog = useModal(options);
     return /*#__PURE__*/ jsx(ModalContext.Provider, {
         value: dialog,
         children: children
     });
 }
+/**
+ * Modal component that supports proper nesting with ESC key handling.
+ * Automatically wraps root modals in FloatingTree for nested modal support.
+ */ function Modal(props) {
+    const parentId = useFloatingParentNodeId();
+    // If this is a root modal (no parent), wrap with FloatingTree
+    if (parentId === null) {
+        return /*#__PURE__*/ jsx(FloatingTree, {
+            children: /*#__PURE__*/ jsx(ModalComponent, {
+                ...props
+            })
+        });
+    }
+    // Nested modal - FloatingTree already exists
+    return /*#__PURE__*/ jsx(ModalComponent, {
+        ...props
+    });
+}
 const Modal_ModalContent = /*#__PURE__*/ forwardRef(function ModalContent(props, propRef) {
-    const { context: floatingContext, ...context } = useModalContext();
+    const { context: floatingContext, nodeId, ...context } = useModalContext();
     const ref = useMergeRefs([
         context.refs.setFloating,
         propRef
@@ -109,19 +135,22 @@ const Modal_ModalContent = /*#__PURE__*/ forwardRef(function ModalContent(props,
         [`${overlayBackground}`]: overlayBackground,
         "bg-black sm:bg-black/[.8]": !overlayBackground
     });
-    return /*#__PURE__*/ jsx(FloatingPortal, {
-        children: /*#__PURE__*/ jsx(FloatingOverlay, {
-            className: overlayClass,
-            lockScroll: true,
-            children: /*#__PURE__*/ jsx(FloatingFocusManager, {
-                context: floatingContext,
-                initialFocus: context.initialFocus,
-                children: /*#__PURE__*/ jsx("div", {
-                    ref: ref,
-                    "aria-labelledby": context.labelId,
-                    "aria-describedby": context.descriptionId,
-                    ...context.getFloatingProps(rest),
-                    children: rest.children
+    return /*#__PURE__*/ jsx(FloatingNode, {
+        id: nodeId,
+        children: /*#__PURE__*/ jsx(FloatingPortal, {
+            children: /*#__PURE__*/ jsx(FloatingOverlay, {
+                className: overlayClass,
+                lockScroll: true,
+                children: /*#__PURE__*/ jsx(FloatingFocusManager, {
+                    context: floatingContext,
+                    initialFocus: context.initialFocus,
+                    children: /*#__PURE__*/ jsx("div", {
+                        ref: ref,
+                        "aria-labelledby": context.labelId,
+                        "aria-describedby": context.descriptionId,
+                        ...context.getFloatingProps(rest),
+                        children: rest.children
+                    })
                 })
             })
         })
@@ -180,7 +209,6 @@ const Modal_ModalClose = /*#__PURE__*/ forwardRef(function ModalClose(props, ref
         })
     });
 });
-// force new release
 /* v8 ignore start */ /* v8 ignore stop */ 
 
 ;// CONCATENATED MODULE: ./src/components/Panel/utilities.ts
@@ -392,7 +420,6 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
 };
 
 ;// CONCATENATED MODULE: ./src/components/index.ts
-// force new release
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "8.1.0",
+	"version": "8.1.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -23,7 +23,7 @@
 		"build:js": "rslib build",
 		"build:types": "echo 'Types now built with rslib'",
 		"build": "npm-run-all --serial clean build:check build:js",
-		"clean": "rimraf dist tmp",
+		"clean": "rimraf dist tmp coverage",
 		"dev:js": "rslib build --watch",
 		"dev:types": "echo 'Types now watched with rslib'",
 		"dev": "rslib build --watch",
@@ -43,15 +43,18 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.9.1",
-		"@versini/ui-modal": "3.3.0"
+		"@versini/ui-modal": "3.3.2"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.19",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.18"
 	},
+	"peerDependencies": {
+		"@floating-ui/react": ">=0.27.0"
+	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "b2ee2e328ecadfbedcb26d14afa896a30f0ab54b"
+	"gitHead": "8840cff6a204379e7da9fd65494e5ea280cfc7ab"
 }