sapo-components-ui-rn 1.1.66 → 1.1.68

package/dist/index.esm.js

@@ -76,14 +76,14 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 var BLUE180 = "#0B1826";
 var BLUE160 = "#133457";
 var BLUE140 = "#144E8E";
-var BLUE120 = "#144E8E";
+var BLUE120 = "#0061CC";
 var BLUE100 = "#0071ED";
 var BLUE80 = "#1F8DFF";
-var BLUE60 = "#4DA5FF";
-var BLUE40 = "#8CC9FE";
-var BLUE20 = "#B2DDFF";
-var BLUE10 = "#D9EEFF";
-var BLUE5 = "#F2F7FF";
+var BLUE60 = "#4DA3FF";
+var BLUE40 = "#8CC3FE";
+var BLUE20 = "#B2D7FF";
+var BLUE10 = "#D9EBFF";
+var BLUE5 = "#F2F8FF";
 var blue = {
     BLUE180: BLUE180,
     BLUE160: BLUE160,
@@ -268,7 +268,7 @@ var ref = {
                 iconInfoDefault: blue.BLUE100,
                 iconPrimaryDefault: ink.INK40,
                 iconPrimaryHover: ink.INK60,
-                iconPrimaryDisabled: ink.INK60,
+                iconPrimaryDisabled: ink.INK20,
                 iconPrimaryInverseDefault: white.WHITE100,
                 iconPrimaryInverseHover: white.WHITE80,
                 iconPrimaryInversePressed: white.WHITE80,
@@ -429,7 +429,7 @@ var ref = {
                 iconInfoDefault: blue.BLUE100,
                 iconPrimaryDefault: ink.INK40,
                 iconPrimaryHover: ink.INK60,
-                iconPrimaryDisabled: ink.INK60,
+                iconPrimaryDisabled: ink.INK20,
                 iconPrimaryInverseDefault: white.WHITE100,
                 iconPrimaryInverseHover: white.WHITE80,
                 iconPrimaryInversePressed: white.WHITE80,
@@ -5426,6 +5426,26 @@ function formatNumberInput$1(value, formatDecimal) {
         result = "-" + result;
     return result;
 }
+function formatShowInput(value, formatDecimal) {
+    if (!value)
+        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];
+    // Format phần nguyên
+    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;
+    if (isNegative)
+        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, props = __rest(_a, ["style", "value", "label", "textError", "left", "right", "onChangeText", "disabled", "theme", "prefix", "suffix", "clearButton", "maxValue", "minValue", "type", "formatDecimal", "required", "labelStyle", "contentStyle", "textErrorStyle", "height"]);
     var theme = useInternalTheme();
@@ -5729,8 +5749,14 @@ var TextInputNumber = function (_a) {
         if (inputValue.endsWith(".")) {
             finalValue = inputValue.slice(0, -1);
         }
+        if (formatDecimal) {
+            onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(formatShowInput(finalValue, formatDecimal));
+        }
+        else {
+            onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(finalValue);
+        }
         // Luôn truyền giá trị gốc (không format) để giữ nguyên dạng số
-        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(finalValue);
+        // onChangeText?.(finalValue);
         setIsShowModalKeyboard(false);
     };
     var checkValueEmpty = function () {
@@ -5773,7 +5799,7 @@ var TextInputNumber = function (_a) {
                         borderRadius: BORDER_RADIUS_6,
                     },
                     {
-                        height: height ? height : 48,
+                        height: height ? height : 56,
                     },
                     [
                         styles$c.border,
@@ -5805,7 +5831,7 @@ var TextInputNumber = function (_a) {
                 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, { size: 12, color: colors.textSecondary, style: [
+                        React__default.createElement(Text$1, { size: 14, color: colors.textSecondary, style: [
                                 labelStyle,
                                 disabled && {
                                     color: colors.textPlaceholder,
@@ -5822,11 +5848,7 @@ var TextInputNumber = function (_a) {
                         !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: [
-                                    styles$c.text14,
-                                    contentStyle,
-                                    disabled && disabledTextStyle,
-                                ] },
+                            React__default.createElement(Text$1, { numberOfLines: 1, color: getColorValue, style: [contentStyle, disabled && disabledTextStyle] },
                                 checkValueEmpty()
                                     ? label
                                     : formatNumberInput$1(numberValue, formatDecimal),
@@ -5846,7 +5868,7 @@ var TextInputNumber = function (_a) {
                 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: 12, numberOfLines: 1, color: theme.colors.textErrorDefault, style: [textErrorStyle] }, textError))),
+            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 },
@@ -6525,7 +6547,7 @@ var Toast = memoWithRef(function (_props, ref) {
     var viewVisibleAnimatedRef = useRef(null);
     var _b = useSafeAreaInsets(), bottom = _b.bottom, top = _b.top;
     var _c = useState({
-        position: POSITION.BOTTOM,
+        position: POSITION.TOP,
         type: "success",
         title: "Thông báo",
         spacer: "normal",
@@ -6534,7 +6556,7 @@ var Toast = memoWithRef(function (_props, ref) {
     var colors = theme.colors;
     var TIME_OUT = useRef(null);
     var show = function (_a) {
-        var message = _a.message, _b = _a.duration, duration = _b === void 0 ? 1000 : _b, _c = _a.position, position = _c === void 0 ? POSITION.BOTTOM : _c, _d = _a.type, type = _d === void 0 ? "success" : _d, onPress = _a.onPress, _e = _a.title, title = _e === void 0 ? "Thông báo" : _e, _f = _a.spacer, spacer = _f === void 0 ? "normal" : _f;
+        var message = _a.message, _b = _a.duration, duration = _b === void 0 ? 1000 : _b, _c = _a.position, position = _c === void 0 ? POSITION.TOP : _c, _d = _a.type, type = _d === void 0 ? "success" : _d, onPress = _a.onPress, _e = _a.title, title = _e === void 0 ? "Thông báo" : _e, _f = _a.spacer, spacer = _f === void 0 ? "normal" : _f;
         if (!TIME_OUT.current) {
             handleShow({
                 message: message,