@symply.io/basic-components 1.4.0-beta.2 → 1.4.0-beta.4

package/ToastPrompt/Prompt.js

@@ -20,8 +20,8 @@ function Transition(args) {
     return _jsx(Slide, __assign({}, args, { direction: "up" }));
 }
 function Prompt(props) {
-    var open = props.open, variant = props.variant, message = props.message, timeout = props.timeout, onClose = props.onClose;
+    var open = props.open, type = props.type, message = props.message, timeout = props.timeout, onClose = props.onClose;
     var theme = useCustomTheme();
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Snackbar, __assign({ anchorOrigin: { vertical: "bottom", horizontal: "left" }, open: open, onClose: onClose, autoHideDuration: timeout, TransitionComponent: Transition, sx: { zIndex: 99999 } }, { children: _jsxs(Alert, __assign({ variant: "filled", security: variant, sx: { width: "100%", fontSize: 14, fontWeight: 700 }, onClose: onClose }, { children: [_jsx(AlertTitle, __assign({ sx: { textTransform: "capitalize" } }, { children: variant })), message] })) }), "".concat(Date.now() * Math.round(Math.random()))) })));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Snackbar, __assign({ anchorOrigin: { vertical: "bottom", horizontal: "left" }, open: open, onClose: onClose, autoHideDuration: timeout, TransitionComponent: Transition, sx: { zIndex: 99999 } }, { children: _jsxs(Alert, __assign({ variant: "filled", security: type, sx: { width: "100%", fontSize: 14, fontWeight: 700 }, onClose: onClose }, { children: [_jsx(AlertTitle, __assign({ sx: { textTransform: "capitalize", fontSize: 14, fontWeight: 700 } }, { children: type })), message] })) }), "".concat(Date.now() * Math.round(Math.random()))) })));
 }
 export default Prompt;

package/ToastPrompt/types.d.ts

@@ -1,14 +1,14 @@
 import type { CSSProperties, ReactNode, SyntheticEvent } from "react";
 import type { SnackbarCloseReason } from "@mui/material/Snackbar";
 import type { SvgIconComponent } from "@mui/icons-material";
-export declare type Variant = "success" | "warning" | "info" | "error";
-export declare type PromptStyles = Record<Variant, {
+export declare type Severity = "success" | "warning" | "info" | "error";
+export declare type PromptStyles = Record<Severity, {
     backgroundColor: CSSProperties["color"];
 }>;
-export declare type PromptIcons = Record<Variant, SvgIconComponent>;
+export declare type PromptIcons = Record<Severity, SvgIconComponent>;
 declare type PromptArgs = {
     message: string | 400;
-    variant: Variant;
+    type: Severity;
     timeout: number;
 };
 export interface InterfaceStates {

package/ToastPrompt/useInteractions.d.ts

@@ -2,12 +2,12 @@
 declare function useInteractions(): {
     promptArgs: {
         message: string | 400;
-        variant: import("./types").Variant;
+        type: import("./types").Severity;
         timeout: number;
     } & Record<"open", boolean>;
     onShow: (args: {
         message: string | 400;
-        variant: import("./types").Variant;
+        type: import("./types").Severity;
         timeout: number;
     }) => void;
     onHide: (event: Event | import("react").SyntheticEvent<Element, Event>, reason?: import("@mui/material").SnackbarCloseReason | undefined) => void;

package/ToastPrompt/useInteractions.js

@@ -12,10 +12,11 @@ var __assign = (this && this.__assign) || function () {
 import { useState, useCallback } from "react";
 function useInteractions() {
     var ERROR_MESSAGE = "Internal Server Error";
+    var UNKNOWN_MESSAGE = "Unknown Message";
     var _a = useState({
         open: false,
-        message: "Saved",
-        variant: "success",
+        message: UNKNOWN_MESSAGE,
+        type: "error",
         timeout: 3500
     }), promptArgs = _a[0], setPromptArgs = _a[1];
     var onHide = useCallback(function (_, reason) {
@@ -25,12 +26,12 @@ function useInteractions() {
         setPromptArgs(function (args) { return (__assign(__assign({}, args), { open: false })); });
     }, []);
     var onShow = useCallback(function (args) {
-        var _a = args.message, message = _a === void 0 ? "Unknown message" : _a, _b = args.variant, variant = _b === void 0 ? "info" : _b, _c = args.timeout, timeout = _c === void 0 ? 3500 : _c;
+        var _a = args.message, message = _a === void 0 ? UNKNOWN_MESSAGE : _a, _b = args.type, type = _b === void 0 ? "error" : _b, _c = args.timeout, timeout = _c === void 0 ? 3500 : _c;
         setPromptArgs({
-            open: true,
             message: message === 400 ? ERROR_MESSAGE : message,
-            variant: variant,
-            timeout: timeout
+            type: type,
+            timeout: timeout,
+            open: true
         });
     }, []);
     return { promptArgs: promptArgs, onShow: onShow, onHide: onHide };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.4.0-beta.2",
+  "version": "1.4.0-beta.4",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",