sapo-components-ui-rn 1.1.76 → 1.1.78

package/dist/components/TextInput/TextInput.d.ts

@@ -15,10 +15,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.
      */

package/dist/index.esm.js

@@ -4827,9 +4827,10 @@ var TextInputFlat = function (_a) {
             onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText("");
         }
         else {
-            setInputValue(value || "");
+            if (inputValue !== value)
+                setInputValue(value || "");
         }
-    }, [value]);
+    }, [value, inputValue]);
     var handleChangeText = function (text) {
         setInputValue(text);
         onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
@@ -5026,7 +5027,7 @@ var TextInputFlat = function (_a) {
         }
         return false;
     };
-    return (React$3.createElement(View$1, { style: { flex: 1 } },
+    return (React$3.createElement(View$1, null,
         React$3.createElement(View$1, { style: {
                 flexDirection: "row",
                 alignItems: "center",
@@ -5153,9 +5154,10 @@ var TextInputDefault = function (_a) {
             onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText("");
         }
         else {
-            setInputValue(value || "");
+            if (inputValue !== value)
+                setInputValue(value || "");
         }
-    }, [value]);
+    }, [value, inputValue]);
     var handleChangeText = function (text) {
         setInputValue(text);
         onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
@@ -5281,7 +5283,7 @@ var TextInputDefault = function (_a) {
         }
         return false;
     };
-    return (React$3.createElement(View, { style: [{ flex: 1 }, viewStyle] },
+    return (React$3.createElement(View, { style: viewStyle },
         React$3.createElement(View, { row: true, alignCenter: !multiline, justifyCenter: true, style: [
                 {
                     borderRadius: CONSTANTS.BORDER_RADIUS_6,
@@ -5354,6 +5356,7 @@ var styles$d = StyleSheet.create({
     clearButton: {
         justifyContent: "center",
         paddingHorizontal: CONSTANTS.SPACE_8,
+        // alignItems: "center",
     },
     vError: {
         paddingTop: CONSTANTS.SPACE_4,
@@ -5756,7 +5759,7 @@ var TextInputNumber = function (_a) {
             setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
         }, 300);
     };
-    return (React__default.createElement(View, { style: { flex: 1 } },
+    return (React__default.createElement(View, null,
         React__default.createElement(ScaleButton$1, __assign({ activeOpacity: 0.8, onPress: onShowModalKeyboard }, props, { disabled: disabled || false }),
             React__default.createElement(View, { style: [
                     styles$c.container,
@@ -5974,7 +5977,7 @@ var DefaultRenderer = function (props) { return React__default.createElement(Tex
  * @extends TextInput props https://reactnative.dev/docs/textinput#props
  */
 var TextInput = forwardRef(function (_a, ref) {
-    var _b = _a.mode, mode = _b === void 0 ? "flat" : _b, _c = _a.dense, dense = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.error, errorProp = _e === void 0 ? false : _e, _f = _a.multiline, multiline = _f === void 0 ? false : _f, _g = _a.editable, editable = _g === void 0 ? true : _g, contentStyle = _a.contentStyle, _h = _a.render, render = _h === void 0 ? DefaultRenderer : _h; _a.theme; var placeholderTextColor = _a.placeholderTextColor, clearButton = _a.clearButton, textError = _a.textError, prefix = _a.prefix, suffix = _a.suffix, maxValue = _a.maxValue, minValue = _a.minValue, type = _a.type, _j = _a.required, required = _j === void 0 ? false : _j, labelStyle = _a.labelStyle, textErrorStyle = _a.textErrorStyle, height = _a.height, rest = __rest(_a, ["mode", "dense", "disabled", "error", "multiline", "editable", "contentStyle", "render", "theme", "placeholderTextColor", "clearButton", "textError", "prefix", "suffix", "maxValue", "minValue", "type", "required", "labelStyle", "textErrorStyle", "height"]);
+    var _b = _a.mode, mode = _b === void 0 ? "flat" : _b, _c = _a.dense, dense = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.error, errorProp = _e === void 0 ? false : _e, _f = _a.multiline, multiline = _f === void 0 ? false : _f, _g = _a.editable, editable = _g === void 0 ? true : _g, contentStyle = _a.contentStyle, _h = _a.render, render = _h === void 0 ? DefaultRenderer : _h; _a.theme; var placeholderTextColor = _a.placeholderTextColor, clearButton = _a.clearButton, textError = _a.textError, prefix = _a.prefix, suffix = _a.suffix, maxValue = _a.maxValue, minValue = _a.minValue, type = _a.type, _j = _a.required, required = _j === void 0 ? false : _j, rest = __rest(_a, ["mode", "dense", "disabled", "error", "multiline", "editable", "contentStyle", "render", "theme", "placeholderTextColor", "clearButton", "textError", "prefix", "suffix", "maxValue", "minValue", "type", "required"]);
     var theme = useInternalTheme();
     var isControlled = rest.value !== undefined;
     var validInputValue = isControlled ? rest.value : rest.defaultValue;
@@ -6176,7 +6179,7 @@ var TextInput = forwardRef(function (_a, ref) {
             }, onFocus: handleFocus, forceFocus: forceFocus, onBlur: handleBlur, allowFontScaling: false, onChangeText: handleChangeText, onLayoutAnimatedText: handleLayoutAnimatedText, onInputLayout: handleInputContainerLayout, onLabelTextLayout: handleLabelTextLayout, onLeftAffixLayoutChange: onLeftAffixLayoutChange, onRightAffixLayoutChange: onRightAffixLayoutChange, maxFontSizeMultiplier: maxFontSizeMultiplier, contentStyle: contentStyle, scaledLabel: scaledLabel })));
     }
     if (mode === "number") {
-        return (React__default.createElement(TextInputNumber$1, { textError: textError, disabled: disabled, prefix: prefix, suffix: suffix, value: value, right: rest.right, left: rest.left, required: required, label: rest.label, clearButton: clearButton, onChangeText: handleChangeText, maxValue: maxValue, minValue: minValue, formatDecimal: rest.formatDecimal, type: type, labelStyle: labelStyle, textErrorStyle: textErrorStyle, contentStyle: contentStyle, height: height }));
+        return (React__default.createElement(TextInputNumber$1, { textError: textError, disabled: disabled, prefix: prefix, suffix: suffix, value: value, right: rest.right, left: rest.left, required: required, label: rest.label, clearButton: clearButton, onChangeText: handleChangeText, maxValue: maxValue, minValue: minValue, formatDecimal: rest.formatDecimal, type: type }));
     }
     return (React__default.createElement(TextInputFlat, __assign({ dense: dense, disabled: disabled, error: errorProp, textError: textError, editable: editable, prefix: prefix, suffix: suffix, clearButton: clearButton, required: required, render: render }, rest, { theme: theme, value: value, parentState: {
             labeled: labeled,