@orbe-agro/client-core 5.1.8 → 5.2.0

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.js

@@ -1,26 +1,18 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Link as m } from "react-router-dom";
-import n from "classnames";
-const u = ({
-  path: t,
-  children: e,
-  isExternalLink: o,
-  className: r,
-  onClick: a
-}) => /* @__PURE__ */ l(
-  m,
-  {
-    className: n(
-      "w-full flex items-center outline-0",
-      r
-    ),
-    to: t,
-    target: o ? "_blank" : "",
-    onClick: a,
-    children: e
-  }
-);
+import { jsx as o } from "react/jsx-runtime";
+import { Link as l } from "react-router-dom";
+const m = (a) => {
+  const { className: i, path: r, isExternalLink: n, children: t, linkRenderer: e } = a;
+  return e ? e({ path: r, isExternalLink: n }, t) : /* @__PURE__ */ o(
+    l,
+    {
+      to: r,
+      className: i,
+      target: n ? "_blank" : "",
+      children: t
+    }
+  );
+};
 export {
-  u as default
+  m as default
 };
 //# sourceMappingURL=HorizontalMenuNavLink.js.map

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { AnchorHTMLAttributes } from 'react'\n\nexport interface HorizontalMenuNavLinkProps\n    extends CommonProps,\n        AnchorHTMLAttributes<HTMLAnchorElement> {\n    path: string\n    isExternalLink?: boolean\n    className?: string\n}\n\nconst HorizontalMenuNavLink = ({\n    path,\n    children,\n    isExternalLink,\n    className,\n    onClick,\n}: HorizontalMenuNavLinkProps) => {\n    return (\n        <Link\n            className={classNames(\n                'w-full flex items-center outline-0',\n                className,\n            )}\n            to={path}\n            target={isExternalLink ? '_blank' : ''}\n            onClick={onClick}\n        >\n            {children}\n        </Link>\n    )\n}\n\nexport default HorizontalMenuNavLink\n"],"names":["HorizontalMenuNavLink","path","children","isExternalLink","className","onClick","jsx","Link","classNames"],"mappings":";;;AAaA,MAAMA,IAAwB,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAJ;AAAA,IAAA;AAAA,IAEJ,IAAIH;AAAA,IACJ,QAAQE,IAAiB,WAAW;AAAA,IACpC,SAAAE;AAAA,IAEC,UAAAH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { AnchorHTMLAttributes } from \"react\";\n\nexport interface HorizontalMenuNavLinkProps extends CommonProps {\n  path: string;\n  isExternalLink?: boolean;\n  onClick?: AnchorHTMLAttributes<HTMLAnchorElement>[\"onClick\"];\n  linkRenderer?: (\n    nav: { path: string; isExternalLink?: boolean },\n    children: React.ReactNode\n  ) => React.ReactNode;\n}\n\nconst HorizontalMenuNavLink = (props: HorizontalMenuNavLinkProps) => {\n  const { className, path, isExternalLink, children, linkRenderer } = props;\n\n  if (linkRenderer) {\n    return linkRenderer({ path, isExternalLink }, children);\n  }\n\n  return (\n    <Link\n      to={path}\n      className={className}\n      target={isExternalLink ? \"_blank\" : \"\"}\n    >\n      {children}\n    </Link>\n  );\n};\n\nexport default HorizontalMenuNavLink;\n"],"names":["HorizontalMenuNavLink","props","className","path","isExternalLink","children","linkRenderer","jsx","Link"],"mappings":";;AAcA,MAAMA,IAAwB,CAACC,MAAsC;AACnE,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,gBAAAC,GAAgB,UAAAC,GAAU,cAAAC,MAAiBL;AAEpE,SAAIK,IACKA,EAAa,EAAE,MAAAH,GAAM,gBAAAC,EAAA,GAAkBC,CAAQ,IAItD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIL;AAAA,MACJ,WAAAD;AAAA,MACA,QAAQE,IAAiB,WAAW;AAAA,MAEnC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,48 +1,50 @@
-import { jsxs as p, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { lazy as u, useState as f, Suspense as d } from "react";
-import g from "classnames";
+import { jsxs as u, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { lazy as f, useState as d, Suspense as g } from "react";
+import h from "classnames";
 import "../ui/Drawer/index.js";
-import h from "../shared/NavToggle.js";
-import { DIR_RTL as v } from "../../constants/theme.constant.js";
-import C from "../../utils/hoc/withHeaderItem.js";
-import y from "../../configs/navigation.config/index.js";
-import N from "../../configs/app.config.js";
-import { useThemeStore as R } from "../../store/themeStore.js";
-import { useRouteKeyStore as T } from "../../store/routeKeyStore.js";
-import { useSessionUser as w } from "../../store/authStore.js";
-import x from "../ui/Drawer/Drawer.js";
-const S = u(
+import v from "../shared/NavToggle.js";
+import { DIR_RTL as C } from "../../constants/theme.constant.js";
+import y from "../../utils/hoc/withHeaderItem.js";
+import N from "../../configs/navigation.config/index.js";
+import R from "../../configs/app.config.js";
+import { useThemeStore as T } from "../../store/themeStore.js";
+import { useRouteKeyStore as w } from "../../store/routeKeyStore.js";
+import { useSessionUser as x } from "../../store/authStore.js";
+import S from "../ui/Drawer/Drawer.js";
+const b = f(
   () => import("./VerticalMenuContent/index.js")
-), b = C(h), U = ({
-  translationSetup: a = N.activeNavTranslation
+), D = y(v), V = ({
+  translationSetup: a = R.activeNavTranslation,
+  linkRenderer: l
 }) => {
-  const [t, i] = f(!1), l = () => {
+  const [t, i] = d(!1), m = () => {
     i(!0);
   }, r = () => {
     i(!1);
-  }, n = R((o) => o.direction), m = T((o) => o.currentRouteKey), c = w((o) => o.user.authority);
-  return /* @__PURE__ */ p(s, { children: [
-    /* @__PURE__ */ e("div", { className: "text-2xl", onClick: l, children: /* @__PURE__ */ e(b, { toggled: t }) }),
+  }, n = T((o) => o.direction), c = w((o) => o.currentRouteKey), p = x((o) => o.user.authority);
+  return /* @__PURE__ */ u(s, { children: [
+    /* @__PURE__ */ e("div", { className: "text-2xl", onClick: m, children: /* @__PURE__ */ e(D, { toggled: t }) }),
     /* @__PURE__ */ e(
-      x,
+      S,
       {
         title: "Navigation",
         isOpen: t,
-        bodyClass: g("p-0"),
+        bodyClass: h("p-0"),
         width: 330,
-        placement: n === v ? "right" : "left",
+        placement: n === C ? "right" : "left",
         onClose: r,
         onRequestClose: r,
-        children: /* @__PURE__ */ e(d, { fallback: /* @__PURE__ */ e(s, {}), children: t && /* @__PURE__ */ e(
-          S,
+        children: /* @__PURE__ */ e(g, { fallback: /* @__PURE__ */ e(s, {}), children: t && /* @__PURE__ */ e(
+          b,
           {
             collapsed: !1,
-            navigationTree: y,
-            routeKey: m,
-            userAuthority: c,
+            navigationTree: N,
+            routeKey: c,
+            userAuthority: p,
             direction: n,
             translationSetup: a,
-            onMenuItemClick: r
+            onMenuItemClick: r,
+            linkRenderer: l
           }
         ) })
       }
@@ -50,6 +52,6 @@ const S = u(
   ] });
 };
 export {
-  U as default
+  V as default
 };
 //# sourceMappingURL=MobileNav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MobileNav.js","sources":["../../../../lib/@ecme/components/template/MobileNav.tsx"],"sourcesContent":["import { useState, Suspense, lazy } from 'react'\nimport classNames from 'classnames'\nimport Drawer from '@/components/ui/Drawer'\nimport NavToggle from '@/components/shared/NavToggle'\nimport { DIR_RTL } from '@/constants/theme.constant'\nimport withHeaderItem, { WithHeaderItemProps } from '@/utils/hoc/withHeaderItem'\nimport navigationConfig from '@/configs/navigation.config'\nimport appConfig from '@/configs/app.config'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\n\nconst VerticalMenuContent = lazy(\n    () => import('@/components/template/VerticalMenuContent'),\n)\n\ntype MobileNavToggleProps = {\n    toggled?: boolean\n}\n\ntype MobileNavProps = {\n    translationSetup?: boolean\n}\n\nconst MobileNavToggle = withHeaderItem<\n    MobileNavToggleProps & WithHeaderItemProps\n>(NavToggle)\n\nconst MobileNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: MobileNavProps) => {\n    const [isOpen, setIsOpen] = useState(false)\n\n    const handleOpenDrawer = () => {\n        setIsOpen(true)\n    }\n\n    const handleDrawerClose = () => {\n        setIsOpen(false)\n    }\n\n    const direction = useThemeStore((state) => state.direction)\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    return (\n        <>\n            <div className=\"text-2xl\" onClick={handleOpenDrawer}>\n                <MobileNavToggle toggled={isOpen} />\n            </div>\n            <Drawer\n                title=\"Navigation\"\n                isOpen={isOpen}\n                bodyClass={classNames('p-0')}\n                width={330}\n                placement={direction === DIR_RTL ? 'right' : 'left'}\n                onClose={handleDrawerClose}\n                onRequestClose={handleDrawerClose}\n            >\n                <Suspense fallback={<></>}>\n                    {isOpen && (\n                        <VerticalMenuContent\n                            collapsed={false}\n                            navigationTree={navigationConfig}\n                            routeKey={currentRouteKey}\n                            userAuthority={userAuthority as string[]}\n                            direction={direction}\n                            translationSetup={translationSetup}\n                            onMenuItemClick={handleDrawerClose}\n                        />\n                    )}\n                </Suspense>\n            </Drawer>\n        </>\n    )\n}\n\nexport default MobileNav\n"],"names":["VerticalMenuContent","lazy","MobileNavToggle","withHeaderItem","NavToggle","MobileNav","translationSetup","appConfig","isOpen","setIsOpen","useState","handleOpenDrawer","handleDrawerClose","direction","useThemeStore","state","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","Fragment","jsx","Drawer","classNames","DIR_RTL","Suspense","navigationConfig"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAsBC;AAAA,EACxB,MAAM,OAAO,gCAA2C;AAC5D,GAUMC,IAAkBC,EAEtBC,CAAS,GAELC,IAAY,CAAC;AAAA,EACf,kBAAAC,IAAmBC,EAAU;AACjC,MAAsB;AAClB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAmB,MAAM;AAC3B,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAoB,MAAM;AAC5B,IAAAH,EAAU,EAAK;AAAA,EAAA,GAGbI,IAAYC,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDC,IAAkBC,EAAiB,CAACF,MAAUA,EAAM,eAAe,GAEnEG,IAAgBC,EAAe,CAACJ,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACI,gBAAAK,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YAAW,SAASX,GAC/B,UAAA,gBAAAW,EAACpB,GAAA,EAAgB,SAASM,EAAA,CAAQ,EAAA,CACtC;AAAA,IACA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAAf;AAAA,QACA,WAAWgB,EAAW,KAAK;AAAA,QAC3B,OAAO;AAAA,QACP,WAAWX,MAAcY,IAAU,UAAU;AAAA,QAC7C,SAASb;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAU,EAACI,GAAA,EAAS,UAAU,gBAAAJ,EAAAD,GAAA,EAAE,GACjB,UAAAb,KACG,gBAAAc;AAAA,UAACtB;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,YACX,gBAAgB2B;AAAA,YAChB,UAAUX;AAAA,YACV,eAAAE;AAAA,YACA,WAAAL;AAAA,YACA,kBAAAP;AAAA,YACA,iBAAiBM;AAAA,UAAA;AAAA,QAAA,EACrB,CAER;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"MobileNav.js","sources":["../../../../lib/@ecme/components/template/MobileNav.tsx"],"sourcesContent":["import { useState, Suspense, lazy } from \"react\";\nimport classNames from \"classnames\";\nimport Drawer from \"@/components/ui/Drawer\";\nimport NavToggle from \"@/components/shared/NavToggle\";\nimport { DIR_RTL } from \"@/constants/theme.constant\";\nimport withHeaderItem, {\n  WithHeaderItemProps,\n} from \"@/utils/hoc/withHeaderItem\";\nimport navigationConfig from \"@/configs/navigation.config\";\nimport appConfig from \"@/configs/app.config\";\nimport { useThemeStore } from \"@/store/themeStore\";\nimport { useRouteKeyStore } from \"@/store/routeKeyStore\";\nimport { useSessionUser } from \"@/store/authStore\";\nimport { LinkRenderer } from \"../layouts/Layouts\";\n\nconst VerticalMenuContent = lazy(\n  () => import(\"@/components/template/VerticalMenuContent\")\n);\n\ntype MobileNavToggleProps = {\n  toggled?: boolean;\n};\n\ntype MobileNavProps = {\n  translationSetup?: boolean;\n  linkRenderer?: LinkRenderer;\n};\n\nconst MobileNavToggle = withHeaderItem<\n  MobileNavToggleProps & WithHeaderItemProps\n>(NavToggle);\n\nconst MobileNav = ({\n  translationSetup = appConfig.activeNavTranslation,\n  linkRenderer,\n}: MobileNavProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleOpenDrawer = () => {\n    setIsOpen(true);\n  };\n\n  const handleDrawerClose = () => {\n    setIsOpen(false);\n  };\n\n  const direction = useThemeStore((state) => state.direction);\n  const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey);\n\n  const userAuthority = useSessionUser((state) => state.user.authority);\n\n  return (\n    <>\n      <div className=\"text-2xl\" onClick={handleOpenDrawer}>\n        <MobileNavToggle toggled={isOpen} />\n      </div>\n      <Drawer\n        title=\"Navigation\"\n        isOpen={isOpen}\n        bodyClass={classNames(\"p-0\")}\n        width={330}\n        placement={direction === DIR_RTL ? \"right\" : \"left\"}\n        onClose={handleDrawerClose}\n        onRequestClose={handleDrawerClose}\n      >\n        <Suspense fallback={<></>}>\n          {isOpen && (\n            <VerticalMenuContent\n              collapsed={false}\n              navigationTree={navigationConfig}\n              routeKey={currentRouteKey}\n              userAuthority={userAuthority as string[]}\n              direction={direction}\n              translationSetup={translationSetup}\n              onMenuItemClick={handleDrawerClose}\n              linkRenderer={linkRenderer}\n            />\n          )}\n        </Suspense>\n      </Drawer>\n    </>\n  );\n};\n\nexport default MobileNav;\n"],"names":["VerticalMenuContent","lazy","MobileNavToggle","withHeaderItem","NavToggle","MobileNav","translationSetup","appConfig","linkRenderer","isOpen","setIsOpen","useState","handleOpenDrawer","handleDrawerClose","direction","useThemeStore","state","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","Fragment","jsx","Drawer","classNames","DIR_RTL","Suspense","navigationConfig"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAsBC;AAAA,EAC1B,MAAM,OAAO,gCAA2C;AAC1D,GAWMC,IAAkBC,EAEtBC,CAAS,GAELC,IAAY,CAAC;AAAA,EACjB,kBAAAC,IAAmBC,EAAU;AAAA,EAC7B,cAAAC;AACF,MAAsB;AACpB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAmB,MAAM;AAC7B,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGVG,IAAoB,MAAM;AAC9B,IAAAH,EAAU,EAAK;AAAA,EAAA,GAGXI,IAAYC,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDC,IAAkBC,EAAiB,CAACF,MAAUA,EAAM,eAAe,GAEnEG,IAAgBC,EAAe,CAACJ,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACE,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,YAAW,SAASX,GACjC,UAAA,gBAAAW,EAACrB,GAAA,EAAgB,SAASO,EAAA,CAAQ,EAAA,CACpC;AAAA,IACA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAAf;AAAA,QACA,WAAWgB,EAAW,KAAK;AAAA,QAC3B,OAAO;AAAA,QACP,WAAWX,MAAcY,IAAU,UAAU;AAAA,QAC7C,SAASb;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAU,EAACI,GAAA,EAAS,UAAU,gBAAAJ,EAAAD,GAAA,EAAE,GACnB,UAAAb,KACC,gBAAAc;AAAA,UAACvB;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,gBAAgB4B;AAAA,YAChB,UAAUX;AAAA,YACV,eAAAE;AAAA,YACA,WAAAL;AAAA,YACA,kBAAAR;AAAA,YACA,iBAAiBO;AAAA,YACjB,cAAAL;AAAA,UAAA;AAAA,QAAA,EACF,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -1,38 +1,39 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { jsxs as N, jsx as o } from "react/jsx-runtime";
 import r from "../../utils/classNames.js";
 import "../ui/ScrollBar/index.js";
-import N from "./Logo.js";
+import y from "./Logo.js";
 import "./VerticalMenuContent/index.js";
 import { useThemeStore as i } from "../../store/themeStore.js";
-import { useSessionUser as y } from "../../store/authStore.js";
-import { useRouteKeyStore as T } from "../../store/routeKeyStore.js";
-import g from "../../configs/navigation.config/index.js";
+import { useSessionUser as T } from "../../store/authStore.js";
+import { useRouteKeyStore as g } from "../../store/routeKeyStore.js";
+import E from "../../configs/navigation.config/index.js";
 import a from "../../configs/app.config.js";
-import { Link as E } from "react-router-dom";
-import { SIDE_NAV_WIDTH as n, SIDE_NAV_COLLAPSED_WIDTH as m, SIDE_NAV_CONTENT_GUTTER as S, LOGO_X_GUTTER as _, HEADER_HEIGHT as x } from "../../constants/theme.constant.js";
-import { getLogoFilename as C } from "../../../base/utils/logo.js";
-import A from "../ui/ScrollBar/ScrollBar.js";
-import D from "./VerticalMenuContent/VerticalMenuContent.js";
-const I = {
+import { Link as S } from "react-router-dom";
+import { SIDE_NAV_WIDTH as n, SIDE_NAV_COLLAPSED_WIDTH as m, SIDE_NAV_CONTENT_GUTTER as _, LOGO_X_GUTTER as x, HEADER_HEIGHT as C } from "../../constants/theme.constant.js";
+import { getLogoFilename as A } from "../../../base/utils/logo.js";
+import D from "../ui/ScrollBar/ScrollBar.js";
+import I from "./VerticalMenuContent/VerticalMenuContent.js";
+const L = {
   width: n,
   minWidth: n
-}, L = {
+}, R = {
   width: m,
   minWidth: m
-}, X = ({
+}, q = ({
   translationSetup: l = a.activeNavTranslation,
   background: d = !0,
   className: c,
   contentClass: p,
-  mode: R
+  mode: H,
+  linkRenderer: u
 }) => {
-  const u = i((e) => e.mode), s = i((e) => e.direction), t = i(
+  const f = i((e) => e.mode), s = i((e) => e.direction), t = i(
     (e) => e.layout.sideNavCollapse
-  ), f = T((e) => e.currentRouteKey), h = y((e) => e.user.authority);
-  return /* @__PURE__ */ v(
+  ), h = g((e) => e.currentRouteKey), v = T((e) => e.user.authority);
+  return /* @__PURE__ */ N(
     "div",
     {
-      style: t ? L : I,
+      style: t ? R : L,
       className: r(
         "side-nav",
         d && "side-nav-bg",
@@ -41,34 +42,35 @@ const I = {
       ),
       children: [
         /* @__PURE__ */ o(
-          E,
+          S,
           {
             to: a.authenticatedEntryPath,
             className: "side-nav-header flex flex-col justify-center",
-            style: { height: x },
+            style: { height: C },
             children: /* @__PURE__ */ o(
-              N,
+              y,
               {
                 imgClass: "max-h-8",
-                name: C(t, u),
+                name: A(t, f),
                 className: r(
                   "",
                   t && "ltr:ml-[11.5px] ltr:mr-[11.5px]",
-                  t ? S : _
+                  t ? _ : x
                 )
               }
             )
           }
         ),
-        /* @__PURE__ */ o("div", { className: r("side-nav-content", p), children: /* @__PURE__ */ o(A, { style: { height: "100%" }, direction: s, children: /* @__PURE__ */ o(
-          D,
+        /* @__PURE__ */ o("div", { className: r("side-nav-content", p), children: /* @__PURE__ */ o(D, { style: { height: "100%" }, direction: s, children: /* @__PURE__ */ o(
+          I,
           {
             collapsed: t,
-            navigationTree: g,
-            routeKey: f,
+            navigationTree: E,
+            routeKey: h,
             direction: s,
             translationSetup: l,
-            userAuthority: h || []
+            userAuthority: v || [],
+            linkRenderer: u
           }
         ) }) })
       ]
@@ -76,6 +78,6 @@ const I = {
   );
 };
 export {
-  X as default
+  q as default
 };
 //# sourceMappingURL=SideNav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.js","sources":["../../../../lib/@ecme/components/template/SideNav.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport Logo from '@/components/template/Logo'\nimport VerticalMenuContent from '@/components/template/VerticalMenuContent'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useSessionUser } from '@/store/authStore'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport navigationConfig from '@/configs/navigation.config'\nimport appConfig from '@/configs/app.config'\nimport { Link } from 'react-router-dom'\nimport {\n    SIDE_NAV_WIDTH,\n    SIDE_NAV_COLLAPSED_WIDTH,\n    SIDE_NAV_CONTENT_GUTTER,\n    HEADER_HEIGHT,\n    LOGO_X_GUTTER,\n} from '@/constants/theme.constant'\nimport type { Mode } from '@/@types/theme'\nimport { getLogoFilename } from '@base/utils/logo'\n\ntype SideNavProps = {\n    translationSetup?: boolean\n    background?: boolean\n    className?: string\n    contentClass?: string\n    mode?: Mode\n}\n\nconst sideNavStyle = {\n    width: SIDE_NAV_WIDTH,\n    minWidth: SIDE_NAV_WIDTH,\n}\n\nconst sideNavCollapseStyle = {\n    width: SIDE_NAV_COLLAPSED_WIDTH,\n    minWidth: SIDE_NAV_COLLAPSED_WIDTH,\n}\n\nconst SideNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n    background = true,\n    className,\n    contentClass,\n    mode,\n}: SideNavProps) => {\n    const defaultMode = useThemeStore((state) => state.mode)\n    const direction = useThemeStore((state) => state.direction)\n    const sideNavCollapse = useThemeStore(\n        (state) => state.layout.sideNavCollapse,\n    )\n\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    return (\n        <div\n            style={sideNavCollapse ? sideNavCollapseStyle : sideNavStyle}\n            className={classNames(\n                'side-nav',\n                background && 'side-nav-bg',\n                !sideNavCollapse && 'side-nav-expand',\n                className,\n            )}\n        >\n            <Link\n                to={appConfig.authenticatedEntryPath}\n                className=\"side-nav-header flex flex-col justify-center\"\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <Logo\n                    imgClass=\"max-h-8\"\n                    name={getLogoFilename(sideNavCollapse, defaultMode)}\n                    className={classNames(\n                        '',\n                        sideNavCollapse && 'ltr:ml-[11.5px] ltr:mr-[11.5px]',\n                        sideNavCollapse\n                            ? SIDE_NAV_CONTENT_GUTTER\n                            : LOGO_X_GUTTER,\n                    )}\n                />\n            </Link>\n            <div className={classNames('side-nav-content', contentClass)}>\n                <ScrollBar style={{ height: '100%' }} direction={direction}>\n                    <VerticalMenuContent\n                        collapsed={sideNavCollapse}\n                        navigationTree={navigationConfig}\n                        routeKey={currentRouteKey}\n                        direction={direction}\n                        translationSetup={translationSetup}\n                        userAuthority={userAuthority || []}\n                    />\n                </ScrollBar>\n            </div>\n        </div>\n    )\n}\n\nexport default SideNav\n"],"names":["sideNavStyle","SIDE_NAV_WIDTH","sideNavCollapseStyle","SIDE_NAV_COLLAPSED_WIDTH","SideNav","translationSetup","appConfig","background","className","contentClass","mode","defaultMode","useThemeStore","state","direction","sideNavCollapse","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","classNames","jsx","Link","HEADER_HEIGHT","Logo","getLogoFilename","SIDE_NAV_CONTENT_GUTTER","LOGO_X_GUTTER","ScrollBar","VerticalMenuContent","navigationConfig"],"mappings":";;;;;;;;;;;;;;;AA4BA,MAAMA,IAAe;AAAA,EACjB,OAAOC;AAAA,EACP,UAAUA;AACd,GAEMC,IAAuB;AAAA,EACzB,OAAOC;AAAA,EACP,UAAUA;AACd,GAEMC,IAAU,CAAC;AAAA,EACb,kBAAAC,IAAmBC,EAAU;AAAA,EAC7B,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AACJ,MAAoB;AAChB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,IAAI,GACjDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAkBH;AAAA,IACpB,CAACC,MAAUA,EAAM,OAAO;AAAA,EAAA,GAGtBG,IAAkBC,EAAiB,CAACJ,MAAUA,EAAM,eAAe,GAEnEK,IAAgBC,EAAe,CAACN,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAOL,IAAkBb,IAAuBF;AAAA,MAChD,WAAWqB;AAAA,QACP;AAAA,QACAd,KAAc;AAAA,QACd,CAACQ,KAAmB;AAAA,QACpBP;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAc;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAIjB,EAAU;AAAA,YACd,WAAU;AAAA,YACV,OAAO,EAAE,QAAQkB,EAAA;AAAA,YAEjB,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,UAAS;AAAA,gBACT,MAAMC,EAAgBX,GAAiBJ,CAAW;AAAA,gBAClD,WAAWU;AAAA,kBACP;AAAA,kBACAN,KAAmB;AAAA,kBACnBA,IACMY,IACAC;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEJ,gBAAAN,EAAC,OAAA,EAAI,WAAWD,EAAW,oBAAoBZ,CAAY,GACvD,UAAA,gBAAAa,EAACO,GAAA,EAAU,OAAO,EAAE,QAAQ,UAAU,WAAAf,GAClC,UAAA,gBAAAQ;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,WAAWf;AAAA,YACX,gBAAgBgB;AAAA,YAChB,UAAUf;AAAA,YACV,WAAAF;AAAA,YACA,kBAAAT;AAAA,YACA,eAAea,KAAiB,CAAA;AAAA,UAAC;AAAA,QAAA,GAEzC,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"SideNav.js","sources":["../../../../lib/@ecme/components/template/SideNav.tsx"],"sourcesContent":["import classNames from \"@/utils/classNames\";\nimport ScrollBar from \"@/components/ui/ScrollBar\";\nimport Logo from \"@/components/template/Logo\";\nimport VerticalMenuContent from \"@/components/template/VerticalMenuContent\";\nimport { useThemeStore } from \"@/store/themeStore\";\nimport { useSessionUser } from \"@/store/authStore\";\nimport { useRouteKeyStore } from \"@/store/routeKeyStore\";\nimport navigationConfig from \"@/configs/navigation.config\";\nimport appConfig from \"@/configs/app.config\";\nimport { Link } from \"react-router-dom\";\nimport {\n  SIDE_NAV_WIDTH,\n  SIDE_NAV_COLLAPSED_WIDTH,\n  SIDE_NAV_CONTENT_GUTTER,\n  HEADER_HEIGHT,\n  LOGO_X_GUTTER,\n} from \"@/constants/theme.constant\";\nimport type { Mode } from \"@/@types/theme\";\nimport { getLogoFilename } from \"@base/utils/logo\";\nimport { LinkRenderer } from \"../layouts/Layouts\";\n\ntype SideNavProps = {\n  translationSetup?: boolean;\n  background?: boolean;\n  className?: string;\n  contentClass?: string;\n  mode?: Mode;\n  linkRenderer?: LinkRenderer;\n};\n\nconst sideNavStyle = {\n  width: SIDE_NAV_WIDTH,\n  minWidth: SIDE_NAV_WIDTH,\n};\n\nconst sideNavCollapseStyle = {\n  width: SIDE_NAV_COLLAPSED_WIDTH,\n  minWidth: SIDE_NAV_COLLAPSED_WIDTH,\n};\n\nconst SideNav = ({\n  translationSetup = appConfig.activeNavTranslation,\n  background = true,\n  className,\n  contentClass,\n  mode,\n  linkRenderer,\n}: SideNavProps) => {\n  const defaultMode = useThemeStore((state) => state.mode);\n  const direction = useThemeStore((state) => state.direction);\n  const sideNavCollapse = useThemeStore(\n    (state) => state.layout.sideNavCollapse\n  );\n\n  const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey);\n\n  const userAuthority = useSessionUser((state) => state.user.authority);\n\n  return (\n    <div\n      style={sideNavCollapse ? sideNavCollapseStyle : sideNavStyle}\n      className={classNames(\n        \"side-nav\",\n        background && \"side-nav-bg\",\n        !sideNavCollapse && \"side-nav-expand\",\n        className\n      )}\n    >\n      <Link\n        to={appConfig.authenticatedEntryPath}\n        className=\"side-nav-header flex flex-col justify-center\"\n        style={{ height: HEADER_HEIGHT }}\n      >\n        <Logo\n          imgClass=\"max-h-8\"\n          name={getLogoFilename(sideNavCollapse, defaultMode)}\n          className={classNames(\n            \"\",\n            sideNavCollapse && \"ltr:ml-[11.5px] ltr:mr-[11.5px]\",\n            sideNavCollapse ? SIDE_NAV_CONTENT_GUTTER : LOGO_X_GUTTER\n          )}\n        />\n      </Link>\n      <div className={classNames(\"side-nav-content\", contentClass)}>\n        <ScrollBar style={{ height: \"100%\" }} direction={direction}>\n          <VerticalMenuContent\n            collapsed={sideNavCollapse}\n            navigationTree={navigationConfig}\n            routeKey={currentRouteKey}\n            direction={direction}\n            translationSetup={translationSetup}\n            userAuthority={userAuthority || []}\n            linkRenderer={linkRenderer}\n          />\n        </ScrollBar>\n      </div>\n    </div>\n  );\n};\n\nexport default SideNav;\n"],"names":["sideNavStyle","SIDE_NAV_WIDTH","sideNavCollapseStyle","SIDE_NAV_COLLAPSED_WIDTH","SideNav","translationSetup","appConfig","background","className","contentClass","mode","linkRenderer","defaultMode","useThemeStore","state","direction","sideNavCollapse","currentRouteKey","useRouteKeyStore","userAuthority","useSessionUser","jsxs","classNames","jsx","Link","HEADER_HEIGHT","Logo","getLogoFilename","SIDE_NAV_CONTENT_GUTTER","LOGO_X_GUTTER","ScrollBar","VerticalMenuContent","navigationConfig"],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAMA,IAAe;AAAA,EACnB,OAAOC;AAAA,EACP,UAAUA;AACZ,GAEMC,IAAuB;AAAA,EAC3B,OAAOC;AAAA,EACP,UAAUA;AACZ,GAEMC,IAAU,CAAC;AAAA,EACf,kBAAAC,IAAmBC,EAAU;AAAA,EAC7B,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AACF,MAAoB;AAClB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,IAAI,GACjDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAkBH;AAAA,IACtB,CAACC,MAAUA,EAAM,OAAO;AAAA,EAAA,GAGpBG,IAAkBC,EAAiB,CAACJ,MAAUA,EAAM,eAAe,GAEnEK,IAAgBC,EAAe,CAACN,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAOL,IAAkBd,IAAuBF;AAAA,MAChD,WAAWsB;AAAA,QACT;AAAA,QACAf,KAAc;AAAA,QACd,CAACS,KAAmB;AAAA,QACpBR;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIlB,EAAU;AAAA,YACd,WAAU;AAAA,YACV,OAAO,EAAE,QAAQmB,EAAA;AAAA,YAEjB,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAMC,EAAgBX,GAAiBJ,CAAW;AAAA,gBAClD,WAAWU;AAAA,kBACT;AAAA,kBACAN,KAAmB;AAAA,kBACnBA,IAAkBY,IAA0BC;AAAA,gBAAA;AAAA,cAC9C;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEF,gBAAAN,EAAC,OAAA,EAAI,WAAWD,EAAW,oBAAoBb,CAAY,GACzD,UAAA,gBAAAc,EAACO,GAAA,EAAU,OAAO,EAAE,QAAQ,UAAU,WAAAf,GACpC,UAAA,gBAAAQ;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,WAAWf;AAAA,YACX,gBAAgBgB;AAAA,YAChB,UAAUf;AAAA,YACV,WAAAF;AAAA,YACA,kBAAAV;AAAA,YACA,eAAec,KAAiB,CAAA;AAAA,YAChC,cAAAR;AAAA,UAAA;AAAA,QAAA,GAEJ,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,51 +1,53 @@
-import { jsx as n, Fragment as C, jsxs as A } from "react/jsx-runtime";
-import { useState as a, useEffect as I, Fragment as g } from "react";
+import { jsx as n, Fragment as A, jsxs as a } from "react/jsx-runtime";
+import { useState as I, useEffect as g, Fragment as _ } from "react";
 import { Menu as h } from "../../ui/Menu/index.js";
-import _ from "./VerticalSingleMenuItem.js";
-import b from "./VerticalCollapsedMenuItem.js";
-import x from "../../shared/AuthorityCheck.js";
-import { themeConfig as L } from "../../../configs/theme.config.js";
-import { NAV_ITEM_TYPE_ITEM as V, NAV_ITEM_TYPE_COLLAPSE as N, NAV_ITEM_TYPE_TITLE as S } from "../../../constants/navigation.constant.js";
-import P from "../../../utils/hooks/useMenuActive.js";
-import { useTranslation as w } from "../../../utils/hooks/useTranslation.js";
-const { MenuGroup: F } = h, J = (K) => {
+import b from "./VerticalSingleMenuItem.js";
+import x from "./VerticalCollapsedMenuItem.js";
+import L from "../../shared/AuthorityCheck.js";
+import { themeConfig as V } from "../../../configs/theme.config.js";
+import { NAV_ITEM_TYPE_ITEM as N, NAV_ITEM_TYPE_COLLAPSE as S, NAV_ITEM_TYPE_TITLE as P } from "../../../constants/navigation.constant.js";
+import w from "../../../utils/hooks/useMenuActive.js";
+import { useTranslation as F } from "../../../utils/hooks/useTranslation.js";
+const { MenuGroup: Y } = h, Q = (d) => {
   const {
     collapsed: o,
-    routeKey: d,
+    routeKey: K,
     navigationTree: u = [],
     onMenuItemClick: s,
-    direction: f = L.direction,
-    translationSetup: M,
-    userAuthority: i
-  } = K, { t: p } = w(!M), [y, k] = a([]), { activedRoute: e } = P(u, d);
-  I(() => {
-    e != null && e.parentKey && k([e == null ? void 0 : e.parentKey]);
+    direction: f = V.direction,
+    translationSetup: k,
+    userAuthority: i,
+    linkRenderer: M
+  } = d, { t: p } = F(!k), [y, c] = I([]), { activedRoute: e } = w(u, K);
+  g(() => {
+    e != null && e.parentKey && c([e == null ? void 0 : e.parentKey]);
   }, [e == null ? void 0 : e.parentKey]);
-  const c = () => {
+  const E = () => {
     s == null || s();
-  }, m = (E, t = 0, T) => {
+  }, m = (T, t = 0, C) => {
     const l = t + 1;
-    return /* @__PURE__ */ n(C, { children: E.map((r) => /* @__PURE__ */ A(g, { children: [
-      r.type === V && /* @__PURE__ */ n(
-        _,
+    return /* @__PURE__ */ n(A, { children: T.map((r) => /* @__PURE__ */ a(_, { children: [
+      r.type === N && /* @__PURE__ */ n(
+        b,
         {
           currentKey: e == null ? void 0 : e.key,
           parentKeys: y,
           nav: r,
           sideCollapsed: o,
           direction: f,
-          indent: T,
+          indent: C,
           renderAsIcon: t <= 0,
           showIcon: t <= 0,
           userAuthority: i,
           showTitle: r.forceShowTitle ?? (o ? t >= 1 : t <= 1),
           t: p,
-          onLinkClick: c
+          onLinkClick: E,
+          linkRenderer: M
         },
         r.key
       ),
-      r.type === N && /* @__PURE__ */ n(
-        b,
+      r.type === S && /* @__PURE__ */ n(
+        x,
         {
           currentKey: e == null ? void 0 : e.key,
           parentKeys: y,
@@ -58,28 +60,20 @@ const { MenuGroup: F } = h, J = (K) => {
           userAuthority: i,
           t: p,
           onLinkClick: s,
-          children: r.subMenu && r.subMenu.length > 0 && m(
-            r.subMenu,
-            l,
-            !0
-          )
+          children: r.subMenu && r.subMenu.length > 0 && m(r.subMenu, l, !0)
         },
         r.key
       ),
-      r.type === S && /* @__PURE__ */ n(
-        x,
+      r.type === P && /* @__PURE__ */ n(
+        L,
         {
           userAuthority: i,
           authority: r.authority,
           children: /* @__PURE__ */ n(
-            F,
+            Y,
             {
               label: p(r.translateKey) || r.title,
-              children: r.subMenu && r.subMenu.length > 0 && m(
-                r.subMenu,
-                t,
-                !1
-              )
+              children: r.subMenu && r.subMenu.length > 0 && m(r.subMenu, t, !1)
             },
             r.key
           )
@@ -100,6 +94,6 @@ const { MenuGroup: F } = h, J = (K) => {
   );
 };
 export {
-  J as default
+  Q 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 AuthorityCheck from '@/components/shared/AuthorityCheck'\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'\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}\n\nconst { MenuGroup } = Menu\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n    const {\n        collapsed,\n        routeKey,\n        navigationTree = [],\n        onMenuItemClick,\n        direction = themeConfig.direction,\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n\n    const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([])\n\n    const { activedRoute } = useMenuActive(navigationTree, 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 ?? (collapsed ? cascade >= 1 : cascade <= 1)\n                                }\n                                t={t as TraslationFn}\n                                onLinkClick={handleLinkClick}\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(\n                                        nav.subMenu,\n                                        nextCascade,\n                                        true,\n                                    )}\n                            </VerticalCollapsedMenuItem>\n                        )}\n                        {nav.type === NAV_ITEM_TYPE_TITLE && (\n                            <AuthorityCheck\n                                userAuthority={userAuthority}\n                                authority={nav.authority}\n                            >\n                                <MenuGroup\n                                    key={nav.key}\n                                    label={t(nav.translateKey) || nav.title}\n                                >\n                                    {nav.subMenu &&\n                                        nav.subMenu.length > 0 &&\n                                        renderNavigation(\n                                            nav.subMenu,\n                                            cascade,\n                                            false,\n                                        )}\n                                </MenuGroup>\n                            </AuthorityCheck>\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(navigationTree, 0)}\n        </Menu>\n    )\n}\n\nexport default VerticalMenuContent\n"],"names":["MenuGroup","Menu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","userAuthority","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","navTree","cascade","indent","nextCascade","nav","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE","AuthorityCheck"],"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 AuthorityCheck from \"@/components/shared/AuthorityCheck\";\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 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\n  const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([]);\n\n  const { activedRoute } = useMenuActive(navigationTree, 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              <AuthorityCheck\n                userAuthority={userAuthority}\n                authority={nav.authority}\n              >\n                <MenuGroup\n                  key={nav.key}\n                  label={t(nav.translateKey) || nav.title}\n                >\n                  {nav.subMenu &&\n                    nav.subMenu.length > 0 &&\n                    renderNavigation(nav.subMenu, cascade, false)}\n                </MenuGroup>\n              </AuthorityCheck>\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(navigationTree, 0)}\n    </Menu>\n  );\n};\n\nexport default VerticalMenuContent;\n"],"names":["MenuGroup","Menu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","userAuthority","linkRenderer","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","navTree","cascade","indent","nextCascade","nav","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE","AuthorityCheck"],"mappings":"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"}