sapo-components-ui-rn 1.0.8 → 1.0.10

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

@@ -19,6 +19,7 @@ export interface SelectionFieldProps extends TouchableOpacityProps {
     disabled?: boolean;
     onPress?: (res?: any) => void;
     theme?: ThemeProp;
+    required?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ style, content, label, error, borderColor, left, right, textStyle, labelStyle, textProps, onPress, disabled, textColor, labelColor, size, theme: themeOverrides, ...props }: SelectionFieldProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ style, content, label, error, borderColor, left, right, textStyle, labelStyle, textProps, onPress, disabled, textColor, labelColor, size, theme: themeOverrides, required, ...props }: SelectionFieldProps) => React.JSX.Element>;
 export default _default;

package/dist/components/Toast/ToastProvider.d.ts

@@ -6,7 +6,7 @@ interface ToastRef {
         position?: "top" | "bottom";
         type?: "success" | "fail";
         onPress?: () => void;
-        title?: string;
+        title: string;
         spacer?: "normal" | "medium" | "large" | number;
     }) => void;
 }

package/dist/index.esm.js

@@ -6177,6 +6177,11 @@ var POSITION = {
     TOP: "top",
     BOTTOM: "bottom",
 };
+var SPACER = {
+    NORMAL: "normal",
+    MEDIUM: "medium",
+    LARGE: "large",
+};
 var Toast = memoWithRef(function (_props, ref) {
     var _a = useState("Thông báo"), message = _a[0], setMessage = _a[1];
     var viewVisibleAnimatedRef = useRef(null);
@@ -6213,6 +6218,7 @@ var Toast = memoWithRef(function (_props, ref) {
                 onPress: onPress,
                 title: title,
                 duration: duration,
+                spacer: spacer,
             });
         }, true);
     };
@@ -6275,14 +6281,14 @@ var Toast = memoWithRef(function (_props, ref) {
     var handleToastBottomHeight = function () {
         var spacer = options.spacer;
         if (typeof spacer === "number") {
-            return spacer;
+            return Math.max(0, spacer);
         }
         switch (spacer) {
-            case "normal":
+            case SPACER.NORMAL:
                 return 0;
-            case "medium":
+            case SPACER.MEDIUM:
                 return 72;
-            case "large":
+            case SPACER.LARGE:
                 return 104;
             default:
                 return 0;
@@ -6724,12 +6730,19 @@ var styles$1 = StyleSheet.create({
 });
 
 var SelectionField = function (_a) {
-    var style = _a.style, _b = _a.content, content = _b === void 0 ? "content" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, _d = _a.error, error = _d === void 0 ? "" : _d, borderColor = _a.borderColor; _a.left; var right = _a.right, textStyle = _a.textStyle; _a.labelStyle; var textProps = _a.textProps, onPress = _a.onPress, _e = _a.disabled, disabled = _e === void 0 ? false : _e, textColor = _a.textColor, labelColor = _a.labelColor, _f = _a.size, size = _f === void 0 ? 16 : _f; _a.theme; var props = __rest(_a, ["style", "content", "label", "error", "borderColor", "left", "right", "textStyle", "labelStyle", "textProps", "onPress", "disabled", "textColor", "labelColor", "size", "theme"]);
+    var style = _a.style, _b = _a.content, content = _b === void 0 ? "content" : _b, _c = _a.label, label = _c === void 0 ? "" : _c, _d = _a.error, error = _d === void 0 ? "" : _d, borderColor = _a.borderColor; _a.left; var right = _a.right, textStyle = _a.textStyle; _a.labelStyle; var textProps = _a.textProps, onPress = _a.onPress, _e = _a.disabled, disabled = _e === void 0 ? false : _e, textColor = _a.textColor, labelColor = _a.labelColor, _f = _a.size, size = _f === void 0 ? 16 : _f; _a.theme; var _g = _a.required, required = _g === void 0 ? false : _g, props = __rest(_a, ["style", "content", "label", "error", "borderColor", "left", "right", "textStyle", "labelStyle", "textProps", "onPress", "disabled", "textColor", "labelColor", "size", "theme", "required"]);
     var theme = useInternalTheme();
     var colors = theme.colors;
     var disabledTextStyle = {
         color: colors.textSecondary,
     };
+    var getColor = function () {
+        if (disabled)
+            return colors.textPlaceholder;
+        if (error.length > 0)
+            return colors.textErrorDefault;
+        return textColor || colors.textDefault;
+    };
     return (React__default.createElement(View, null,
         React__default.createElement(ScaleButton$1, __assign({ activeOpacity: 0.8, onPress: onPress }, props, { disabled: disabled || false }),
             React__default.createElement(View, { style: [
@@ -6764,8 +6777,11 @@ var SelectionField = function (_a) {
                             error.length > 0 && {
                                 color: colors.textErrorDefault,
                             },
-                        ] }, label)),
-                    React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || colors.textDefault, size: size, style: [disabled && disabledTextStyle, textStyle] }, textProps), content.toString() === "" ? label : content)),
+                        ] },
+                        label,
+                        " ",
+                        required && React__default.createElement(Text$1, { color: colors.textErrorDefault }, "*"))),
+                    React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: getColor(), size: size, style: [disabled && disabledTextStyle, textStyle] }, textProps), content.toString() === "" ? label : content)),
                 right || React__default.createElement(Icon$1, { name: "IconArrowDown", type: "Svg", size: 24 }),
                 React__default.createElement(Spacer, { width: SPACE_12 }))),
         error.length > 0 && (React__default.createElement(View, { paddingHorizontal: SPACE_12, paddingVertical: SPACE_4 },