sapo-components-ui-rn 1.1.94 → 1.1.96

package/dist/index.esm.js

@@ -5488,6 +5488,13 @@ var TextInputNumber = function (_a) {
         var numericValue = Number(inputValue);
         return isNaN(numericValue) || numericValue === 0;
     }, [type, inputValue]);
+    // Float: cho phép nhập "0" khi value rỗng, nhưng không cho "00" liên tiếp ở phần nguyên.
+    var is0Disabled = useMemo(function () {
+        if (type !== "float") {
+            return false;
+        }
+        return inputValue === "0" || inputValue === "-0";
+    }, [type, inputValue]);
     var handleKeyPress = function (key) {
         if (key === "del") {
             setInputValue(function (prev) { return prev.slice(0, -1); });
@@ -5560,8 +5567,8 @@ var TextInputNumber = function (_a) {
                 if (inputValue === "0" || inputValue === "") {
                     setInputValue("0.");
                 }
-                else if (inputValue === "-") {
-                    // Nếu chỉ có dấu trừ, thêm "0."
+                else if (inputValue === "-" || inputValue === "-0") {
+                    // Nếu chỉ có dấu trừ hoặc -0, thêm "0."
                     setInputValue("-0.");
                 }
                 else {
@@ -5572,9 +5579,13 @@ var TextInputNumber = function (_a) {
             }
         }
         else {
+            // Float: chặn nhập "00" liên tiếp ở phần nguyên
+            if (key === "0" && is0Disabled) {
+                return;
+            }
             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")) {
+                // Float vẫn không dùng phím "000"
+                if (type === "float" && key === "000") {
                     return;
                 }
                 // Kiểm tra xem có thể nhập được không khi là lần đầu
@@ -5622,13 +5633,14 @@ 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") {
+                // (float: cho phép một số 0, không cho "00" liên tiếp)
+                if (inputValue === "0" || inputValue === "-0") {
                     if (key === ".") {
-                        setInputValue("0.");
+                        setInputValue(inputValue === "-0" ? "-0." : "0.");
                         return;
                     }
                     else if (key >= "1" && key <= "9") {
-                        setInputValue(key);
+                        setInputValue(inputValue.startsWith("-") ? "-".concat(key) : key);
                         return;
                     }
                     else {
@@ -5862,13 +5874,14 @@ var TextInputNumber = function (_a) {
                 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))),
-        React__default.createElement(Modal, { visible: isShowModalKeyboard, transparent: true, animationType: "fade", onRequestClose: onCloseModalKeyboard },
-            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(Modal, { visible: isShowModalKeyboard, transparent: true, animationType: "fade", statusBarTranslucent: true, onRequestClose: onCloseModalKeyboard },
+            React__default.createElement(View, { style: styles$c.modalOverlay },
+                React__default.createElement(TouchableOpacity, { style: styles$c.modalBackdrop, activeOpacity: 1, onPress: onCloseModalKeyboard }),
+                React__default.createElement(View, { 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, { paddingHorizontal: SPACE_40 },
-                            React__default.createElement(Text$1, { numberOfLines: 1, style: [styles$c.text30, styles$c.valueText] }, formatNumberInput$1(inputValue, formatDecimal) || "")),
+                    React__default.createElement(View, { width: "100%", style: styles$c.valueRow },
+                        React__default.createElement(View, { style: styles$c.valueTextContainer },
+                            React__default.createElement(Text$1, { numberOfLines: 1, style: [styles$c.text30, styles$c.valueText] }, formatNumberInput$1(inputValue, formatDecimal) || "\u00A0")),
                         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 }, [
@@ -5879,16 +5892,21 @@ var TextInputNumber = function (_a) {
                     ].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" && is000Disabled && styles$c.disabledKey,
+                            key === "0" && is0Disabled && styles$c.disabledKey,
                             key === "." &&
                                 inputValue.includes(".") &&
                                 styles$c.disabledKey,
                         ], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && is000Disabled) ||
+                            (key === "0" && is0Disabled) ||
                             (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" &&
                                 is000Disabled &&
                                 styles$c.disabledKeyText,
+                            key === "0" &&
+                                is0Disabled &&
+                                styles$c.disabledKeyText,
                             key === "." &&
                                 inputValue.includes(".") &&
                                 styles$c.disabledKeyText,
@@ -5919,25 +5937,42 @@ var styles$c = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
         height: BUTTON_HEIGHT_SMALL,
     }, modalOverlay: {
         flex: 1,
-        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        width: "100%",
+        height: "100%",
         justifyContent: "center",
         alignItems: "center",
-    }, modalContent: {
+    }, modalBackdrop: __assign(__assign({}, StyleSheet.absoluteFillObject), { backgroundColor: "rgba(0, 0, 0, 0.5)" }), modalContent: {
         borderRadius: 20,
         width: "90%",
         paddingBottom: 20,
         alignItems: "center",
         overflow: "hidden",
+        zIndex: 1,
     }, modalTitle: {
         textAlign: "center",
         marginTop: 16,
         marginBottom: 8,
-    }, valueText: {
-        textAlign: "center",
-    }, clearButton: {
+    }, valueRow: {
+        width: "100%",
+        minHeight: 48,
+        justifyContent: "center",
+        position: "relative",
+    }, valueTextContainer: {
+        width: "100%",
+        paddingHorizontal: SPACE_40,
+        minHeight: 40,
+        justifyContent: "center",
+        alignItems: "center",
+    }, valueText: __assign({ textAlign: "center", width: "100%" }, (Platform.OS === "android" && {
+        includeFontPadding: false,
+        textAlignVertical: "center",
+    })), clearButton: {
         padding: 8,
         position: "absolute",
         right: SPACE_12,
+        top: 0,
+        bottom: 0,
+        justifyContent: "center",
     }, keyboardGrid: {
         marginVertical: 8,
         width: "90%",