@butternutbox/pawprint-native 1.6.0 → 1.6.2

package/dist/index.js

@@ -9041,6 +9041,35 @@ var StyledRoot14 = styled51(View)(({ theme: theme2 }) => {
     gap: parseTokenValue48(spacing.gap)
   };
 });
+var isSamePosition = (a, b) => a !== null && b !== null && a.width === b.width && a.height === b.height && a.pageX === b.pageX && a.pageY === b.pageY;
+function SelectFieldAnchor({ triggerRef, enabled }) {
+  const { triggerPosition, setTriggerPosition } = SelectPrimitive3.useRootContext();
+  const anchoredRef = React66.useRef(null);
+  React66.useEffect(() => {
+    anchoredRef.current = triggerPosition != null ? triggerPosition : null;
+  }, [triggerPosition]);
+  React66.useEffect(() => {
+    if (!enabled) return;
+    let frame;
+    let previous = null;
+    const track = () => {
+      var _a;
+      (_a = triggerRef.current) == null ? void 0 : _a.measure((_x, _y, width, height, pageX, pageY) => {
+        const measured = { width, height, pageX, pageY };
+        const settled = isSamePosition(measured, previous);
+        if (settled && !isSamePosition(measured, anchoredRef.current)) {
+          anchoredRef.current = measured;
+          setTriggerPosition(measured);
+        }
+        previous = measured;
+      });
+      frame = requestAnimationFrame(track);
+    };
+    frame = requestAnimationFrame(track);
+    return () => cancelAnimationFrame(frame);
+  }, [enabled, setTriggerPosition, triggerRef]);
+  return null;
+}
 var SelectFieldRoot = React66.forwardRef(
   (_a, ref) => {
     var _b = _a, {
@@ -9090,6 +9119,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);
@@ -9250,6 +9280,7 @@ var SelectFieldRoot = React66.forwardRef(
             /* @__PURE__ */ jsx(
               SelectFieldTrigger,
               {
+                ref: triggerViewRef,
                 state,
                 leadingIcon,
                 isOpen,
@@ -9279,6 +9310,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) {