sapo-components-ui-rn 1.1.95 → 1.1.96

package/dist/index.esm.js

@@ -5874,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 }, [
@@ -5936,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%",