@janiscommerce/ui-native 1.13.0 → 1.13.1

package/dist/components/molecules/Input/index.js

@@ -17,18 +17,11 @@ var InputType;
     InputType["amountTotal"] = "numeric";
     InputType["numeric"] = "numeric";
 })(InputType || (InputType = {}));
-const setRef = (ref, value) => {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref && 'current' in ref) {
-        ref.current = value;
-    }
-};
 const Input = forwardRef(({ style, type, variant = 'default', totalValue, onChangeText, ...props }, ref) => {
     const [value, setValue] = useState('');
     const isAmountTotalVariant = variant === 'amountTotal';
-    const inputRef = useRef(null);
+    const internalRef = useRef(null);
+    const inputRef = ref ?? internalRef;
     if (isAmountTotalVariant && typeof totalValue !== 'number') {
         return null;
     }
@@ -52,10 +45,16 @@ const Input = forwardRef(({ style, type, variant = 'default', totalValue, onChan
             color: palette.primary.main,
         },
     });
-    const changeTextCb = (text) => handleChangeText(text, setValue, variant, onChangeText);
+    const changeTextCb = (text) => {
+        const transformedText = handleChangeText(text, variant);
+        setValue(transformedText);
+        if (onChangeText) {
+            onChangeText(transformedText);
+        }
+    };
     const handlePress = () => {
         // istanbul ignore next
-        if (inputRef.current) {
+        if (inputRef && 'current' in inputRef && inputRef.current) {
             Keyboard.dismiss();
             inputRef.current.focus();
         }
@@ -71,10 +70,7 @@ const Input = forwardRef(({ style, type, variant = 'default', totalValue, onChan
     })();
     return (<TouchableWithoutFeedback onPress={handlePress}>
 				<View style={styles.container}>
-					<BaseInput style={[styles.input, style]} ref={(instance) => {
-            setRef(inputRef, instance);
-            setRef(ref, instance);
-        }} value={value} keyboardType={resolvedKeyboardType} onChangeText={changeTextCb} {...props}/>
+					<BaseInput style={[styles.input, style]} ref={inputRef} value={value} keyboardType={resolvedKeyboardType} onChangeText={changeTextCb} {...props}/>
 					{isAmountTotalVariant && (<Typography style={styles.totalValue} type="display" size="medium">
 							{`/${totalValue?.toString()}`}
 						</Typography>)}

package/dist/components/molecules/Input/utils/handleChangeText/index.d.ts

@@ -1,4 +1,3 @@
 import { InputVariant } from '../../../Input';
-import { Dispatch, SetStateAction } from 'react';
-declare const handleChangeText: (text: string, setValue: Dispatch<SetStateAction<string>>, variant: InputVariant, onChangeText?: ((text: string) => void) | undefined) => void;
+declare const handleChangeText: (text: string, variant: InputVariant) => string;
 export default handleChangeText;

package/dist/components/molecules/Input/utils/handleChangeText/index.js

@@ -9,11 +9,8 @@ const transformText = (text, variant) => {
     const transform = variantLogicMapper[variant] || variantLogicMapper.default;
     return transform(text);
 };
-const handleChangeText = (text, setValue, variant, onChangeText) => {
+const handleChangeText = (text, variant) => {
     const transformedText = transformText(text, variant);
-    setValue(transformedText);
-    if (onChangeText) {
-        onChangeText(transformedText);
-    }
+    return transformedText;
 };
 export default handleChangeText;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@janiscommerce/ui-native",
-	"version": "1.13.0",
+	"version": "1.13.1",
 	"description": "components library for Janis app",
 	"main": "dist/index.js",
 	"typings": "dist/index.d.ts",