@indico-data/design-system 2.32.1 → 2.33.0

package/lib/index.d.ts

@@ -1066,10 +1066,13 @@ type FloatUIProps = {
     floatingOptions?: UseFloatingOptions;
     isOpen?: boolean;
     isPortal?: boolean;
+    portalOptions?: {
+        rootId?: string;
+    };
     setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
-declare function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal, floatingOptions, }: FloatUIProps): react_jsx_runtime.JSX.Element;
+declare function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal, portalOptions, floatingOptions, }: FloatUIProps): react_jsx_runtime.JSX.Element;
 
 type MenuProps = {
     children: React$1.ReactNode;

package/lib/index.esm.js

@@ -22037,7 +22037,7 @@ const defaultOptions$1 = {
     placement: 'bottom-start',
     middleware: [offset$4(5), flip$4(), shift$2()],
 };
-function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal = false, floatingOptions = defaultOptions$1, }) {
+function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal = false, portalOptions = {}, floatingOptions = defaultOptions$1, }) {
     const [internalIsOpen, setInternalIsOpen] = useState(false);
     // Determine whether the component is controlled or uncontrolled
     const isControlled = controlledIsOpen !== undefined && controlledSetIsOpen !== undefined;
@@ -22064,7 +22064,8 @@ function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: con
             top: y !== null && y !== void 0 ? y : 0,
             left: x !== null && x !== void 0 ? x : 0,
         }, role: "dialog", "aria-label": ariaLabel, className: "floatui-container", children: jsx("div", { ref: floatUIContentRef, className: "floatui-content", children: content }) }));
-    return (jsxs(Fragment, { children: [jsx("div", { ref: referenceElementRef, onClick: () => setIsOpen(!isOpen), children: trigger }), isOpen && (isPortal ? jsx(FloatingPortal, { children: tooltipContent }) : tooltipContent)] }));
+    return (jsxs(Fragment, { children: [jsx("div", { ref: referenceElementRef, onClick: () => setIsOpen(!isOpen), children: trigger }), isOpen &&
+                (isPortal ? (jsx(FloatingPortal, { id: portalOptions === null || portalOptions === void 0 ? void 0 : portalOptions.rootId, children: tooltipContent })) : (tooltipContent))] }));
 }
 
 function Menu({ children }) {