sapo-components-ui-rn 1.0.72 → 1.0.74

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { ImageProps, StyleProp, ImageStyle } from "react-native";
 interface PropsCustomImage extends ImageProps {
-    useFastImage?: boolean;
     disableDefaultImage?: boolean;
     children?: React.ReactNode;
     resizeMode?: "cover" | "contain" | "stretch" | "center";

package/dist/index.esm.js

@@ -358,7 +358,7 @@ var ref = {
                 borderSuccessInverseDefault: green.GREEN40,
                 toggleBackgroundDefault: ink.INK10,
                 toggleBackgroundActive: green.GREEN80,
-                overlayPrimaryDefault: ink.INK40,
+                overlayPrimaryDefault: "rgba(3, 7, 18, 0.4)",
             },
         },
         light: {
@@ -503,7 +503,7 @@ var ref = {
                 borderSuccessInverseDefault: green.GREEN40,
                 toggleBackgroundDefault: ink.INK10,
                 toggleBackgroundActive: green.GREEN80,
-                overlayPrimaryDefault: ink.INK40,
+                overlayPrimaryDefault: "rgba(3, 7, 18, 0.4)",
             },
         },
     },
@@ -1274,7 +1274,7 @@ var LightTheme = {
         borderSuccessInverseDefault: green.GREEN40,
         toggleBackgroundDefault: ink.INK10,
         toggleBackgroundActive: green.GREEN80,
-        overlayPrimaryDefault: ink.INK40,
+        overlayPrimaryDefault: "rgba(3, 7, 18, 0.4)",
     },
     fonts: configureFonts(),
     animation: {
@@ -1423,7 +1423,7 @@ var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive
         borderSuccessInverseDefault: green.GREEN40,
         toggleBackgroundDefault: ink.INK10,
         toggleBackgroundActive: green.GREEN80,
-        overlayPrimaryDefault: ink.INK40,
+        overlayPrimaryDefault: "rgba(3, 7, 18, 0.4)",
     } });
 
 var DefaultTheme = LightTheme;
@@ -5933,11 +5933,13 @@ var TextInputNumber = function (_a) {
     var _q = useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), inputValue = _q[0], setInputValue = _q[1];
     var _r = useState((value === null || value === void 0 ? void 0 : value.toString()) || ""), numberValue = _r[0], setNumberValue = _r[1];
     var _s = useState(true), canSave = _s[0], setCanSave = _s[1];
+    var _t = useState(false), isFirstInput = _t[0], setIsFirstInput = _t[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()) || "");
     }, [value]);
     useEffect(function () {
         var currentValue = Number(inputValue);
@@ -5967,27 +5969,34 @@ var TextInputNumber = function (_a) {
                 !inputValue.includes(".") &&
                 inputValue.length > 0) {
                 setInputValue(function (prev) { return prev + key; });
+                setIsFirstInput(false);
             }
         }
         else {
-            var newInputValue = inputValue === "0" ? key : inputValue + key;
-            var newValue = Number(newInputValue);
-            var maxValueNumber = Number(maxValue);
-            if (!isNaN(newValue) &&
-                !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 < 10 && decimalPart.length === 0) {
-                        setInputValue(function (prev) { return prev + key; });
-                    }
-                    else if (decimalPart.length < 3) {
-                        setInputValue(function (prev) { return prev + key; });
+            if (isFirstInput) {
+                setInputValue(key);
+                setIsFirstInput(false);
+            }
+            else {
+                var newInputValue = inputValue === "0" ? key : inputValue + key;
+                var newValue = Number(newInputValue);
+                var maxValueNumber = Number(maxValue);
+                if (!isNaN(newValue) &&
+                    !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 < 10 && decimalPart.length === 0) {
+                            setInputValue(function (prev) { return prev + key; });
+                        }
+                        else if (decimalPart.length < 3) {
+                            setInputValue(function (prev) { return prev + key; });
+                        }
                     }
-                }
-                else {
-                    if (inputValue.length < 10) {
-                        setInputValue(function (prev) { return (prev === "0" ? key : prev + key); });
+                    else {
+                        if (inputValue.length < 10) {
+                            setInputValue(function (prev) { return (prev === "0" ? key : prev + key); });
+                        }
                     }
                 }
             }
@@ -6024,6 +6033,7 @@ var TextInputNumber = function (_a) {
     };
     var onShowModalKeyboard = function () {
         setIsShowModalKeyboard(true);
+        setIsFirstInput(true);
     };
     var onCloseModalKeyboard = function () {
         setIsShowModalKeyboard(false);
@@ -7110,9 +7120,9 @@ var Avatar = function (_a) {
     var getInitials = function (name) {
         var words = name.trim().split(" ");
         if (words.length === 1) {
-            return words[0][0];
+            return words[0][0].toUpperCase();
         }
-        return words[0][0] + words[words.length - 1][0];
+        return (words[0][0] + words[words.length - 1][0]).toUpperCase();
     };
     if (children) {
         return React__default.createElement(View, { style: style }, children);
@@ -7129,7 +7139,7 @@ var Avatar = function (_a) {
                 return 16;
         }
     };
-    return (React__default.createElement(View, { onPress: onPress, width: size, height: size, borderRadius: size / 2, center: true, backgroundColor: backgroundColor || colors.surfaceSecondaryDefault, style: [styles$3.container, style] }, source ? (React__default.createElement(Image$1, { useFastImage: true, resizeMode: "cover", source: source, style: [{ width: size, height: size }, imageStyle] })) : (React__default.createElement(Text$1, { size: getSize(size), color: textColor || colors.textSecondary, style: textStyle || { fontWeight: "500" } }, getInitials(name)))));
+    return (React__default.createElement(View, { onPress: onPress, width: size, height: size, borderRadius: size / 2, center: true, backgroundColor: backgroundColor || colors.surfaceSecondaryDefault, style: [styles$3.container, style] }, source ? (React__default.createElement(Image$1, { resizeMode: "cover", source: source, style: [{ width: size, height: size }, imageStyle] })) : (React__default.createElement(Text$1, { size: getSize(size), color: textColor || colors.textSecondary, style: textStyle || { fontWeight: "500" } }, getInitials(name)))));
 };
 var styles$3 = StyleSheet.create({
     container: {
@@ -7292,12 +7302,17 @@ var NumberKeyboard = function (_a) {
     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];
     useEffect(function () {
-        setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
-    }, [value]);
+        if (visible) {
+            setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
+            setIsFirstInput(true);
+        }
+    }, [visible, value]);
     var handleKeyPress = useCallback(function (key) {
         if (key === "del") {
             setInputValue(function (prev) { return prev.slice(0, -1); });
+            setIsFirstInput(false);
             return;
         }
         if (key === ".") {
@@ -7305,9 +7320,15 @@ var NumberKeyboard = function (_a) {
                 !inputValue.includes(".") &&
                 inputValue.length > 0) {
                 setInputValue(function (prev) { return prev + key; });
+                setIsFirstInput(false);
             }
             return;
         }
+        if (isFirstInput) {
+            setInputValue(key);
+            setIsFirstInput(false);
+            return;
+        }
         var newInputValue = inputValue === "0" ? key : inputValue + key;
         var newValue = Number(newInputValue);
         var maxValueNumber = Number(maxValue);
@@ -7329,9 +7350,10 @@ var NumberKeyboard = function (_a) {
                 }
             }
         }
-    }, [inputValue, maxValue, type, formatDecimal]);
+    }, [inputValue, maxValue, type, formatDecimal, isFirstInput]);
     var handleClear = useCallback(function () {
         setInputValue("0");
+        setIsFirstInput(true);
     }, []);
     var handleSave = useCallback(function () {
         var finalValue = inputValue;
@@ -7343,10 +7365,8 @@ var NumberKeyboard = function (_a) {
     }, [inputValue, onChangeText, onClose]);
     var handleClose = useCallback(function () {
         onClose();
-        setTimeout(function () {
-            setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
-        }, 300);
-    }, [onClose, value]);
+        setIsFirstInput(true);
+    }, [onClose]);
     var renderKeyboardRow = useCallback(function (row) { return (React__default.createElement(View, { key: row.join(""), style: styles.keyboardRow }, row.map(function (key) { return (React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, key: key, style: [
             styles.keyButton,
             key === "." && type === "integer" && styles.disabledKey,