@umituz/react-native-design-system 2.5.4 → 2.5.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/molecules/SearchBar/SearchBar.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, type Ref } from 'react';
+import React from 'react';
 import {
     View,
     TextInput,
@@ -10,9 +10,7 @@ import { useAppDesignTokens } from '../../theme';
 import { AtomicIcon } from '../../atoms/AtomicIcon';
 import type { SearchBarProps } from './types';
 
-type TextInputRef = React.ComponentRef<typeof TextInput>;
-
-export const SearchBar = forwardRef<TextInputRef, SearchBarProps>(({
+export const SearchBar: React.FC<SearchBarProps> = ({
     value,
     onChangeText,
     onSubmit,
@@ -26,7 +24,7 @@ export const SearchBar = forwardRef<TextInputRef, SearchBarProps>(({
     containerStyle,
     inputStyle,
     testID,
-}, ref) => {
+}) => {
     const tokens = useAppDesignTokens();
 
     const handleClear = () => {
@@ -60,7 +58,6 @@ export const SearchBar = forwardRef<TextInputRef, SearchBarProps>(({
             </View>
 
             <TextInput
-                ref={ref}
                 value={value}
                 onChangeText={onChangeText}
                 onSubmitEditing={onSubmit}
@@ -112,9 +109,7 @@ export const SearchBar = forwardRef<TextInputRef, SearchBarProps>(({
             )}
         </View>
     );
-});
-
-SearchBar.displayName = 'SearchBar';
+};
 
 const styles = StyleSheet.create({
     container: {