sapo-components-ui-rn 1.1.16 → 1.1.18

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { useWindowDimensions, Platform, StyleSheet, Dimensions, useColorScheme, TouchableOpacity, View as View$1, Text as Text$2, Animated as Animated$1, Pressable, I18nManager, TextInput as TextInput$1, Modal, Keyboard, ActivityIndicator, ImageBackground, Image as Image$2 } from 'react-native';
+import { Dimensions, Platform, StyleSheet, useColorScheme, TouchableOpacity, View as View$1, Text as Text$2, Animated as Animated$1, Pressable, I18nManager, useWindowDimensions, TextInput as TextInput$1, Modal, Keyboard, ActivityIndicator, ImageBackground, Image as Image$2 } from 'react-native';
 import * as React$3 from 'react';
 import React__default, { memo, useCallback, forwardRef as forwardRef$1, useMemo, useState, useEffect, useRef, useImperativeHandle } from 'react';
 import require$$1 from 'deepmerge';
@@ -215,7 +215,8 @@ var yellow = {
     YELLOW_STATUS: YELLOW_STATUS,
 };
 
-var _a$1 = useWindowDimensions(), height = _a$1.height, width = _a$1.width;
+var DEVICE_HEIGHT = Dimensions.get("window").height;
+var DEVICE_WIDTH = Dimensions.get("window").width;
 var ref = {
     palette: {
         dark: {
@@ -572,8 +573,8 @@ var typescale = {
 };
 var ThemeColors = ref.palette;
 var CONSTANTS = {
-    DEVICE_HEIGHT: height,
-    DEVICE_WIDTH: width,
+    DEVICE_HEIGHT: DEVICE_HEIGHT,
+    DEVICE_WIDTH: DEVICE_WIDTH,
     HEADER_HEIGHT: 50,
     BUTTON_HEIGHT: 48,
     BUTTON_HEIGHT_SMALL: 36,
@@ -5031,11 +5032,13 @@ var IconCheckbox = function (props) { return (React$3.createElement(Svg, __assig
     React$3.createElement(Rect, { x: 2.75, y: 2.75, width: 18.5, height: 18.5, rx: 5.25, fill: "currentColor", stroke: "#A1A5AB", strokeWidth: 1.5 }))); };
 
 var IconRadio = function (props) { return (React$3.createElement(Svg, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
-    React$3.createElement(Circle, { cx: 12, cy: 12, r: 9.25, stroke: "#A1A5AB", strokeWidth: 1.5 }))); };
+    React$3.createElement(Path, { d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z", fill: "#9F9FA9" }),
+    React$3.createElement(Path, { d: "M6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12Z", fill: "white" }))); };
 
 var IconRadioActive = function (props) { return (React$3.createElement(Svg, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
-    React$3.createElement(Circle, { cx: 12, cy: 12, r: 9.25, stroke: "currentColor", strokeWidth: 1.5 }),
-    React$3.createElement(Circle, { cx: 12, cy: 12, r: 6, fill: "currentColor" }))); };
+    React$3.createElement(Path, { d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z", fill: "#0071ED" }),
+    React$3.createElement(Circle, { cx: "12", cy: "12", r: "6", fill: "white" }),
+    React$3.createElement(Circle, { cx: "12", cy: "12", r: "4", fill: "#0071ED" }))); };
 
 var IconRadioDisable = function (props) { return (React$3.createElement(Svg, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
     React$3.createElement(Circle, { cx: 12, cy: 12, r: 9.25, stroke: "#E5E7EB", strokeWidth: 1.5 }),
@@ -5758,6 +5761,7 @@ var TextInputNumber = function (_a) {
                 }
                 setIsFirstInput(false);
             }
+            // Nếu type là float, không cho phép nhập "000" ở đầu
         }
         else if (key === ".") {
             if (!inputValue.includes(".")) {
@@ -5773,6 +5777,10 @@ var TextInputNumber = function (_a) {
         }
         else {
             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")) {
+                    return;
+                }
                 setInputValue(key);
                 setIsFirstInput(false);
             }