@arkyn/components 1.3.124 → 1.3.126

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,2CAWtD;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;AAM9D,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAkCtD;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/provider/ToastProvider.js

@@ -1,11 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toaster, toast } from "react-hot-toast";
+import toast, { Toaster } from "react-hot-toast";
 import { ToastContext } from "../context/ToastContext";
-import { Toast } from "../components/Toast";
 function ToastProvider({ children }) {
-    function showToast(data) {
-        toast.custom((ars) => _jsx(Toast, { ...data }));
+    function showToast({ message, title, type, size }) {
+        switch (type) {
+            case "success":
+                toast.success(message, {
+                    style: {
+                        border: "1px solid rgba(var(--toast-success), 1)",
+                        background: "rgba(var(--toast-success), 0.2)",
+                        color: "var(--text-heading)",
+                    },
+                    iconTheme: {
+                        primary: "rgba(var(--toast-success), 1)",
+                        secondary: "#fff",
+                    },
+                });
+                break;
+            case "danger":
+                toast.error(message);
+                break;
+            case "info":
+                toast(message);
+                break;
+            case "warning":
+                toast(message);
+                break;
+        }
     }
-    return (_jsxs(ToastContext.Provider, { value: { showToast }, children: [_jsx(Toaster, {}), children] }));
+    return (_jsxs(ToastContext.Provider, { value: { showToast }, children: [_jsx(Toaster, { position: "bottom-right" }), children] }));
 }
 export { ToastProvider };

package/package.json

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

package/src/provider/ToastProvider.tsx

@@ -1,17 +1,40 @@
 import { ToastProps, ToastProviderProps } from "@arkyn/types";
-import { Toaster, toast } from "react-hot-toast";
+import toast, { Toaster } from "react-hot-toast";
 
 import { ToastContext } from "../context/ToastContext";
 import { Toast } from "../components/Toast";
 
 function ToastProvider({ children }: ToastProviderProps) {
-  function showToast(data: ToastProps) {
-    toast.custom((ars) => <Toast {...data} />);
+  function showToast({ message, title, type, size }: ToastProps) {
+    switch (type) {
+      case "success":
+        toast.success(message, {
+          style: {
+            border: "1px solid rgba(var(--toast-success), 1)",
+            background: "rgba(var(--toast-success), 0.2)",
+            color: "var(--text-heading)",
+          },
+          iconTheme: {
+            primary: "rgba(var(--toast-success), 1)",
+            secondary: "#fff",
+          },
+        });
+        break;
+      case "danger":
+        toast.error(message);
+        break;
+      case "info":
+        toast(message);
+        break;
+      case "warning":
+        toast(message);
+        break;
+    }
   }
 
   return (
     <ToastContext.Provider value={{ showToast }}>
-      <Toaster />
+      <Toaster position="bottom-right" />
       {children}
     </ToastContext.Provider>
   );