@indico-data/design-system 3.17.0 → 3.18.0

package/lib/components/floatUI/FloatUI.d.ts

@@ -1,2 +1,2 @@
 import { FloatUIProps } from './types';
-export declare function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal, portalOptions, floatingOptions, className, hover, onOpenChange, }: FloatUIProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal, portalOptions, floatingOptions, className, hover, onOpenChange, disableAutoUpdate, }: FloatUIProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/floatUI/types.d.ts

@@ -22,4 +22,6 @@ export type FloatUIProps = {
     hover?: boolean;
     /** Callback function to be called when the FloatUI is opened or closed. */
     onOpenChange?: (isOpen: boolean) => void;
+    /** If true, disables automatic position updates when the reference element moves (e.g., due to layout shifts). Defaults to false. */
+    disableAutoUpdate?: boolean;
 };

package/lib/index.d.ts

@@ -762,9 +762,11 @@ type FloatUIProps = {
     hover?: boolean;
     /** Callback function to be called when the FloatUI is opened or closed. */
     onOpenChange?: (isOpen: boolean) => void;
+    /** If true, disables automatic position updates when the reference element moves (e.g., due to layout shifts). Defaults to false. */
+    disableAutoUpdate?: boolean;
 };
 
-declare function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal, portalOptions, floatingOptions, className, hover, onOpenChange, }: FloatUIProps): react_jsx_runtime.JSX.Element;
+declare function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal, portalOptions, floatingOptions, className, hover, onOpenChange, disableAutoUpdate, }: FloatUIProps): react_jsx_runtime.JSX.Element;
 
 type MenuProps = {
     children: React$1.ReactNode;

package/lib/index.esm.js

@@ -13845,8 +13845,8 @@ const defaultOptions$1 = {
     placement: 'bottom-start',
     middleware: [offset$2(5), flip$2(), shift$2()],
 };
-function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal = false, portalOptions = {}, floatingOptions = defaultOptions$1, className, hover = false, onOpenChange, }) {
-    var _a;
+function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal = false, portalOptions = {}, floatingOptions = defaultOptions$1, className, hover = false, onOpenChange, disableAutoUpdate = false, }) {
+    var _a, _b;
     const [internalIsOpen, setInternalIsOpen] = useState(false);
     // Determine whether the component is controlled or uncontrolled
     const isControlled = controlledIsOpen !== undefined && controlledSetIsOpen !== undefined;
@@ -13866,7 +13866,9 @@ function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: con
     const { refs, floatingStyles, context } = useFloating(Object.assign(Object.assign({}, floatingOptions), { open: isOpen, onOpenChange: (isOpen) => {
             setIsOpen(isOpen);
             onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
-        }, elements: {
+        }, whileElementsMounted: disableAutoUpdate
+            ? undefined
+            : ((_b = floatingOptions.whileElementsMounted) !== null && _b !== void 0 ? _b : autoUpdate$1), elements: {
             reference: referenceElement,
         } }));
     // Can't call hooks conditionally so this enabled option is needed.