sapo-components-ui-rn 1.1.10 → 1.1.12

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

@@ -14,10 +14,9 @@ export interface ButtonProps extends TouchableOpacityProps {
     margin?: number;
     textProps?: IText;
     textColor?: string;
-    bold?: boolean;
-    size?: number;
+    textBold?: boolean;
+    textSize?: number;
     textStyle?: TextStyle;
-    medium?: boolean;
     mode?: "outlined" | "contained" | "transparent";
     transparent?: boolean;
     onPress?: (res?: any) => void;
@@ -28,5 +27,5 @@ export interface ButtonProps extends TouchableOpacityProps {
     critical?: boolean;
     width?: number;
 }
-declare const _default: React.MemoExoticComponent<({ style, title, border, borderColor, isLoading, left, right, margin, textStyle, textProps, onPress, disabled, backgroundColor, textColor, bold, medium, mode, transparent, full, theme: themeOverrides, buttonSize, size, critical, width, type, ...props }: ButtonProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ style, title, border, borderColor, isLoading, left, right, margin, textStyle, textProps, onPress, disabled, backgroundColor, textColor, textBold, mode, transparent, full, theme: themeOverrides, buttonSize, textSize, critical, width, type, ...props }: ButtonProps) => React.JSX.Element>;
 export default _default;

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

@@ -14,6 +14,7 @@ interface SearchInputProps {
     onChangeText?: (text: string) => void;
     height?: number;
     debounceTime?: number;
+    autoFocus?: boolean;
 }
-declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, height, debounceTime, }: SearchInputProps) => React.JSX.Element;
+declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, height, debounceTime, autoFocus, }: SearchInputProps) => React.JSX.Element;
 export default SearchInput;

package/dist/index.esm.js

@@ -6281,7 +6281,7 @@ var TextInput = forwardRef(function (_a, ref) {
 TextInput.Affix = TextInputAffix;
 
 var Button = function (_a) {
-    var style = _a.style, title = _a.title; _a.border; var borderColor = _a.borderColor, isLoading = _a.isLoading, left = _a.left, right = _a.right, margin = _a.margin, textStyle = _a.textStyle, textProps = _a.textProps, onPress = _a.onPress, disabled = _a.disabled, backgroundColor = _a.backgroundColor, textColor = _a.textColor, _b = _a.bold, bold = _b === void 0 ? true : _b, _c = _a.medium, medium = _c === void 0 ? false : _c, _d = _a.mode, mode = _d === void 0 ? "contained" : _d; _a.transparent; var _f = _a.full, full = _f === void 0 ? false : _f; _a.theme; var _g = _a.buttonSize, buttonSize = _g === void 0 ? "normal" : _g, _h = _a.size, size = _h === void 0 ? buttonSize === "small" ? 14 : 16 : _h, _j = _a.critical, critical = _j === void 0 ? false : _j, width = _a.width, _k = _a.type, type = _k === void 0 ? "default" : _k, props = __rest(_a, ["style", "title", "border", "borderColor", "isLoading", "left", "right", "margin", "textStyle", "textProps", "onPress", "disabled", "backgroundColor", "textColor", "bold", "medium", "mode", "transparent", "full", "theme", "buttonSize", "size", "critical", "width", "type"]);
+    var style = _a.style, title = _a.title; _a.border; var borderColor = _a.borderColor, isLoading = _a.isLoading, left = _a.left, right = _a.right, margin = _a.margin, textStyle = _a.textStyle, textProps = _a.textProps, onPress = _a.onPress, disabled = _a.disabled, backgroundColor = _a.backgroundColor, textColor = _a.textColor, _b = _a.textBold, textBold = _b === void 0 ? true : _b, _c = _a.mode, mode = _c === void 0 ? "contained" : _c; _a.transparent; var _e = _a.full, full = _e === void 0 ? false : _e; _a.theme; var _f = _a.buttonSize, buttonSize = _f === void 0 ? "normal" : _f, _g = _a.textSize, textSize = _g === void 0 ? buttonSize === "small" ? 14 : 16 : _g, _h = _a.critical, critical = _h === void 0 ? false : _h, width = _a.width, _j = _a.type, type = _j === void 0 ? "default" : _j, props = __rest(_a, ["style", "title", "border", "borderColor", "isLoading", "left", "right", "margin", "textStyle", "textProps", "onPress", "disabled", "backgroundColor", "textColor", "textBold", "mode", "transparent", "full", "theme", "buttonSize", "textSize", "critical", "width", "type"]);
     var theme = useInternalTheme();
     var colors = theme.colors;
     var disabledTextStyle = {
@@ -6349,7 +6349,11 @@ var Button = function (_a) {
                 ], disabled: isLoading }, isLoading ? (React__default.createElement(ActivityIndicator, { color: (textStyle === null || textStyle === void 0 ? void 0 : textStyle.color) || colors.textBrandDefault })) : (React__default.createElement(View, { row: true },
                 !isLoading && left,
                 left && React__default.createElement(Spacer, { width: CONSTANTS.SPACE_4 }),
-                React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || colors.textBrandDefault, size: size, bold: bold, medium: medium, style: [disabled && disabledTextStyle, textStyle] }, textProps), title),
+                React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || colors.textBrandDefault, size: textSize, bold: textBold, style: [
+                        disabled && disabledTextStyle,
+                        !textBold && styles$b.textMedium,
+                        textStyle,
+                    ] }, textProps), title),
                 right && React__default.createElement(Spacer, { width: CONSTANTS.SPACE_4 }),
                 !isLoading && right)))));
     }
@@ -6384,29 +6388,28 @@ var Button = function (_a) {
                         ? CONSTANTS.SPACE_4
                         : CONSTANTS.SPACE_8 })),
                 React__default.createElement(View, { center: true },
-                    React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || renderTextColor(), size: size, medium: medium, style: [disabled && disabledTextStyle, textStyle] }, textProps), title)),
+                    React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || renderTextColor(), size: textSize, bold: textBold, style: [
+                            disabled && disabledTextStyle,
+                            !textBold && styles$b.textMedium,
+                            textStyle,
+                        ] }, textProps), title)),
                 right && (React__default.createElement(Spacer, { width: buttonSize === "small"
                         ? CONSTANTS.SPACE_4
                         : CONSTANTS.SPACE_8 })),
                 !isLoading && right,
                 React__default.createElement(Spacer, { width: right ? CONSTANTS.SPACE_12 : CONSTANTS.SPACE_16 })))))));
 };
-var styles$b = StyleSheet.create({
-    disabled: { opacity: 0.6 },
-    button: {
+var styles$b = StyleSheet.create(__assign(__assign({}, containerStyles), { disabled: { opacity: 0.6 }, button: {
         height: CONSTANTS.BUTTON_HEIGHT,
         alignItems: "center",
         justifyContent: "center",
         minWidth: CONSTANTS.DEVICE_WIDTH / 4.5,
-    },
-    border: {
+    }, border: {
         borderWidth: CONSTANTS.BORDER_WIDTH_1,
         backgroundColor: "transparent",
-    },
-    small: {
+    }, small: {
         height: CONSTANTS.BUTTON_HEIGHT_SMALL,
-    },
-});
+    } }));
 var index$3 = React__default.memo(Button);
 
 var FloatingButton = function (_a) {
@@ -7246,14 +7249,14 @@ var styles$2 = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
 var index$1 = React__default.memo(SelectionField);
 
 var SearchInput = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, rightIcon = _a.rightIcon, _d = _a.clearButton, clearButton = _d === void 0 ? false : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "Tìm kiếm" : _e, onFocus = _a.onFocus, onBlur = _a.onBlur, onChangeText = _a.onChangeText, style = _a.style, height = _a.height, _f = _a.debounceTime, debounceTime = _f === void 0 ? 500 : _f;
+    var _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, rightIcon = _a.rightIcon, _d = _a.clearButton, clearButton = _d === void 0 ? false : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "Tìm kiếm" : _e, onFocus = _a.onFocus, onBlur = _a.onBlur, onChangeText = _a.onChangeText, style = _a.style, height = _a.height, _f = _a.debounceTime, debounceTime = _f === void 0 ? 500 : _f, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g;
     var theme = useInternalTheme();
     var colors = theme.colors;
     var debouncedOnChangeText = useDebouncedCallback(function (text) {
         onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
     }, debounceTime);
     return (React__default.createElement(TextInput, { left: React__default.createElement(View, null,
-            React__default.createElement(Icon$1, { name: "IconSearch", type: "Svg", size: 18 })), disabled: disabled, value: value, clearButton: clearButton, mode: "default", label: placeholder, placeholder: placeholder, placeholderTextColor: colors.textPlaceholder, right: rightIcon, onFocus: onFocus, onBlur: onBlur, allowFontScaling: false, onChangeText: debouncedOnChangeText, style: [
+            React__default.createElement(Icon$1, { name: "IconSearch", type: "Svg", size: 18 })), disabled: disabled, value: value, clearButton: clearButton, mode: "default", label: placeholder, placeholder: placeholder, placeholderTextColor: colors.textPlaceholder, right: rightIcon, onFocus: onFocus, autoFocus: autoFocus, onBlur: onBlur, allowFontScaling: false, onChangeText: debouncedOnChangeText, style: [
             {
                 height: height || 36,
             },
@@ -7266,7 +7269,6 @@ var SearchInput = function (_a) {
             style,
         ] }));
 };
-StyleSheet.create(__assign({}, containerStyles));
 
 var Tag = function (_a) {
     var style = _a.style, _b = _a.borderRadius, borderRadius = _b === void 0 ? CONSTANTS.BORDER_RADIUS_ROUNDED : _b, _c = _a.title, title = _c === void 0 ? "content" : _c, textStyle = _a.textStyle, onPress = _a.onPress, _d = _a.disabled, disabled = _d === void 0 ? false : _d, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.ellipsizeMode, ellipsizeMode = _f === void 0 ? "tail" : _f, _g = _a.numberOfLines, numberOfLines = _g === void 0 ? 1 : _g, _h = _a.hideRightIcon, hideRightIcon = _h === void 0 ? false : _h, _j = _a.height, height = _j === void 0 ? 32 : _j;