@arkyn/components 1.3.138 → 1.3.140

package/dist/components/Toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,cAAc,CAAC;AAEtB,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAgC/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,cAAc,CAAC;AAEtB,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CA4B/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Toast/index.js

@@ -1,23 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertCircle, CheckCircle2, Info, XCircle } from "lucide-react";
+import { CheckCircle2, Info, XCircle } from "lucide-react";
 import "./styles.css";
 function Toast(props) {
-    const { message, title, type, size = "lg" } = props;
-    const className = `arkynToast ${type} ${size}`;
+    const { message, type } = props;
+    const className = `arkynToast ${type}}`;
     function Icon() {
         switch (type) {
-            case "info":
-                return _jsx(Info, {});
             case "success":
                 return _jsx(CheckCircle2, {});
             case "danger":
                 return _jsx(XCircle, {});
-            case "warning":
-                return _jsx(AlertCircle, {});
             default:
                 return _jsx(Info, {});
         }
     }
-    return (_jsxs("div", { className: className, children: [_jsxs("div", { children: [_jsx("div", { className: "bg" }), _jsx(Icon, {})] }), _jsxs("p", { children: [_jsx("strong", { title: title, children: title }), _jsx("span", { children: message })] })] }));
+    return (_jsxs("div", { className: className, children: [_jsxs("div", { children: [_jsx("div", { className: "bg" }), _jsx(Icon, {})] }), _jsx("p", { children: _jsx("span", { children: message }) })] }));
 }
 export { Toast };

package/dist/hooks/useAutomation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAsBA,iBAAS,aAAa,SA2CrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAmBA,iBAAS,aAAa,SAuCrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/hooks/useAutomation.js

@@ -9,10 +9,7 @@ function isToastProps(obj) {
         typeof obj.title === "string" &&
         typeof obj.message === "string" &&
         (obj.size === undefined || obj.size === "md" || obj.size === "lg") &&
-        (obj.type === "info" ||
-            obj.type === "success" ||
-            obj.type === "danger" ||
-            obj.type === "warning"));
+        (obj.type === "success" || obj.type === "danger"));
 }
 function useAutomation() {
     const actionData = useActionData();
@@ -39,11 +36,7 @@ function useAutomation() {
         if (isToastProps(existsToast))
             showToast(existsToast);
         if (!isToastProps(existsToast) && existsMessage) {
-            showToast({
-                message: existsMessage,
-                title: "Atenção!",
-                type: "warning",
-            });
+            showToast({ message: existsMessage, type: "danger" });
         }
     }, [actionData]);
     useEffect(() => {

package/dist/provider/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/provider/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAM9D,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAiBtD;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/provider/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAK9D,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAmBtD;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/provider/ToastProvider.js

@@ -1,17 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import toast, { Toaster } from "react-hot-toast";
 import { ToastContext } from "../context/ToastContext";
-import { Toast } from "../components/Toast";
 function ToastProvider({ children }) {
     function showToast(props) {
-        toast((t) => _jsx(Toast, { ...props }), {
-            style: {
-                padding: 0,
-                background: "transparent",
-                boxShadow: "none",
-            },
-        });
+        switch (props.type) {
+            case "success":
+                return toast.success(props.message);
+            case "danger":
+                return toast.error(props.message);
+        }
     }
-    return (_jsxs(ToastContext.Provider, { value: { showToast }, children: [_jsx(Toaster, { position: "top-right" }), children] }));
+    return (_jsxs(ToastContext.Provider, { value: { showToast }, children: [_jsx(Toaster, { position: "top-right", containerStyle: { zIndex: 999999999999999 } }), children] }));
 }
 export { ToastProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.3.138",
+  "version": "1.3.140",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/components/Toast/index.tsx

@@ -1,23 +1,19 @@
 import { ToastProps } from "@arkyn/types";
-import { AlertCircle, CheckCircle2, Info, XCircle } from "lucide-react";
+import { CheckCircle2, Info, XCircle } from "lucide-react";
 
 import "./styles.css";
 
 function Toast(props: ToastProps) {
-  const { message, title, type, size = "lg" } = props;
+  const { message, type } = props;
 
-  const className = `arkynToast ${type} ${size}`;
+  const className = `arkynToast ${type}}`;
 
   function Icon() {
     switch (type) {
-      case "info":
-        return <Info />;
       case "success":
         return <CheckCircle2 />;
       case "danger":
         return <XCircle />;
-      case "warning":
-        return <AlertCircle />;
       default:
         return <Info />;
     }
@@ -30,7 +26,7 @@ function Toast(props: ToastProps) {
         <Icon />
       </div>
       <p>
-        <strong title={title}>{title}</strong>
+        {/* <strong title={title}>{title}</strong> */}
         <span>{message}</span>
       </p>
     </div>

package/src/hooks/useAutomation.ts

@@ -13,10 +13,7 @@ function isToastProps(obj: any): obj is ToastProps {
     typeof obj.title === "string" &&
     typeof obj.message === "string" &&
     (obj.size === undefined || obj.size === "md" || obj.size === "lg") &&
-    (obj.type === "info" ||
-      obj.type === "success" ||
-      obj.type === "danger" ||
-      obj.type === "warning")
+    (obj.type === "success" || obj.type === "danger")
   );
 }
 
@@ -49,11 +46,7 @@ function useAutomation() {
 
     if (isToastProps(existsToast)) showToast(existsToast);
     if (!isToastProps(existsToast) && existsMessage) {
-      showToast({
-        message: existsMessage,
-        title: "Atenção!",
-        type: "warning",
-      });
+      showToast({ message: existsMessage, type: "danger" });
     }
   }, [actionData]);
 

package/src/provider/ToastProvider.tsx

@@ -2,22 +2,23 @@ import { ToastProps, ToastProviderProps } from "@arkyn/types";
 import toast, { Toaster } from "react-hot-toast";
 
 import { ToastContext } from "../context/ToastContext";
-import { Toast } from "../components/Toast";
 
 function ToastProvider({ children }: ToastProviderProps) {
   function showToast(props: ToastProps) {
-    toast((t) => <Toast {...props} />, {
-      style: {
-        padding: 0,
-        background: "transparent",
-        boxShadow: "none",
-      },
-    });
+    switch (props.type) {
+      case "success":
+        return toast.success(props.message);
+      case "danger":
+        return toast.error(props.message);
+    }
   }
 
   return (
     <ToastContext.Provider value={{ showToast }}>
-      <Toaster position="top-right" />
+      <Toaster
+        position="top-right"
+        containerStyle={{ zIndex: 999999999999999 }}
+      />
       {children}
     </ToastContext.Provider>
   );