sapo-components-ui-rn 1.1.76 → 1.1.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sapo-components-ui-rn",
-  "version": "1.1.76",
+  "version": "1.1.78",
   "description": "React Native UI Components Library",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/TextInput/TextInput.tsx

@@ -22,6 +22,7 @@ import type { ThemeProp } from "../../types";
 import { forwardRef } from "../../utils/forwardRef";
 import { roundLayoutSize } from "../../utils/roundLayoutSize";
 import TextInputNumber from "./TextInputNumber";
+import View from "../View";
 
 const BLUR_ANIMATION_DURATION = 180;
 const FOCUS_ANIMATION_DURATION = 150;
@@ -38,10 +39,6 @@ export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
   type?: "integer" | "float";
   formatDecimal?: 1 | 2 | 3;
   required?: boolean;
-  labelScaleValue?: number;
-  labelStyle?: StyleProp<TextStyle>;
-  textErrorStyle?: StyleProp<TextStyle>;
-  height?: number;
   /**
    * If true, user won't be able to interact with the component.
    */
@@ -241,9 +238,6 @@ const TextInput = forwardRef<TextInputHandles, Props>(
       minValue,
       type,
       required = false,
-      labelStyle,
-      textErrorStyle,
-      height,
       ...rest
     }: Props,
     ref
@@ -561,10 +555,6 @@ const TextInput = forwardRef<TextInputHandles, Props>(
           minValue={minValue}
           formatDecimal={rest.formatDecimal}
           type={type}
-          labelStyle={labelStyle}
-          textErrorStyle={textErrorStyle}
-          contentStyle={contentStyle}
-          height={height}
         />
       );
     }

package/src/components/TextInput/TextInputDefault.tsx

@@ -89,9 +89,9 @@ const TextInputDefault = ({
       setInputValue("");
       onChangeText?.("");
     } else {
-      setInputValue(value || "");
+      if (inputValue !== value) setInputValue(value || "");
     }
-  }, [value]);
+  }, [value, inputValue]);
 
   const handleChangeText = (text: string) => {
     setInputValue(text);
@@ -282,7 +282,7 @@ const TextInputDefault = ({
   };
 
   return (
-    <View style={[{ flex: 1 }, viewStyle]}>
+    <View style={viewStyle}>
       <View
         row
         alignCenter={!multiline}
@@ -472,6 +472,7 @@ const styles = StyleSheet.create({
   clearButton: {
     justifyContent: "center",
     paddingHorizontal: CONSTANTS.SPACE_8,
+    // alignItems: "center",
   },
   vError: {
     paddingTop: CONSTANTS.SPACE_4,

package/src/components/TextInput/TextInputFlat.tsx

@@ -93,9 +93,9 @@ const TextInputFlat = ({
       setInputValue("");
       onChangeText?.("");
     } else {
-      setInputValue(value || "");
+      if (inputValue !== value) setInputValue(value || "");
     }
-  }, [value]);
+  }, [value, inputValue]);
 
   const handleChangeText = (text: string) => {
     setInputValue(text);
@@ -380,7 +380,7 @@ const TextInputFlat = ({
   };
 
   return (
-    <View style={{ flex: 1 }}>
+    <View>
       <View
         style={{
           flexDirection: "row",

package/src/components/TextInput/TextInputNumber.tsx

@@ -486,7 +486,7 @@ const TextInputNumber = ({
   };
 
   return (
-    <View style={{ flex: 1 }}>
+    <View>
       <ScaleButton
         activeOpacity={0.8}
         onPress={onShowModalKeyboard}