@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/components/ui/hooks/useRootClose.js

@@ -1,54 +1,54 @@
-import { useCallback as D, useRef as h, useEffect as r } from "react";
-const E = (n, u) => {
+import { useCallback as l, useRef as D, useEffect as i } from "react";
+const m = (n, t) => {
   if (n.contains)
-    return n.contains(u);
+    return n.contains(t);
   if (n.compareDocumentPosition)
-    return n === u || !!(n.compareDocumentPosition(u) & 16);
-  if (u)
+    return n === t || !!(n.compareDocumentPosition(t) & 16);
+  if (t)
     do
-      if (u === n)
+      if (t === n)
         return !0;
-    while (u = u.parentNode);
+    while (t = t.parentNode);
   return !1;
 };
-function l(n) {
-  return (n == null ? void 0 : n.button) === 0;
+function E(n) {
+  return n?.button === 0;
 }
-function w(n) {
-  return !!(n.metaKey || n.altKey || n.ctrlKey || n != null && n.shiftKey);
+function d(n) {
+  return !!(n.metaKey || n.altKey || n.ctrlKey || n?.shiftKey);
 }
-function K(n, u, c, s = !1) {
-  return n.addEventListener(u, c, s), {
+function w(n, t, r, u = !1) {
+  return n.addEventListener(t, r, u), {
     off() {
-      n.removeEventListener(u, c, s);
+      n.removeEventListener(t, r, u);
     }
   };
 }
-function L(n, { disabled: u, triggerTarget: c, overlayTarget: s }) {
-  const i = D(
-    (f) => {
-      const m = c == null ? void 0 : c.current, t = s == null ? void 0 : s.current;
-      m && E(m, f.target) || t && E(t, f.target) || w(f) || !l(f) || n == null || n(f);
+function h(n, { disabled: t, triggerTarget: r, overlayTarget: u }) {
+  const c = l(
+    (e) => {
+      const s = r?.current, o = u?.current;
+      s && m(s, e.target) || o && m(o, e.target) || d(e) || !E(e) || n?.(e);
     },
-    [n, c, s]
-  ), o = h(i);
-  r(() => {
-    o.current = i;
-  }, [i]), r(() => {
-    const f = c == null ? void 0 : c.current;
-    if (u || !f) return;
-    const t = K(
-      f && f.ownerDocument || document,
+    [n, r, u]
+  ), f = D(c);
+  i(() => {
+    f.current = c;
+  }, [c]), i(() => {
+    const e = r?.current;
+    if (t || !e) return;
+    const o = w(
+      e && e.ownerDocument || document,
       "mousedown",
-      (d) => o.current(d),
+      (a) => f.current(a),
       !0
     );
     return () => {
-      t == null || t.off();
+      o?.off();
     };
-  }, [c, u]);
+  }, [r, t]);
 }
 export {
-  L as default
+  h as default
 };
 //# sourceMappingURL=useRootClose.js.map

package/dist/@ecme/components/ui/hooks/useRootClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRootClose.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useRootClose.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useCallback, useRef } from 'react'\nimport type { RefObject, ReactEventHandler } from 'react'\n\ntype Options = {\n    disabled: boolean\n    triggerTarget: RefObject<HTMLElement | null>\n    overlayTarget: RefObject<HTMLElement | null>\n    listenEscape?: boolean\n}\n\ninterface CustomEventListener<T = any> {\n    (evt: T): void\n}\n\nconst domContains = (context: Element, node: (Node & ParentNode) | null) => {\n    if (context.contains) {\n        return context.contains(node)\n    } else if (context.compareDocumentPosition) {\n        return (\n            context === node ||\n            !!(context.compareDocumentPosition(node as Node) & 16)\n        )\n    }\n    if (node) {\n        do {\n            if (node === context) {\n                return true\n            }\n        } while ((node = node.parentNode))\n    }\n    return false\n}\n\nfunction isLeftClickEvent(e: MouseEvent) {\n    return e?.button === 0\n}\n\nfunction isModifiedEvent(e: MouseEvent) {\n    return !!(e.metaKey || e.altKey || e.ctrlKey || e?.shiftKey)\n}\n\nfunction onEventListener<K extends keyof DocumentEventMap>(\n    target: Element | Window | Document | EventTarget,\n    eventType: K,\n    listener: EventListenerOrEventListenerObject | CustomEventListener,\n    options: boolean | AddEventListenerOptions = false,\n): { off: () => void } {\n    target.addEventListener(eventType, listener, options)\n\n    return {\n        off() {\n            target.removeEventListener(eventType, listener, options)\n        },\n    }\n}\n\nfunction useRootClose(\n    onRootClose: ReactEventHandler | undefined,\n    { disabled, triggerTarget, overlayTarget }: Options,\n) {\n    const handleDocumentMouseDown = useCallback(\n        (event: any) => {\n            const triggerElement = triggerTarget?.current\n            const overlayElement = overlayTarget?.current\n\n            if (triggerElement && domContains(triggerElement, event.target)) {\n                return\n            }\n\n            if (overlayElement && domContains(overlayElement, event.target)) {\n                return\n            }\n\n            if (isModifiedEvent(event) || !isLeftClickEvent(event)) {\n                return\n            }\n\n            onRootClose?.(event)\n        },\n        [onRootClose, triggerTarget, overlayTarget],\n    )\n\n    const handleDocumentMouseDownRef = useRef(handleDocumentMouseDown)\n\n    useEffect(() => {\n        handleDocumentMouseDownRef.current = handleDocumentMouseDown\n    }, [handleDocumentMouseDown])\n\n    useEffect(() => {\n        const currentTarget = triggerTarget?.current\n\n        if (disabled || !currentTarget) return\n\n        const doc = () =>\n            (currentTarget && currentTarget.ownerDocument) || document\n        const onDocumentMouseDownListener = onEventListener(\n            doc(),\n            'mousedown',\n            (event: any) => handleDocumentMouseDownRef.current(event),\n            true,\n        )\n\n        return () => {\n            onDocumentMouseDownListener?.off()\n        }\n    }, [triggerTarget, disabled])\n}\n\nexport default useRootClose\n"],"names":["domContains","context","node","isLeftClickEvent","e","isModifiedEvent","onEventListener","target","eventType","listener","options","useRootClose","onRootClose","disabled","triggerTarget","overlayTarget","handleDocumentMouseDown","useCallback","event","triggerElement","overlayElement","handleDocumentMouseDownRef","useRef","useEffect","currentTarget","onDocumentMouseDownListener"],"mappings":";AAeA,MAAMA,IAAc,CAACC,GAAkBC,MAAqC;AACxE,MAAID,EAAQ;AACR,WAAOA,EAAQ,SAASC,CAAI;AAChC,MAAWD,EAAQ;AACf,WACIA,MAAYC,KACZ,CAAC,EAAED,EAAQ,wBAAwBC,CAAY,IAAI;AAG3D,MAAIA;AACA;AACI,UAAIA,MAASD;AACT,eAAO;AAAA,WAELC,IAAOA,EAAK;AAE1B,SAAO;AACX;AAEA,SAASC,EAAiBC,GAAe;AACrC,UAAOA,KAAA,gBAAAA,EAAG,YAAW;AACzB;AAEA,SAASC,EAAgBD,GAAe;AACpC,SAAO,CAAC,EAAEA,EAAE,WAAWA,EAAE,UAAUA,EAAE,WAAWA,KAAA,QAAAA,EAAG;AACvD;AAEA,SAASE,EACLC,GACAC,GACAC,GACAC,IAA6C,IAC1B;AACnB,SAAAH,EAAO,iBAAiBC,GAAWC,GAAUC,CAAO,GAE7C;AAAA,IACH,MAAM;AACF,MAAAH,EAAO,oBAAoBC,GAAWC,GAAUC,CAAO;AAAA,IAC3D;AAAA,EAAA;AAER;AAEA,SAASC,EACLC,GACA,EAAE,UAAAC,GAAU,eAAAC,GAAe,eAAAC,KAC7B;AACE,QAAMC,IAA0BC;AAAA,IAC5B,CAACC,MAAe;AACZ,YAAMC,IAAiBL,KAAA,gBAAAA,EAAe,SAChCM,IAAiBL,KAAA,gBAAAA,EAAe;AAEtC,MAAII,KAAkBnB,EAAYmB,GAAgBD,EAAM,MAAM,KAI1DE,KAAkBpB,EAAYoB,GAAgBF,EAAM,MAAM,KAI1Db,EAAgBa,CAAK,KAAK,CAACf,EAAiBe,CAAK,KAIrDN,KAAA,QAAAA,EAAcM;AAAA,IAClB;AAAA,IACA,CAACN,GAAaE,GAAeC,CAAa;AAAA,EAAA,GAGxCM,IAA6BC,EAAON,CAAuB;AAEjE,EAAAO,EAAU,MAAM;AACZ,IAAAF,EAA2B,UAAUL;AAAA,EACzC,GAAG,CAACA,CAAuB,CAAC,GAE5BO,EAAU,MAAM;AACZ,UAAMC,IAAgBV,KAAA,gBAAAA,EAAe;AAErC,QAAID,KAAY,CAACW,EAAe;AAIhC,UAAMC,IAA8BnB;AAAA,MAD/BkB,KAAiBA,EAAc,iBAAkB;AAAA,MAGlD;AAAA,MACA,CAACN,MAAeG,EAA2B,QAAQH,CAAK;AAAA,MACxD;AAAA,IAAA;AAGJ,WAAO,MAAM;AACT,MAAAO,KAAA,QAAAA,EAA6B;AAAA,IACjC;AAAA,EACJ,GAAG,CAACX,GAAeD,CAAQ,CAAC;AAChC;"}
+{"version":3,"file":"useRootClose.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useRootClose.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useCallback, useRef } from 'react'\nimport type { RefObject, ReactEventHandler } from 'react'\n\ntype Options = {\n    disabled: boolean\n    triggerTarget: RefObject<HTMLElement | null>\n    overlayTarget: RefObject<HTMLElement | null>\n    listenEscape?: boolean\n}\n\ninterface CustomEventListener<T = any> {\n    (evt: T): void\n}\n\nconst domContains = (context: Element, node: (Node & ParentNode) | null) => {\n    if (context.contains) {\n        return context.contains(node)\n    } else if (context.compareDocumentPosition) {\n        return (\n            context === node ||\n            !!(context.compareDocumentPosition(node as Node) & 16)\n        )\n    }\n    if (node) {\n        do {\n            if (node === context) {\n                return true\n            }\n        } while ((node = node.parentNode))\n    }\n    return false\n}\n\nfunction isLeftClickEvent(e: MouseEvent) {\n    return e?.button === 0\n}\n\nfunction isModifiedEvent(e: MouseEvent) {\n    return !!(e.metaKey || e.altKey || e.ctrlKey || e?.shiftKey)\n}\n\nfunction onEventListener<K extends keyof DocumentEventMap>(\n    target: Element | Window | Document | EventTarget,\n    eventType: K,\n    listener: EventListenerOrEventListenerObject | CustomEventListener,\n    options: boolean | AddEventListenerOptions = false,\n): { off: () => void } {\n    target.addEventListener(eventType, listener, options)\n\n    return {\n        off() {\n            target.removeEventListener(eventType, listener, options)\n        },\n    }\n}\n\nfunction useRootClose(\n    onRootClose: ReactEventHandler | undefined,\n    { disabled, triggerTarget, overlayTarget }: Options,\n) {\n    const handleDocumentMouseDown = useCallback(\n        (event: any) => {\n            const triggerElement = triggerTarget?.current\n            const overlayElement = overlayTarget?.current\n\n            if (triggerElement && domContains(triggerElement, event.target)) {\n                return\n            }\n\n            if (overlayElement && domContains(overlayElement, event.target)) {\n                return\n            }\n\n            if (isModifiedEvent(event) || !isLeftClickEvent(event)) {\n                return\n            }\n\n            onRootClose?.(event)\n        },\n        [onRootClose, triggerTarget, overlayTarget],\n    )\n\n    const handleDocumentMouseDownRef = useRef(handleDocumentMouseDown)\n\n    useEffect(() => {\n        handleDocumentMouseDownRef.current = handleDocumentMouseDown\n    }, [handleDocumentMouseDown])\n\n    useEffect(() => {\n        const currentTarget = triggerTarget?.current\n\n        if (disabled || !currentTarget) return\n\n        const doc = () =>\n            (currentTarget && currentTarget.ownerDocument) || document\n        const onDocumentMouseDownListener = onEventListener(\n            doc(),\n            'mousedown',\n            (event: any) => handleDocumentMouseDownRef.current(event),\n            true,\n        )\n\n        return () => {\n            onDocumentMouseDownListener?.off()\n        }\n    }, [triggerTarget, disabled])\n}\n\nexport default useRootClose\n"],"names":["domContains","context","node","isLeftClickEvent","e","isModifiedEvent","onEventListener","target","eventType","listener","options","useRootClose","onRootClose","disabled","triggerTarget","overlayTarget","handleDocumentMouseDown","useCallback","event","triggerElement","overlayElement","handleDocumentMouseDownRef","useRef","useEffect","currentTarget","onDocumentMouseDownListener"],"mappings":";AAeA,MAAMA,IAAc,CAACC,GAAkBC,MAAqC;AACxE,MAAID,EAAQ;AACR,WAAOA,EAAQ,SAASC,CAAI;AAChC,MAAWD,EAAQ;AACf,WACIA,MAAYC,KACZ,CAAC,EAAED,EAAQ,wBAAwBC,CAAY,IAAI;AAG3D,MAAIA;AACA;AACI,UAAIA,MAASD;AACT,eAAO;AAAA,WAELC,IAAOA,EAAK;AAE1B,SAAO;AACX;AAEA,SAASC,EAAiBC,GAAe;AACrC,SAAOA,GAAG,WAAW;AACzB;AAEA,SAASC,EAAgBD,GAAe;AACpC,SAAO,CAAC,EAAEA,EAAE,WAAWA,EAAE,UAAUA,EAAE,WAAWA,GAAG;AACvD;AAEA,SAASE,EACLC,GACAC,GACAC,GACAC,IAA6C,IAC1B;AACnB,SAAAH,EAAO,iBAAiBC,GAAWC,GAAUC,CAAO,GAE7C;AAAA,IACH,MAAM;AACF,MAAAH,EAAO,oBAAoBC,GAAWC,GAAUC,CAAO;AAAA,IAC3D;AAAA,EAAA;AAER;AAEA,SAASC,EACLC,GACA,EAAE,UAAAC,GAAU,eAAAC,GAAe,eAAAC,KAC7B;AACE,QAAMC,IAA0BC;AAAA,IAC5B,CAACC,MAAe;AACZ,YAAMC,IAAiBL,GAAe,SAChCM,IAAiBL,GAAe;AAEtC,MAAII,KAAkBnB,EAAYmB,GAAgBD,EAAM,MAAM,KAI1DE,KAAkBpB,EAAYoB,GAAgBF,EAAM,MAAM,KAI1Db,EAAgBa,CAAK,KAAK,CAACf,EAAiBe,CAAK,KAIrDN,IAAcM,CAAK;AAAA,IACvB;AAAA,IACA,CAACN,GAAaE,GAAeC,CAAa;AAAA,EAAA,GAGxCM,IAA6BC,EAAON,CAAuB;AAEjE,EAAAO,EAAU,MAAM;AACZ,IAAAF,EAA2B,UAAUL;AAAA,EACzC,GAAG,CAACA,CAAuB,CAAC,GAE5BO,EAAU,MAAM;AACZ,UAAMC,IAAgBV,GAAe;AAErC,QAAID,KAAY,CAACW,EAAe;AAIhC,UAAMC,IAA8BnB;AAAA,MAD/BkB,KAAiBA,EAAc,iBAAkB;AAAA,MAGlD;AAAA,MACA,CAACN,MAAeG,EAA2B,QAAQH,CAAK;AAAA,MACxD;AAAA,IAAA;AAGJ,WAAO,MAAM;AACT,MAAAO,GAA6B,IAAA;AAAA,IACjC;AAAA,EACJ,GAAG,CAACX,GAAeD,CAAQ,CAAC;AAChC;"}

package/dist/@ecme/components/ui/hooks/useTimeout.js

@@ -1,18 +1,17 @@
-import { useRef as i, useCallback as f, useEffect as m } from "react";
-function a(r, u = 0, c = !0) {
-  const t = i(void 0), e = i(r), o = f(() => {
+import { useRef as s, useCallback as i, useEffect as a } from "react";
+function f(e, r = 0, u = !0) {
+  const t = s(void 0), n = s(e), c = i(() => {
     t.current && clearTimeout(t.current);
-  }, []), n = f(() => {
-    t.current && clearTimeout(t.current), c && (t.current = setTimeout(() => {
-      var s;
-      (s = e.current) == null || s.call(e);
-    }, u));
-  }, [u, c]);
-  return m(() => {
-    e.current = r;
-  }, [r]), m(() => (n(), o), [u, c, n, o]), { clear: o, reset: n };
+  }, []), o = i(() => {
+    t.current && clearTimeout(t.current), u && (t.current = setTimeout(() => {
+      n.current?.();
+    }, r));
+  }, [r, u]);
+  return a(() => {
+    n.current = e;
+  }, [e]), a(() => (o(), c), [r, u, o, c]), { clear: c, reset: o };
 }
 export {
-  a as default
+  f as default
 };
 //# sourceMappingURL=useTimeout.js.map

package/dist/@ecme/components/ui/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react'\n\nexport type UseTimeoutReturn = {\n    clear: () => void\n    reset: () => void\n}\n\nfunction useTimeout(\n    fn: (() => void) | undefined,\n    ms = 0,\n    enabled = true,\n): UseTimeoutReturn {\n    const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n    const callback = useRef(fn)\n\n    const clear = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n    }, [])\n\n    const set = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n        if (enabled) {\n            timeout.current = setTimeout(() => {\n                callback.current?.()\n            }, ms)\n        }\n    }, [ms, enabled])\n\n    useEffect(() => {\n        callback.current = fn\n    }, [fn])\n\n    useEffect(() => {\n        set()\n        return clear\n    }, [ms, enabled, set, clear])\n\n    return { clear, reset: set }\n}\n\nexport default useTimeout\n"],"names":["useTimeout","fn","ms","enabled","timeout","useRef","callback","clear","useCallback","set","_a","useEffect"],"mappings":";AAOA,SAASA,EACLC,GACAC,IAAK,GACLC,IAAU,IACM;AAChB,QAAMC,IAAUC,EAAsC,MAAS,GACzDC,IAAWD,EAAOJ,CAAE,GAEpBM,IAAQC,EAAY,MAAM;AAC5B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO;AAAA,EACnD,GAAG,CAAA,CAAE,GAECK,IAAMD,EAAY,MAAM;AAC1B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO,GAC3CD,MACAC,EAAQ,UAAU,WAAW,MAAM;;AAC/B,OAAAM,IAAAJ,EAAS,YAAT,QAAAI,EAAA,KAAAJ;AAAA,IACJ,GAAGJ,CAAE;AAAA,EAEb,GAAG,CAACA,GAAIC,CAAO,CAAC;AAEhB,SAAAQ,EAAU,MAAM;AACZ,IAAAL,EAAS,UAAUL;AAAA,EACvB,GAAG,CAACA,CAAE,CAAC,GAEPU,EAAU,OACNF,EAAA,GACOF,IACR,CAACL,GAAIC,GAASM,GAAKF,CAAK,CAAC,GAErB,EAAE,OAAAA,GAAO,OAAOE,EAAA;AAC3B;"}
+{"version":3,"file":"useTimeout.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react'\n\nexport type UseTimeoutReturn = {\n    clear: () => void\n    reset: () => void\n}\n\nfunction useTimeout(\n    fn: (() => void) | undefined,\n    ms = 0,\n    enabled = true,\n): UseTimeoutReturn {\n    const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n    const callback = useRef(fn)\n\n    const clear = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n    }, [])\n\n    const set = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n        if (enabled) {\n            timeout.current = setTimeout(() => {\n                callback.current?.()\n            }, ms)\n        }\n    }, [ms, enabled])\n\n    useEffect(() => {\n        callback.current = fn\n    }, [fn])\n\n    useEffect(() => {\n        set()\n        return clear\n    }, [ms, enabled, set, clear])\n\n    return { clear, reset: set }\n}\n\nexport default useTimeout\n"],"names":["useTimeout","fn","ms","enabled","timeout","useRef","callback","clear","useCallback","set","useEffect"],"mappings":";AAOA,SAASA,EACLC,GACAC,IAAK,GACLC,IAAU,IACM;AAChB,QAAMC,IAAUC,EAAsC,MAAS,GACzDC,IAAWD,EAAOJ,CAAE,GAEpBM,IAAQC,EAAY,MAAM;AAC5B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO;AAAA,EACnD,GAAG,CAAA,CAAE,GAECK,IAAMD,EAAY,MAAM;AAC1B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO,GAC3CD,MACAC,EAAQ,UAAU,WAAW,MAAM;AAC/B,MAAAE,EAAS,UAAA;AAAA,IACb,GAAGJ,CAAE;AAAA,EAEb,GAAG,CAACA,GAAIC,CAAO,CAAC;AAEhB,SAAAO,EAAU,MAAM;AACZ,IAAAJ,EAAS,UAAUL;AAAA,EACvB,GAAG,CAACA,CAAE,CAAC,GAEPS,EAAU,OACND,EAAA,GACOF,IACR,CAACL,GAAIC,GAASM,GAAKF,CAAK,CAAC,GAErB,EAAE,OAAAA,GAAO,OAAOE,EAAA;AAC3B;"}

package/dist/@ecme/components/ui/toast/ToastWrapper.js

@@ -1,26 +1,26 @@
 import { jsx as v } from "react/jsx-runtime";
-import { useState as M, useCallback as f, useRef as R, useImperativeHandle as x, cloneElement as A, createRef as I } from "react";
-import h from "classnames";
-import S from "../utils/chainedFunction.js";
-import { motion as _ } from "framer-motion";
-import { getPlacementTransition as j } from "./transition.js";
-import { PLACEMENT as B } from "../utils/constants.js";
-import { createRoot as D } from "react-dom/client";
-const F = (a) => {
-  const [e, s] = M([]), o = f(
+import { useState as w, useCallback as u, useRef as N, useImperativeHandle as C, cloneElement as P, createRef as M } from "react";
+import b from "classnames";
+import R from "../utils/chainedFunction.js";
+import { motion as x } from "framer-motion";
+import { getPlacementTransition as A } from "./transition.js";
+import { PLACEMENT as I } from "../utils/constants.js";
+import { createRoot as S } from "react-dom/client";
+const _ = (a) => {
+  const [e, s] = w([]), o = u(
     (t) => (typeof t > "u" && e.length && (t = e[e.length - 1].key), t),
     [e]
-  ), i = f(
+  ), i = u(
     (t) => {
       const n = a || "_" + Math.random().toString(36).substr(2, 12);
       return s([...e, { key: n, visible: !0, node: t }]), n;
     },
     [e, a]
-  ), l = f(() => {
+  ), l = u(() => {
     s(e.map((t) => ({ ...t, visible: !1 }))), setTimeout(() => {
       s([]);
     }, 50);
-  }, [e]), c = f(
+  }, [e]), c = u(
     (t) => {
       s(
         e.map((n) => (n.key === o(t) && (n.visible = !1), n))
@@ -31,81 +31,78 @@ const F = (a) => {
     [e, o]
   );
   return { messages: e, push: i, removeAll: l, remove: c };
-}, w = (a) => {
-  const e = R(null), {
+}, y = (a) => {
+  const e = N(null), {
     transitionType: s = "scale",
-    placement: o = B.TOP_END,
+    placement: o = I.TOP_END,
     offsetX: i = 30,
     offsetY: l = 30,
     messageKey: c,
     block: t = !1,
     ref: n,
-    callback: m,
-    ...p
-  } = a, { push: u, removeAll: N, remove: g, messages: k } = F(c);
-  x(n, () => ({ root: e.current, push: u, removeAll: N, remove: g }));
-  const d = j({
+    callback: f,
+    ...m
+  } = a, { push: p, removeAll: E, remove: g, messages: T } = _(c);
+  C(n, () => ({ root: e.current, push: p, removeAll: E, remove: g }));
+  const d = A({
     offsetX: i,
     offsetY: l,
     placement: o,
     transitionType: s
-  }), C = {
+  }), h = {
     triggerByToast: !0,
-    ...p
-  }, P = k.map((r) => {
-    var y, b, E, T;
-    return /* @__PURE__ */ v(
-      _.div,
-      {
-        className: "toast-wrapper",
-        initial: d.variants.initial,
-        variants: d.variants,
-        animate: r.visible ? "animate" : "exit",
-        transition: { duration: 0.15, type: "tween" },
-        children: A(
-          r.node,
-          {
-            ...C,
-            ref: n,
-            onClose: S(
-              (b = (y = r.node) == null ? void 0 : y.props) == null ? void 0 : b.onClose,
-              () => g(r.key)
-            ),
-            className: h((T = (E = r.node) == null ? void 0 : E.props) == null ? void 0 : T.className)
-          }
-        )
-      },
-      r.key
-    );
-  });
+    ...m
+  }, k = T.map((r) => /* @__PURE__ */ v(
+    x.div,
+    {
+      className: "toast-wrapper",
+      initial: d.variants.initial,
+      variants: d.variants,
+      animate: r.visible ? "animate" : "exit",
+      transition: { duration: 0.15, type: "tween" },
+      children: P(
+        r.node,
+        {
+          ...h,
+          ref: n,
+          onClose: R(
+            r.node?.props?.onClose,
+            () => g(r.key)
+          ),
+          className: b(r.node?.props?.className)
+        }
+      )
+    },
+    r.key
+  ));
   return /* @__PURE__ */ v(
     "div",
     {
       style: d.default,
-      ...p,
+      ...m,
       ref: (r) => {
-        e.current = r, m == null || m(r);
+        e.current = r, f?.(r);
       },
-      className: h("toast", t && "w-full"),
-      children: P
+      className: b("toast", t && "w-full"),
+      children: k
     }
   );
 };
-w.getInstance = (a) => {
-  const { wrapper: e, ...s } = a, o = I(), i = (typeof e == "function" ? e() : e) || document.body;
+y.getInstance = (a) => {
+  const { wrapper: e, ...s } = a, o = M(), i = (typeof e == "function" ? e() : e) || document.body;
   return new Promise((l) => {
     const c = () => {
       l([o, n]);
     };
-    function t(m) {
-      const p = document.createElement("div");
-      i.appendChild(p);
-      const u = D(p);
-      return u.render(m), u;
+    function t(f) {
+      const m = document.createElement("div");
+      i.appendChild(m);
+      const p = S(m);
+      return p.render(f), p;
     }
     const { unmount: n } = t(
       /* @__PURE__ */ v(
-        w,
+        y,
         {
           ...s,
           ref: o,
@@ -116,6 +113,6 @@ w.getInstance = (a) => {
   });
 };
 export {
-  w as default
+  y as default
 };
 //# sourceMappingURL=ToastWrapper.js.map

package/dist/@ecme/components/ui/toast/ToastWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastWrapper.js","sources":["../../../../../lib/@ecme/components/ui/toast/ToastWrapper.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport {\r\n    useState,\r\n    useImperativeHandle,\r\n    useRef,\r\n    useCallback,\r\n    cloneElement,\r\n    createRef,\r\n} from 'react'\r\nimport classNames from 'classnames'\r\nimport chainedFunction from '../utils/chainedFunction'\r\nimport { motion } from 'framer-motion'\r\nimport { getPlacementTransition } from './transition'\r\nimport { PLACEMENT } from '../utils/constants'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { NotificationPlacement } from '../@types/placement'\r\nimport type { DetailedReactHTMLElement, ReactNode, Ref } from 'react'\r\n\r\ntype NodeProps = DetailedReactHTMLElement<any, HTMLDivElement>\r\n\r\ntype Message = {\r\n    key: string\r\n    visible: boolean\r\n    node: NodeProps\r\n}\r\n\r\nconst useMessages = (msgKey: string) => {\r\n    const [messages, setMessages] = useState<Message[]>([])\r\n\r\n    const getKey = useCallback(\r\n        (key: string) => {\r\n            if (typeof key === 'undefined' && messages.length) {\r\n                key = messages[messages.length - 1].key\r\n            }\r\n            return key\r\n        },\r\n        [messages],\r\n    )\r\n\r\n    const push = useCallback(\r\n        (message: NodeProps) => {\r\n            const key = msgKey || '_' + Math.random().toString(36).substr(2, 12)\r\n            setMessages([...messages, { key, visible: true, node: message }])\r\n            return key\r\n        },\r\n        [messages, msgKey],\r\n    )\r\n\r\n    const removeAll = useCallback(() => {\r\n        setMessages(messages.map((msg) => ({ ...msg, visible: false })))\r\n        setTimeout(() => {\r\n            setMessages([])\r\n        }, 50)\r\n    }, [messages])\r\n\r\n    const remove = useCallback(\r\n        (key: string) => {\r\n            setMessages(\r\n                messages.map((elm) => {\r\n                    if (elm.key === getKey(key)) {\r\n                        elm.visible = false\r\n                    }\r\n                    return elm\r\n                }),\r\n            )\r\n\r\n            setTimeout(() => {\r\n                setMessages(messages.filter((msg) => msg.visible))\r\n            }, 50)\r\n        },\r\n        [messages, getKey],\r\n    )\r\n\r\n    return { messages, push, removeAll, remove }\r\n}\r\n\r\nexport interface ToastProps {\r\n    transitionType?: 'scale' | 'fade'\r\n    placement?: NotificationPlacement | 'top-full' | 'bottom-full'\r\n    offsetX?: string | number\r\n    offsetY?: string | number\r\n    block?: boolean\r\n}\r\n\r\nexport interface ToastWrapperInstance {\r\n    root: HTMLElement | null\r\n    push: (message: NodeProps) => string\r\n    remove: (key: string) => void\r\n    removeAll: () => void\r\n}\r\n\r\nexport interface ToastWrapperProps extends ToastProps {\r\n    messageKey: string\r\n    callback: (ref: HTMLDivElement | null) => void\r\n    ref: Ref<ToastWrapperInstance>\r\n    wrapper?: HTMLElement | (() => HTMLElement)\r\n}\r\n\r\nconst ToastWrapper = (props: ToastWrapperProps) => {\r\n    const rootRef = useRef<HTMLDivElement | null>(null)\r\n\r\n    const {\r\n        transitionType = 'scale',\r\n        placement = PLACEMENT.TOP_END as NotificationPlacement,\r\n        offsetX = 30,\r\n        offsetY = 30,\r\n        messageKey,\r\n        block = false,\r\n        ref,\r\n        callback,\r\n        ...rest\r\n    } = props\r\n\r\n    const { push, removeAll, remove, messages } = useMessages(messageKey)\r\n\r\n    useImperativeHandle(ref, () => {\r\n        return { root: rootRef.current, push, removeAll, remove }\r\n    })\r\n\r\n    const placementTransition = getPlacementTransition({\r\n        offsetX,\r\n        offsetY,\r\n        placement: placement as NotificationPlacement,\r\n        transitionType,\r\n    })\r\n\r\n    const toastProps = {\r\n        triggerByToast: true,\r\n        ...rest,\r\n    }\r\n\r\n    const messageElements = messages.map((item) => {\r\n        return (\r\n            <motion.div\r\n                key={item.key}\r\n                className={'toast-wrapper'}\r\n                initial={placementTransition.variants.initial}\r\n                variants={placementTransition.variants}\r\n                animate={item.visible ? 'animate' : 'exit'}\r\n                transition={{ duration: 0.15, type: 'tween' }}\r\n            >\r\n                {cloneElement(\r\n                    item.node as DetailedReactHTMLElement<any, HTMLElement>,\r\n                    {\r\n                        ...toastProps,\r\n                        ref,\r\n                        onClose: chainedFunction(\r\n                            item.node?.props?.onClose,\r\n                            () => remove(item.key),\r\n                        ),\r\n                        className: classNames(item.node?.props?.className),\r\n                    },\r\n                )}\r\n            </motion.div>\r\n        )\r\n    })\r\n\r\n    return (\r\n        <div\r\n            style={placementTransition.default}\r\n            {...rest}\r\n            ref={(thisRef) => {\r\n                rootRef.current = thisRef\r\n                callback?.(thisRef)\r\n            }}\r\n            className={classNames('toast', block && 'w-full')}\r\n        >\r\n            {messageElements}\r\n        </div>\r\n    )\r\n}\r\n\r\nToastWrapper.getInstance = (props: ToastWrapperProps) => {\r\n    const { wrapper, ...rest } = props\r\n\r\n    const wrapperRef = createRef<ToastWrapperInstance>()\r\n\r\n    const wrapperElement =\r\n        (typeof wrapper === 'function' ? wrapper() : wrapper) || document.body\r\n\r\n    return new Promise((resolve) => {\r\n        const renderCallback = () => {\r\n            resolve([wrapperRef, unmount])\r\n        }\r\n\r\n        function renderElement(element: ReactNode) {\r\n            const mountElement = document.createElement('div')\r\n\r\n            wrapperElement.appendChild(mountElement)\r\n\r\n            const root = createRoot(mountElement)\r\n\r\n            root.render(element)\r\n\r\n            return root\r\n        }\r\n\r\n        const { unmount } = renderElement(\r\n            <ToastWrapper\r\n                {...rest}\r\n                ref={wrapperRef}\r\n                callback={renderCallback}\r\n            />,\r\n        )\r\n    })\r\n}\r\n\r\nexport default ToastWrapper\r\n"],"names":["useMessages","msgKey","messages","setMessages","useState","getKey","useCallback","key","push","message","removeAll","msg","remove","elm","ToastWrapper","props","rootRef","useRef","transitionType","placement","PLACEMENT","offsetX","offsetY","messageKey","block","ref","callback","rest","useImperativeHandle","placementTransition","getPlacementTransition","toastProps","messageElements","item","jsx","motion","cloneElement","chainedFunction","_b","_a","classNames","_d","_c","thisRef","wrapper","wrapperRef","createRef","wrapperElement","resolve","renderCallback","unmount","renderElement","element","mountElement","root","createRoot"],"mappings":"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"}
+{"version":3,"file":"ToastWrapper.js","sources":["../../../../../lib/@ecme/components/ui/toast/ToastWrapper.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport {\r\n    useState,\r\n    useImperativeHandle,\r\n    useRef,\r\n    useCallback,\r\n    cloneElement,\r\n    createRef,\r\n} from 'react'\r\nimport classNames from 'classnames'\r\nimport chainedFunction from '../utils/chainedFunction'\r\nimport { motion } from 'framer-motion'\r\nimport { getPlacementTransition } from './transition'\r\nimport { PLACEMENT } from '../utils/constants'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { NotificationPlacement } from '../@types/placement'\r\nimport type { DetailedReactHTMLElement, ReactNode, Ref } from 'react'\r\n\r\ntype NodeProps = DetailedReactHTMLElement<any, HTMLDivElement>\r\n\r\ntype Message = {\r\n    key: string\r\n    visible: boolean\r\n    node: NodeProps\r\n}\r\n\r\nconst useMessages = (msgKey: string) => {\r\n    const [messages, setMessages] = useState<Message[]>([])\r\n\r\n    const getKey = useCallback(\r\n        (key: string) => {\r\n            if (typeof key === 'undefined' && messages.length) {\r\n                key = messages[messages.length - 1].key\r\n            }\r\n            return key\r\n        },\r\n        [messages],\r\n    )\r\n\r\n    const push = useCallback(\r\n        (message: NodeProps) => {\r\n            const key = msgKey || '_' + Math.random().toString(36).substr(2, 12)\r\n            setMessages([...messages, { key, visible: true, node: message }])\r\n            return key\r\n        },\r\n        [messages, msgKey],\r\n    )\r\n\r\n    const removeAll = useCallback(() => {\r\n        setMessages(messages.map((msg) => ({ ...msg, visible: false })))\r\n        setTimeout(() => {\r\n            setMessages([])\r\n        }, 50)\r\n    }, [messages])\r\n\r\n    const remove = useCallback(\r\n        (key: string) => {\r\n            setMessages(\r\n                messages.map((elm) => {\r\n                    if (elm.key === getKey(key)) {\r\n                        elm.visible = false\r\n                    }\r\n                    return elm\r\n                }),\r\n            )\r\n\r\n            setTimeout(() => {\r\n                setMessages(messages.filter((msg) => msg.visible))\r\n            }, 50)\r\n        },\r\n        [messages, getKey],\r\n    )\r\n\r\n    return { messages, push, removeAll, remove }\r\n}\r\n\r\nexport interface ToastProps {\r\n    transitionType?: 'scale' | 'fade'\r\n    placement?: NotificationPlacement | 'top-full' | 'bottom-full'\r\n    offsetX?: string | number\r\n    offsetY?: string | number\r\n    block?: boolean\r\n}\r\n\r\nexport interface ToastWrapperInstance {\r\n    root: HTMLElement | null\r\n    push: (message: NodeProps) => string\r\n    remove: (key: string) => void\r\n    removeAll: () => void\r\n}\r\n\r\nexport interface ToastWrapperProps extends ToastProps {\r\n    messageKey: string\r\n    callback: (ref: HTMLDivElement | null) => void\r\n    ref: Ref<ToastWrapperInstance>\r\n    wrapper?: HTMLElement | (() => HTMLElement)\r\n}\r\n\r\nconst ToastWrapper = (props: ToastWrapperProps) => {\r\n    const rootRef = useRef<HTMLDivElement | null>(null)\r\n\r\n    const {\r\n        transitionType = 'scale',\r\n        placement = PLACEMENT.TOP_END as NotificationPlacement,\r\n        offsetX = 30,\r\n        offsetY = 30,\r\n        messageKey,\r\n        block = false,\r\n        ref,\r\n        callback,\r\n        ...rest\r\n    } = props\r\n\r\n    const { push, removeAll, remove, messages } = useMessages(messageKey)\r\n\r\n    useImperativeHandle(ref, () => {\r\n        return { root: rootRef.current, push, removeAll, remove }\r\n    })\r\n\r\n    const placementTransition = getPlacementTransition({\r\n        offsetX,\r\n        offsetY,\r\n        placement: placement as NotificationPlacement,\r\n        transitionType,\r\n    })\r\n\r\n    const toastProps = {\r\n        triggerByToast: true,\r\n        ...rest,\r\n    }\r\n\r\n    const messageElements = messages.map((item) => {\r\n        return (\r\n            <motion.div\r\n                key={item.key}\r\n                className={'toast-wrapper'}\r\n                initial={placementTransition.variants.initial}\r\n                variants={placementTransition.variants}\r\n                animate={item.visible ? 'animate' : 'exit'}\r\n                transition={{ duration: 0.15, type: 'tween' }}\r\n            >\r\n                {cloneElement(\r\n                    item.node as DetailedReactHTMLElement<any, HTMLElement>,\r\n                    {\r\n                        ...toastProps,\r\n                        ref,\r\n                        onClose: chainedFunction(\r\n                            item.node?.props?.onClose,\r\n                            () => remove(item.key),\r\n                        ),\r\n                        className: classNames(item.node?.props?.className),\r\n                    },\r\n                )}\r\n            </motion.div>\r\n        )\r\n    })\r\n\r\n    return (\r\n        <div\r\n            style={placementTransition.default}\r\n            {...rest}\r\n            ref={(thisRef) => {\r\n                rootRef.current = thisRef\r\n                callback?.(thisRef)\r\n            }}\r\n            className={classNames('toast', block && 'w-full')}\r\n        >\r\n            {messageElements}\r\n        </div>\r\n    )\r\n}\r\n\r\nToastWrapper.getInstance = (props: ToastWrapperProps) => {\r\n    const { wrapper, ...rest } = props\r\n\r\n    const wrapperRef = createRef<ToastWrapperInstance>()\r\n\r\n    const wrapperElement =\r\n        (typeof wrapper === 'function' ? wrapper() : wrapper) || document.body\r\n\r\n    return new Promise((resolve) => {\r\n        const renderCallback = () => {\r\n            resolve([wrapperRef, unmount])\r\n        }\r\n\r\n        function renderElement(element: ReactNode) {\r\n            const mountElement = document.createElement('div')\r\n\r\n            wrapperElement.appendChild(mountElement)\r\n\r\n            const root = createRoot(mountElement)\r\n\r\n            root.render(element)\r\n\r\n            return root\r\n        }\r\n\r\n        const { unmount } = renderElement(\r\n            <ToastWrapper\r\n                {...rest}\r\n                ref={wrapperRef}\r\n                callback={renderCallback}\r\n            />,\r\n        )\r\n    })\r\n}\r\n\r\nexport default ToastWrapper\r\n"],"names":["useMessages","msgKey","messages","setMessages","useState","getKey","useCallback","key","push","message","removeAll","msg","remove","elm","ToastWrapper","props","rootRef","useRef","transitionType","placement","PLACEMENT","offsetX","offsetY","messageKey","block","ref","callback","rest","useImperativeHandle","placementTransition","getPlacementTransition","toastProps","messageElements","item","jsx","motion","cloneElement","chainedFunction","classNames","thisRef","wrapper","wrapperRef","createRef","wrapperElement","resolve","renderCallback","unmount","renderElement","element","mountElement","root","createRoot"],"mappings":"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"}

package/dist/@ecme/components/ui/toast/toast.js

@@ -1,34 +1,31 @@
-import s from "./ToastWrapper.js";
-import { PLACEMENT as l } from "../utils/constants.js";
-const p = {
-  placement: l.TOP_END,
+import p from "./ToastWrapper.js";
+import { PLACEMENT as f } from "../utils/constants.js";
+const s = {
+  placement: f.TOP_END,
   offsetX: 30,
   offsetY: 30,
   transitionType: "scale",
   block: !1
-}, c = "default", n = /* @__PURE__ */ new Map();
-function i(t) {
+}, u = "default", n = /* @__PURE__ */ new Map();
+function l(t) {
   if (/\top\b/.test(t))
     return "top-full";
   if (/\bottom\b/.test(t))
     return "bottom-full";
 }
-async function m(t, e) {
-  const [r] = await s.getInstance(e);
-  return n.set(t || c, r), r;
+async function i(t, e) {
+  const [r] = await p.getInstance(e);
+  return n.set(t || u, r), r;
 }
-function h(t) {
-  return n.size === 0 ? null : n.get(t || c);
+function m(t) {
+  return n.size === 0 ? null : n.get(t || u);
 }
 const a = (t) => a.push(t);
-a.push = (t, e = p) => {
+a.push = (t, e = s) => {
   let r = e.placement;
-  e.block && (r = i(e.placement));
-  const o = h(r);
-  return o != null && o.current ? o.current.push(t) : m(r ?? "", e).then((f) => {
-    var u;
-    return (u = f.current) == null ? void 0 : u.push(t);
-  });
+  e.block && (r = l(e.placement));
+  const o = m(r);
+  return o?.current ? o.current.push(t) : i(r ?? "", e).then((c) => c.current?.push(t));
 };
 a.remove = (t) => {
   n.forEach((e) => {
@@ -40,6 +37,6 @@ a.removeAll = () => {
 };
 export {
   a as default,
-  p as toastDefaultProps
+  s as toastDefaultProps
 };
 //# sourceMappingURL=toast.js.map

package/dist/@ecme/components/ui/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../../../../lib/@ecme/components/ui/toast/toast.tsx"],"sourcesContent":["import ToastWrapper from './ToastWrapper'\nimport { PLACEMENT } from '../utils/constants'\nimport type { ToastProps, ToastWrapperProps } from './ToastWrapper'\nimport { NotificationPlacement } from '../@types/placement'\nimport type { ReactNode } from 'react'\n\nexport const toastDefaultProps = {\n    placement: PLACEMENT.TOP_END,\n    offsetX: 30,\n    offsetY: 30,\n    transitionType: 'scale',\n    block: false,\n}\n\nexport interface Toast {\n    push(\n        message: ReactNode,\n        options?: ToastProps,\n    ): string | undefined | Promise<string | undefined>\n    remove(key: string): void\n    removeAll(): void\n}\n\nconst defaultWrapperId = 'default'\nconst wrappers = new Map()\n\nfunction castPlacment(placement: NotificationPlacement) {\n    if (/\\top\\b/.test(placement)) {\n        return 'top-full'\n    }\n\n    if (/\\bottom\\b/.test(placement)) {\n        return 'bottom-full'\n    }\n}\n\nasync function createWrapper(wrapperId: string, props: ToastProps) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const [wrapper] = await ToastWrapper.getInstance(props as ToastWrapperProps) as any\n\n    wrappers.set(wrapperId || defaultWrapperId, wrapper)\n\n    return wrapper\n}\n\nfunction getWrapper(wrapperId?: string) {\n    if (wrappers.size === 0) {\n        return null\n    }\n    return wrappers.get(wrapperId || defaultWrapperId)\n}\n\nconst toast: Toast = (message: ReactNode) => toast.push(message)\n\ntoast.push = (message, options = toastDefaultProps as ToastProps) => {\n    let id = options.placement\n    if (options.block) {\n        id = castPlacment(options.placement as NotificationPlacement)\n    }\n\n    const wrapper = getWrapper(id)\n\n    if (wrapper?.current) {\n        return wrapper.current.push(message)\n    }\n\n    return createWrapper(id ?? '', options).then((ref) => {\n        return ref.current?.push(message)\n    })\n}\n\ntoast.remove = (key) => {\n    wrappers.forEach((elm) => {\n        elm.current.remove(key)\n    })\n}\n\ntoast.removeAll = () => {\n    wrappers.forEach((elm) => elm.current.removeAll())\n}\n\nexport default toast\n"],"names":["toastDefaultProps","PLACEMENT","defaultWrapperId","wrappers","castPlacment","placement","createWrapper","wrapperId","props","wrapper","ToastWrapper","getWrapper","toast","message","options","id","ref","_a","key","elm"],"mappings":";;AAMO,MAAMA,IAAoB;AAAA,EAC7B,WAAWC,EAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AACX,GAWMC,IAAmB,WACnBC,wBAAe,IAAA;AAErB,SAASC,EAAaC,GAAkC;AACpD,MAAI,SAAS,KAAKA,CAAS;AACvB,WAAO;AAGX,MAAI,YAAY,KAAKA,CAAS;AAC1B,WAAO;AAEf;AAEA,eAAeC,EAAcC,GAAmBC,GAAmB;AAE/D,QAAM,CAACC,CAAO,IAAI,MAAMC,EAAa,YAAYF,CAA0B;AAE3E,SAAAL,EAAS,IAAII,KAAaL,GAAkBO,CAAO,GAE5CA;AACX;AAEA,SAASE,EAAWJ,GAAoB;AACpC,SAAIJ,EAAS,SAAS,IACX,OAEJA,EAAS,IAAII,KAAaL,CAAgB;AACrD;AAEA,MAAMU,IAAe,CAACC,MAAuBD,EAAM,KAAKC,CAAO;AAE/DD,EAAM,OAAO,CAACC,GAASC,IAAUd,MAAoC;AACjE,MAAIe,IAAKD,EAAQ;AACjB,EAAIA,EAAQ,UACRC,IAAKX,EAAaU,EAAQ,SAAkC;AAGhE,QAAML,IAAUE,EAAWI,CAAE;AAE7B,SAAIN,KAAA,QAAAA,EAAS,UACFA,EAAQ,QAAQ,KAAKI,CAAO,IAGhCP,EAAcS,KAAM,IAAID,CAAO,EAAE,KAAK,CAACE,MAAQ;;AAClD,YAAOC,IAAAD,EAAI,YAAJ,gBAAAC,EAAa,KAAKJ;AAAA,EAC7B,CAAC;AACL;AAEAD,EAAM,SAAS,CAACM,MAAQ;AACpB,EAAAf,EAAS,QAAQ,CAACgB,MAAQ;AACtB,IAAAA,EAAI,QAAQ,OAAOD,CAAG;AAAA,EAC1B,CAAC;AACL;AAEAN,EAAM,YAAY,MAAM;AACpB,EAAAT,EAAS,QAAQ,CAACgB,MAAQA,EAAI,QAAQ,WAAW;AACrD;"}
+{"version":3,"file":"toast.js","sources":["../../../../../lib/@ecme/components/ui/toast/toast.tsx"],"sourcesContent":["import ToastWrapper from './ToastWrapper'\nimport { PLACEMENT } from '../utils/constants'\nimport type { ToastProps, ToastWrapperProps } from './ToastWrapper'\nimport { NotificationPlacement } from '../@types/placement'\nimport type { ReactNode } from 'react'\n\nexport const toastDefaultProps = {\n    placement: PLACEMENT.TOP_END,\n    offsetX: 30,\n    offsetY: 30,\n    transitionType: 'scale',\n    block: false,\n}\n\nexport interface Toast {\n    push(\n        message: ReactNode,\n        options?: ToastProps,\n    ): string | undefined | Promise<string | undefined>\n    remove(key: string): void\n    removeAll(): void\n}\n\nconst defaultWrapperId = 'default'\nconst wrappers = new Map()\n\nfunction castPlacment(placement: NotificationPlacement) {\n    if (/\\top\\b/.test(placement)) {\n        return 'top-full'\n    }\n\n    if (/\\bottom\\b/.test(placement)) {\n        return 'bottom-full'\n    }\n}\n\nasync function createWrapper(wrapperId: string, props: ToastProps) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const [wrapper] = await ToastWrapper.getInstance(props as ToastWrapperProps) as any\n\n    wrappers.set(wrapperId || defaultWrapperId, wrapper)\n\n    return wrapper\n}\n\nfunction getWrapper(wrapperId?: string) {\n    if (wrappers.size === 0) {\n        return null\n    }\n    return wrappers.get(wrapperId || defaultWrapperId)\n}\n\nconst toast: Toast = (message: ReactNode) => toast.push(message)\n\ntoast.push = (message, options = toastDefaultProps as ToastProps) => {\n    let id = options.placement\n    if (options.block) {\n        id = castPlacment(options.placement as NotificationPlacement)\n    }\n\n    const wrapper = getWrapper(id)\n\n    if (wrapper?.current) {\n        return wrapper.current.push(message)\n    }\n\n    return createWrapper(id ?? '', options).then((ref) => {\n        return ref.current?.push(message)\n    })\n}\n\ntoast.remove = (key) => {\n    wrappers.forEach((elm) => {\n        elm.current.remove(key)\n    })\n}\n\ntoast.removeAll = () => {\n    wrappers.forEach((elm) => elm.current.removeAll())\n}\n\nexport default toast\n"],"names":["toastDefaultProps","PLACEMENT","defaultWrapperId","wrappers","castPlacment","placement","createWrapper","wrapperId","props","wrapper","ToastWrapper","getWrapper","toast","message","options","id","ref","key","elm"],"mappings":";;AAMO,MAAMA,IAAoB;AAAA,EAC7B,WAAWC,EAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AACX,GAWMC,IAAmB,WACnBC,wBAAe,IAAA;AAErB,SAASC,EAAaC,GAAkC;AACpD,MAAI,SAAS,KAAKA,CAAS;AACvB,WAAO;AAGX,MAAI,YAAY,KAAKA,CAAS;AAC1B,WAAO;AAEf;AAEA,eAAeC,EAAcC,GAAmBC,GAAmB;AAE/D,QAAM,CAACC,CAAO,IAAI,MAAMC,EAAa,YAAYF,CAA0B;AAE3E,SAAAL,EAAS,IAAII,KAAaL,GAAkBO,CAAO,GAE5CA;AACX;AAEA,SAASE,EAAWJ,GAAoB;AACpC,SAAIJ,EAAS,SAAS,IACX,OAEJA,EAAS,IAAII,KAAaL,CAAgB;AACrD;AAEA,MAAMU,IAAe,CAACC,MAAuBD,EAAM,KAAKC,CAAO;AAE/DD,EAAM,OAAO,CAACC,GAASC,IAAUd,MAAoC;AACjE,MAAIe,IAAKD,EAAQ;AACjB,EAAIA,EAAQ,UACRC,IAAKX,EAAaU,EAAQ,SAAkC;AAGhE,QAAML,IAAUE,EAAWI,CAAE;AAE7B,SAAIN,GAAS,UACFA,EAAQ,QAAQ,KAAKI,CAAO,IAGhCP,EAAcS,KAAM,IAAID,CAAO,EAAE,KAAK,CAACE,MACnCA,EAAI,SAAS,KAAKH,CAAO,CACnC;AACL;AAEAD,EAAM,SAAS,CAACK,MAAQ;AACpB,EAAAd,EAAS,QAAQ,CAACe,MAAQ;AACtB,IAAAA,EAAI,QAAQ,OAAOD,CAAG;AAAA,EAC1B,CAAC;AACL;AAEAL,EAAM,YAAY,MAAM;AACpB,EAAAT,EAAS,QAAQ,CAACe,MAAQA,EAAI,QAAQ,WAAW;AACrD;"}