sapo-components-ui-rn 1.0.77 → 1.0.79

package/dist/components/NumberKeyboard/index.d.ts

@@ -8,6 +8,8 @@ export interface NumberKeyboardProps {
     onChangeText?: (value: string) => void;
     /** Giá trị tối đa cho phép */
     maxValue?: number;
+    /** Giá trị tối thiểu cho phép */
+    minValue?: number;
     /** Loại input: integer hoặc float */
     type?: "integer" | "float";
     /** Số chữ số thập phân cho phép */

package/dist/components/SelectionField/index.d.ts

@@ -13,7 +13,6 @@ export interface SelectionFieldProps extends TouchableOpacityProps {
     textProps?: IText;
     textColor?: string;
     labelColor?: string;
-    size?: number;
     textStyle?: TextStyle;
     labelStyle?: TextStyle;
     disabled?: boolean;
@@ -21,5 +20,5 @@ export interface SelectionFieldProps extends TouchableOpacityProps {
     theme?: ThemeProp;
     required?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ style, content, label, error, borderColor, left, right, textStyle, labelStyle, textProps, onPress, disabled, textColor, labelColor, size, theme: themeOverrides, required, ...props }: SelectionFieldProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ style, content, label, error, borderColor, left, right, textStyle, labelStyle, textProps, onPress, disabled, textColor, labelColor, theme: themeOverrides, required, ...props }: SelectionFieldProps) => React.JSX.Element>;
 export default _default;

package/dist/index.esm.js

@@ -5279,7 +5279,7 @@ var TextInputFlat = function (_a) {
     var font = theme.fonts.bodyLarge;
     var hasActiveOutline = parentState.focused || error;
     var _h = getConstants(), LABEL_PADDING_TOP = _h.LABEL_PADDING_TOP, FLAT_INPUT_OFFSET = _h.FLAT_INPUT_OFFSET, MIN_HEIGHT = _h.MIN_HEIGHT;
-    var _j = (StyleSheet.flatten(style) || {}), fontSizeStyle = _j.fontSize, lineHeightStyle = _j.lineHeight, fontWeight = _j.fontWeight, height = _j.height, paddingHorizontal = _j.paddingHorizontal, textAlign = _j.textAlign; __rest(_j, ["fontSize", "lineHeight", "fontWeight", "height", "paddingHorizontal", "textAlign"]);
+    var _j = (StyleSheet.flatten(style) || {}), fontSizeStyle = _j.fontSize, lineHeightStyle = _j.lineHeight, fontWeight = _j.fontWeight, height = _j.height, paddingHorizontal = _j.paddingHorizontal; _j.textAlign; __rest(_j, ["fontSize", "lineHeight", "fontWeight", "height", "paddingHorizontal", "textAlign"]);
     var fontSize = fontSizeStyle || MAXIMIZED_LABEL_FONT_SIZE;
     var lineHeight = lineHeightStyle || (Platform.OS === "web" ? fontSize * 1.2 : undefined);
     var isPaddingHorizontalPassed = paddingHorizontal !== undefined && typeof paddingHorizontal === "number";
@@ -5499,11 +5499,7 @@ var TextInputFlat = function (_a) {
                         renderPrefix(), render === null || render === void 0 ? void 0 :
                     render(__assign(__assign({}, rest), { ref: innerRef, onChangeText: handleChangeText, value: inputValue, placeholder: rest.placeholder, editable: !disabled && editable, selectionColor: selectionColor, cursorColor: typeof cursorColor === "undefined" ? activeColor : cursorColor, placeholderTextColor: placeholderTextColorBasedOnState, onFocus: onFocus, onBlur: onBlur, underlineColorAndroid: "transparent", multiline: multiline, style: [
                             styles$d.input,
-                            __assign(__assign({ paddingLeft: paddingLeft, paddingRight: paddingRight, paddingTop: parentState.focused || parentState.value ? SPACE_12 : 0 }, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: multiline ? "top" : "center", textAlign: textAlign
-                                    ? textAlign
-                                    : I18nManager.getConstants().isRTL
-                                        ? "right"
-                                        : "left", marginTop: Platform.OS === "android" ? SPACE_8 : SPACE_2 }),
+                            __assign(__assign({ paddingLeft: paddingLeft, paddingRight: paddingRight, paddingTop: parentState.focused || parentState.value ? SPACE_12 : 0 }, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: multiline ? "top" : "center", marginTop: Platform.OS === "android" ? SPACE_8 : SPACE_2 }),
                             contentStyle,
                         ] })),
                     renderSuffix())),
@@ -5753,11 +5749,7 @@ var TextInputDefault = function (_a) {
                             ? activeColor
                             : cursorColor, placeholderTextColor: placeholderTextColorBasedOnState, onFocus: onFocus, onBlur: onBlur, underlineColorAndroid: "transparent", multiline: multiline, style: [
                             styles$c.input,
-                            __assign(__assign({}, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: multiline ? "top" : "center", textAlign: textAlign
-                                    ? textAlign
-                                    : I18nManager.getConstants().isRTL
-                                        ? "right"
-                                        : "left", height: height ? height : 48, paddingTop: getPaddingTopValue(), paddingBottom: multiline ? CONSTANTS.SPACE_4 : 0 }),
+                            __assign(__assign({}, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: multiline ? "top" : "center", height: height ? height : 48, paddingTop: getPaddingTopValue(), paddingBottom: multiline ? CONSTANTS.SPACE_4 : 0 }),
                             contentStyle,
                         ] })),
                     !multiline && renderSuffix()))),
@@ -5984,8 +5976,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);
             }
         }
@@ -6007,6 +6006,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);
@@ -6014,16 +6027,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; });
                         }
                     }
@@ -6054,7 +6067,6 @@ var TextInputNumber = function (_a) {
         }
         return false;
     };
-    console.log(value, "value");
     var checkLabelEmpty = function () {
         if (label === undefined || label === null || label.toString() === "") {
             return true;
@@ -6078,7 +6090,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,
@@ -6873,7 +6892,7 @@ var Toast = memoWithRef(function (_props, ref) {
                 top: top ? top : CONSTANTS.SPACE_16,
             },
         ] },
-        React__default.createElement(View, { row: !options.title, center: !options.title, full: true, onPress: onPressToast, style: [
+        React__default.createElement(View, { row: !options.title, center: !options.title, full: true, activeOpacity: 0.8, onPress: onPressToast, style: [
                 styles$8.wrapContent,
                 {
                     shadowColor: "black",
@@ -7184,7 +7203,7 @@ var styles$3 = 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 = {
@@ -7237,7 +7256,7 @@ var SelectionField = function (_a) {
                         ] },
                         label,
                         required && React__default.createElement(Text$1, { color: colors.textErrorDefault }, " *"))),
-                    React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: getColor(), size: size, style: [disabled && disabledTextStyle, textStyle] }, textProps),
+                    React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: getColor(), style: [disabled && disabledTextStyle, textStyle] }, textProps),
                         content.toString() === "" ? label : content,
                         required && content.toString() === "" && (React__default.createElement(Text$1, { color: colors.textErrorDefault }, " *")))),
                 right || React__default.createElement(Icon$1, { name: "IconArrowDown", type: "Svg", size: 24 }),
@@ -7334,17 +7353,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 = useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), inputValue = _g[0], setInputValue = _g[1];
-    var _h = useState(true), isFirstInput = _h[0], setIsFirstInput = _h[1];
+    var _h = useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), inputValue = _h[0], setInputValue = _h[1];
+    var _j = useState(true), isFirstInput = _j[0], setIsFirstInput = _j[1];
+    var _k = useState(true), canSave = _k[0], setCanSave = _k[1];
     useEffect(function () {
         if (visible) {
             setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
             setIsFirstInput(true);
         }
     }, [visible, value]);
+    useEffect(function () {
+        var currentValue = Number(inputValue);
+        var minValueNumber = Number(minValue);
+        setCanSave(!isNaN(currentValue) &&
+            !isNaN(minValueNumber) &&
+            currentValue >= minValueNumber);
+    }, [inputValue, minValue]);
     var handleKeyPress = useCallback(function (key) {
         if (key === "del") {
             setInputValue(function (prev) { return prev.slice(0, -1); });
@@ -7353,14 +7380,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.");
                 }
@@ -7376,6 +7409,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);
@@ -7399,17 +7446,19 @@ var NumberKeyboard = function (_a) {
         }
     }, [inputValue, maxValue, type, formatDecimal, isFirstInput]);
     var handleClear = useCallback(function () {
-        setInputValue("0");
+        setInputValue("");
         setIsFirstInput(true);
     }, []);
     var handleSave = 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 = useCallback(function () {
         onClose();
         setIsFirstInput(true);