sapo-components-ui-rn 1.0.5 → 1.0.7

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

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

package/dist/index.esm.js

@@ -6182,17 +6182,26 @@ var Toast = memoWithRef(function (_props, ref) {
     var viewVisibleAnimatedRef = useRef(null);
     var _b = useSafeAreaInsets(), bottom = _b.bottom, top = _b.top;
     var _c = useState({
-        position: POSITION.TOP,
+        position: POSITION.BOTTOM,
         type: "success",
         title: "Thông báo",
+        spacer: "normal",
     }), options = _c[0], setOptions = _c[1];
     var theme = useInternalTheme();
     var colors = theme.colors;
     var TIME_OUT = useRef(null);
     var show = function (_a) {
-        var message = _a.message, _b = _a.duration, duration = _b === void 0 ? 1000 : _b, _c = _a.position, position = _c === void 0 ? POSITION.TOP : _c, _d = _a.type, type = _d === void 0 ? "success" : _d, onPress = _a.onPress, _e = _a.title, title = _e === void 0 ? "Thông báo" : _e;
+        var message = _a.message, _b = _a.duration, duration = _b === void 0 ? 1000 : _b, _c = _a.position, position = _c === void 0 ? POSITION.BOTTOM : _c, _d = _a.type, type = _d === void 0 ? "success" : _d, onPress = _a.onPress, _e = _a.title, title = _e === void 0 ? "Thông báo" : _e, _f = _a.spacer, spacer = _f === void 0 ? "normal" : _f;
         if (!TIME_OUT.current) {
-            handleShow({ message: message, position: position, type: type, onPress: onPress, title: title, duration: duration });
+            handleShow({
+                message: message,
+                position: position,
+                type: type,
+                onPress: onPress,
+                title: title,
+                duration: duration,
+                spacer: spacer,
+            });
             return;
         }
         clearTimeout(TIME_OUT.current);
@@ -6212,9 +6221,9 @@ var Toast = memoWithRef(function (_props, ref) {
     }); }, []);
     var handleShow = function (_a) {
         var _b, _c;
-        var message = _a.message, _d = _a.position, position = _d === void 0 ? POSITION.TOP : _d, _e = _a.type, type = _e === void 0 ? "success" : _e, onPress = _a.onPress, _f = _a.title, title = _f === void 0 ? "Thông báo" : _f, _g = _a.duration, duration = _g === void 0 ? 1000 : _g;
+        var message = _a.message, _d = _a.position, position = _d === void 0 ? POSITION.TOP : _d, _e = _a.type, type = _e === void 0 ? "success" : _e, onPress = _a.onPress, _f = _a.title, title = _f === void 0 ? "Thông báo" : _f, _g = _a.duration, duration = _g === void 0 ? 1000 : _g, _h = _a.spacer, spacer = _h === void 0 ? "normal" : _h;
         setMessage(message || "");
-        setOptions({ position: position, type: type, onPress: onPress, title: title });
+        setOptions({ position: position, type: type, onPress: onPress, title: title, spacer: spacer });
         (_c = (_b = viewVisibleAnimatedRef.current) === null || _b === void 0 ? void 0 : _b.show) === null || _c === void 0 ? void 0 : _c.call(_b, function () {
             TIME_OUT.current = setTimeout(function () {
                 hide(function () { }, false);
@@ -6263,10 +6272,28 @@ var Toast = memoWithRef(function (_props, ref) {
                 return require("./assets/images/success.png");
         }
     };
+    var handleToastBottomHeight = function () {
+        var spacer = options.spacer;
+        if (typeof spacer === "number") {
+            return spacer;
+        }
+        switch (spacer) {
+            case "normal":
+                return 64;
+            case "medium":
+                return 100;
+            case "large":
+                return 120;
+            default:
+                return 64;
+        }
+    };
     return (React__default.createElement(ViewVisibleAnimated, { ref: viewVisibleAnimatedRef, autoShow: false, scaleEnable: true, style: [
             styles$6.container,
             options.position === POSITION.BOTTOM && {
-                bottom: bottom ? bottom : CONSTANTS.SPACE_16,
+                bottom: bottom
+                    ? bottom + handleToastBottomHeight()
+                    : CONSTANTS.SPACE_16 + handleToastBottomHeight(),
             },
             options.position === POSITION.TOP && {
                 top: top ? top : CONSTANTS.SPACE_16,