@npm_leadtech/legal-contracts-ui 0.93.6 → 0.93.7

package/dist/components/Toast.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Toast: ({ show, title, message, type, onClose, duration }: ToastProps) => JSX.Element | undefined;
+export declare const Toast: ({ show, title, message, type, onClose, duration }: ToastProps) => JSX.Element | null;
 
 export declare interface ToastProps {
     show: boolean;

package/dist/components/Toast.js

@@ -1,11 +1,11 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useEffect as a } from "react";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useEffect as h } from "react";
 import { InfoIcon as c } from "./InfoIcon.js";
-import { DoneCircleIcon as f } from "./DoneCircleIcon.js";
+import { DoneCircleIcon as a } from "./DoneCircleIcon.js";
 import { CloseIcon as d } from "./CloseIcon.js";
 const g = {
   success: {
-    icon: /* @__PURE__ */ e(f, { fill: "white", width: 24, height: 24 }),
+    icon: /* @__PURE__ */ e(a, { fill: "white", width: 24, height: 24 }),
     bg: "bg-primary-500"
   },
   error: {
@@ -16,31 +16,31 @@ const g = {
     icon: /* @__PURE__ */ e(c, { fill: "white", width: 24, height: 24 }),
     bg: "bg-neutral-500"
   }
-}, N = ({ show: l, title: n, message: s, type: h = "default", onClose: i, duration: t = 3e3 }) => {
-  a(() => {
-    const m = setTimeout(() => {
-      i();
-    }, t);
+}, N = ({ show: i, title: n, message: s, type: m = "default", onClose: t, duration: r = 3e3 }) => {
+  h(() => {
+    if (!i) return;
+    const f = setTimeout(() => {
+      t();
+    }, r);
     return () => {
-      clearTimeout(m);
+      clearTimeout(f);
     };
-  }, [i, t]);
-  const r = g[h];
-  if (l)
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        className: `animate-slide-in fixed top-5 right-5 z-9999 flex min-w-75 items-center gap-4 rounded px-4 py-2 shadow-lg ${r.bg}`,
-        children: [
-          /* @__PURE__ */ e("div", { className: "shrink-0", children: r.icon }),
-          /* @__PURE__ */ o("div", { className: "flex grow flex-col text-sm text-white", children: [
-            /* @__PURE__ */ e("p", { className: "font-bold", children: n }),
-            /* @__PURE__ */ e("p", { children: s })
-          ] }),
-          /* @__PURE__ */ e("button", { onClick: i, className: "cursor-pointer", children: /* @__PURE__ */ e(d, { fill: "white", className: "h-4 w-4" }) })
-        ]
-      }
-    );
+  }, [i, t, r]);
+  const o = g[m];
+  return i ? /* @__PURE__ */ l(
+    "div",
+    {
+      className: `animate-slide-in fixed top-5 right-5 z-9999 flex min-w-75 items-center gap-4 rounded px-4 py-2 shadow-lg ${o.bg}`,
+      children: [
+        /* @__PURE__ */ e("div", { className: "shrink-0", children: o.icon }),
+        /* @__PURE__ */ l("div", { className: "flex grow flex-col text-sm text-white", children: [
+          /* @__PURE__ */ e("p", { className: "font-bold", children: n }),
+          /* @__PURE__ */ e("p", { children: s })
+        ] }),
+        /* @__PURE__ */ e("button", { onClick: t, className: "cursor-pointer", children: /* @__PURE__ */ e(d, { fill: "white", className: "h-4 w-4" }) })
+      ]
+    }
+  ) : null;
 };
 export {
   N as Toast

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.93.6",
+  "version": "0.93.7",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",