@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as d, Fragment as h } from "react/jsx-runtime";
-import { Menu as p } from "../../ui/Menu/index.js";
-import { Dropdown as y } from "../../ui/Dropdown/index.js";
-import m from "./VerticalMenuIcon.js";
-import a from "../../shared/AuthorityCheck.js";
-const { MenuItem: f, MenuCollapse: k } = p, I = ({
+import { jsx as t, jsxs as d, Fragment as p } from "react/jsx-runtime";
+import { Menu as y } from "../../ui/Menu/index.js";
+import { Dropdown as a } from "../../ui/Dropdown/index.js";
+import c from "./VerticalMenuIcon.js";
+import h from "../../shared/AuthorityCheck.js";
+const { MenuItem: f, MenuCollapse: k } = y, I = ({
   nav: e,
   indent: r,
   dotIndent: o,
@@ -13,8 +13,8 @@ const { MenuItem: f, MenuCollapse: k } = p, I = ({
 }) => /* @__PURE__ */ t(
   k,
   {
-    label: /* @__PURE__ */ d(h, { children: [
-      /* @__PURE__ */ t(m, { icon: e.icon }),
+    label: /* @__PURE__ */ d(p, { children: [
+      /* @__PURE__ */ t(c, { icon: e.icon }),
       /* @__PURE__ */ t("span", { children: l(e.translateKey, e.title) })
     ] }),
     eventKey: e.key,
@@ -31,32 +31,32 @@ const { MenuItem: f, MenuCollapse: k } = p, I = ({
   t: i,
   renderAsIcon: n,
   userAuthority: l,
-  parentKeys: c
+  parentKeys: s
 }) => {
-  const s = /* @__PURE__ */ t(
+  const m = /* @__PURE__ */ t(
     f,
     {
-      isActive: c == null ? void 0 : c.includes(e.key),
+      isActive: s?.includes(e.key),
       eventKey: e.key,
       className: "mb-2",
-      children: /* @__PURE__ */ t(m, { icon: e.icon })
+      children: /* @__PURE__ */ t(c, { icon: e.icon })
     },
     e.key
   ), u = /* @__PURE__ */ t("div", { children: i(e.translateKey, e.title) }, e.key);
-  return /* @__PURE__ */ t(a, { userAuthority: l, authority: e.authority, children: /* @__PURE__ */ t(
-    y,
+  return /* @__PURE__ */ t(h, { userAuthority: l, authority: e.authority, children: /* @__PURE__ */ t(
+    a,
     {
       trigger: "hover",
-      renderTitle: n ? s : u,
+      renderTitle: n ? m : u,
       placement: r === "rtl" ? "left-start" : "right-start",
       children: o
     }
   ) });
-}, j = ({
+}, b = ({
   sideCollapsed: e,
   ...r
 }) => e ? /* @__PURE__ */ t(M, { ...r }) : /* @__PURE__ */ t(I, { ...r });
 export {
-  j as default
+  b as default
 };
 //# sourceMappingURL=VerticalCollapsedMenuItem.js.map

package/dist/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from \"@/components/ui/Menu\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\ninterface DefaultItemProps extends CommonProps {\n  nav: NavigationTree;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  t: TraslationFn;\n  indent?: boolean;\n  dotIndent?: boolean;\n  userAuthority: string[];\n}\n\ninterface CollapsedItemProps extends DefaultItemProps {\n  direction: Direction;\n  renderAsIcon?: boolean;\n  currentKey?: string;\n  parentKeys?: string[];\n}\n\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\n  sideCollapsed?: boolean;\n}\n\nconst { MenuItem, MenuCollapse } = Menu;\n\nconst DefaultItem = ({\n  nav,\n  indent,\n  dotIndent,\n  children,\n  userAuthority,\n  t,\n}: DefaultItemProps) => {\n  return (\n    <MenuCollapse\n      key={nav.key}\n      label={\n        <>\n          <VerticalMenuIcon icon={nav.icon} />\n          <span>{t(nav.translateKey, nav.title)}</span>\n        </>\n      }\n      eventKey={nav.key}\n      expanded={false}\n      dotIndent={dotIndent}\n      indent={indent}\n    >\n      {children}\n    </MenuCollapse>\n  );\n};\n\nconst CollapsedItem = ({\n  nav,\n  direction,\n  children,\n  t,\n  renderAsIcon,\n  userAuthority,\n  parentKeys,\n}: CollapsedItemProps) => {\n  const menuItem = (\n    <MenuItem\n      key={nav.key}\n      isActive={parentKeys?.includes(nav.key)}\n      eventKey={nav.key}\n      className=\"mb-2\"\n    >\n      <VerticalMenuIcon icon={nav.icon} />\n    </MenuItem>\n  );\n\n  const dropdownItem = (\n    <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\n  );\n\n  return (\n    <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n      <Dropdown\n        trigger=\"hover\"\n        renderTitle={renderAsIcon ? menuItem : dropdownItem}\n        placement={direction === \"rtl\" ? \"left-start\" : \"right-start\"}\n      >\n        {children}\n      </Dropdown>\n    </AuthorityCheck>\n  );\n};\n\nconst VerticalCollapsedMenuItem = ({\n  sideCollapsed,\n  ...rest\n}: VerticalCollapsedMenuItemProps) => {\n  return sideCollapsed ? (\n    <CollapsedItem {...rest} />\n  ) : (\n    <DefaultItem {...rest} />\n  );\n};\n\nexport default VerticalCollapsedMenuItem;\n"],"names":["MenuItem","MenuCollapse","Menu","DefaultItem","nav","indent","dotIndent","children","userAuthority","t","jsx","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","AuthorityCheck","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACnB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACF,MAEI,gBAAAC;AAAA,EAACT;AAAA,EAAA;AAAA,IAEC,OACE,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAiB,MAAMT,EAAI,KAAA,CAAM;AAAA,wBACjC,QAAA,EAAM,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,IAAA,GACxC;AAAA,IAEF,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAAA,GAiBTU,IAAgB,CAAC;AAAA,EACrB,KAAAV;AAAA,EACA,WAAAW;AAAA,EACA,UAAAR;AAAA,EACA,GAAAE;AAAA,EACA,cAAAO;AAAA,EACA,eAAAR;AAAA,EACA,YAAAS;AACF,MAA0B;AACxB,QAAMC,IACJ,gBAAAR;AAAA,IAACV;AAAA,IAAA;AAAA,MAEC,UAAUiB,KAAA,gBAAAA,EAAY,SAASb,EAAI;AAAA,MACnC,UAAUA,EAAI;AAAA,MACd,WAAU;AAAA,MAEV,UAAA,gBAAAM,EAACG,GAAA,EAAiB,MAAMT,EAAI,KAAA,CAAM;AAAA,IAAA;AAAA,IAL7BA,EAAI;AAAA,EAAA,GASPe,IACJ,gBAAAT,EAAC,OAAA,EAAmB,UAAAD,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,GAAvCA,EAAI,GAAqC;AAGrD,SACE,gBAAAM,EAACU,GAAA,EAAe,eAAAZ,GAA8B,WAAWJ,EAAI,WAC3D,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAaL,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAR;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,GAEMe,IAA4B,CAAC;AAAA,EACjC,eAAAC;AAAA,EACA,GAAGC;AACL,MACSD,sBACJT,GAAA,EAAe,GAAGU,GAAM,IAEzB,gBAAAd,EAACP,GAAA,EAAa,GAAGqB,EAAA,CAAM;"}
+{"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from \"@/components/ui/Menu\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\ninterface DefaultItemProps extends CommonProps {\n  nav: NavigationTree;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  t: TraslationFn;\n  indent?: boolean;\n  dotIndent?: boolean;\n  userAuthority: string[];\n}\n\ninterface CollapsedItemProps extends DefaultItemProps {\n  direction: Direction;\n  renderAsIcon?: boolean;\n  currentKey?: string;\n  parentKeys?: string[];\n}\n\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\n  sideCollapsed?: boolean;\n}\n\nconst { MenuItem, MenuCollapse } = Menu;\n\nconst DefaultItem = ({\n  nav,\n  indent,\n  dotIndent,\n  children,\n  userAuthority,\n  t,\n}: DefaultItemProps) => {\n  return (\n    <MenuCollapse\n      key={nav.key}\n      label={\n        <>\n          <VerticalMenuIcon icon={nav.icon} />\n          <span>{t(nav.translateKey, nav.title)}</span>\n        </>\n      }\n      eventKey={nav.key}\n      expanded={false}\n      dotIndent={dotIndent}\n      indent={indent}\n    >\n      {children}\n    </MenuCollapse>\n  );\n};\n\nconst CollapsedItem = ({\n  nav,\n  direction,\n  children,\n  t,\n  renderAsIcon,\n  userAuthority,\n  parentKeys,\n}: CollapsedItemProps) => {\n  const menuItem = (\n    <MenuItem\n      key={nav.key}\n      isActive={parentKeys?.includes(nav.key)}\n      eventKey={nav.key}\n      className=\"mb-2\"\n    >\n      <VerticalMenuIcon icon={nav.icon} />\n    </MenuItem>\n  );\n\n  const dropdownItem = (\n    <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\n  );\n\n  return (\n    <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n      <Dropdown\n        trigger=\"hover\"\n        renderTitle={renderAsIcon ? menuItem : dropdownItem}\n        placement={direction === \"rtl\" ? \"left-start\" : \"right-start\"}\n      >\n        {children}\n      </Dropdown>\n    </AuthorityCheck>\n  );\n};\n\nconst VerticalCollapsedMenuItem = ({\n  sideCollapsed,\n  ...rest\n}: VerticalCollapsedMenuItemProps) => {\n  return sideCollapsed ? (\n    <CollapsedItem {...rest} />\n  ) : (\n    <DefaultItem {...rest} />\n  );\n};\n\nexport default VerticalCollapsedMenuItem;\n"],"names":["MenuItem","MenuCollapse","Menu","DefaultItem","nav","indent","dotIndent","children","userAuthority","t","jsx","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","AuthorityCheck","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACnB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACF,MAEI,gBAAAC;AAAA,EAACT;AAAA,EAAA;AAAA,IAEC,OACE,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAiB,MAAMT,EAAI,KAAA,CAAM;AAAA,wBACjC,QAAA,EAAM,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,IAAA,GACxC;AAAA,IAEF,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAAA,GAiBTU,IAAgB,CAAC;AAAA,EACrB,KAAAV;AAAA,EACA,WAAAW;AAAA,EACA,UAAAR;AAAA,EACA,GAAAE;AAAA,EACA,cAAAO;AAAA,EACA,eAAAR;AAAA,EACA,YAAAS;AACF,MAA0B;AACxB,QAAMC,IACJ,gBAAAR;AAAA,IAACV;AAAA,IAAA;AAAA,MAEC,UAAUiB,GAAY,SAASb,EAAI,GAAG;AAAA,MACtC,UAAUA,EAAI;AAAA,MACd,WAAU;AAAA,MAEV,UAAA,gBAAAM,EAACG,GAAA,EAAiB,MAAMT,EAAI,KAAA,CAAM;AAAA,IAAA;AAAA,IAL7BA,EAAI;AAAA,EAAA,GASPe,IACJ,gBAAAT,EAAC,OAAA,EAAmB,UAAAD,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,GAAvCA,EAAI,GAAqC;AAGrD,SACE,gBAAAM,EAACU,GAAA,EAAe,eAAAZ,GAA8B,WAAWJ,EAAI,WAC3D,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAaL,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAR;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,GAEMe,IAA4B,CAAC;AAAA,EACjC,eAAAC;AAAA,EACA,GAAGC;AACL,MACSD,sBACJT,GAAA,EAAe,GAAGU,GAAM,IAEzB,gBAAAd,EAACP,GAAA,EAAa,GAAGqB,EAAA,CAAM;"}

package/dist/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.js

@@ -1,97 +1,97 @@
-import { jsx as i, Fragment as A, jsxs as I } from "react/jsx-runtime";
-import { useState as _, useEffect as x, Fragment as a } from "react";
-import { Menu as K } from "../../ui/Menu/index.js";
+import { jsx as u, Fragment as E, jsxs as I } from "react/jsx-runtime";
+import { useState as A, useEffect as _, Fragment as x } from "react";
+import { Menu as a } from "../../ui/Menu/index.js";
 import N from "./VerticalSingleMenuItem.js";
 import L from "./VerticalCollapsedMenuItem.js";
 import { themeConfig as S } from "../../../configs/theme.config.js";
 import { NAV_ITEM_TYPE_ITEM as V, NAV_ITEM_TYPE_COLLAPSE as P, NAV_ITEM_TYPE_TITLE as w } from "../../../constants/navigation.constant.js";
 import F from "../../../utils/hooks/useMenuActive.js";
 import { useTranslation as Y } from "../../../utils/hooks/useTranslation.js";
-const { MenuGroup: j } = K, k = (u, n) => u.reduce((o, t) => {
+const { MenuGroup: j } = a, h = (p, n) => p.reduce((i, t) => {
   if (t.subMenu && t.subMenu.length > 0) {
-    const s = k(
+    const s = h(
       t.subMenu,
       n
     );
-    s.length > 0 && o.push({ ...t, subMenu: s });
+    s.length > 0 && i.push({ ...t, subMenu: s });
   } else
-    (t.path && n.includes(t.path) || !t.path) && o.push(t);
-  return o;
-}, []), Q = (u) => {
+    (t.path && n.includes(t.path) || !t.path) && i.push(t);
+  return i;
+}, []), J = (p) => {
   const {
     collapsed: n,
-    routeKey: o,
+    routeKey: i,
     navigationTree: t = [],
     onMenuItemClick: s,
-    direction: M = S.direction,
-    translationSetup: T,
-    userAuthority: y,
-    linkRenderer: b
-  } = u, { t: f } = Y(!T), [m, g] = _([]), d = k(
+    direction: m = S.direction,
+    translationSetup: k,
+    userAuthority: d,
+    linkRenderer: K
+  } = p, { t: y } = Y(!k), [c, T] = A([]), M = h(
     t,
-    y
-  ), { activedRoute: e } = F(d, o);
-  x(() => {
-    e != null && e.parentKey && g([e == null ? void 0 : e.parentKey]);
-  }, [e == null ? void 0 : e.parentKey]);
-  const E = () => {
-    s == null || s();
-  }, h = (c, l = 0, C) => {
-    const p = l + 1;
-    return /* @__PURE__ */ i(A, { children: c.map((r) => /* @__PURE__ */ I(a, { children: [
-      r.type === V && /* @__PURE__ */ i(
+    d
+  ), { activedRoute: r } = F(M, i);
+  _(() => {
+    r?.parentKey && T([r?.parentKey]);
+  }, [r?.parentKey]);
+  const b = () => {
+    s?.();
+  }, f = (g, o = 0, C) => {
+    const l = o + 1;
+    return /* @__PURE__ */ u(E, { children: g.map((e) => /* @__PURE__ */ I(x, { children: [
+      e.type === V && /* @__PURE__ */ u(
         N,
         {
-          currentKey: e == null ? void 0 : e.key,
-          parentKeys: m,
-          nav: r,
+          currentKey: r?.key,
+          parentKeys: c,
+          nav: e,
           sideCollapsed: n,
-          direction: M,
+          direction: m,
           indent: C,
-          renderAsIcon: l <= 0,
-          showIcon: l <= 0,
-          userAuthority: y,
-          showTitle: r.forceShowTitle ?? (n ? l >= 1 : l <= 1),
-          t: f,
-          onLinkClick: E,
-          linkRenderer: b
+          renderAsIcon: o <= 0,
+          showIcon: o <= 0,
+          userAuthority: d,
+          showTitle: e.forceShowTitle ?? (n ? o >= 1 : o <= 1),
+          t: y,
+          onLinkClick: b,
+          linkRenderer: K
         },
-        r.key
+        e.key
       ),
-      r.type === P && /* @__PURE__ */ i(
+      e.type === P && /* @__PURE__ */ u(
         L,
         {
-          currentKey: e == null ? void 0 : e.key,
-          parentKeys: m,
-          nav: r,
+          currentKey: r?.key,
+          parentKeys: c,
+          nav: e,
           sideCollapsed: n,
-          direction: M,
-          indent: p >= 2,
-          dotIndent: p >= 2,
-          renderAsIcon: p <= 1,
-          userAuthority: y,
-          t: f,
+          direction: m,
+          indent: l >= 2,
+          dotIndent: l >= 2,
+          renderAsIcon: l <= 1,
+          userAuthority: d,
+          t: y,
           onLinkClick: s,
-          children: r.subMenu && r.subMenu.length > 0 && h(r.subMenu, p, !0)
+          children: e.subMenu && e.subMenu.length > 0 && f(e.subMenu, l, !0)
         },
-        r.key
+        e.key
       ),
-      r.type === w && /* @__PURE__ */ i(j, { label: f(r.translateKey) || r.title, children: r.subMenu && r.subMenu.length > 0 && h(r.subMenu, l, !1) }, r.key)
-    ] }, r.key)) });
+      e.type === w && /* @__PURE__ */ u(j, { label: y(e.translateKey) || e.title, children: e.subMenu && e.subMenu.length > 0 && f(e.subMenu, o, !1) }, e.key)
+    ] }, e.key)) });
   };
-  return /* @__PURE__ */ i(
-    K,
+  return /* @__PURE__ */ u(
+    a,
     {
       className: "px-4 pb-4",
       sideCollapsed: n,
-      defaultActiveKeys: e != null && e.key ? [e.key] : [],
-      defaultExpandedKeys: m,
-      defaultCollapseActiveKeys: e != null && e.parentKey ? [e.parentKey] : [],
-      children: h(d, 0)
+      defaultActiveKeys: r?.key ? [r.key] : [],
+      defaultExpandedKeys: c,
+      defaultCollapseActiveKeys: r?.parentKey ? [r.parentKey] : [],
+      children: f(M, 0)
     }
   );
 };
 export {
-  Q as default
+  J as default
 };
 //# sourceMappingURL=VerticalMenuContent.js.map

package/dist/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.tsx"],"sourcesContent":["import { useState, useEffect, Fragment } from \"react\";\nimport Menu from \"@/components/ui/Menu\";\nimport VerticalSingleMenuItem from \"./VerticalSingleMenuItem\";\nimport VerticalCollapsedMenuItem from \"./VerticalCollapsedMenuItem\";\nimport { themeConfig } from \"@/configs/theme.config\";\nimport {\n  NAV_ITEM_TYPE_TITLE,\n  NAV_ITEM_TYPE_COLLAPSE,\n  NAV_ITEM_TYPE_ITEM,\n} from \"@/constants/navigation.constant\";\nimport useMenuActive from \"@/utils/hooks/useMenuActive\";\nimport useTranslation from \"@/utils/hooks/useTranslation\";\nimport { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\nimport type { TraslationFn } from \"@/@types/common\";\nimport { LinkRenderer } from \"@/components/layouts/Layouts\";\n\nexport interface VerticalMenuContentProps {\n  collapsed?: boolean;\n  routeKey: string;\n  navigationTree?: NavigationTree[];\n  onMenuItemClick?: () => void;\n  direction?: Direction;\n  translationSetup?: boolean;\n  userAuthority: string[];\n  linkRenderer?: LinkRenderer;\n}\n\nconst { MenuGroup } = Menu;\n\nconst filterNavigationByAuthority = (\n  navTree: NavigationTree[],\n  userAuthority: string[]\n): NavigationTree[] => {\n  return navTree.reduce((acc: NavigationTree[], nav) => {\n    if (nav.subMenu && nav.subMenu.length > 0) {\n      const filteredSubMenu = filterNavigationByAuthority(\n        nav.subMenu,\n        userAuthority\n      );\n      if (filteredSubMenu.length > 0) {\n        acc.push({ ...nav, subMenu: filteredSubMenu });\n      }\n    } else {\n      if ((nav.path && userAuthority.includes(nav.path)) || !nav.path) {\n        acc.push(nav);\n      }\n    }\n    return acc;\n  }, []);\n};\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n  const {\n    collapsed,\n    routeKey,\n    navigationTree = [],\n    onMenuItemClick,\n    direction = themeConfig.direction,\n    translationSetup,\n    userAuthority,\n    linkRenderer,\n  } = props;\n\n  const { t } = useTranslation(!translationSetup);\n  const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([]);\n  const filteredNavigationTree = filterNavigationByAuthority(\n    navigationTree,\n    userAuthority\n  );\n\n  const { activedRoute } = useMenuActive(filteredNavigationTree, routeKey);\n\n  useEffect(() => {\n    if (activedRoute?.parentKey) {\n      setDefaulExpandKey([activedRoute?.parentKey]);\n    }\n  }, [activedRoute?.parentKey]);\n\n  const handleLinkClick = () => {\n    onMenuItemClick?.();\n  };\n\n  const renderNavigation = (\n    navTree: NavigationTree[],\n    cascade: number = 0,\n    indent?: boolean\n  ) => {\n    const nextCascade = cascade + 1;\n\n    return (\n      <>\n        {navTree.map((nav) => (\n          <Fragment key={nav.key}>\n            {nav.type === NAV_ITEM_TYPE_ITEM && (\n              <VerticalSingleMenuItem\n                key={nav.key}\n                currentKey={activedRoute?.key}\n                parentKeys={defaulExpandKey}\n                nav={nav}\n                sideCollapsed={collapsed}\n                direction={direction}\n                indent={indent}\n                renderAsIcon={cascade <= 0}\n                showIcon={cascade <= 0}\n                userAuthority={userAuthority}\n                showTitle={\n                  nav.forceShowTitle ??\n                  (collapsed ? cascade >= 1 : cascade <= 1)\n                }\n                t={t as TraslationFn}\n                onLinkClick={handleLinkClick}\n                linkRenderer={linkRenderer}\n              />\n            )}\n            {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n              <VerticalCollapsedMenuItem\n                key={nav.key}\n                currentKey={activedRoute?.key}\n                parentKeys={defaulExpandKey}\n                nav={nav}\n                sideCollapsed={collapsed}\n                direction={direction}\n                indent={nextCascade >= 2}\n                dotIndent={nextCascade >= 2}\n                renderAsIcon={nextCascade <= 1}\n                userAuthority={userAuthority}\n                t={t as TraslationFn}\n                onLinkClick={onMenuItemClick}\n              >\n                {nav.subMenu &&\n                  nav.subMenu.length > 0 &&\n                  renderNavigation(nav.subMenu, nextCascade, true)}\n              </VerticalCollapsedMenuItem>\n            )}\n            {nav.type === NAV_ITEM_TYPE_TITLE && (\n              <MenuGroup key={nav.key} label={t(nav.translateKey) || nav.title}>\n                {nav.subMenu &&\n                  nav.subMenu.length > 0 &&\n                  renderNavigation(nav.subMenu, cascade, false)}\n              </MenuGroup>\n            )}\n          </Fragment>\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <Menu\n      className=\"px-4 pb-4\"\n      sideCollapsed={collapsed}\n      defaultActiveKeys={activedRoute?.key ? [activedRoute.key] : []}\n      defaultExpandedKeys={defaulExpandKey}\n      defaultCollapseActiveKeys={\n        activedRoute?.parentKey ? [activedRoute.parentKey] : []\n      }\n    >\n      {renderNavigation(filteredNavigationTree, 0)}\n    </Menu>\n  );\n};\n\nexport default VerticalMenuContent;\n"],"names":["MenuGroup","Menu","filterNavigationByAuthority","navTree","userAuthority","acc","nav","filteredSubMenu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","linkRenderer","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","filteredNavigationTree","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","cascade","indent","nextCascade","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE"],"mappings":"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"}
+{"version":3,"file":"VerticalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.tsx"],"sourcesContent":["import { useState, useEffect, Fragment } from \"react\";\nimport Menu from \"@/components/ui/Menu\";\nimport VerticalSingleMenuItem from \"./VerticalSingleMenuItem\";\nimport VerticalCollapsedMenuItem from \"./VerticalCollapsedMenuItem\";\nimport { themeConfig } from \"@/configs/theme.config\";\nimport {\n  NAV_ITEM_TYPE_TITLE,\n  NAV_ITEM_TYPE_COLLAPSE,\n  NAV_ITEM_TYPE_ITEM,\n} from \"@/constants/navigation.constant\";\nimport useMenuActive from \"@/utils/hooks/useMenuActive\";\nimport useTranslation from \"@/utils/hooks/useTranslation\";\nimport { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\nimport type { TraslationFn } from \"@/@types/common\";\nimport { LinkRenderer } from \"@/components/layouts/Layouts\";\n\nexport interface VerticalMenuContentProps {\n  collapsed?: boolean;\n  routeKey: string;\n  navigationTree?: NavigationTree[];\n  onMenuItemClick?: () => void;\n  direction?: Direction;\n  translationSetup?: boolean;\n  userAuthority: string[];\n  linkRenderer?: LinkRenderer;\n}\n\nconst { MenuGroup } = Menu;\n\nconst filterNavigationByAuthority = (\n  navTree: NavigationTree[],\n  userAuthority: string[]\n): NavigationTree[] => {\n  return navTree.reduce((acc: NavigationTree[], nav) => {\n    if (nav.subMenu && nav.subMenu.length > 0) {\n      const filteredSubMenu = filterNavigationByAuthority(\n        nav.subMenu,\n        userAuthority\n      );\n      if (filteredSubMenu.length > 0) {\n        acc.push({ ...nav, subMenu: filteredSubMenu });\n      }\n    } else {\n      if ((nav.path && userAuthority.includes(nav.path)) || !nav.path) {\n        acc.push(nav);\n      }\n    }\n    return acc;\n  }, []);\n};\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n  const {\n    collapsed,\n    routeKey,\n    navigationTree = [],\n    onMenuItemClick,\n    direction = themeConfig.direction,\n    translationSetup,\n    userAuthority,\n    linkRenderer,\n  } = props;\n\n  const { t } = useTranslation(!translationSetup);\n  const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([]);\n  const filteredNavigationTree = filterNavigationByAuthority(\n    navigationTree,\n    userAuthority\n  );\n\n  const { activedRoute } = useMenuActive(filteredNavigationTree, routeKey);\n\n  useEffect(() => {\n    if (activedRoute?.parentKey) {\n      setDefaulExpandKey([activedRoute?.parentKey]);\n    }\n  }, [activedRoute?.parentKey]);\n\n  const handleLinkClick = () => {\n    onMenuItemClick?.();\n  };\n\n  const renderNavigation = (\n    navTree: NavigationTree[],\n    cascade: number = 0,\n    indent?: boolean\n  ) => {\n    const nextCascade = cascade + 1;\n\n    return (\n      <>\n        {navTree.map((nav) => (\n          <Fragment key={nav.key}>\n            {nav.type === NAV_ITEM_TYPE_ITEM && (\n              <VerticalSingleMenuItem\n                key={nav.key}\n                currentKey={activedRoute?.key}\n                parentKeys={defaulExpandKey}\n                nav={nav}\n                sideCollapsed={collapsed}\n                direction={direction}\n                indent={indent}\n                renderAsIcon={cascade <= 0}\n                showIcon={cascade <= 0}\n                userAuthority={userAuthority}\n                showTitle={\n                  nav.forceShowTitle ??\n                  (collapsed ? cascade >= 1 : cascade <= 1)\n                }\n                t={t as TraslationFn}\n                onLinkClick={handleLinkClick}\n                linkRenderer={linkRenderer}\n              />\n            )}\n            {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n              <VerticalCollapsedMenuItem\n                key={nav.key}\n                currentKey={activedRoute?.key}\n                parentKeys={defaulExpandKey}\n                nav={nav}\n                sideCollapsed={collapsed}\n                direction={direction}\n                indent={nextCascade >= 2}\n                dotIndent={nextCascade >= 2}\n                renderAsIcon={nextCascade <= 1}\n                userAuthority={userAuthority}\n                t={t as TraslationFn}\n                onLinkClick={onMenuItemClick}\n              >\n                {nav.subMenu &&\n                  nav.subMenu.length > 0 &&\n                  renderNavigation(nav.subMenu, nextCascade, true)}\n              </VerticalCollapsedMenuItem>\n            )}\n            {nav.type === NAV_ITEM_TYPE_TITLE && (\n              <MenuGroup key={nav.key} label={t(nav.translateKey) || nav.title}>\n                {nav.subMenu &&\n                  nav.subMenu.length > 0 &&\n                  renderNavigation(nav.subMenu, cascade, false)}\n              </MenuGroup>\n            )}\n          </Fragment>\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <Menu\n      className=\"px-4 pb-4\"\n      sideCollapsed={collapsed}\n      defaultActiveKeys={activedRoute?.key ? [activedRoute.key] : []}\n      defaultExpandedKeys={defaulExpandKey}\n      defaultCollapseActiveKeys={\n        activedRoute?.parentKey ? [activedRoute.parentKey] : []\n      }\n    >\n      {renderNavigation(filteredNavigationTree, 0)}\n    </Menu>\n  );\n};\n\nexport default VerticalMenuContent;\n"],"names":["MenuGroup","Menu","filterNavigationByAuthority","navTree","userAuthority","acc","nav","filteredSubMenu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","linkRenderer","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","filteredNavigationTree","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","cascade","indent","nextCascade","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE"],"mappings":";;;;;;;;;AA4BA,MAAM,EAAE,WAAAA,MAAcC,GAEhBC,IAA8B,CAClCC,GACAC,MAEOD,EAAQ,OAAO,CAACE,GAAuBC,MAAQ;AACpD,MAAIA,EAAI,WAAWA,EAAI,QAAQ,SAAS,GAAG;AACzC,UAAMC,IAAkBL;AAAA,MACtBI,EAAI;AAAA,MACJF;AAAA,IAAA;AAEF,IAAIG,EAAgB,SAAS,KAC3BF,EAAI,KAAK,EAAE,GAAGC,GAAK,SAASC,GAAiB;AAAA,EAEjD;AACE,KAAKD,EAAI,QAAQF,EAAc,SAASE,EAAI,IAAI,KAAM,CAACA,EAAI,SACzDD,EAAI,KAAKC,CAAG;AAGhB,SAAOD;AACT,GAAG,CAAA,CAAE,GAGDG,IAAsB,CAACC,MAAoC;AAC/D,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC,IAAiB,CAAA;AAAA,IACjB,iBAAAC;AAAA,IACA,WAAAC,IAAYC,EAAY;AAAA,IACxB,kBAAAC;AAAA,IACA,eAAAZ;AAAA,IACA,cAAAa;AAAA,EAAA,IACER,GAEE,EAAE,GAAAS,EAAA,IAAMC,EAAe,CAACH,CAAgB,GACxC,CAACI,GAAiBC,CAAkB,IAAIC,EAAmB,CAAA,CAAE,GAC7DC,IAAyBrB;AAAA,IAC7BU;AAAA,IACAR;AAAA,EAAA,GAGI,EAAE,cAAAoB,EAAA,IAAiBC,EAAcF,GAAwBZ,CAAQ;AAEvE,EAAAe,EAAU,MAAM;AACd,IAAIF,GAAc,aAChBH,EAAmB,CAACG,GAAc,SAAS,CAAC;AAAA,EAEhD,GAAG,CAACA,GAAc,SAAS,CAAC;AAE5B,QAAMG,IAAkB,MAAM;AAC5B,IAAAd,IAAA;AAAA,EACF,GAEMe,IAAmB,CACvBzB,GACA0B,IAAkB,GAClBC,MACG;AACH,UAAMC,IAAcF,IAAU;AAE9B,kCAEK,UAAA1B,EAAQ,IAAI,CAACG,MACZ,gBAAA0B,EAACC,GAAA,EACE,UAAA;AAAA,MAAA3B,EAAI,SAAS4B,KACZ,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,YAAYZ,GAAc;AAAA,UAC1B,YAAYJ;AAAA,UACZ,KAAAd;AAAA,UACA,eAAeI;AAAA,UACf,WAAAI;AAAA,UACA,QAAAgB;AAAA,UACA,cAAcD,KAAW;AAAA,UACzB,UAAUA,KAAW;AAAA,UACrB,eAAAzB;AAAA,UACA,WACEE,EAAI,mBACHI,IAAYmB,KAAW,IAAIA,KAAW;AAAA,UAEzC,GAAAX;AAAA,UACA,aAAaS;AAAA,UACb,cAAAV;AAAA,QAAA;AAAA,QAhBKX,EAAI;AAAA,MAAA;AAAA,MAmBZA,EAAI,SAAS+B,KACZ,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,YAAYd,GAAc;AAAA,UAC1B,YAAYJ;AAAA,UACZ,KAAAd;AAAA,UACA,eAAeI;AAAA,UACf,WAAAI;AAAA,UACA,QAAQiB,KAAe;AAAA,UACvB,WAAWA,KAAe;AAAA,UAC1B,cAAcA,KAAe;AAAA,UAC7B,eAAA3B;AAAA,UACA,GAAAc;AAAA,UACA,aAAaL;AAAA,UAEZ,UAAAP,EAAI,WACHA,EAAI,QAAQ,SAAS,KACrBsB,EAAiBtB,EAAI,SAASyB,GAAa,EAAI;AAAA,QAAA;AAAA,QAf5CzB,EAAI;AAAA,MAAA;AAAA,MAkBZA,EAAI,SAASiC,KACZ,gBAAAJ,EAACnC,GAAA,EAAwB,OAAOkB,EAAEZ,EAAI,YAAY,KAAKA,EAAI,OACxD,YAAI,WACHA,EAAI,QAAQ,SAAS,KACrBsB,EAAiBtB,EAAI,SAASuB,GAAS,EAAK,EAAA,GAHhCvB,EAAI,GAIpB;AAAA,IAAA,EAAA,GA/CWA,EAAI,GAiDnB,CACD,GACH;AAAA,EAEJ;AAEA,SACE,gBAAA6B;AAAA,IAAClC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAeS;AAAA,MACf,mBAAmBc,GAAc,MAAM,CAACA,EAAa,GAAG,IAAI,CAAA;AAAA,MAC5D,qBAAqBJ;AAAA,MACrB,2BACEI,GAAc,YAAY,CAACA,EAAa,SAAS,IAAI,CAAA;AAAA,MAGtD,UAAAI,EAAiBL,GAAwB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGjD;"}

package/dist/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.js

@@ -1,31 +1,31 @@
-import { jsx as n, jsxs as m, Fragment as f } from "react/jsx-runtime";
+import { jsx as e, jsxs as m, Fragment as k } from "react/jsx-runtime";
 import "../../ui/Tooltip/index.js";
-import { Menu as p } from "../../ui/Menu/index.js";
-import y from "./VerticalMenuIcon.js";
-import { Link as k } from "react-router-dom";
-import { Dropdown as b } from "../../ui/Dropdown/index.js";
+import { Menu as f } from "../../ui/Menu/index.js";
+import p from "./VerticalMenuIcon.js";
+import { Link as y } from "react-router-dom";
+import { Dropdown as M } from "../../ui/Dropdown/index.js";
 import I from "../../ui/Tooltip/Tooltip.js";
-const { MenuItem: w } = p;
-const h = (r) => {
+const { MenuItem: w } = f;
+const h = (n) => {
   const {
     nav: t,
-    onLinkClick: e,
-    showTitle: i,
+    onLinkClick: i,
+    showTitle: r,
     indent: l,
     showIcon: o = !0,
-    userAuthority: s,
+    userAuthority: c,
     t: d,
-    linkRenderer: c
-  } = r, a = /* @__PURE__ */ m(f, { children: [
-    o && /* @__PURE__ */ n(y, { icon: t.icon }),
-    i && /* @__PURE__ */ n("span", { children: d(t.translateKey, t.title) })
-  ] }), u = () => c ? c(t, a) : /* @__PURE__ */ n(
-    k,
+    linkRenderer: s
+  } = n, a = /* @__PURE__ */ m(k, { children: [
+    o && /* @__PURE__ */ e(p, { icon: t.icon }),
+    r && /* @__PURE__ */ e("span", { children: d(t.translateKey, t.title) })
+  ] }), u = () => s ? s(t, a) : /* @__PURE__ */ e(
+    y,
     {
       to: t.path,
       className: "flex h-full w-full items-center gap-2",
       target: t.isExternalLink ? "_blank" : "",
-      onClick: () => e == null ? void 0 : e({
+      onClick: () => i?.({
         key: t.key,
         title: t.title,
         path: t.path
@@ -33,43 +33,43 @@ const h = (r) => {
       children: a
     }
   );
-  return /* @__PURE__ */ n(w, { eventKey: t.key, dotIndent: l, children: u() }, t.key);
-}, C = (r) => {
-  const { sideCollapsed: t, nav: e, t: i, userAuthority: l, onLinkClick: o, linkRenderer: s } = r;
-  return t ? /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(w, { eventKey: t.key, dotIndent: l, children: u() }, t.key);
+}, b = (n) => {
+  const { sideCollapsed: t, nav: i, t: r, userAuthority: l, onLinkClick: o, linkRenderer: c } = n;
+  return t ? /* @__PURE__ */ e(
     I,
     {
-      title: i(e.translateKey, e.title),
-      placement: r.direction === "rtl" ? "left" : "right",
-      children: /* @__PURE__ */ n(
+      title: r(i.translateKey, i.title),
+      placement: n.direction === "rtl" ? "left" : "right",
+      children: /* @__PURE__ */ e(
         h,
         {
-          nav: e,
+          nav: i,
           onLinkClick: o,
-          t: i,
+          t: r,
           userAuthority: l,
-          linkRenderer: s,
+          linkRenderer: c,
           showIcon: !0,
           showTitle: !1,
-          indent: r.indent
+          indent: n.indent
         }
       )
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ e(
     h,
     {
-      nav: e,
+      nav: i,
       onLinkClick: o,
-      t: i,
+      t: r,
       userAuthority: l,
-      linkRenderer: s,
+      linkRenderer: c,
       showIcon: !0,
       showTitle: !0,
-      indent: r.indent
+      indent: n.indent
     }
   );
 };
 export {
-  C as default
+  b as default
 };
 //# sourceMappingURL=VerticalSingleMenuItem.js.map

package/dist/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSingleMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"sourcesContent":["import Tooltip from \"@/components/ui/Tooltip\";\nimport Menu from \"@/components/ui/Menu\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport { Link } from \"react-router-dom\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\nconst { MenuItem } = Menu;\n\ntype LinkRenderer = (\n  nav: NavigationTree,\n  children: React.ReactNode\n) => React.ReactNode;\n\ninterface CollapsedItemProps extends CommonProps {\n  nav: NavigationTree;\n  direction?: Direction;\n  linkRenderer?: LinkRenderer;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  t: (\n    key: string,\n    fallback?: string | Record<string, string | number>\n  ) => string;\n  renderAsIcon?: boolean;\n  userAuthority: string[];\n  currentKey?: string;\n  parentKeys?: string[];\n}\n\ninterface DefaultItemProps {\n  nav: NavigationTree;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  sideCollapsed?: boolean;\n  t: (\n    key: string,\n    fallback?: string | Record<string, string | number>\n  ) => string;\n  indent?: boolean;\n  userAuthority: string[];\n  showIcon?: boolean;\n  showTitle?: boolean;\n  linkRenderer?: LinkRenderer;\n}\n\ninterface VerticalMenuItemProps extends CollapsedItemProps, DefaultItemProps {}\n\nconst CollapsedItem = ({\n  nav,\n  children,\n  direction,\n  renderAsIcon,\n  onLinkClick,\n  userAuthority,\n  t,\n  currentKey,\n  linkRenderer,\n}: CollapsedItemProps) => {\n  const linkContent = <span>{t(nav.translateKey, nav.title)}</span>;\n\n  const renderLink = () => {\n    if (linkRenderer) {\n      return linkRenderer(nav, linkContent);\n    }\n\n    return (\n      <Link\n        id={nav.path}\n        className=\"flex h-full w-full items-center outline-none\"\n        to={nav.path}\n        target={nav.isExternalLink ? \"_blank\" : \"\"}\n        onClick={() =>\n          onLinkClick?.({\n            key: nav.key,\n            title: nav.title,\n            path: nav.path,\n          })\n        }\n      >\n        {linkContent}\n      </Link>\n    );\n  };\n\n  return (\n    <Dropdown.Item active={currentKey === nav.key}>\n      {nav.path ? renderLink() : <span>{t(nav.translateKey, nav.title)}</span>}\n    </Dropdown.Item>\n  );\n};\n\nconst DefaultItem = (props: DefaultItemProps) => {\n  const {\n    nav,\n    onLinkClick,\n    showTitle,\n    indent,\n    showIcon = true,\n    userAuthority,\n    t,\n    linkRenderer,\n  } = props;\n\n  const linkContent = (\n    <>\n      {showIcon && <VerticalMenuIcon icon={nav.icon} />}\n      {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\n    </>\n  );\n\n  const renderLink = () => {\n    if (linkRenderer) {\n      return linkRenderer(nav, linkContent);\n    }\n\n    return (\n      <Link\n        to={nav.path}\n        className=\"flex h-full w-full items-center gap-2\"\n        target={nav.isExternalLink ? \"_blank\" : \"\"}\n        onClick={() =>\n          onLinkClick?.({\n            key: nav.key,\n            title: nav.title,\n            path: nav.path,\n          })\n        }\n      >\n        {linkContent}\n      </Link>\n    );\n  };\n\n  return (\n    <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\n      {renderLink()}\n    </MenuItem>\n  );\n};\nconst VerticalSingleMenuItem = (props: VerticalMenuItemProps) => {\n  const { sideCollapsed, nav, t, userAuthority, onLinkClick, linkRenderer } =\n    props;\n\n  if (sideCollapsed) {\n    return (\n      <Tooltip\n        title={t(nav.translateKey, nav.title)}\n        placement={props.direction === \"rtl\" ? \"left\" : \"right\"}\n      >\n        <DefaultItem\n          nav={nav}\n          onLinkClick={onLinkClick}\n          t={t}\n          userAuthority={userAuthority}\n          linkRenderer={linkRenderer}\n          showIcon={true}\n          showTitle={false}\n          indent={props.indent}\n        />\n      </Tooltip>\n    );\n  }\n\n  return (\n    <DefaultItem\n      nav={nav}\n      onLinkClick={onLinkClick}\n      t={t}\n      userAuthority={userAuthority}\n      linkRenderer={linkRenderer}\n      showIcon={true}\n      showTitle={true}\n      indent={props.indent}\n    />\n  );\n};\nexport default VerticalSingleMenuItem;\n"],"names":["MenuItem","Menu","DefaultItem","props","nav","onLinkClick","showTitle","indent","showIcon","userAuthority","t","linkRenderer","linkContent","jsxs","Fragment","jsx","VerticalMenuIcon","renderLink","Link","VerticalSingleMenuItem","sideCollapsed","Tooltip"],"mappings":";;;;;;;AAUA,MAAM,EAAE,UAAAA,MAAaC;AAmFrB,MAAMC,IAAc,CAACC,MAA4B;AAC/C,QAAM;AAAA,IACJ,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,GAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACER,GAEES,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN,KAAY,gBAAAO,EAACC,GAAA,EAAiB,MAAMZ,EAAI,MAAM;AAAA,IAC9CE,uBAAc,QAAA,EAAM,UAAAI,EAAEN,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,EAAA,GACtD,GAGIa,IAAa,MACbN,IACKA,EAAaP,GAAKQ,CAAW,IAIpC,gBAAAG;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAId,EAAI;AAAA,MACR,WAAU;AAAA,MACV,QAAQA,EAAI,iBAAiB,WAAW;AAAA,MACxC,SAAS,MACPC,KAAA,gBAAAA,EAAc;AAAA,QACZ,KAAKD,EAAI;AAAA,QACT,OAAOA,EAAI;AAAA,QACX,MAAMA,EAAI;AAAA,MAAA;AAAA,MAIb,UAAAQ;AAAA,IAAA;AAAA,EAAA;AAKP,SACE,gBAAAG,EAACf,GAAA,EAAuB,UAAUI,EAAI,KAAK,WAAWG,GACnD,UAAAU,EAAA,EAAW,GADCb,EAAI,GAEnB;AAEJ,GACMe,IAAyB,CAAChB,MAAiC;AAC/D,QAAM,EAAE,eAAAiB,GAAe,KAAAhB,GAAK,GAAAM,GAAG,eAAAD,GAAe,aAAAJ,GAAa,cAAAM,MACzDR;AAEF,SAAIiB,IAEA,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,OAAOX,EAAEN,EAAI,cAAcA,EAAI,KAAK;AAAA,MACpC,WAAWD,EAAM,cAAc,QAAQ,SAAS;AAAA,MAEhD,UAAA,gBAAAY;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,KAAAE;AAAA,UACA,aAAAC;AAAA,UACA,GAAAK;AAAA,UACA,eAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAU;AAAA,UACV,WAAW;AAAA,UACX,QAAQR,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA,IAMJ,gBAAAY;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,KAAAE;AAAA,MACA,aAAAC;AAAA,MACA,GAAAK;AAAA,MACA,eAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQR,EAAM;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"VerticalSingleMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"sourcesContent":["import Tooltip from \"@/components/ui/Tooltip\";\nimport Menu from \"@/components/ui/Menu\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport { Link } from \"react-router-dom\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\nconst { MenuItem } = Menu;\n\ntype LinkRenderer = (\n  nav: NavigationTree,\n  children: React.ReactNode\n) => React.ReactNode;\n\ninterface CollapsedItemProps extends CommonProps {\n  nav: NavigationTree;\n  direction?: Direction;\n  linkRenderer?: LinkRenderer;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  t: (\n    key: string,\n    fallback?: string | Record<string, string | number>\n  ) => string;\n  renderAsIcon?: boolean;\n  userAuthority: string[];\n  currentKey?: string;\n  parentKeys?: string[];\n}\n\ninterface DefaultItemProps {\n  nav: NavigationTree;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  sideCollapsed?: boolean;\n  t: (\n    key: string,\n    fallback?: string | Record<string, string | number>\n  ) => string;\n  indent?: boolean;\n  userAuthority: string[];\n  showIcon?: boolean;\n  showTitle?: boolean;\n  linkRenderer?: LinkRenderer;\n}\n\ninterface VerticalMenuItemProps extends CollapsedItemProps, DefaultItemProps {}\n\nconst CollapsedItem = ({\n  nav,\n  children,\n  direction,\n  renderAsIcon,\n  onLinkClick,\n  userAuthority,\n  t,\n  currentKey,\n  linkRenderer,\n}: CollapsedItemProps) => {\n  const linkContent = <span>{t(nav.translateKey, nav.title)}</span>;\n\n  const renderLink = () => {\n    if (linkRenderer) {\n      return linkRenderer(nav, linkContent);\n    }\n\n    return (\n      <Link\n        id={nav.path}\n        className=\"flex h-full w-full items-center outline-none\"\n        to={nav.path}\n        target={nav.isExternalLink ? \"_blank\" : \"\"}\n        onClick={() =>\n          onLinkClick?.({\n            key: nav.key,\n            title: nav.title,\n            path: nav.path,\n          })\n        }\n      >\n        {linkContent}\n      </Link>\n    );\n  };\n\n  return (\n    <Dropdown.Item active={currentKey === nav.key}>\n      {nav.path ? renderLink() : <span>{t(nav.translateKey, nav.title)}</span>}\n    </Dropdown.Item>\n  );\n};\n\nconst DefaultItem = (props: DefaultItemProps) => {\n  const {\n    nav,\n    onLinkClick,\n    showTitle,\n    indent,\n    showIcon = true,\n    userAuthority,\n    t,\n    linkRenderer,\n  } = props;\n\n  const linkContent = (\n    <>\n      {showIcon && <VerticalMenuIcon icon={nav.icon} />}\n      {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\n    </>\n  );\n\n  const renderLink = () => {\n    if (linkRenderer) {\n      return linkRenderer(nav, linkContent);\n    }\n\n    return (\n      <Link\n        to={nav.path}\n        className=\"flex h-full w-full items-center gap-2\"\n        target={nav.isExternalLink ? \"_blank\" : \"\"}\n        onClick={() =>\n          onLinkClick?.({\n            key: nav.key,\n            title: nav.title,\n            path: nav.path,\n          })\n        }\n      >\n        {linkContent}\n      </Link>\n    );\n  };\n\n  return (\n    <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\n      {renderLink()}\n    </MenuItem>\n  );\n};\nconst VerticalSingleMenuItem = (props: VerticalMenuItemProps) => {\n  const { sideCollapsed, nav, t, userAuthority, onLinkClick, linkRenderer } =\n    props;\n\n  if (sideCollapsed) {\n    return (\n      <Tooltip\n        title={t(nav.translateKey, nav.title)}\n        placement={props.direction === \"rtl\" ? \"left\" : \"right\"}\n      >\n        <DefaultItem\n          nav={nav}\n          onLinkClick={onLinkClick}\n          t={t}\n          userAuthority={userAuthority}\n          linkRenderer={linkRenderer}\n          showIcon={true}\n          showTitle={false}\n          indent={props.indent}\n        />\n      </Tooltip>\n    );\n  }\n\n  return (\n    <DefaultItem\n      nav={nav}\n      onLinkClick={onLinkClick}\n      t={t}\n      userAuthority={userAuthority}\n      linkRenderer={linkRenderer}\n      showIcon={true}\n      showTitle={true}\n      indent={props.indent}\n    />\n  );\n};\nexport default VerticalSingleMenuItem;\n"],"names":["MenuItem","Menu","DefaultItem","props","nav","onLinkClick","showTitle","indent","showIcon","userAuthority","t","linkRenderer","linkContent","jsxs","Fragment","jsx","VerticalMenuIcon","renderLink","Link","VerticalSingleMenuItem","sideCollapsed","Tooltip"],"mappings":";;;;;;;AAUA,MAAM,EAAE,UAAAA,MAAaC;AAmFrB,MAAMC,IAAc,CAACC,MAA4B;AAC/C,QAAM;AAAA,IACJ,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,GAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACER,GAEES,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN,KAAY,gBAAAO,EAACC,GAAA,EAAiB,MAAMZ,EAAI,MAAM;AAAA,IAC9CE,uBAAc,QAAA,EAAM,UAAAI,EAAEN,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,EAAA,GACtD,GAGIa,IAAa,MACbN,IACKA,EAAaP,GAAKQ,CAAW,IAIpC,gBAAAG;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAId,EAAI;AAAA,MACR,WAAU;AAAA,MACV,QAAQA,EAAI,iBAAiB,WAAW;AAAA,MACxC,SAAS,MACPC,IAAc;AAAA,QACZ,KAAKD,EAAI;AAAA,QACT,OAAOA,EAAI;AAAA,QACX,MAAMA,EAAI;AAAA,MAAA,CACX;AAAA,MAGF,UAAAQ;AAAA,IAAA;AAAA,EAAA;AAKP,SACE,gBAAAG,EAACf,GAAA,EAAuB,UAAUI,EAAI,KAAK,WAAWG,GACnD,UAAAU,EAAA,EAAW,GADCb,EAAI,GAEnB;AAEJ,GACMe,IAAyB,CAAChB,MAAiC;AAC/D,QAAM,EAAE,eAAAiB,GAAe,KAAAhB,GAAK,GAAAM,GAAG,eAAAD,GAAe,aAAAJ,GAAa,cAAAM,MACzDR;AAEF,SAAIiB,IAEA,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,OAAOX,EAAEN,EAAI,cAAcA,EAAI,KAAK;AAAA,MACpC,WAAWD,EAAM,cAAc,QAAQ,SAAS;AAAA,MAEhD,UAAA,gBAAAY;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,KAAAE;AAAA,UACA,aAAAC;AAAA,UACA,GAAAK;AAAA,UACA,eAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAU;AAAA,UACV,WAAW;AAAA,UACX,QAAQR,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA,IAMJ,gBAAAY;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,KAAAE;AAAA,MACA,aAAAC;AAAA,MACA,GAAAK;AAAA,MACA,eAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQR,EAAM;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1,6 +1,6 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { useState as A } from "react";
-import c from "../utils/classNames.js";
+import l from "../utils/classNames.js";
 import E from "../hooks/useTimeout.js";
 import { HiXCircle as H, HiExclamation as I, HiInformationCircle as P, HiCheckCircle as Y } from "react-icons/hi";
 import { motion as j } from "framer-motion";
@@ -42,29 +42,29 @@ const g = "warning", B = {
   "danger",
   "info",
   "warning"
-], O = (a) => {
+], O = (c) => {
   const {
-    children: i,
+    children: n,
     className: x,
-    closable: s = !1,
+    closable: i = !1,
     customClose: p,
     customIcon: b,
-    duration: u = 3e3,
+    duration: a = 3e3,
     title: o = null,
-    onClose: r,
+    onClose: u,
     ref: h,
     showIcon: y = !1,
     triggerByToast: m = !1,
     ...w
-  } = a, d = (() => {
-    const { type: e = g } = a;
+  } = c, d = (() => {
+    const { type: e = g } = c;
     return M.includes(e) ? e : g;
-  })(), n = B[d], [C, f] = A("show"), { clear: T } = E(
-    r,
+  })(), r = B[d], [C, f] = A("show"), { clear: T } = E(
     u,
-    u > 0
+    a,
+    a > 0
   ), k = (e) => {
-    f("hiding"), r == null || r(e), T(), m || setTimeout(() => {
+    f("hiding"), u?.(e), T(), m || setTimeout(() => {
       f("hide");
     }, 400);
   }, N = () => /* @__PURE__ */ t(
@@ -81,17 +81,17 @@ const g = "warning", B = {
         }
       )
     }
-  ), v = c(
+  ), v = l(
     "alert",
-    n.backgroundColor,
-    n.textColor,
+    r.backgroundColor,
+    r.textColor,
     o ? "" : "font-semibold",
-    s ? "justify-between" : "",
-    s && !o ? "items-center" : "",
+    i ? "justify-between" : "",
+    i && !o ? "items-center" : "",
     !m && "rounded-xl",
     x
   );
-  return C === "hide" ? null : /* @__PURE__ */ l(
+  return C === "hide" ? null : /* @__PURE__ */ s(
     j.div,
     {
       ref: h,
@@ -109,40 +109,40 @@ const g = "warning", B = {
       },
       ...w,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "div",
           {
-            className: c(
+            className: l(
               "flex gap-2",
-              !o && i ? "items-center" : "",
-              o && i ? "mt-0.5" : ""
+              !o && n ? "items-center" : "",
+              o && n ? "mt-0.5" : ""
             ),
             children: [
               y && /* @__PURE__ */ t(
                 _,
                 {
-                  iconColor: n.iconColor,
+                  iconColor: r.iconColor,
                   custom: b,
                   type: d
                 }
               ),
-              /* @__PURE__ */ l("div", { children: [
+              /* @__PURE__ */ s("div", { children: [
                 o ? /* @__PURE__ */ t(
                   "div",
                   {
-                    className: c(
+                    className: l(
                       "font-semibold text-lg mb-1",
-                      n.titleColor
+                      r.titleColor
                     ),
                     children: o
                   }
                 ) : null,
-                i
+                n
               ] })
             ]
           }
         ),
-        s ? N() : null
+        i ? N() : null
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../lib/@ecme/components/ui/Alert/Alert.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from '../utils/classNames'\nimport useTimeout from '../hooks/useTimeout'\nimport {\n    HiCheckCircle,\n    HiInformationCircle,\n    HiExclamation,\n    HiXCircle,\n} from 'react-icons/hi'\nimport { motion } from 'framer-motion'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { TypeAttributes, CommonProps } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface AlertProps extends CommonProps {\n    closable?: boolean\n    customClose?: ReactNode | string\n    customIcon?: ReactNode | string\n    duration?: number\n    title?: ReactNode | string\n    onClose?: (e?: MouseEvent<HTMLDivElement>) => void\n    showIcon?: boolean\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DEFAULT_TYPE = 'warning'\n\nconst TYPE_MAP = {\n    success: {\n        backgroundColor: 'bg-success-subtle',\n        titleColor: 'text-success',\n        textColor: 'text-success',\n        iconColor: 'text-success',\n        icon: <HiCheckCircle />,\n    },\n    info: {\n        backgroundColor: 'bg-info-subtle',\n        titleColor: 'text-info',\n        textColor: 'text-info',\n        iconColor: 'text-info',\n        icon: <HiInformationCircle />,\n    },\n    warning: {\n        backgroundColor: 'bg-warning-subtle',\n        titleColor: 'text-warning',\n        textColor: 'text-warning',\n        iconColor: 'text-warning',\n        icon: <HiExclamation />,\n    },\n    danger: {\n        backgroundColor: 'bg-error-subtle',\n        titleColor: 'text-error',\n        textColor: 'text-error',\n        iconColor: 'text-error',\n        icon: <HiXCircle />,\n    },\n}\n\nconst TYPE_ARRAY: TypeAttributes.Status[] = [\n    'success',\n    'danger',\n    'info',\n    'warning',\n]\n\nconst Alert = (props: AlertProps) => {\n    const {\n        children,\n        className,\n        closable = false,\n        customClose,\n        customIcon,\n        duration = 3000,\n        title = null,\n        onClose,\n        ref,\n        showIcon = false,\n        triggerByToast = false,\n        ...rest\n    } = props\n\n    const getType = () => {\n        const { type = DEFAULT_TYPE } = props\n        if (TYPE_ARRAY.includes(type)) {\n            return type\n        }\n        return DEFAULT_TYPE\n    }\n\n    const type = getType()\n    const typeMap = TYPE_MAP[type]\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(\n        onClose as () => void,\n        duration,\n        (duration as number) > 0,\n    )\n\n    const handleClose = (e: MouseEvent<HTMLDivElement>) => {\n        setDisplay('hiding')\n        onClose?.(e)\n        clear()\n        if (!triggerByToast) {\n            setTimeout(() => {\n                setDisplay('hide')\n            }, 400)\n        }\n    }\n\n    const renderClose = () => {\n        return (\n            <div\n                className=\"cursor-pointer\"\n                role=\"presentation\"\n                onClick={(e) => handleClose(e)}\n            >\n                {customClose || (\n                    <CloseButton\n                        resetDefaultClass\n                        className=\"text-lg outline-none\"\n                    />\n                )}\n            </div>\n        )\n    }\n\n    const alertClass = classNames(\n        'alert',\n        typeMap.backgroundColor,\n        typeMap.textColor,\n        !title ? 'font-semibold' : '',\n        closable ? 'justify-between' : '',\n        closable && !title ? 'items-center' : '',\n        !triggerByToast && 'rounded-xl',\n\n        className,\n    )\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <motion.div\n            ref={ref}\n            className={alertClass}\n            initial={{ opacity: 1 }}\n            animate={display === 'hiding' ? 'exit' : 'animate'}\n            transition={{ duration: 0.25, type: 'tween' }}\n            variants={{\n                animate: {\n                    opacity: 1,\n                },\n                exit: {\n                    opacity: 0,\n                },\n            }}\n            {...rest}\n        >\n            <div\n                className={classNames(\n                    'flex gap-2',\n                    !title && children ? 'items-center' : '',\n                    title && children ? 'mt-0.5' : '',\n                )}\n            >\n                {showIcon && (\n                    <StatusIcon\n                        iconColor={typeMap.iconColor}\n                        custom={customIcon}\n                        type={type}\n                    />\n                )}\n                <div>\n                    {title ? (\n                        <div\n                            className={classNames(\n                                'font-semibold text-lg mb-1',\n                                typeMap.titleColor,\n                            )}\n                        >\n                            {title}\n                        </div>\n                    ) : null}\n                    {children}\n                </div>\n            </div>\n            {closable ? renderClose() : null}\n        </motion.div>\n    )\n}\n\nexport default Alert\n"],"names":["DEFAULT_TYPE","TYPE_MAP","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","TYPE_ARRAY","Alert","props","children","className","closable","customClose","customIcon","duration","title","onClose","ref","showIcon","triggerByToast","rest","type","typeMap","display","setDisplay","useState","clear","useTimeout","handleClose","renderClose","jsx","CloseButton","alertClass","classNames","jsxs","motion","StatusIcon"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../../lib/@ecme/components/ui/Alert/Alert.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from '../utils/classNames'\nimport useTimeout from '../hooks/useTimeout'\nimport {\n    HiCheckCircle,\n    HiInformationCircle,\n    HiExclamation,\n    HiXCircle,\n} from 'react-icons/hi'\nimport { motion } from 'framer-motion'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { TypeAttributes, CommonProps } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface AlertProps extends CommonProps {\n    closable?: boolean\n    customClose?: ReactNode | string\n    customIcon?: ReactNode | string\n    duration?: number\n    title?: ReactNode | string\n    onClose?: (e?: MouseEvent<HTMLDivElement>) => void\n    showIcon?: boolean\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DEFAULT_TYPE = 'warning'\n\nconst TYPE_MAP = {\n    success: {\n        backgroundColor: 'bg-success-subtle',\n        titleColor: 'text-success',\n        textColor: 'text-success',\n        iconColor: 'text-success',\n        icon: <HiCheckCircle />,\n    },\n    info: {\n        backgroundColor: 'bg-info-subtle',\n        titleColor: 'text-info',\n        textColor: 'text-info',\n        iconColor: 'text-info',\n        icon: <HiInformationCircle />,\n    },\n    warning: {\n        backgroundColor: 'bg-warning-subtle',\n        titleColor: 'text-warning',\n        textColor: 'text-warning',\n        iconColor: 'text-warning',\n        icon: <HiExclamation />,\n    },\n    danger: {\n        backgroundColor: 'bg-error-subtle',\n        titleColor: 'text-error',\n        textColor: 'text-error',\n        iconColor: 'text-error',\n        icon: <HiXCircle />,\n    },\n}\n\nconst TYPE_ARRAY: TypeAttributes.Status[] = [\n    'success',\n    'danger',\n    'info',\n    'warning',\n]\n\nconst Alert = (props: AlertProps) => {\n    const {\n        children,\n        className,\n        closable = false,\n        customClose,\n        customIcon,\n        duration = 3000,\n        title = null,\n        onClose,\n        ref,\n        showIcon = false,\n        triggerByToast = false,\n        ...rest\n    } = props\n\n    const getType = () => {\n        const { type = DEFAULT_TYPE } = props\n        if (TYPE_ARRAY.includes(type)) {\n            return type\n        }\n        return DEFAULT_TYPE\n    }\n\n    const type = getType()\n    const typeMap = TYPE_MAP[type]\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(\n        onClose as () => void,\n        duration,\n        (duration as number) > 0,\n    )\n\n    const handleClose = (e: MouseEvent<HTMLDivElement>) => {\n        setDisplay('hiding')\n        onClose?.(e)\n        clear()\n        if (!triggerByToast) {\n            setTimeout(() => {\n                setDisplay('hide')\n            }, 400)\n        }\n    }\n\n    const renderClose = () => {\n        return (\n            <div\n                className=\"cursor-pointer\"\n                role=\"presentation\"\n                onClick={(e) => handleClose(e)}\n            >\n                {customClose || (\n                    <CloseButton\n                        resetDefaultClass\n                        className=\"text-lg outline-none\"\n                    />\n                )}\n            </div>\n        )\n    }\n\n    const alertClass = classNames(\n        'alert',\n        typeMap.backgroundColor,\n        typeMap.textColor,\n        !title ? 'font-semibold' : '',\n        closable ? 'justify-between' : '',\n        closable && !title ? 'items-center' : '',\n        !triggerByToast && 'rounded-xl',\n\n        className,\n    )\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <motion.div\n            ref={ref}\n            className={alertClass}\n            initial={{ opacity: 1 }}\n            animate={display === 'hiding' ? 'exit' : 'animate'}\n            transition={{ duration: 0.25, type: 'tween' }}\n            variants={{\n                animate: {\n                    opacity: 1,\n                },\n                exit: {\n                    opacity: 0,\n                },\n            }}\n            {...rest}\n        >\n            <div\n                className={classNames(\n                    'flex gap-2',\n                    !title && children ? 'items-center' : '',\n                    title && children ? 'mt-0.5' : '',\n                )}\n            >\n                {showIcon && (\n                    <StatusIcon\n                        iconColor={typeMap.iconColor}\n                        custom={customIcon}\n                        type={type}\n                    />\n                )}\n                <div>\n                    {title ? (\n                        <div\n                            className={classNames(\n                                'font-semibold text-lg mb-1',\n                                typeMap.titleColor,\n                            )}\n                        >\n                            {title}\n                        </div>\n                    ) : null}\n                    {children}\n                </div>\n            </div>\n            {closable ? renderClose() : null}\n        </motion.div>\n    )\n}\n\nexport default Alert\n"],"names":["DEFAULT_TYPE","TYPE_MAP","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","TYPE_ARRAY","Alert","props","children","className","closable","customClose","customIcon","duration","title","onClose","ref","showIcon","triggerByToast","rest","type","typeMap","display","setDisplay","useState","clear","useTimeout","handleClose","renderClose","jsx","CloseButton","alertClass","classNames","jsxs","motion","StatusIcon"],"mappings":"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"}