fluentui-extended 2026.2.13 → 2026.2.17

package/dist/index.d.mts

@@ -54,6 +54,16 @@ interface LookupProps extends Omit<InputProps, 'onChange' | 'value'> {
     header?: React.ReactNode;
     /** Footer content rendered at the bottom of the dropdown */
     footer?: React.ReactNode;
+    /**
+     * Controlled open state. When provided, the component will use this value
+     * instead of its internal state. Use together with `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * Callback fired when the dropdown open state changes.
+     * Use together with `open` for controlled mode, or standalone to observe changes.
+     */
+    onOpenChange?: (open: boolean) => void;
 }
 
 declare const Lookup: React.FC<LookupProps>;

package/dist/index.d.ts

@@ -54,6 +54,16 @@ interface LookupProps extends Omit<InputProps, 'onChange' | 'value'> {
     header?: React.ReactNode;
     /** Footer content rendered at the bottom of the dropdown */
     footer?: React.ReactNode;
+    /**
+     * Controlled open state. When provided, the component will use this value
+     * instead of its internal state. Use together with `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * Callback fired when the dropdown open state changes.
+     * Use together with `open` for controlled mode, or standalone to observe changes.
+     */
+    onOpenChange?: (open: boolean) => void;
 }
 
 declare const Lookup: React.FC<LookupProps>;

package/dist/index.js

@@ -265,6 +265,8 @@ var Lookup = ({
   disabled,
   header,
   footer,
+  open: controlledOpen,
+  onOpenChange,
   ...inputProps
 }) => {
   const styles = useLookupStyles();
@@ -272,7 +274,19 @@ var Lookup = ({
   const ariaLabelledBy = inputProps["aria-labelledby"];
   const autoId = reactComponents.useId("lookup-");
   const lookupId = id ?? autoId;
-  const [isOpen, setIsOpen] = React3__namespace.useState(false);
+  const [internalOpen, setInternalOpen] = React3__namespace.useState(false);
+  const isControlled = controlledOpen !== void 0;
+  const isOpen = isControlled ? controlledOpen : internalOpen;
+  const setIsOpen = React3__namespace.useCallback(
+    (value) => {
+      const nextValue = typeof value === "function" ? value(isOpen) : value;
+      if (!isControlled) {
+        setInternalOpen(nextValue);
+      }
+      onOpenChange?.(nextValue);
+    },
+    [isControlled, isOpen, onOpenChange]
+  );
   const [searchText, setSearchText] = React3__namespace.useState("");
   const [highlightedIndex, setHighlightedIndex] = React3__namespace.useState(-1);
   const [expandedKeys, setExpandedKeys] = React3__namespace.useState(/* @__PURE__ */ new Set());
@@ -476,12 +490,9 @@ var Lookup = ({
         closeDropdown();
       }
     };
-    const rafId = requestAnimationFrame(() => {
-      document.addEventListener("mousedown", handlePointerDownOutside);
-    });
+    document.addEventListener("mousedown", handlePointerDownOutside, true);
     return () => {
-      cancelAnimationFrame(rafId);
-      document.removeEventListener("mousedown", handlePointerDownOutside);
+      document.removeEventListener("mousedown", handlePointerDownOutside, true);
     };
   }, [isOpen, closeDropdown]);
   const showDropdown = isOpen && !disabled;