@butternutbox/pawprint-native 1.5.1 → 1.6.1

package/dist/index.d.cts

@@ -941,6 +941,14 @@ type DrawerRootOwnProps = {
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Called once the drawer has fully closed: the exit animation has finished
+     * and the native `Modal` has been removed. Use it to chain work that can't
+     * overlap the drawer, such as opening another modal drawer (iOS won't present
+     * a second `Modal` while the first is still on screen) or unmounting the
+     * drawer's host.
+     */
+    onExitComplete?: () => void;
     /**
      * Whether the drawer shows a dimming backdrop and presents as a blocking
      * modal (default `true`). Set to `false` for a backdrop-less, pass-through

package/dist/index.d.ts

@@ -941,6 +941,14 @@ type DrawerRootOwnProps = {
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Called once the drawer has fully closed: the exit animation has finished
+     * and the native `Modal` has been removed. Use it to chain work that can't
+     * overlap the drawer, such as opening another modal drawer (iOS won't present
+     * a second `Modal` while the first is still on screen) or unmounting the
+     * drawer's host.
+     */
+    onExitComplete?: () => void;
     /**
      * Whether the drawer shows a dimming backdrop and presents as a blocking
      * modal (default `true`). Set to `false` for a backdrop-less, pass-through

package/dist/index.js

@@ -6409,6 +6409,7 @@ var DrawerRoot = React66.forwardRef(
       open: controlledOpen,
       defaultOpen = false,
       onOpenChange,
+      onExitComplete,
       backdrop = true,
       children,
       style,
@@ -6417,6 +6418,7 @@ var DrawerRoot = React66.forwardRef(
       "open",
       "defaultOpen",
       "onOpenChange",
+      "onExitComplete",
       "backdrop",
       "children",
       "style",
@@ -6439,9 +6441,19 @@ var DrawerRoot = React66.forwardRef(
       if (!isControlled.current) setInternalOpen(false);
       onOpenChange == null ? void 0 : onOpenChange(false);
     }, [onOpenChange]);
-    const onExitComplete = useCallback(() => {
+    const handleExitComplete = useCallback(() => {
       setModalVisible(false);
     }, []);
+    const onExitCompleteRef = useRef(onExitComplete);
+    onExitCompleteRef.current = onExitComplete;
+    const wasModalVisible = useRef(modalVisible);
+    useEffect(() => {
+      var _a2;
+      if (wasModalVisible.current && !modalVisible) {
+        (_a2 = onExitCompleteRef.current) == null ? void 0 : _a2.call(onExitCompleteRef);
+      }
+      wasModalVisible.current = modalVisible;
+    }, [modalVisible]);
     const ctx = useMemo(
       () => ({
         isOpen,
@@ -6449,9 +6461,16 @@ var DrawerRoot = React66.forwardRef(
         backdrop,
         openDrawer,
         closeDrawer,
-        onExitComplete
+        onExitComplete: handleExitComplete
       }),
-      [isOpen, modalVisible, backdrop, openDrawer, closeDrawer, onExitComplete]
+      [
+        isOpen,
+        modalVisible,
+        backdrop,
+        openDrawer,
+        closeDrawer,
+        handleExitComplete
+      ]
     );
     return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
       View,
@@ -9022,6 +9041,25 @@ var StyledRoot14 = styled51(View)(({ theme: theme2 }) => {
     gap: parseTokenValue48(spacing.gap)
   };
 });
+function SelectFieldAnchor({ triggerRef, enabled }) {
+  const { setTriggerPosition } = SelectPrimitive3.useRootContext();
+  React66.useEffect(() => {
+    if (!enabled) return;
+    const reanchor = () => {
+      var _a;
+      (_a = triggerRef.current) == null ? void 0 : _a.measure((_x, _y, width, height, pageX, pageY) => {
+        setTriggerPosition({ width, height, pageX, pageY });
+      });
+    };
+    const shown = Keyboard.addListener("keyboardDidShow", reanchor);
+    const hidden = Keyboard.addListener("keyboardDidHide", reanchor);
+    return () => {
+      shown.remove();
+      hidden.remove();
+    };
+  }, [enabled, setTriggerPosition, triggerRef]);
+  return null;
+}
 var SelectFieldRoot = React66.forwardRef(
   (_a, ref) => {
     var _b = _a, {
@@ -9071,6 +9109,7 @@ var SelectFieldRoot = React66.forwardRef(
     const [searchQuery, setSearchQuery] = React66.useState("");
     const [clearKey, setClearKey] = React66.useState(0);
     const searchInputRef = React66.useRef(null);
+    const triggerViewRef = React66.useRef(null);
     const isQueryMode = searchable && typeof onSearchQuery === "function";
     const [searchResults, setSearchResults] = React66.useState([]);
     const [isSearching, setIsSearching] = React66.useState(false);
@@ -9231,6 +9270,7 @@ var SelectFieldRoot = React66.forwardRef(
             /* @__PURE__ */ jsx(
               SelectFieldTrigger,
               {
+                ref: triggerViewRef,
                 state,
                 leadingIcon,
                 isOpen,
@@ -9260,6 +9300,13 @@ var SelectFieldRoot = React66.forwardRef(
             description && /* @__PURE__ */ jsx(InputDescription, { state, children: description }),
             error && state === "error" && /* @__PURE__ */ jsx(InputError, { children: error })
           ] })),
+          /* @__PURE__ */ jsx(
+            SelectFieldAnchor,
+            {
+              triggerRef: triggerViewRef,
+              enabled: searchable && isOpen
+            }
+          ),
           showContent && hasContentToShow && /* @__PURE__ */ jsx(SelectFieldContent, { children: isSearching ? /* @__PURE__ */ jsx(StyledStatusRow, { children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) }) : searchFailed ? /* @__PURE__ */ jsx(StyledStatusRow, { children: /* @__PURE__ */ jsx(Typography, { size: "sm", children: errorText }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             itemsToRender.map((child) => {
               if (React66.isValidElement(child) && child.type === SelectFieldItem) {