@webority-technologies/mobile 0.0.11 → 0.0.12

package/lib/commonjs/components/SearchBar/SearchBar.js

@@ -38,7 +38,7 @@ const sizeMap = {
 const CANCEL_WIDTH = 72;
 const SearchBar = exports.SearchBar = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
-    value,
+    value: rawValue,
     onChangeText,
     onSubmit,
     placeholder = 'Search…',
@@ -64,6 +64,11 @@ const SearchBar = exports.SearchBar = /*#__PURE__*/(0, _react.forwardRef)((props
   };
   const cancelWidth = theme.components.searchBar?.cancelButtonWidth ?? CANCEL_WIDTH;
   const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
+
+  // Coerce nullable inputs to '' once at the top so every downstream read is
+  // a guaranteed string. Required when consumers pass `value={state}` where
+  // `state` may be `undefined` / `null` before being initialised.
+  const value = typeof rawValue === 'string' ? rawValue : '';
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const [internalValue, setInternalValue] = (0, _react.useState)(value);
   const debouncedValue = (0, _useDebounce.useDebounce)(internalValue, debounceMs ?? 0);

package/lib/module/components/SearchBar/SearchBar.js

@@ -33,7 +33,7 @@ const sizeMap = {
 const CANCEL_WIDTH = 72;
 const SearchBar = /*#__PURE__*/forwardRef((props, ref) => {
   const {
-    value,
+    value: rawValue,
     onChangeText,
     onSubmit,
     placeholder = 'Search…',
@@ -59,6 +59,11 @@ const SearchBar = /*#__PURE__*/forwardRef((props, ref) => {
   };
   const cancelWidth = theme.components.searchBar?.cancelButtonWidth ?? CANCEL_WIDTH;
   const styles = useMemo(() => buildStyles(theme), [theme]);
+
+  // Coerce nullable inputs to '' once at the top so every downstream read is
+  // a guaranteed string. Required when consumers pass `value={state}` where
+  // `state` may be `undefined` / `null` before being initialised.
+  const value = typeof rawValue === 'string' ? rawValue : '';
   const [isFocused, setIsFocused] = useState(false);
   const [internalValue, setInternalValue] = useState(value);
   const debouncedValue = useDebounce(internalValue, debounceMs ?? 0);

package/lib/typescript/commonjs/components/SearchBar/SearchBar.d.ts

@@ -4,7 +4,8 @@ import type { StyleProp, TextInputProps, ViewStyle } from 'react-native';
 export type SearchBarSize = 'sm' | 'md' | 'lg';
 export type SearchBarVariant = 'filled' | 'outlined';
 export interface SearchBarProps extends Omit<TextInputProps, 'style' | 'value' | 'onChangeText'> {
-    value: string;
+    /** Current value. Optional / nullable — treated as empty string when undefined or null. */
+    value?: string | null;
     onChangeText: (text: string) => void;
     onSubmit?: (text: string) => void;
     placeholder?: string;

package/lib/typescript/module/components/SearchBar/SearchBar.d.ts

@@ -4,7 +4,8 @@ import type { StyleProp, TextInputProps, ViewStyle } from 'react-native';
 export type SearchBarSize = 'sm' | 'md' | 'lg';
 export type SearchBarVariant = 'filled' | 'outlined';
 export interface SearchBarProps extends Omit<TextInputProps, 'style' | 'value' | 'onChangeText'> {
-    value: string;
+    /** Current value. Optional / nullable — treated as empty string when undefined or null. */
+    value?: string | null;
     onChangeText: (text: string) => void;
     onSubmit?: (text: string) => void;
     placeholder?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority-technologies/mobile",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Beautiful, animated, accessible React Native components plus API/auth/logging/network/storage utilities for Webority projects.",
   "keywords": [
     "react-native",