sapo-components-ui-rn 1.0.77 → 1.0.78

package/dist/index.js

@@ -6017,8 +6017,15 @@ var TextInputNumber = function (_a) {
             setInputValue(function (prev) { return prev.slice(0, -1); });
         }
         else if (key === "000") {
-            if (type === "integer" && inputValue.length > 0) {
-                setInputValue(function (prev) { return prev + "000"; });
+            if (type === "integer") {
+                var newInputValue = inputValue + "000";
+                var newValue = Number(newInputValue);
+                var maxValueNumber = Number(maxValue);
+                if (!isNaN(newValue) &&
+                    !isNaN(maxValueNumber) &&
+                    newValue <= maxValueNumber) {
+                    setInputValue(newInputValue);
+                }
                 setIsFirstInput(false);
             }
         }
@@ -6040,6 +6047,20 @@ var TextInputNumber = function (_a) {
                 setIsFirstInput(false);
             }
             else {
+                // Kiểm tra nếu input bắt đầu bằng 0 và không có dấu chấm
+                if (inputValue === "0") {
+                    if (key === ".") {
+                        setInputValue("0.");
+                        return;
+                    }
+                    else if (key >= "1" && key <= "9") {
+                        setInputValue(key);
+                        return;
+                    }
+                    else {
+                        return;
+                    }
+                }
                 var newInputValue = inputValue + key;
                 var newValue = Number(newInputValue);
                 var maxValueNumber = Number(maxValue);
@@ -6047,16 +6068,16 @@ var TextInputNumber = function (_a) {
                     !isNaN(maxValueNumber) &&
                     newValue <= maxValueNumber) {
                     if (inputValue.includes(".")) {
-                        var _a = inputValue.split("."), intPart = _a[0], _b = _a[1], decimalPart = _b === void 0 ? "" : _b;
-                        if (intPart.length < 12 && decimalPart.length === 0) {
+                        var _a = inputValue.split("."); _a[0]; var _b = _a[1], decimalPart = _b === void 0 ? "" : _b;
+                        if (newInputValue.length <= 12 && decimalPart.length === 0) {
                             setInputValue(function (prev) { return prev + key; });
                         }
-                        else if (decimalPart.length < 3) {
+                        else if (newInputValue.length <= 12 && decimalPart.length < 3) {
                             setInputValue(function (prev) { return prev + key; });
                         }
                     }
                     else {
-                        if (inputValue.length < 12) {
+                        if (newInputValue.length <= 12) {
                             setInputValue(function (prev) { return prev + key; });
                         }
                     }
@@ -6111,7 +6132,14 @@ var TextInputNumber = function (_a) {
                     {
                         borderRadius: BORDER_RADIUS_6,
                     },
-                    [styles$b.border, { borderColor: colors.borderPrimaryDefault }],
+                    [
+                        styles$b.border,
+                        {
+                            borderColor: isShowModalKeyboard
+                                ? colors.borderBrandDefault
+                                : colors.borderPrimaryDefault,
+                        },
+                    ],
                     textError.length > 0 && [
                         {
                             borderColor: colors.borderErrorDefault,
@@ -7217,7 +7245,7 @@ var styles$3 = reactNative.StyleSheet.create({
 });
 
 var SelectionField = function (_a) {
-    var style = _a.style, _b = _a.content, content = _b === void 0 ? "" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, _d = _a.error, error = _d === void 0 ? "" : _d, borderColor = _a.borderColor; _a.left; var right = _a.right, textStyle = _a.textStyle; _a.labelStyle; var textProps = _a.textProps, onPress = _a.onPress, _e = _a.disabled, disabled = _e === void 0 ? false : _e, textColor = _a.textColor, labelColor = _a.labelColor, _f = _a.size, size = _f === void 0 ? 16 : _f; _a.theme; var _g = _a.required, required = _g === void 0 ? false : _g, props = __rest(_a, ["style", "content", "label", "error", "borderColor", "left", "right", "textStyle", "labelStyle", "textProps", "onPress", "disabled", "textColor", "labelColor", "size", "theme", "required"]);
+    var style = _a.style, _b = _a.content, content = _b === void 0 ? "" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, _d = _a.error, error = _d === void 0 ? "" : _d, borderColor = _a.borderColor; _a.left; var right = _a.right, textStyle = _a.textStyle; _a.labelStyle; var textProps = _a.textProps, onPress = _a.onPress, _e = _a.disabled, disabled = _e === void 0 ? false : _e, textColor = _a.textColor, labelColor = _a.labelColor; _a.theme; var _f = _a.required, required = _f === void 0 ? false : _f, props = __rest(_a, ["style", "content", "label", "error", "borderColor", "left", "right", "textStyle", "labelStyle", "textProps", "onPress", "disabled", "textColor", "labelColor", "theme", "required"]);
     var theme = useInternalTheme();
     var colors = theme.colors;
     var disabledTextStyle = {
@@ -7270,7 +7298,7 @@ var SelectionField = function (_a) {
                         ] },
                         label,
                         required && React__default["default"].createElement(Text$1, { color: colors.textErrorDefault }, " *"))),
-                    React__default["default"].createElement(Text$1, __assign({ numberOfLines: 1, color: getColor(), size: size, style: [disabled && disabledTextStyle, textStyle] }, textProps),
+                    React__default["default"].createElement(Text$1, __assign({ numberOfLines: 1, color: getColor(), style: [disabled && disabledTextStyle, textStyle] }, textProps),
                         content.toString() === "" ? label : content,
                         required && content.toString() === "" && (React__default["default"].createElement(Text$1, { color: colors.textErrorDefault }, " *")))),
                 right || React__default["default"].createElement(Icon$1, { name: "IconArrowDown", type: "Svg", size: 24 }),
@@ -7367,17 +7395,25 @@ var formatNumberInput = function (value, formatDecimal) {
     return result;
 };
 var NumberKeyboard = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, onChangeText = _a.onChangeText, _d = _a.maxValue, maxValue = _d === void 0 ? 999999999999 : _d, _e = _a.type, type = _e === void 0 ? "integer" : _e, _f = _a.formatDecimal, formatDecimal = _f === void 0 ? 3 : _f, visible = _a.visible, onClose = _a.onClose;
+    var _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, onChangeText = _a.onChangeText, _d = _a.maxValue, maxValue = _d === void 0 ? 999999999999 : _d, _e = _a.minValue, minValue = _e === void 0 ? 0 : _e, _f = _a.type, type = _f === void 0 ? "integer" : _f, _g = _a.formatDecimal, formatDecimal = _g === void 0 ? 3 : _g, visible = _a.visible, onClose = _a.onClose;
     var theme = useInternalTheme();
     var colors = theme.colors;
-    var _g = React$3.useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), inputValue = _g[0], setInputValue = _g[1];
-    var _h = React$3.useState(true), isFirstInput = _h[0], setIsFirstInput = _h[1];
+    var _h = React$3.useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), inputValue = _h[0], setInputValue = _h[1];
+    var _j = React$3.useState(true), isFirstInput = _j[0], setIsFirstInput = _j[1];
+    var _k = React$3.useState(true), canSave = _k[0], setCanSave = _k[1];
     React$3.useEffect(function () {
         if (visible) {
             setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
             setIsFirstInput(true);
         }
     }, [visible, value]);
+    React$3.useEffect(function () {
+        var currentValue = Number(inputValue);
+        var minValueNumber = Number(minValue);
+        setCanSave(!isNaN(currentValue) &&
+            !isNaN(minValueNumber) &&
+            currentValue >= minValueNumber);
+    }, [inputValue, minValue]);
     var handleKeyPress = React$3.useCallback(function (key) {
         if (key === "del") {
             setInputValue(function (prev) { return prev.slice(0, -1); });
@@ -7386,14 +7422,20 @@ var NumberKeyboard = function (_a) {
         }
         if (key === "000") {
             if (type === "integer" && inputValue.length > 0) {
-                setInputValue(function (prev) { return prev + "000"; });
+                var newInputValue_1 = inputValue + "000";
+                var newValue_1 = Number(newInputValue_1);
+                var maxValueNumber_1 = Number(maxValue);
+                if (!isNaN(newValue_1) &&
+                    !isNaN(maxValueNumber_1) &&
+                    newValue_1 <= maxValueNumber_1) {
+                    setInputValue(newInputValue_1);
+                }
                 setIsFirstInput(false);
             }
             return;
         }
         if (key === ".") {
             if (type === "float" && !inputValue.includes(".")) {
-                // Nếu inputValue là "0" hoặc rỗng, giữ lại số 0 và thêm dấu "."
                 if (inputValue === "0" || inputValue === "") {
                     setInputValue("0.");
                 }
@@ -7409,6 +7451,20 @@ var NumberKeyboard = function (_a) {
             setIsFirstInput(false);
             return;
         }
+        // Kiểm tra nếu input bắt đầu bằng 0 và không có dấu chấm
+        if (inputValue === "0") {
+            if (key === ".") {
+                setInputValue("0.");
+                return;
+            }
+            else if (key >= "1" && key <= "9") {
+                setInputValue(key);
+                return;
+            }
+            else {
+                return;
+            }
+        }
         var newInputValue = inputValue + key;
         var newValue = Number(newInputValue);
         var maxValueNumber = Number(maxValue);
@@ -7432,17 +7488,19 @@ var NumberKeyboard = function (_a) {
         }
     }, [inputValue, maxValue, type, formatDecimal, isFirstInput]);
     var handleClear = React$3.useCallback(function () {
-        setInputValue("0");
+        setInputValue("");
         setIsFirstInput(true);
     }, []);
     var handleSave = React$3.useCallback(function () {
+        if (!canSave)
+            return;
         var finalValue = inputValue;
         if (inputValue.endsWith(".")) {
             finalValue = inputValue.slice(0, -1);
         }
         onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(finalValue);
         onClose();
-    }, [inputValue, onChangeText, onClose]);
+    }, [inputValue, onChangeText, onClose, canSave]);
     var handleClose = React$3.useCallback(function () {
         onClose();
         setIsFirstInput(true);