sapo-components-ui-rn 1.1.92 → 1.1.94

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { StyleProp, ViewStyle, TouchableOpacityProps, TextStyle } from 'react-native';
-import { ThemeProp } from '../../types';
+import React from "react";
+import { StyleProp, ViewStyle, TouchableOpacityProps, TextStyle } from "react-native";
+import { ThemeProp } from "../../types";
 export interface TextInputNumberProps extends TouchableOpacityProps {
     style?: StyleProp<ViewStyle>;
     keyboardStyle?: StyleProp<ViewStyle>;
@@ -17,7 +17,7 @@ export interface TextInputNumberProps extends TouchableOpacityProps {
     theme?: ThemeProp;
     maxValue?: number;
     minValue?: number;
-    type?: 'integer' | 'float';
+    type?: "integer" | "float";
     formatDecimal?: 1 | 2 | 3;
     required?: boolean;
     labelStyle?: StyleProp<TextStyle>;

package/dist/index.esm.js

@@ -5376,59 +5376,59 @@ var ScaleButton$1 = React__default.memo(ScaleButton);
 
 function formatNumberInput$1(value, formatDecimal) {
     if (!value)
-        return '';
-    if (value === '')
-        return '';
+        return "";
+    if (value === "")
+        return "";
     // Xử lý số âm
-    var isNegative = value.startsWith('-');
-    var _a = value.replace(/[^0-9.]/g, '').split('.'), intPart = _a[0], decimalPart = _a[1];
+    var isNegative = value.startsWith("-");
+    var _a = value.replace(/[^0-9.]/g, "").split("."), intPart = _a[0], decimalPart = _a[1];
     // Format phần nguyên
-    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     // Giới hạn phần thập phân 3 số
     if (decimalPart)
         decimalPart = decimalPart.slice(0, formatDecimal);
     var result = intPart;
     if (decimalPart !== undefined)
-        result += '.' + decimalPart;
+        result += "." + decimalPart;
     if (isNegative)
-        result = '-' + result;
+        result = "-" + result;
     return result;
 }
 function formatShowInput(value, formatDecimal) {
     if (!value)
-        return '';
-    if (value === '')
-        return '';
+        return "";
+    if (value === "")
+        return "";
     // Xử lý số âm
-    var isNegative = value.startsWith('-');
-    var _a = value.replace(/[^0-9.]/g, '').split('.'), intPart = _a[0], decimalPart = _a[1];
+    var isNegative = value.startsWith("-");
+    var _a = value.replace(/[^0-9.]/g, "").split("."), intPart = _a[0], decimalPart = _a[1];
     // Format phần nguyên
-    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, '');
+    intPart = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, "");
     // Giới hạn phần thập phân 3 số
     if (decimalPart)
         decimalPart = decimalPart.slice(0, formatDecimal);
     var result = intPart;
     if (decimalPart !== undefined)
-        result += '.' + decimalPart;
+        result += "." + decimalPart;
     if (isNegative)
-        result = '-' + result;
+        result = "-" + result;
     return result;
 }
 var TextInputNumber = function (_a) {
-    var style = _a.style, _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.textError, textError = _d === void 0 ? '' : _d, left = _a.left, right = _a.right, onChangeText = _a.onChangeText, _e = _a.disabled, disabled = _e === void 0 ? false : _e; _a.theme; var _f = _a.prefix, prefix = _f === void 0 ? '' : _f, _g = _a.suffix, suffix = _g === void 0 ? '' : _g, _h = _a.clearButton, clearButton = _h === void 0 ? false : _h, _j = _a.maxValue, maxValue = _j === void 0 ? 999999999999 : _j, _k = _a.minValue, minValue = _k === void 0 ? 0 : _k, _l = _a.type, type = _l === void 0 ? 'integer' : _l, _m = _a.formatDecimal, formatDecimal = _m === void 0 ? 3 : _m, _o = _a.required, required = _o === void 0 ? false : _o, labelStyle = _a.labelStyle, contentStyle = _a.contentStyle, textErrorStyle = _a.textErrorStyle, height = _a.height, _p = _a.keyboardStyle, keyboardStyle = _p === void 0 ? {} : _p, props = __rest(_a, ["style", "value", "label", "textError", "left", "right", "onChangeText", "disabled", "theme", "prefix", "suffix", "clearButton", "maxValue", "minValue", "type", "formatDecimal", "required", "labelStyle", "contentStyle", "textErrorStyle", "height", "keyboardStyle"]);
+    var style = _a.style, _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, _d = _a.textError, textError = _d === void 0 ? "" : _d, left = _a.left, right = _a.right, onChangeText = _a.onChangeText, _e = _a.disabled, disabled = _e === void 0 ? false : _e; _a.theme; var _f = _a.prefix, prefix = _f === void 0 ? "" : _f, _g = _a.suffix, suffix = _g === void 0 ? "" : _g, _h = _a.clearButton, clearButton = _h === void 0 ? false : _h, _j = _a.maxValue, maxValue = _j === void 0 ? 999999999999 : _j, _k = _a.minValue, minValue = _k === void 0 ? 0 : _k, _l = _a.type, type = _l === void 0 ? "integer" : _l, _m = _a.formatDecimal, formatDecimal = _m === void 0 ? 3 : _m, _o = _a.required, required = _o === void 0 ? false : _o, labelStyle = _a.labelStyle, contentStyle = _a.contentStyle, textErrorStyle = _a.textErrorStyle, height = _a.height, _p = _a.keyboardStyle, keyboardStyle = _p === void 0 ? {} : _p, props = __rest(_a, ["style", "value", "label", "textError", "left", "right", "onChangeText", "disabled", "theme", "prefix", "suffix", "clearButton", "maxValue", "minValue", "type", "formatDecimal", "required", "labelStyle", "contentStyle", "textErrorStyle", "height", "keyboardStyle"]);
     var theme = useInternalTheme();
     var colors = theme.colors;
     var _q = useState(false), isShowModalKeyboard = _q[0], setIsShowModalKeyboard = _q[1];
-    var _r = useState((value === null || value === void 0 ? void 0 : value.toString()) || ''), inputValue = _r[0], setInputValue = _r[1];
-    var _s = useState((value === null || value === void 0 ? void 0 : value.toString()) || ''), numberValue = _s[0], setNumberValue = _s[1];
+    var _r = useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), inputValue = _r[0], setInputValue = _r[1];
+    var _s = useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), numberValue = _s[0], setNumberValue = _s[1];
     var _t = useState(true), canSave = _t[0], setCanSave = _t[1];
     var _u = useState(false), isFirstInput = _u[0], setIsFirstInput = _u[1];
     var disabledTextStyle = {
         color: colors.textSecondary,
     };
     useEffect(function () {
-        setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || '');
-        setNumberValue((value === null || value === void 0 ? void 0 : value.toString()) || '');
+        setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
+        setNumberValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
     }, [value]);
     useEffect(function () {
         var currentValue = Number(inputValue);
@@ -5476,18 +5476,33 @@ var TextInputNumber = function (_a) {
         }
         return colors.textSecondary;
     }, [colors, textError, disabled, numberValue]);
+    // Integer: chỉ cho phép "000" khi value hiện tại khác 0 (vd: 1→1000).
+    // Rỗng / 0 / chỉ dấu "-" → disable nút 000.
+    var is000Disabled = useMemo(function () {
+        if (type !== "integer") {
+            return true;
+        }
+        if (!inputValue || inputValue === "-") {
+            return true;
+        }
+        var numericValue = Number(inputValue);
+        return isNaN(numericValue) || numericValue === 0;
+    }, [type, inputValue]);
     var handleKeyPress = function (key) {
-        if (key === 'del') {
+        if (key === "del") {
             setInputValue(function (prev) { return prev.slice(0, -1); });
         }
-        else if (key === '000') {
-            if (type === 'integer') {
+        else if (key === "000") {
+            if (type === "integer") {
+                if (is000Disabled) {
+                    return;
+                }
                 // Xử lý trường hợp nhập "000" để tạo số lớn hơn
                 // Ví dụ: "1" + "000" = "1000", "10" + "000" = "10000"
                 // Nếu vượt quá maxValue, sẽ tự động cắt bớt số 0
                 // Logic này đảm bảo người dùng có thể tiếp tục nhập số đã được khởi tạo
                 // Ví dụ: value=999, người dùng có thể nhập "000" để tạo "999000"
-                var newInputValue = inputValue + '000';
+                var newInputValue = inputValue + "000";
                 var newValue = Number(newInputValue);
                 var maxValueNumber = Number(maxValue);
                 // Kiểm tra nếu giá trị vượt quá maxValue, cắt bớt số 0
@@ -5496,18 +5511,18 @@ var TextInputNumber = function (_a) {
                     newValue > maxValueNumber) {
                     // Tìm số 0 tối đa có thể thêm vào mà không vượt quá maxValue
                     var tempValue = inputValue;
-                    var tempNewValue = Number(tempValue + '000');
+                    var tempNewValue = Number(tempValue + "000");
                     // Giảm dần số 0 cho đến khi không vượt quá maxValue
-                    while (tempNewValue > maxValueNumber && tempValue.endsWith('0')) {
+                    while (tempNewValue > maxValueNumber && tempValue.endsWith("0")) {
                         tempValue = tempValue.slice(0, -1);
-                        tempNewValue = Number(tempValue + '000');
+                        tempNewValue = Number(tempValue + "000");
                     }
                     // Nếu vẫn vượt quá, chỉ thêm số 0 có thể
                     if (tempNewValue > maxValueNumber) {
                         // Tìm số 0 tối đa có thể thêm
                         var maxZeros = 0;
                         for (var i = 1; i <= 3; i++) {
-                            var testValue = Number(inputValue + '0'.repeat(i));
+                            var testValue = Number(inputValue + "0".repeat(i));
                             if (testValue <= maxValueNumber) {
                                 maxZeros = i;
                             }
@@ -5516,7 +5531,7 @@ var TextInputNumber = function (_a) {
                             }
                         }
                         if (maxZeros > 0) {
-                            newInputValue = inputValue + '0'.repeat(maxZeros);
+                            newInputValue = inputValue + "0".repeat(maxZeros);
                             newValue = Number(newInputValue);
                         }
                         else {
@@ -5525,7 +5540,7 @@ var TextInputNumber = function (_a) {
                         }
                     }
                     else {
-                        newInputValue = tempValue + '000';
+                        newInputValue = tempValue + "000";
                         newValue = Number(newInputValue);
                     }
                 }
@@ -5539,15 +5554,15 @@ var TextInputNumber = function (_a) {
             }
             // Nếu type là float, không cho phép nhập "000" ở đầu
         }
-        else if (key === '.') {
-            if (!inputValue.includes('.')) {
+        else if (key === ".") {
+            if (!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.');
+                if (inputValue === "0" || inputValue === "") {
+                    setInputValue("0.");
                 }
-                else if (inputValue === '-') {
+                else if (inputValue === "-") {
                     // Nếu chỉ có dấu trừ, thêm "0."
-                    setInputValue('-0.');
+                    setInputValue("-0.");
                 }
                 else {
                     // Nếu đã có giá trị, thêm dấu "." vào cuối
@@ -5559,7 +5574,7 @@ var TextInputNumber = function (_a) {
         else {
             if (isFirstInput) {
                 // Nếu type là float và key là "0", không cho phép nhập số 0 đầu tiên
-                if (type === 'float' && (key === '0' || key === '000')) {
+                if (type === "float" && (key === "0" || key === "000")) {
                     return;
                 }
                 // Kiểm tra xem có thể nhập được không khi là lần đầu
@@ -5579,7 +5594,7 @@ var TextInputNumber = function (_a) {
                     }
                     if (canInput) {
                         // Nếu inputValue rỗng hoặc chỉ có dấu trừ, thay thế hoàn toàn
-                        if (inputValue === '' || inputValue === '-') {
+                        if (inputValue === "" || inputValue === "-") {
                             setInputValue(key);
                         }
                         else {
@@ -5595,7 +5610,7 @@ var TextInputNumber = function (_a) {
                 }
                 else {
                     // Nếu inputValue rỗng hoặc chỉ có dấu trừ, thay thế hoàn toàn
-                    if (inputValue === '' || inputValue === '-') {
+                    if (inputValue === "" || inputValue === "-") {
                         setInputValue(key);
                     }
                     else {
@@ -5607,12 +5622,12 @@ var TextInputNumber = function (_a) {
             }
             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.');
+                if (inputValue === "0") {
+                    if (key === ".") {
+                        setInputValue("0.");
                         return;
                     }
-                    else if (key >= '1' && key <= '9') {
+                    else if (key >= "1" && key <= "9") {
                         setInputValue(key);
                         return;
                     }
@@ -5636,7 +5651,13 @@ var TextInputNumber = function (_a) {
                         }
                         else {
                             // Nếu vượt quá maxValue, kiểm tra xem có thể nhập được không
-                            var maxValueStr = absMaxValue.toString();
+                            // Khi chuỗi nhập chưa có dấu ".", người dùng đang gõ phần
+                            // nguyên nên phải so độ dài với PHẦN NGUYÊN của maxValue.
+                            // Nếu so với cả chuỗi (vd "999999.999" dài 10 ký tự) thì mốc
+                            // chặn dài hơn số chữ số nguyên thật (6), cho gõ tới 9 chữ số.
+                            var maxValueStr = newInputValue.includes(".")
+                                ? absMaxValue.toString()
+                                : Math.trunc(absMaxValue).toString();
                             inputValue.length;
                             var newLength = newInputValue.length;
                             // Nếu độ dài mới lớn hơn độ dài của maxValue, không cho phép nhập
@@ -5660,7 +5681,11 @@ var TextInputNumber = function (_a) {
                         }
                         else {
                             // Nếu vượt quá maxValue, kiểm tra xem có thể nhập được không
-                            var maxValueStr = maxValueNumber.toString();
+                            // Xem giải thích ở nhánh số âm phía trên. Dùng Math.abs trước
+                            // khi trunc để đối xứng với nhánh đó.
+                            var maxValueStr = newInputValue.includes(".")
+                                ? maxValueNumber.toString()
+                                : Math.trunc(Math.abs(maxValueNumber)).toString();
                             inputValue.length;
                             var newLength = newInputValue.length;
                             // Nếu độ dài mới lớn hơn độ dài của maxValue, không cho phép nhập
@@ -5680,9 +5705,9 @@ var TextInputNumber = function (_a) {
                     }
                 }
                 if (canInput) {
-                    if (inputValue.includes('.')) {
+                    if (inputValue.includes(".")) {
                         // Xử lý số thập phân
-                        var _a = inputValue.split('.'); _a[0]; var _b = _a[1], decimalPart = _b === void 0 ? '' : _b;
+                        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; });
                         }
@@ -5705,16 +5730,16 @@ var TextInputNumber = function (_a) {
         }
     };
     var handleClear = function () {
-        setInputValue('');
+        setInputValue("");
     };
     var handleClearInput = function () {
-        setInputValue('');
-        setNumberValue('');
-        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText('');
+        setInputValue("");
+        setNumberValue("");
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText("");
     };
     var handleSave = function () {
         var finalValue = inputValue;
-        if (inputValue.endsWith('.')) {
+        if (inputValue.endsWith(".")) {
             finalValue = inputValue.slice(0, -1);
         }
         if (formatDecimal) {
@@ -5728,13 +5753,13 @@ var TextInputNumber = function (_a) {
         setIsShowModalKeyboard(false);
     };
     var checkValueEmpty = function () {
-        if (value === undefined || value === null || value.toString() === '') {
+        if (value === undefined || value === null || value.toString() === "") {
             return true;
         }
         return false;
     };
     var checkLabelEmpty = function () {
-        if (label === undefined || label === null || label.toString() === '') {
+        if (label === undefined || label === null || label.toString() === "") {
             return true;
         }
         return false;
@@ -5745,7 +5770,7 @@ var TextInputNumber = function (_a) {
         // Chỉ set isFirstInput = true khi inputValue rỗng hoặc chỉ có dấu trừ
         // Điều này cho phép người dùng tiếp tục nhập từ giá trị hiện tại
         // Ví dụ: value=999, người dùng có thể nhập "000" để tạo "999000"
-        if (inputValue === '' || inputValue === '-') {
+        if (inputValue === "" || inputValue === "-") {
             setIsFirstInput(true);
         }
         else {
@@ -5756,7 +5781,7 @@ var TextInputNumber = function (_a) {
     var onCloseModalKeyboard = function () {
         setIsShowModalKeyboard(false);
         setTimeout(function () {
-            setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || '');
+            setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
         }, 300);
     };
     return (React__default.createElement(View, null,
@@ -5778,7 +5803,7 @@ var TextInputNumber = function (_a) {
                         },
                     ],
                     checkValueEmpty() && {
-                        alignItems: 'center',
+                        alignItems: "center",
                     },
                     textError.length > 0 && [
                         {
@@ -5796,7 +5821,7 @@ var TextInputNumber = function (_a) {
                     style,
                 ] },
                 React__default.createElement(Spacer, { width: SPACE_12 }),
-                left && (React__default.createElement(View, { center: true, paddingRight: SPACE_8, height: '100%' }, left)),
+                left && (React__default.createElement(View, { center: true, paddingRight: SPACE_8, height: "100%" }, left)),
                 React__default.createElement(View, { full: true, paddingRight: SPACE_4 },
                     !checkValueEmpty() && !checkLabelEmpty() && (React__default.createElement(View, null,
                         React__default.createElement(Text$1, { numberOfLines: 1, size: 14, color: colors.textSecondary, style: [
@@ -5810,10 +5835,10 @@ var TextInputNumber = function (_a) {
                             ] },
                             label,
                             required && (React__default.createElement(Text$1, { style: [labelStyle], color: colors.textErrorDefault },
-                                ' ',
+                                " ",
                                 "*"))))),
                     React__default.createElement(View, { row: true, alignCenter: true },
-                        !checkValueEmpty() && prefix.toString() !== '' && (React__default.createElement(Text$1, { numberOfLines: 1, color: colors.textSecondary, style: [contentStyle, , disabled && disabledTextStyle] },
+                        !checkValueEmpty() && prefix.toString() !== "" && (React__default.createElement(Text$1, { numberOfLines: 1, color: colors.textSecondary, style: [contentStyle, , disabled && disabledTextStyle] },
                             prefix, " ")),
                         React__default.createElement(View, { full: true },
                             React__default.createElement(Text$1, { numberOfLines: 1, color: getColorValue, style: [contentStyle, disabled && disabledTextStyle] },
@@ -5821,19 +5846,19 @@ var TextInputNumber = function (_a) {
                                     ? label
                                     : formatNumberInput$1(numberValue, formatDecimal),
                                 checkValueEmpty() && required && (React__default.createElement(Text$1, { style: [contentStyle], color: colors.textErrorDefault },
-                                    ' ',
+                                    " ",
                                     "*")))),
-                        !checkValueEmpty() && suffix.toString() !== '' && (React__default.createElement(Text$1, { numberOfLines: 1, color: colors.textSecondary, style: [contentStyle, disabled && disabledTextStyle] }, " ",
+                        !checkValueEmpty() && suffix.toString() !== "" && (React__default.createElement(Text$1, { numberOfLines: 1, color: colors.textSecondary, style: [contentStyle, disabled && disabledTextStyle] }, " ",
                             suffix)))),
                 clearButton && !checkValueEmpty() && (React__default.createElement(TouchableOpacity, { style: {
-                        alignContent: 'center',
-                        paddingTop: Platform.OS === 'ios' ? 4 : 8,
+                        alignContent: "center",
+                        paddingTop: Platform.OS === "ios" ? 4 : 8,
                     }, activeOpacity: 0.8, onPress: handleClearInput },
                     React__default.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24 }))),
                 right && numberValue && (React__default.createElement(Spacer, { width: 1, height: 24, backgroundColor: theme.colors.borderPrimaryDefault, style: {
                         marginLeft: SPACE_4,
                     } })),
-                right && (React__default.createElement(View, { center: true, paddingLeft: SPACE_8, height: '100%' }, right)),
+                right && (React__default.createElement(View, { center: true, paddingLeft: SPACE_8, height: "100%" }, right)),
                 React__default.createElement(Spacer, { width: SPACE_12 }))),
         !disabled && textError.length > 0 && (React__default.createElement(View, { paddingHorizontal: SPACE_12, paddingVertical: SPACE_4 },
             React__default.createElement(Text$1, { size: 14, numberOfLines: 1, color: theme.colors.textErrorDefault, style: [textErrorStyle] }, textError))),
@@ -5841,38 +5866,38 @@ var TextInputNumber = function (_a) {
             React__default.createElement(TouchableOpacity, { style: styles$c.modalOverlay, activeOpacity: 1, onPress: onCloseModalKeyboard },
                 React__default.createElement(View, { onPress: function () { }, activeOpacity: 1, backgroundColor: colors.surfacePrimaryDefault, style: [styles$c.modalContent, keyboardStyle] },
                     React__default.createElement(Text$1, { style: [styles$c.modalTitle, styles$c.text18] }, label),
-                    React__default.createElement(View, { width: '100%' },
+                    React__default.createElement(View, { width: "100%" },
                         React__default.createElement(View, { paddingHorizontal: SPACE_40 },
-                            React__default.createElement(Text$1, { numberOfLines: 1, style: [styles$c.text30, styles$c.valueText] }, formatNumberInput$1(inputValue, formatDecimal) || '0')),
+                            React__default.createElement(Text$1, { numberOfLines: 1, style: [styles$c.text30, styles$c.valueText] }, formatNumberInput$1(inputValue, formatDecimal) || "")),
                         React__default.createElement(TouchableOpacity, { onPress: handleClear, style: styles$c.clearButton },
                             React__default.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24, color: colors.textSecondary }))),
                     React__default.createElement(View, { style: styles$c.keyboardGrid }, [
-                        ['1', '2', '3'],
-                        ['4', '5', '6'],
-                        ['7', '8', '9'],
-                        [type === 'integer' ? '000' : '.', '0', 'del'],
+                        ["1", "2", "3"],
+                        ["4", "5", "6"],
+                        ["7", "8", "9"],
+                        [type === "integer" ? "000" : ".", "0", "del"],
                     ].map(function (row, rowIndex) { return (React__default.createElement(View, { key: rowIndex, style: styles$c.keyboardRow }, row.map(function (key) { return (React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, key: key, style: [
                             styles$c.keyButton,
-                            key === '000' && type === 'float' && styles$c.disabledKey,
-                            key === '.' &&
-                                inputValue.includes('.') &&
+                            key === "000" && is000Disabled && styles$c.disabledKey,
+                            key === "." &&
+                                inputValue.includes(".") &&
                                 styles$c.disabledKey,
-                        ], onPress: function () { return handleKeyPress(key); }, disabled: (key === '000' && type === 'float') ||
-                            (key === '.' && inputValue.includes('.')) }, key === 'del' ? (React__default.createElement(SvgIcon, { name: "IconDelNumber", width: 24, height: 24, color: colors.textSecondary })) : (React__default.createElement(Text$1, { style: [
+                        ], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && is000Disabled) ||
+                            (key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(SvgIcon, { name: "IconDelNumber", width: 24, height: 24, color: colors.textSecondary })) : (React__default.createElement(Text$1, { style: [
                             styles$c.keyText,
                             styles$c.text22,
-                            key === '000' &&
-                                type === 'float' &&
+                            key === "000" &&
+                                is000Disabled &&
                                 styles$c.disabledKeyText,
-                            key === '.' &&
-                                inputValue.includes('.') &&
+                            key === "." &&
+                                inputValue.includes(".") &&
                                 styles$c.disabledKeyText,
                         ] }, key)))); }))); })),
                     React__default.createElement(View, { style: styles$c.actionRow },
                         React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: styles$c.actionButton, onPress: onCloseModalKeyboard },
                             React__default.createElement(Text$1, { style: [styles$c.actionText, styles$c.text16] }, "\u0110\u00F3ng")),
                         React__default.createElement(Spacer, { style: {
-                                height: '100%',
+                                height: "100%",
                             }, width: 1, backgroundColor: colors.borderPrimaryDefault }),
                         React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: [styles$c.actionButton, !canSave && { opacity: 0.5 }], onPress: handleSave, disabled: !canSave },
                             React__default.createElement(Text$1, { style: [
@@ -5884,9 +5909,9 @@ var TextInputNumber = function (_a) {
 };
 var styles$c = StyleSheet.create(__assign(__assign({}, containerStyles), { disabled: { opacity: 0.6 }, container: {
         height: 48,
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
         // paddingVertical: Platform.OS === "android" ? 3 : SPACE_6
     }, border: {
         borderWidth: BORDER_WIDTH_1,
@@ -5894,54 +5919,54 @@ var styles$c = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
         height: BUTTON_HEIGHT_SMALL,
     }, modalOverlay: {
         flex: 1,
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
-        justifyContent: 'center',
-        alignItems: 'center',
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        justifyContent: "center",
+        alignItems: "center",
     }, modalContent: {
         borderRadius: 20,
-        width: '90%',
+        width: "90%",
         paddingBottom: 20,
-        alignItems: 'center',
-        overflow: 'hidden',
+        alignItems: "center",
+        overflow: "hidden",
     }, modalTitle: {
-        textAlign: 'center',
+        textAlign: "center",
         marginTop: 16,
         marginBottom: 8,
     }, valueText: {
-        textAlign: 'center',
+        textAlign: "center",
     }, clearButton: {
         padding: 8,
-        position: 'absolute',
+        position: "absolute",
         right: SPACE_12,
     }, keyboardGrid: {
         marginVertical: 8,
-        width: '90%',
+        width: "90%",
     }, keyboardRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
+        flexDirection: "row",
+        justifyContent: "space-between",
         marginBottom: 8,
     }, keyButton: {
         flex: 1,
         marginHorizontal: 6,
-        backgroundColor: '#F5F5F5',
+        backgroundColor: "#F5F5F5",
         borderRadius: 8,
-        alignItems: 'center',
-        justifyContent: 'center',
+        alignItems: "center",
+        justifyContent: "center",
         height: 48,
     }, keyText: {
-        fontWeight: '500',
+        fontWeight: "500",
     }, actionRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
+        flexDirection: "row",
+        justifyContent: "space-between",
         marginTop: 12,
-        width: '90%',
+        width: "90%",
         paddingHorizontal: 16,
     }, actionButton: {
         flex: 1,
-        alignItems: 'center',
+        alignItems: "center",
         paddingVertical: 12,
     }, actionText: {
-        fontWeight: '600',
+        fontWeight: "600",
     }, disabledKey: {
         opacity: 0.5,
     }, disabledKeyText: {
@@ -7512,7 +7537,13 @@ var NumberKeyboard = function (_a) {
                         }
                         else {
                             // Nếu vượt quá maxValue, kiểm tra xem có thể nhập được không
-                            var maxValueStr = absMaxValue.toString();
+                            // Khi chuỗi nhập chưa có dấu ".", người dùng đang gõ phần
+                            // nguyên nên phải so độ dài với PHẦN NGUYÊN của maxValue.
+                            // Nếu so với cả chuỗi (vd "999999.999" dài 10 ký tự) thì mốc
+                            // chặn dài hơn số chữ số nguyên thật (6), cho gõ tới 9 chữ số.
+                            var maxValueStr = newInputValue.includes('.')
+                                ? absMaxValue.toString()
+                                : Math.trunc(absMaxValue).toString();
                             inputValue.length;
                             var newLength = newInputValue.length;
                             // Nếu độ dài mới lớn hơn độ dài của maxValue, không cho phép nhập
@@ -7536,7 +7567,11 @@ var NumberKeyboard = function (_a) {
                         }
                         else {
                             // Nếu vượt quá maxValue, kiểm tra xem có thể nhập được không
-                            var maxValueStr = maxValueNumber.toString();
+                            // Xem giải thích ở nhánh số âm phía trên. Dùng Math.abs trước
+                            // khi trunc để đối xứng với nhánh đó.
+                            var maxValueStr = newInputValue.includes('.')
+                                ? maxValueNumber.toString()
+                                : Math.trunc(Math.abs(maxValueNumber)).toString();
                             inputValue.length;
                             var newLength = newInputValue.length;
                             // Nếu độ dài mới lớn hơn độ dài của maxValue, không cho phép nhập