@butternutbox/pawprint-native 1.6.0 → 1.6.1

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/index.js     541.75 KB
-ESM dist/index.js.map 1.12 MB
-ESM ⚡️ Build success in 7672ms
-CJS dist/index.cjs     573.67 KB
+CJS dist/index.cjs     574.67 KB
 CJS dist/index.cjs.map 1.13 MB
-CJS ⚡️ Build success in 7672ms
-DTS ⚡️ Build success in 20962ms
+CJS ⚡️ Build success in 7657ms
+ESM dist/index.js     542.68 KB
+ESM dist/index.js.map 1.13 MB
+ESM ⚡️ Build success in 7657ms
+DTS ⚡️ Build success in 21480ms
 DTS dist/index.d.cts 114.88 KB
 DTS dist/index.d.ts  114.88 KB

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @butternutbox/pawprint-native
 
+## 1.6.1
+
+### Patch Changes
+
+- 047b351: fix(INC-4913): re-anchor the searchable dropdown when the keyboard moves its field
+
+  `SelectPrimitive.Trigger` measures the trigger once, synchronously, on press,
+  and the searchable field then re-renders into search mode — where the trigger
+  is a plain `View` rather than a `SelectPrimitive.Trigger`, so the measured node
+  unmounts and nothing can measure it again. Any scroll after that point, such as
+  a `KeyboardAwareScrollView` lifting the focused search input clear of the
+  keyboard, moved the field while the dropdown stayed at the coordinates the
+  field used to occupy.
+
+  The dropdown now re-measures its trigger and pushes the new position through
+  `setTriggerPosition` when the keyboard shows or hides, so the list follows the
+  field instead of being stranded over the keyboard. Reported by the direct-sales
+  team: on the breed step with two or three dogs, the lower fields scroll up and
+  their dropdown is left behind.
+
 ## 1.6.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -9072,6 +9072,25 @@ var StyledRoot14 = styled51__default.default(reactNative.View)(({ theme: theme2
     gap: parseTokenValue48(spacing.gap)
   };
 });
+function SelectFieldAnchor({ triggerRef, enabled }) {
+  const { setTriggerPosition } = SelectPrimitive3__namespace.useRootContext();
+  React66__default.default.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 = reactNative.Keyboard.addListener("keyboardDidShow", reanchor);
+    const hidden = reactNative.Keyboard.addListener("keyboardDidHide", reanchor);
+    return () => {
+      shown.remove();
+      hidden.remove();
+    };
+  }, [enabled, setTriggerPosition, triggerRef]);
+  return null;
+}
 var SelectFieldRoot = React66__default.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
@@ -9121,6 +9140,7 @@ var SelectFieldRoot = React66__default.default.forwardRef(
     const [searchQuery, setSearchQuery] = React66__default.default.useState("");
     const [clearKey, setClearKey] = React66__default.default.useState(0);
     const searchInputRef = React66__default.default.useRef(null);
+    const triggerViewRef = React66__default.default.useRef(null);
     const isQueryMode = searchable && typeof onSearchQuery === "function";
     const [searchResults, setSearchResults] = React66__default.default.useState([]);
     const [isSearching, setIsSearching] = React66__default.default.useState(false);
@@ -9281,6 +9301,7 @@ var SelectFieldRoot = React66__default.default.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsx(
               SelectFieldTrigger,
               {
+                ref: triggerViewRef,
                 state,
                 leadingIcon,
                 isOpen,
@@ -9310,6 +9331,13 @@ var SelectFieldRoot = React66__default.default.forwardRef(
             description && /* @__PURE__ */ jsxRuntime.jsx(InputDescription, { state, children: description }),
             error && state === "error" && /* @__PURE__ */ jsxRuntime.jsx(InputError, { children: error })
           ] })),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SelectFieldAnchor,
+            {
+              triggerRef: triggerViewRef,
+              enabled: searchable && isOpen
+            }
+          ),
           showContent && hasContentToShow && /* @__PURE__ */ jsxRuntime.jsx(SelectFieldContent, { children: isSearching ? /* @__PURE__ */ jsxRuntime.jsx(StyledStatusRow, { children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm" }) }) : searchFailed ? /* @__PURE__ */ jsxRuntime.jsx(StyledStatusRow, { children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { size: "sm", children: errorText }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             itemsToRender.map((child) => {
               if (React66__default.default.isValidElement(child) && child.type === SelectFieldItem) {