@butternutbox/pawprint-native 2.0.1 → 2.1.0

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-CJS dist/index.cjs     576.02 KB
-CJS dist/index.cjs.map 1.12 MB
-CJS ⚡️ Build success in 5883ms
-ESM dist/index.js     544.36 KB
+CJS dist/index.cjs     576.63 KB
+CJS dist/index.cjs.map 1.13 MB
+CJS ⚡️ Build success in 7532ms
+ESM dist/index.js     544.91 KB
 ESM dist/index.js.map 1.12 MB
-ESM ⚡️ Build success in 5884ms
-DTS ⚡️ Build success in 16031ms
-DTS dist/index.d.cts 113.84 KB
-DTS dist/index.d.ts  113.84 KB
+ESM ⚡️ Build success in 7532ms
+DTS ⚡️ Build success in 20401ms
+DTS dist/index.d.cts 113.87 KB
+DTS dist/index.d.ts  113.87 KB

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @butternutbox/pawprint-native
 
+## 2.1.0
+
+### Minor Changes
+
+- 2504fe2: Add `searchable` to `SelectField`, matching `SelectDrawerField`. It defaults to
+  `true`, so existing fields still filter as you type. With `searchable={false}`
+  the field can't be typed into: pressing it opens the full list, and tapping
+  outside the list closes it.
+
 ## 2.0.1
 
 ### Patch Changes

package/dist/index.cjs

@@ -9062,6 +9062,7 @@ var SelectField = React65__default.default.forwardRef(
       optionalText,
       placeholder,
       leadingIcon,
+      searchable = true,
       noResultsText = "No results found",
       errorText = "Something went wrong",
       onSearchQuery,
@@ -9082,6 +9083,7 @@ var SelectField = React65__default.default.forwardRef(
       "optionalText",
       "placeholder",
       "leadingIcon",
+      "searchable",
       "noResultsText",
       "errorText",
       "onSearchQuery",
@@ -9217,7 +9219,7 @@ var SelectField = React65__default.default.forwardRef(
       setInputText("");
       setFilterQuery("");
       commitValue(null);
-      (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      if (searchable) (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
     };
     const fieldState = error ? "error" : state;
     const isOpen = isFocused && !disabled;
@@ -9239,28 +9241,39 @@ var SelectField = React65__default.default.forwardRef(
     );
     const dropdown = React65__default.default.useMemo(() => {
       if (!isOpen || !anchorRect) return null;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        SelectFieldDropdown,
-        {
-          anchor: anchorRect,
-          placement: placement.direction,
-          maxHeight: placement.maxHeight,
-          screenHeight: windowHeight,
-          accessibilityLiveRegion: "polite",
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            SelectFieldList,
-            {
-              state: optionsState,
-              selectedValue,
-              onSelect: onOptionPress,
-              noResultsText,
-              errorText,
-              searchHintText
-            }
-          )
-        }
-      );
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        !searchable && /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Pressable,
+          {
+            style: reactNative.StyleSheet.absoluteFill,
+            onPress: () => setIsFocused(false),
+            accessible: false
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SelectFieldDropdown,
+          {
+            anchor: anchorRect,
+            placement: placement.direction,
+            maxHeight: placement.maxHeight,
+            screenHeight: windowHeight,
+            accessibilityLiveRegion: "polite",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              SelectFieldList,
+              {
+                state: optionsState,
+                selectedValue,
+                onSelect: onOptionPress,
+                noResultsText,
+                errorText,
+                searchHintText
+              }
+            )
+          }
+        )
+      ] });
     }, [
+      searchable,
       isOpen,
       anchorRect,
       placement,
@@ -9279,11 +9292,12 @@ var SelectField = React65__default.default.forwardRef(
         {
           ref: inputRef,
           value: inputText,
-          onChangeText: handleChangeText,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
+          onChangeText: searchable ? handleChangeText : void 0,
+          onFocus: searchable ? handleFocus : void 0,
+          onBlur: searchable ? handleBlur : void 0,
+          onPress: !searchable && !disabled ? () => setIsFocused(true) : void 0,
           placeholder,
-          editable: !disabled,
+          editable: searchable && !disabled,
           state: fieldState,
           hideStateIcons: Boolean(clearAction),
           leadingIcon,