@owp/core 2.4.1 → 2.5.1

package/dist/layout/Layout.js

@@ -1,56 +1,57 @@
-var d = Object.defineProperty;
-var r = (a, e) => d(a, "name", { value: e, configurable: !0 });
-import { jsxs as i, jsx as t } from "../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useGetCurrentLayoutConfig as p } from "../hooks/useOwpSettings.js";
-import { LinearProgress as c } from "@mui/material";
-import { styled as u } from "@mui/material/styles";
-import { useIsFetching as x, useIsMutating as h } from "@tanstack/react-query";
-import { memo as y } from "react";
-import { Outlet as g } from "react-router-dom";
-import b from "./components/layouts/FooterLayout.js";
-import L from "./components/layouts/LeftSideLayout.js";
-import l from "./components/layouts/NavbarWrapperLayout.js";
-import v from "./components/toolbar/ToolbarLayout.js";
-import { OwpSuspense as w } from "../components/OwpSuspense/OwpSuspense.js";
-const N = u("div")(({ config: a }) => ({
-  ...a.mode === "boxed" && {
+var u = Object.defineProperty;
+var r = (i, a) => u(i, "name", { value: a, configurable: !0 });
+import { jsxs as e, jsx as t } from "../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useNavigationActiveRouteRemountKey as p } from "../hooks/useNavigationActiveRouteRemount.js";
+import { useGetCurrentLayoutConfig as d } from "../hooks/useOwpSettings.js";
+import { LinearProgress as x } from "@mui/material";
+import { styled as y } from "@mui/material/styles";
+import { useIsFetching as h, useIsMutating as g } from "@tanstack/react-query";
+import { memo as v } from "react";
+import { Outlet as b } from "react-router-dom";
+import L from "./components/layouts/FooterLayout.js";
+import w from "./components/layouts/LeftSideLayout.js";
+import n from "./components/layouts/NavbarWrapperLayout.js";
+import N from "./components/toolbar/ToolbarLayout.js";
+import { OwpSuspense as R } from "../components/OwpSuspense/OwpSuspense.js";
+const W = y("div")(({ config: i }) => ({
+  ...i.mode === "boxed" && {
     clipPath: "inset(0)",
-    maxWidth: a.containerWidth,
+    maxWidth: i.containerWidth,
     marginLeft: "auto",
     marginRight: "auto",
     boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"
   },
-  ...a.mode === "container" && {
+  ...i.mode === "container" && {
     "& .container": {
-      maxWidth: a.containerWidth,
+      maxWidth: i.containerWidth,
       width: "100%",
       marginLeft: "auto",
       marginRight: "auto"
     }
   }
 }));
-function W(a) {
-  const { children: e, layoutConfig: n } = a, s = p(), o = n ?? s, m = x(), f = h();
-  return /* @__PURE__ */ i(N, { id: "owp-layout", config: o, className: "flex w-full", children: [
-    o.leftSidePanel.display && /* @__PURE__ */ t(L, {}),
-    /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-auto", children: [
-      o.navbar.display && o.navbar.position === "left" && /* @__PURE__ */ t(l, {}),
-      /* @__PURE__ */ i("main", { id: "owp-main", className: "relative z-10 flex min-h-full min-w-0 flex-auto flex-col", children: [
-        o.toolbar.display && /* @__PURE__ */ t(v, { className: o.toolbar.style === "fixed" ? "sticky top-0" : "" }),
-        !!(m || f) && /* @__PURE__ */ t("div", { className: "fixed top-0 left-0 z-30 w-full", children: /* @__PURE__ */ t(c, { color: "secondary" }) }),
-        /* @__PURE__ */ i("div", { className: "relative z-10 flex min-h-0 flex-auto flex-col", children: [
-          /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(g, {}) }),
-          e
+function C(i) {
+  const { children: a, layoutConfig: l } = i, m = d(), s = p(), o = l ?? m, f = h(), c = g();
+  return /* @__PURE__ */ e(W, { id: "owp-layout", config: o, className: "flex w-full", children: [
+    o.leftSidePanel.display && /* @__PURE__ */ t(w, {}),
+    /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-auto", children: [
+      o.navbar.display && o.navbar.position === "left" && /* @__PURE__ */ t(n, {}),
+      /* @__PURE__ */ e("main", { id: "owp-main", className: "relative z-10 flex min-h-full min-w-0 flex-auto flex-col", children: [
+        o.toolbar.display && /* @__PURE__ */ t(N, { className: o.toolbar.style === "fixed" ? "sticky top-0" : "" }),
+        !!(f || c) && /* @__PURE__ */ t("div", { className: "fixed top-0 left-0 z-30 w-full", children: /* @__PURE__ */ t(x, { color: "secondary" }) }),
+        /* @__PURE__ */ e("div", { className: "relative z-10 flex min-h-0 flex-auto flex-col", children: [
+          /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(b, {}, s) }),
+          a
         ] }),
-        o.footer.display && /* @__PURE__ */ t(b, { className: o.footer.style === "fixed" ? "sticky bottom-0" : "" })
+        o.footer.display && /* @__PURE__ */ t(L, { className: o.footer.style === "fixed" ? "sticky bottom-0" : "" })
       ] }),
-      o.navbar.display && o.navbar.position === "right" && /* @__PURE__ */ t(l, {})
+      o.navbar.display && o.navbar.position === "right" && /* @__PURE__ */ t(n, {})
     ] })
   ] });
 }
-r(W, "Layout");
-const T = y(W);
+r(C, "Layout");
+const $ = v(C);
 export {
-  T as default
+  $ as default
 };
 //# sourceMappingURL=Layout.js.map

package/dist/layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../src/layout/Layout.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { OwpSuspense } from '@/components/OwpSuspense';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { LinearProgress } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { useIsFetching, useIsMutating } from '@tanstack/react-query';\nimport { memo, ReactNode } from 'react';\nimport { Outlet } from 'react-router-dom';\nimport FooterLayout from './components/layouts/FooterLayout';\nimport LeftSideLayout from './components/layouts/LeftSideLayout';\nimport NavbarWrapperLayout from './components/layouts/NavbarWrapperLayout';\nimport ToolbarLayout from './components/toolbar/ToolbarLayout';\n\nconst Root = styled('div')(({ config }: { config: LayoutConfigDefaultsType }) => ({\n  ...(config.mode === 'boxed' && {\n    clipPath: 'inset(0)',\n    maxWidth: config.containerWidth,\n    marginLeft: 'auto',\n    marginRight: 'auto',\n    boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n  }),\n  ...(config.mode === 'container' && {\n    '& .container': {\n      maxWidth: config.containerWidth,\n      width: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n  }),\n}));\n\ntype LayoutProps = {\n  layoutConfig?: LayoutConfigDefaultsType;\n  children?: ReactNode;\n};\n\n/**\n * The layout.\n */\nfunction Layout(props: LayoutProps) {\n  const { children, layoutConfig } = props;\n  const currentLayoutConfig = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n  const config = layoutConfig ?? currentLayoutConfig;\n  const isFetching = useIsFetching();\n  const isMutating = useIsMutating();\n\n  return (\n    <Root id=\"owp-layout\" config={config} className=\"flex w-full\">\n      {config.leftSidePanel.display && <LeftSideLayout />}\n\n      <div className=\"flex min-w-0 flex-auto\">\n        {config.navbar.display && config.navbar.position === 'left' && <NavbarWrapperLayout />}\n\n        <main id=\"owp-main\" className=\"relative z-10 flex min-h-full min-w-0 flex-auto flex-col\">\n          {config.toolbar.display && (\n            <ToolbarLayout className={config.toolbar.style === 'fixed' ? 'sticky top-0' : ''} />\n          )}\n          {Boolean(isFetching || isMutating) && (\n            <div className=\"fixed top-0 left-0 z-30 w-full\">\n              <LinearProgress color=\"secondary\" />\n            </div>\n          )}\n\n          <div className=\"relative z-10 flex min-h-0 flex-auto flex-col\">\n            <OwpSuspense>\n              <Outlet />\n            </OwpSuspense>\n            {children}\n          </div>\n\n          {config.footer.display && (\n            <FooterLayout className={config.footer.style === 'fixed' ? 'sticky bottom-0' : ''} />\n          )}\n        </main>\n\n        {config.navbar.display && config.navbar.position === 'right' && <NavbarWrapperLayout />}\n      </div>\n    </Root>\n  );\n}\n\nexport default memo(Layout);\n"],"names":["Root","styled","config","Layout","props","children","layoutConfig","currentLayoutConfig","useGetCurrentLayoutConfig","isFetching","useIsFetching","isMutating","useIsMutating","jsx","LeftSideLayout","jsxs","NavbarWrapperLayout","ToolbarLayout","LinearProgress","OwpSuspense","Outlet","FooterLayout","__name","Layout$1","memo"],"mappings":";;;;;;;;;;;;;;AAaA,MAAMA,IAAOC,EAAO,KAAK,EAAE,CAAC,EAAE,QAAAC,SAAoD;AAAA,EAChF,GAAIA,EAAO,SAAS,WAAW;AAAA,IAC7B,UAAU;AAAA,IACV,UAAUA,EAAO;AAAA,IACjB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAAA,EAEb,GAAIA,EAAO,SAAS,eAAe;AAAA,IACjC,gBAAgB;AAAA,MACd,UAAUA,EAAO;AAAA,MACjB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,EAAE;AAUF,SAASC,EAAOC,GAAoB;AAClC,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBF,GAC7BG,IAAsBC,EAAA,GACtBN,IAASI,KAAgBC,GACzBE,IAAaC,EAAA,GACbC,IAAaC,EAAA;AAEnB,2BACGZ,GAAA,EAAK,IAAG,cAAa,QAAAE,GAAgB,WAAU,eAC7C,UAAA;AAAA,IAAAA,EAAO,cAAc,WAAW,gBAAAW,EAACC,GAAA,CAAA,CAAe;AAAA,IAEjD,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,MAAAb,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,4BAAWc,GAAA,EAAoB;AAAA,MAEpF,gBAAAD,EAAC,QAAA,EAAK,IAAG,YAAW,WAAU,4DAC3B,UAAA;AAAA,QAAAb,EAAO,QAAQ,WACd,gBAAAW,EAACI,GAAA,EAAc,WAAWf,EAAO,QAAQ,UAAU,UAAU,iBAAiB,GAAA,CAAI;AAAA,QAEnF,GAAQO,KAAcE,MACrB,gBAAAE,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA,gBAAAA,EAACK,GAAA,EAAe,OAAM,YAAA,CAAY,GACpC;AAAA,QAGF,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,UAAA,gBAAAF,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,CAAA,CAAO,GACV;AAAA,UACCf;AAAA,QAAA,GACH;AAAA,QAECH,EAAO,OAAO,WACb,gBAAAW,EAACQ,GAAA,EAAa,WAAWnB,EAAO,OAAO,UAAU,UAAU,oBAAoB,GAAA,CAAI;AAAA,MAAA,GAEvF;AAAA,MAECA,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,6BAAYc,GAAA,CAAA,CAAoB;AAAA,IAAA,EAAA,CACvF;AAAA,EAAA,GACF;AAEJ;AAxCSM,EAAAnB,GAAA;AA0CT,MAAAoB,IAAeC,EAAKrB,CAAM;"}
+{"version":3,"file":"Layout.js","sources":["../../src/layout/Layout.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { OwpSuspense } from '@/components/OwpSuspense';\nimport { useNavigationActiveRouteRemountKey } from '@/hooks/useNavigationActiveRouteRemount';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { LinearProgress } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { useIsFetching, useIsMutating } from '@tanstack/react-query';\nimport { memo, ReactNode } from 'react';\nimport { Outlet } from 'react-router-dom';\nimport FooterLayout from './components/layouts/FooterLayout';\nimport LeftSideLayout from './components/layouts/LeftSideLayout';\nimport NavbarWrapperLayout from './components/layouts/NavbarWrapperLayout';\nimport ToolbarLayout from './components/toolbar/ToolbarLayout';\n\nconst Root = styled('div')(({ config }: { config: LayoutConfigDefaultsType }) => ({\n  ...(config.mode === 'boxed' && {\n    clipPath: 'inset(0)',\n    maxWidth: config.containerWidth,\n    marginLeft: 'auto',\n    marginRight: 'auto',\n    boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n  }),\n  ...(config.mode === 'container' && {\n    '& .container': {\n      maxWidth: config.containerWidth,\n      width: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n  }),\n}));\n\ntype LayoutProps = {\n  layoutConfig?: LayoutConfigDefaultsType;\n  children?: ReactNode;\n};\n\n/**\n * The layout.\n */\nfunction Layout(props: LayoutProps) {\n  const { children, layoutConfig } = props;\n  const currentLayoutConfig = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n  const navigationActiveRouteRemountKey = useNavigationActiveRouteRemountKey();\n  const config = layoutConfig ?? currentLayoutConfig;\n  const isFetching = useIsFetching();\n  const isMutating = useIsMutating();\n\n  return (\n    <Root id=\"owp-layout\" config={config} className=\"flex w-full\">\n      {config.leftSidePanel.display && <LeftSideLayout />}\n\n      <div className=\"flex min-w-0 flex-auto\">\n        {config.navbar.display && config.navbar.position === 'left' && <NavbarWrapperLayout />}\n\n        <main id=\"owp-main\" className=\"relative z-10 flex min-h-full min-w-0 flex-auto flex-col\">\n          {config.toolbar.display && (\n            <ToolbarLayout className={config.toolbar.style === 'fixed' ? 'sticky top-0' : ''} />\n          )}\n          {Boolean(isFetching || isMutating) && (\n            <div className=\"fixed top-0 left-0 z-30 w-full\">\n              <LinearProgress color=\"secondary\" />\n            </div>\n          )}\n\n          <div className=\"relative z-10 flex min-h-0 flex-auto flex-col\">\n            <OwpSuspense>\n              <Outlet key={navigationActiveRouteRemountKey} />\n            </OwpSuspense>\n            {children}\n          </div>\n\n          {config.footer.display && (\n            <FooterLayout className={config.footer.style === 'fixed' ? 'sticky bottom-0' : ''} />\n          )}\n        </main>\n\n        {config.navbar.display && config.navbar.position === 'right' && <NavbarWrapperLayout />}\n      </div>\n    </Root>\n  );\n}\n\nexport default memo(Layout);\n"],"names":["Root","styled","config","Layout","props","children","layoutConfig","currentLayoutConfig","useGetCurrentLayoutConfig","navigationActiveRouteRemountKey","useNavigationActiveRouteRemountKey","isFetching","useIsFetching","isMutating","useIsMutating","jsx","LeftSideLayout","jsxs","NavbarWrapperLayout","ToolbarLayout","LinearProgress","OwpSuspense","Outlet","FooterLayout","__name","Layout$1","memo"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAMA,IAAOC,EAAO,KAAK,EAAE,CAAC,EAAE,QAAAC,SAAoD;AAAA,EAChF,GAAIA,EAAO,SAAS,WAAW;AAAA,IAC7B,UAAU;AAAA,IACV,UAAUA,EAAO;AAAA,IACjB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAAA,EAEb,GAAIA,EAAO,SAAS,eAAe;AAAA,IACjC,gBAAgB;AAAA,MACd,UAAUA,EAAO;AAAA,MACjB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,EAAE;AAUF,SAASC,EAAOC,GAAoB;AAClC,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBF,GAC7BG,IAAsBC,EAAA,GACtBC,IAAkCC,EAAA,GAClCR,IAASI,KAAgBC,GACzBI,IAAaC,EAAA,GACbC,IAAaC,EAAA;AAEnB,2BACGd,GAAA,EAAK,IAAG,cAAa,QAAAE,GAAgB,WAAU,eAC7C,UAAA;AAAA,IAAAA,EAAO,cAAc,WAAW,gBAAAa,EAACC,GAAA,CAAA,CAAe;AAAA,IAEjD,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,MAAAf,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,4BAAWgB,GAAA,EAAoB;AAAA,MAEpF,gBAAAD,EAAC,QAAA,EAAK,IAAG,YAAW,WAAU,4DAC3B,UAAA;AAAA,QAAAf,EAAO,QAAQ,WACd,gBAAAa,EAACI,GAAA,EAAc,WAAWjB,EAAO,QAAQ,UAAU,UAAU,iBAAiB,GAAA,CAAI;AAAA,QAEnF,GAAQS,KAAcE,MACrB,gBAAAE,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA,gBAAAA,EAACK,GAAA,EAAe,OAAM,YAAA,CAAY,GACpC;AAAA,QAGF,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,UAAA,gBAAAF,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,CAAA,GAAYb,CAAiC,GAChD;AAAA,UACCJ;AAAA,QAAA,GACH;AAAA,QAECH,EAAO,OAAO,WACb,gBAAAa,EAACQ,GAAA,EAAa,WAAWrB,EAAO,OAAO,UAAU,UAAU,oBAAoB,GAAA,CAAI;AAAA,MAAA,GAEvF;AAAA,MAECA,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,6BAAYgB,GAAA,CAAA,CAAoB;AAAA,IAAA,EAAA,CACvF;AAAA,EAAA,GACF;AAEJ;AAzCSM,EAAArB,GAAA;AA2CT,MAAAsB,IAAeC,EAAKvB,CAAM;"}

package/dist/layout/components/navigation/vertical/types/NavVerticalCollapse.js

@@ -1,19 +1,20 @@
-var v = Object.defineProperty;
-var a = (o, t) => v(o, "name", { value: t, configurable: !0 });
-import { jsxs as h, jsx as i } from "../../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import N from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
-import { ListItemButton as b } from "@mui/material";
-import L from "@mui/material/Collapse";
-import k from "@mui/material/IconButton";
-import R from "@mui/material/List";
-import z from "@mui/material/ListItemText";
-import { styled as B, alpha as C } from "@mui/material/styles";
-import { clsx as g } from "../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { useState as H, useEffect as I } from "react";
-import { NavBadge as O } from "../../NavBadge.js";
-import { NavItem as S } from "../../NavItem.js";
-import { OwpSvgIcon as f } from "../../../../../components/OwpSvgIcon/OwpSvgIcon.js";
-const P = B(R)(({ theme: o, ...t }) => ({
+var R = Object.defineProperty;
+var s = (n, t) => R(n, "name", { value: t, configurable: !0 });
+import { jsxs as g, jsx as o } from "../../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useNavigationActiveRouteRemount as L } from "../../../../../hooks/useNavigationActiveRouteRemount.js";
+import O from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
+import { ListItemButton as z } from "@mui/material";
+import B from "@mui/material/Collapse";
+import H from "@mui/material/IconButton";
+import S from "@mui/material/List";
+import k from "@mui/material/ListItemText";
+import { styled as P, alpha as A } from "@mui/material/styles";
+import { clsx as u } from "../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useState as C, useEffect as D } from "react";
+import { NavBadge as W } from "../../NavBadge.js";
+import { NavItem as j } from "../../NavItem.js";
+import { OwpSvgIcon as x } from "../../../../../components/OwpSvgIcon/OwpSvgIcon.js";
+const M = P(S)(({ theme: n, ...t }) => ({
   padding: 0,
   "&.open": {},
   "& > .owp-list-item": {
@@ -25,9 +26,9 @@ const P = B(R)(({ theme: o, ...t }) => ({
     paddingLeft: t.itempadding > 80 ? 80 : t.itempadding,
     paddingTop: 10,
     paddingBottom: 10,
-    color: C(o.palette.text.primary, 0.7),
+    color: A(n.palette.text.primary, 0.7),
     "&:hover": {
-      color: o.palette.text.primary
+      color: n.palette.text.primary
     },
     "& > .owp-list-item-icon": {
       marginRight: 16,
@@ -42,32 +43,41 @@ const P = B(R)(({ theme: o, ...t }) => ({
     }
   }
 }));
-function Q(o) {
-  const { item: t, nestedLevel: s = 0, onItemClick: u, checkPermission: p, openedCollapseIds: n } = o, r = (n == null ? void 0 : n.has(t.id)) ?? !1, [x, l] = H(r), m = r || x, w = s > 0 ? 38 + s * 16 : 16;
-  I(() => {
-    r && l(!0);
-  }, [r]);
-  const c = t.url ? N : "li";
-  let d = {};
-  return typeof c != "string" && (d = {
+function _(n) {
+  const { item: t, nestedLevel: l = 0, onItemClick: i, checkPermission: d, openedCollapseIds: r } = n, { remountRoute: v, shouldRemountRouteOnClick: w } = L(
+    t.url || void 0
+  ), a = (r == null ? void 0 : r.has(t.id)) ?? !1, [y, m] = C(a), p = a || y, N = l > 0 ? 38 + l * 16 : 16;
+  D(() => {
+    a && m(!0);
+  }, [a]);
+  const h = t.url ? O : "li";
+  let f = {};
+  if (typeof h != "string" && (f = {
     disabled: t.disabled,
     to: t.url,
     end: t.end,
     role: "button"
-  }), p && !(t != null && t.hasPermission) ? null : /* @__PURE__ */ h(P, { className: g(m && "open"), itempadding: w, sx: t.sx, children: [
-    /* @__PURE__ */ h(
-      b,
+  }), d && !(t != null && t.hasPermission))
+    return null;
+  const b = /* @__PURE__ */ s((e) => {
+    if (w) {
+      e.preventDefault(), v(), i == null || i(t);
+      return;
+    }
+    m((c) => !c), i == null || i(t);
+  }, "handleClick");
+  return /* @__PURE__ */ g(M, { className: u(p && "open"), itempadding: N, sx: t.sx, children: [
+    /* @__PURE__ */ g(
+      z,
       {
-        component: c,
+        component: h,
         className: "owp-list-item",
-        onClick: /* @__PURE__ */ a(() => {
-          l((e) => !e);
-        }, "onClick"),
-        ...d,
+        onClick: b,
+        ...f,
         children: [
-          t.icon && /* @__PURE__ */ i(f, { className: g("owp-list-item-icon shrink-0", t.iconClass), color: "action", children: t.icon }),
-          /* @__PURE__ */ i(
-            z,
+          t.icon && /* @__PURE__ */ o(x, { className: u("owp-list-item-icon shrink-0", t.iconClass), color: "action", children: t.icon }),
+          /* @__PURE__ */ o(
+            k,
             {
               className: "owp-list-item-text",
               primary: t.title,
@@ -94,37 +104,37 @@ function Q(o) {
               }
             }
           ),
-          t.badge && /* @__PURE__ */ i(O, { className: "mx-4", badge: t.badge }),
-          /* @__PURE__ */ i(
-            k,
+          t.badge && /* @__PURE__ */ o(W, { className: "mx-4", badge: t.badge }),
+          /* @__PURE__ */ o(
+            H,
             {
               disableRipple: !0,
               className: "-mx-12 h-20 w-20 p-0 hover:bg-transparent focus:bg-transparent",
-              onClick: /* @__PURE__ */ a((e) => {
-                e.preventDefault(), e.stopPropagation(), l((y) => !y);
+              onClick: /* @__PURE__ */ s((e) => {
+                e.preventDefault(), e.stopPropagation(), m((c) => !c);
               }, "onClick"),
-              children: /* @__PURE__ */ i(f, { size: 13, className: "arrow-icon", color: "inherit", children: m ? "heroicons-solid:chevron-down" : "heroicons-solid:chevron-right" })
+              children: /* @__PURE__ */ o(x, { size: 13, className: "arrow-icon", color: "inherit", children: p ? "heroicons-solid:chevron-down" : "heroicons-solid:chevron-right" })
             }
           )
         ]
       }
     ),
-    t.children && /* @__PURE__ */ i(L, { in: m, className: "collapse-children", children: t.children.map((e) => /* @__PURE__ */ i(
-      S,
+    t.children && /* @__PURE__ */ o(B, { in: p, className: "collapse-children", children: t.children.map((e) => /* @__PURE__ */ o(
+      j,
       {
         type: `vertical-${e.type}`,
         item: e,
-        nestedLevel: s + 1,
-        onItemClick: u,
-        checkPermission: p,
-        openedCollapseIds: n
+        nestedLevel: l + 1,
+        onItemClick: i,
+        checkPermission: d,
+        openedCollapseIds: r
       },
       e.id
     )) })
   ] });
 }
-a(Q, "NavVerticalCollapse");
+s(_, "NavVerticalCollapse");
 export {
-  Q as NavVerticalCollapse
+  _ as NavVerticalCollapse
 };
 //# sourceMappingURL=NavVerticalCollapse.js.map

package/dist/layout/components/navigation/vertical/types/NavVerticalCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavVerticalCollapse.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalCollapse.tsx"],"sourcesContent":["import NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { ListItemButton } from '@mui/material';\nimport Collapse from '@mui/material/Collapse';\nimport IconButton from '@mui/material/IconButton';\nimport List, { ListProps } from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { useEffect, useState } from 'react';\nimport { NavBadge } from '../../NavBadge';\nimport { NavItem, NavItemComponentProps } from '../../NavItem';\n\ntype ListComponentProps = ListProps & {\n  itempadding: number;\n};\n\nconst Root = styled(List)<ListComponentProps>(({ theme, ...props }) => ({\n  padding: 0,\n  '&.open': {},\n  '& > .owp-list-item': {\n    minHeight: 36,\n    width: '100%',\n    borderRadius: '8px',\n    margin: '0 0 4px 0',\n    paddingRight: 16,\n    paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n    paddingTop: 10,\n    paddingBottom: 10,\n    color: alpha(theme.palette.text.primary, 0.7),\n    '&:hover': {\n      color: theme.palette.text.primary,\n    },\n    '& > .owp-list-item-icon': {\n      marginRight: 16,\n      width: 22,\n      height: 22,\n      minWidth: 22,\n      minHeight: 22,\n      fontSize: 22,\n      lineHeight: '22px',\n      textAlign: 'center',\n      color: 'inherit',\n    },\n  },\n}));\n\n/**\n * NavVerticalCollapse component used for vertical navigation items with collapsible children.\n */\nfunction NavVerticalCollapse(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission, openedCollapseIds } = props;\n\n  const isRouteOpened = openedCollapseIds?.has(item.id) ?? false;\n  const [manualOpen, setManualOpen] = useState(isRouteOpened);\n  const open = isRouteOpened || manualOpen;\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  useEffect(() => {\n    if (isRouteOpened) {\n      setManualOpen(true);\n    }\n  }, [isRouteOpened]);\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url,\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  return (\n    <Root className={clsx(open && 'open')} itempadding={itempadding} sx={item.sx}>\n      <ListItemButton\n        component={component}\n        className=\"owp-list-item\"\n        onClick={() => {\n          setManualOpen((previousOpen) => !previousOpen);\n        }}\n        {...itemProps}\n      >\n        {item.icon && (\n          <SvgIcon className={clsx('owp-list-item-icon shrink-0', item.iconClass)} color=\"action\">\n            {item.icon}\n          </SvgIcon>\n        )}\n\n        <ListItemText\n          className=\"owp-list-item-text\"\n          primary={item.title}\n          secondary={item.subtitle}\n          sx={{\n            my: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 0.25,\n            '& .owp-list-item-text-primary': {\n              fontSize: 15,\n              fontWeight: 600,\n              lineHeight: 1.4,\n            },\n            '& .owp-list-item-text-secondary': {\n              fontSize: 14,\n              fontWeight: 500,\n              lineHeight: 1.4,\n            },\n          }}\n          classes={{\n            primary: 'owp-list-item-text-primary truncate',\n            secondary: 'owp-list-item-text-secondary truncate',\n          }}\n        />\n\n        {item.badge && <NavBadge className=\"mx-4\" badge={item.badge} />}\n\n        <IconButton\n          disableRipple\n          className=\"-mx-12 h-20 w-20 p-0 hover:bg-transparent focus:bg-transparent\"\n          onClick={(ev) => {\n            ev.preventDefault();\n            ev.stopPropagation();\n            setManualOpen((previousOpen) => !previousOpen);\n          }}\n        >\n          <SvgIcon size={13} className=\"arrow-icon\" color=\"inherit\">\n            {open ? 'heroicons-solid:chevron-down' : 'heroicons-solid:chevron-right'}\n          </SvgIcon>\n        </IconButton>\n      </ListItemButton>\n\n      {item.children && (\n        <Collapse in={open} className=\"collapse-children\">\n          {item.children.map((_item) => (\n            <NavItem\n              key={_item.id}\n              type={`vertical-${_item.type}`}\n              item={_item}\n              nestedLevel={nestedLevel + 1}\n              onItemClick={onItemClick}\n              checkPermission={checkPermission}\n              openedCollapseIds={openedCollapseIds}\n            />\n          ))}\n        </Collapse>\n      )}\n    </Root>\n  );\n}\n\nexport { NavVerticalCollapse };\n"],"names":["Root","styled","List","theme","props","alpha","NavVerticalCollapse","item","nestedLevel","onItemClick","checkPermission","openedCollapseIds","isRouteOpened","manualOpen","setManualOpen","useState","open","itempadding","useEffect","component","NavLinkAdapter","itemProps","jsxs","clsx","ListItemButton","__name","previousOpen","jsx","SvgIcon","ListItemText","NavBadge","IconButton","ev","Collapse","_item","NavItem"],"mappings":"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"}
+{"version":3,"file":"NavVerticalCollapse.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalCollapse.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/useNavigationActiveRouteRemount';\nimport NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { ListItemButton } from '@mui/material';\nimport Collapse from '@mui/material/Collapse';\nimport IconButton from '@mui/material/IconButton';\nimport List, { ListProps } from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { type MouseEvent, useEffect, useState } from 'react';\nimport { NavBadge } from '../../NavBadge';\nimport { NavItem, NavItemComponentProps } from '../../NavItem';\n\ntype ListComponentProps = ListProps & {\n  itempadding: number;\n};\n\nconst Root = styled(List)<ListComponentProps>(({ theme, ...props }) => ({\n  padding: 0,\n  '&.open': {},\n  '& > .owp-list-item': {\n    minHeight: 36,\n    width: '100%',\n    borderRadius: '8px',\n    margin: '0 0 4px 0',\n    paddingRight: 16,\n    paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n    paddingTop: 10,\n    paddingBottom: 10,\n    color: alpha(theme.palette.text.primary, 0.7),\n    '&:hover': {\n      color: theme.palette.text.primary,\n    },\n    '& > .owp-list-item-icon': {\n      marginRight: 16,\n      width: 22,\n      height: 22,\n      minWidth: 22,\n      minHeight: 22,\n      fontSize: 22,\n      lineHeight: '22px',\n      textAlign: 'center',\n      color: 'inherit',\n    },\n  },\n}));\n\n/**\n * NavVerticalCollapse component used for vertical navigation items with collapsible children.\n */\nfunction NavVerticalCollapse(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission, openedCollapseIds } = props;\n  const { remountRoute, shouldRemountRouteOnClick } = useNavigationActiveRouteRemount(\n    item.url || undefined,\n  );\n\n  const isRouteOpened = openedCollapseIds?.has(item.id) ?? false;\n  const [manualOpen, setManualOpen] = useState(isRouteOpened);\n  const open = isRouteOpened || manualOpen;\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  useEffect(() => {\n    if (isRouteOpened) {\n      setManualOpen(true);\n    }\n  }, [isRouteOpened]);\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url,\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (shouldRemountRouteOnClick) {\n      event.preventDefault();\n      remountRoute();\n      onItemClick?.(item);\n      return;\n    }\n\n    setManualOpen((previousOpen) => !previousOpen);\n    onItemClick?.(item);\n  };\n\n  return (\n    <Root className={clsx(open && 'open')} itempadding={itempadding} sx={item.sx}>\n      <ListItemButton\n        component={component}\n        className=\"owp-list-item\"\n        onClick={handleClick}\n        {...itemProps}\n      >\n        {item.icon && (\n          <SvgIcon className={clsx('owp-list-item-icon shrink-0', item.iconClass)} color=\"action\">\n            {item.icon}\n          </SvgIcon>\n        )}\n\n        <ListItemText\n          className=\"owp-list-item-text\"\n          primary={item.title}\n          secondary={item.subtitle}\n          sx={{\n            my: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 0.25,\n            '& .owp-list-item-text-primary': {\n              fontSize: 15,\n              fontWeight: 600,\n              lineHeight: 1.4,\n            },\n            '& .owp-list-item-text-secondary': {\n              fontSize: 14,\n              fontWeight: 500,\n              lineHeight: 1.4,\n            },\n          }}\n          classes={{\n            primary: 'owp-list-item-text-primary truncate',\n            secondary: 'owp-list-item-text-secondary truncate',\n          }}\n        />\n\n        {item.badge && <NavBadge className=\"mx-4\" badge={item.badge} />}\n\n        <IconButton\n          disableRipple\n          className=\"-mx-12 h-20 w-20 p-0 hover:bg-transparent focus:bg-transparent\"\n          onClick={(ev) => {\n            ev.preventDefault();\n            ev.stopPropagation();\n            setManualOpen((previousOpen) => !previousOpen);\n          }}\n        >\n          <SvgIcon size={13} className=\"arrow-icon\" color=\"inherit\">\n            {open ? 'heroicons-solid:chevron-down' : 'heroicons-solid:chevron-right'}\n          </SvgIcon>\n        </IconButton>\n      </ListItemButton>\n\n      {item.children && (\n        <Collapse in={open} className=\"collapse-children\">\n          {item.children.map((_item) => (\n            <NavItem\n              key={_item.id}\n              type={`vertical-${_item.type}`}\n              item={_item}\n              nestedLevel={nestedLevel + 1}\n              onItemClick={onItemClick}\n              checkPermission={checkPermission}\n              openedCollapseIds={openedCollapseIds}\n            />\n          ))}\n        </Collapse>\n      )}\n    </Root>\n  );\n}\n\nexport { NavVerticalCollapse };\n"],"names":["Root","styled","List","theme","props","alpha","NavVerticalCollapse","item","nestedLevel","onItemClick","checkPermission","openedCollapseIds","remountRoute","shouldRemountRouteOnClick","useNavigationActiveRouteRemount","isRouteOpened","manualOpen","setManualOpen","useState","open","itempadding","useEffect","component","NavLinkAdapter","itemProps","handleClick","__name","event","previousOpen","jsxs","clsx","ListItemButton","jsx","SvgIcon","ListItemText","NavBadge","IconButton","ev","Collapse","_item","NavItem"],"mappings":"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"}

package/dist/layout/components/navigation/vertical/types/NavVerticalGroup.js

@@ -1,12 +1,13 @@
-var g = Object.defineProperty;
-var o = (i, e) => g(i, "name", { value: e, configurable: !0 });
-import { jsxs as f, jsx as a, Fragment as x } from "../../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import u from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
-import { ListItemText as h, ListItem as y } from "@mui/material";
-import { styled as b, alpha as L } from "@mui/material/styles";
-import { clsx as S } from "../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { NavItem as T } from "../../NavItem.js";
-const v = b(y)(({ theme: i, ...e }) => ({
+var x = Object.defineProperty;
+var r = (i, e) => x(i, "name", { value: e, configurable: !0 });
+import { jsxs as h, jsx as a, Fragment as y } from "../../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useNavigationActiveRouteRemount as v } from "../../../../../hooks/useNavigationActiveRouteRemount.js";
+import b from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
+import { ListItemText as R, ListItem as L } from "@mui/material";
+import { styled as N, alpha as S } from "@mui/material/styles";
+import { clsx as T } from "../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { NavItem as k } from "../../NavItem.js";
+const I = N(L)(({ theme: i, ...e }) => ({
   minHeight: 36,
   width: "100%",
   borderRadius: "8px",
@@ -18,37 +19,44 @@ const v = b(y)(({ theme: i, ...e }) => ({
   paddingLeft: e.itempadding > 80 ? 80 : e.itempadding,
   paddingTop: 10,
   paddingBottom: 10,
-  color: L(i.palette.text.primary, 0.7),
+  color: S(i.palette.text.primary, 0.7),
   fontWeight: 600,
   letterSpacing: "0.025em"
 }));
-function W(i) {
+function D(i) {
   var d;
-  const { item: e, nestedLevel: n = 0, onItemClick: r, checkPermission: s, openedCollapseIds: m } = i, c = n > 0 ? 38 + n * 16 : 16, p = e.url ? u : "li";
-  let l = {};
-  return typeof p != "string" && (l = {
+  const { item: e, nestedLevel: n = 0, onItemClick: o, checkPermission: s, openedCollapseIds: m } = i, { remountRoute: c, shouldRemountRouteOnClick: u } = v(
+    e.url || void 0
+  ), f = n > 0 ? 38 + n * 16 : 16, l = e.url ? b : "li";
+  let p = {};
+  if (typeof l != "string" && (p = {
     disabled: e.disabled,
     to: e.url,
     end: e.end,
     role: "button"
-  }), s && !(e != null && e.hasPermission) ? null : /* @__PURE__ */ f(x, { children: [
+  }), s && !(e != null && e.hasPermission))
+    return null;
+  const g = /* @__PURE__ */ r((t) => {
+    u && (t.preventDefault(), c()), o == null || o(e);
+  }, "handleClick");
+  return /* @__PURE__ */ h(y, { children: [
     /* @__PURE__ */ a(
-      v,
+      I,
       {
-        component: p,
-        itempadding: c,
-        className: S(
+        component: l,
+        itempadding: f,
+        className: T(
           "owp-list-subheader flex items-center  py-10",
           e.url ? "" : "cursor-default"
         ),
-        onClick: /* @__PURE__ */ o(() => r == null ? void 0 : r(e), "onClick"),
+        onClick: g,
         sx: e.sx,
-        ...l,
+        ...p,
         children: /* @__PURE__ */ a(
-          h,
+          R,
           {
             className: "owp-list-subheader-text",
-            sx: /* @__PURE__ */ o((t) => ({
+            sx: /* @__PURE__ */ r((t) => ({
               margin: 0,
               display: "flex",
               flexDirection: "column",
@@ -79,12 +87,12 @@ function W(i) {
       }
     ),
     (d = e.children) == null ? void 0 : d.map((t) => /* @__PURE__ */ a(
-      T,
+      k,
       {
         type: `vertical-${t.type}`,
         item: t,
         nestedLevel: n,
-        onItemClick: r,
+        onItemClick: o,
         checkPermission: s,
         openedCollapseIds: m
       },
@@ -92,8 +100,8 @@ function W(i) {
     ))
   ] });
 }
-o(W, "NavVerticalGroup");
+r(D, "NavVerticalGroup");
 export {
-  W as NavVerticalGroup
+  D as NavVerticalGroup
 };
 //# sourceMappingURL=NavVerticalGroup.js.map

package/dist/layout/components/navigation/vertical/types/NavVerticalGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavVerticalGroup.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalGroup.tsx"],"sourcesContent":["import NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { ListItem, ListItemButtonProps, ListItemText } from '@mui/material';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { NavItem, NavItemComponentProps } from '../../NavItem';\n\ntype ListItemButtonComponentProps = ListItemButtonProps & {\n  itempadding: number;\n};\n\nconst Root = styled(ListItem)<ListItemButtonComponentProps>(({ theme, ...props }) => ({\n  minHeight: 36,\n  width: '100%',\n  borderRadius: '8px',\n  margin: '28px 0 0 0',\n  '&:first-of-type': {\n    marginTop: 0,\n  },\n  paddingRight: 16,\n  paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n  paddingTop: 10,\n  paddingBottom: 10,\n  color: alpha(theme.palette.text.primary, 0.7),\n  fontWeight: 600,\n  letterSpacing: '0.025em',\n}));\n\n/**\n * NavVerticalGroup renders a group of navigation items in a vertical layout.\n */\nfunction NavVerticalGroup(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission, openedCollapseIds } = props;\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url,\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  return (\n    <>\n      <Root\n        component={component}\n        itempadding={itempadding}\n        className={clsx(\n          'owp-list-subheader flex items-center  py-10',\n          !item.url ? 'cursor-default' : '',\n        )}\n        onClick={() => onItemClick?.(item)}\n        sx={item.sx}\n        {...itemProps}\n      >\n        <ListItemText\n          className=\"owp-list-subheader-text\"\n          sx={(theme) => ({\n            margin: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: theme.spacing(0.25),\n            '& > .MuiListItemText-primary': {\n              fontSize: 12,\n              color: 'secondary.main',\n              fontWeight: 600,\n              textTransform: 'uppercase',\n              letterSpacing: '.05em',\n              lineHeight: '20px',\n              ...theme.applyStyles('dark', {\n                color: 'secondary.light',\n              }),\n            },\n            '& > .MuiListItemText-secondary': {\n              fontSize: 11,\n              color: 'text.disabled',\n              letterSpacing: '.06px',\n              fontWeight: 500,\n              lineHeight: '1.5',\n            },\n          })}\n          primary={item.title}\n          secondary={item.subtitle}\n        />\n      </Root>\n      {item.children?.map((_item) => (\n        <NavItem\n          key={_item.id}\n          type={`vertical-${_item.type}`}\n          item={_item}\n          nestedLevel={nestedLevel}\n          onItemClick={onItemClick}\n          checkPermission={checkPermission}\n          openedCollapseIds={openedCollapseIds}\n        />\n      ))}\n    </>\n  );\n}\n\nexport { NavVerticalGroup };\n"],"names":["Root","styled","ListItem","theme","props","alpha","NavVerticalGroup","item","nestedLevel","onItemClick","checkPermission","openedCollapseIds","itempadding","component","NavLinkAdapter","itemProps","jsxs","Fragment","jsx","clsx","__name","ListItemText","_a","_item","NavItem"],"mappings":";;;;;;;;AAUA,MAAMA,IAAOC,EAAOC,CAAQ,EAAgC,CAAC,EAAE,OAAAC,GAAO,GAAGC,SAAa;AAAA,EACpF,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,WAAW;AAAA,EAAA;AAAA,EAEb,cAAc;AAAA,EACd,aAAaA,EAAM,cAAc,KAAK,KAAKA,EAAM;AAAA,EACjD,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAOC,EAAMF,EAAM,QAAQ,KAAK,SAAS,GAAG;AAAA,EAC5C,YAAY;AAAA,EACZ,eAAe;AACjB,EAAE;AAKF,SAASG,EAAiBF,GAA8B;;AACtD,QAAM,EAAE,MAAAG,GAAM,aAAAC,IAAc,GAAG,aAAAC,GAAa,iBAAAC,GAAiB,mBAAAC,MAAsBP,GAE7EQ,IAAcJ,IAAc,IAAI,KAAKA,IAAc,KAAK,IAExDK,IAAYN,EAAK,MAAMO,IAAiB;AAE9C,MAAIC,IAAY,CAAA;AAWhB,SATI,OAAOF,KAAc,aACvBE,IAAY;AAAA,IACV,UAAUR,EAAK;AAAA,IACf,IAAIA,EAAK;AAAA,IACT,KAAKA,EAAK;AAAA,IACV,MAAM;AAAA,EAAA,IAING,KAAmB,EAACH,KAAA,QAAAA,EAAM,iBACrB,OAIP,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAClB;AAAA,MAAA;AAAA,QACC,WAAAa;AAAA,QACA,aAAAD;AAAA,QACA,WAAWO;AAAA,UACT;AAAA,UACCZ,EAAK,MAAyB,KAAnB;AAAA,QAAmB;AAAA,QAEjC,SAAS,gBAAAa,EAAA,MAAMX,KAAA,gBAAAA,EAAcF,IAApB;AAAA,QACT,IAAIA,EAAK;AAAA,QACR,GAAGQ;AAAA,QAEJ,UAAA,gBAAAG;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,gBAAAD,EAAA,CAACjB,OAAW;AAAA,cACd,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,KAAKA,EAAM,QAAQ,IAAI;AAAA,cACvB,gCAAgC;AAAA,gBAC9B,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,GAAGA,EAAM,YAAY,QAAQ;AAAA,kBAC3B,OAAO;AAAA,gBAAA,CACR;AAAA,cAAA;AAAA,cAEH,kCAAkC;AAAA,gBAChC,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,YAAY;AAAA,cAAA;AAAA,YACd,IAtBE;AAAA,YAwBJ,SAASI,EAAK;AAAA,YACd,WAAWA,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAClB;AAAA,IAAA;AAAA,KAEDe,IAAAf,EAAK,aAAL,gBAAAe,EAAe,IAAI,CAACC,MACnB,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,MAAM,YAAYD,EAAM,IAAI;AAAA,QAC5B,MAAMA;AAAA,QACN,aAAAf;AAAA,QACA,aAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,mBAAAC;AAAA,MAAA;AAAA,MANKY,EAAM;AAAA,IAAA;AAAA,EAQd,GACH;AAEJ;AA9ESH,EAAAd,GAAA;"}
+{"version":3,"file":"NavVerticalGroup.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalGroup.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/useNavigationActiveRouteRemount';\nimport NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { ListItem, ListItemButtonProps, ListItemText } from '@mui/material';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport type { MouseEvent } from 'react';\nimport { NavItem, NavItemComponentProps } from '../../NavItem';\n\ntype ListItemButtonComponentProps = ListItemButtonProps & {\n  itempadding: number;\n};\n\nconst Root = styled(ListItem)<ListItemButtonComponentProps>(({ theme, ...props }) => ({\n  minHeight: 36,\n  width: '100%',\n  borderRadius: '8px',\n  margin: '28px 0 0 0',\n  '&:first-of-type': {\n    marginTop: 0,\n  },\n  paddingRight: 16,\n  paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n  paddingTop: 10,\n  paddingBottom: 10,\n  color: alpha(theme.palette.text.primary, 0.7),\n  fontWeight: 600,\n  letterSpacing: '0.025em',\n}));\n\n/**\n * NavVerticalGroup renders a group of navigation items in a vertical layout.\n */\nfunction NavVerticalGroup(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission, openedCollapseIds } = props;\n  const { remountRoute, shouldRemountRouteOnClick } = useNavigationActiveRouteRemount(\n    item.url || undefined,\n  );\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url,\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (shouldRemountRouteOnClick) {\n      event.preventDefault();\n      remountRoute();\n    }\n\n    onItemClick?.(item);\n  };\n\n  return (\n    <>\n      <Root\n        component={component}\n        itempadding={itempadding}\n        className={clsx(\n          'owp-list-subheader flex items-center  py-10',\n          !item.url ? 'cursor-default' : '',\n        )}\n        onClick={handleClick}\n        sx={item.sx}\n        {...itemProps}\n      >\n        <ListItemText\n          className=\"owp-list-subheader-text\"\n          sx={(theme) => ({\n            margin: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: theme.spacing(0.25),\n            '& > .MuiListItemText-primary': {\n              fontSize: 12,\n              color: 'secondary.main',\n              fontWeight: 600,\n              textTransform: 'uppercase',\n              letterSpacing: '.05em',\n              lineHeight: '20px',\n              ...theme.applyStyles('dark', {\n                color: 'secondary.light',\n              }),\n            },\n            '& > .MuiListItemText-secondary': {\n              fontSize: 11,\n              color: 'text.disabled',\n              letterSpacing: '.06px',\n              fontWeight: 500,\n              lineHeight: '1.5',\n            },\n          })}\n          primary={item.title}\n          secondary={item.subtitle}\n        />\n      </Root>\n      {item.children?.map((_item) => (\n        <NavItem\n          key={_item.id}\n          type={`vertical-${_item.type}`}\n          item={_item}\n          nestedLevel={nestedLevel}\n          onItemClick={onItemClick}\n          checkPermission={checkPermission}\n          openedCollapseIds={openedCollapseIds}\n        />\n      ))}\n    </>\n  );\n}\n\nexport { NavVerticalGroup };\n"],"names":["Root","styled","ListItem","theme","props","alpha","NavVerticalGroup","item","nestedLevel","onItemClick","checkPermission","openedCollapseIds","remountRoute","shouldRemountRouteOnClick","useNavigationActiveRouteRemount","itempadding","component","NavLinkAdapter","itemProps","handleClick","__name","event","jsxs","Fragment","jsx","clsx","ListItemText","_a","_item","NavItem"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAOC,EAAOC,CAAQ,EAAgC,CAAC,EAAE,OAAAC,GAAO,GAAGC,SAAa;AAAA,EACpF,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,WAAW;AAAA,EAAA;AAAA,EAEb,cAAc;AAAA,EACd,aAAaA,EAAM,cAAc,KAAK,KAAKA,EAAM;AAAA,EACjD,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAOC,EAAMF,EAAM,QAAQ,KAAK,SAAS,GAAG;AAAA,EAC5C,YAAY;AAAA,EACZ,eAAe;AACjB,EAAE;AAKF,SAASG,EAAiBF,GAA8B;;AACtD,QAAM,EAAE,MAAAG,GAAM,aAAAC,IAAc,GAAG,aAAAC,GAAa,iBAAAC,GAAiB,mBAAAC,MAAsBP,GAC7E,EAAE,cAAAQ,GAAc,2BAAAC,EAAA,IAA8BC;AAAA,IAClDP,EAAK,OAAO;AAAA,EAAA,GAGRQ,IAAcP,IAAc,IAAI,KAAKA,IAAc,KAAK,IAExDQ,IAAYT,EAAK,MAAMU,IAAiB;AAE9C,MAAIC,IAAY,CAAA;AAWhB,MATI,OAAOF,KAAc,aACvBE,IAAY;AAAA,IACV,UAAUX,EAAK;AAAA,IACf,IAAIA,EAAK;AAAA,IACT,KAAKA,EAAK;AAAA,IACV,MAAM;AAAA,EAAA,IAING,KAAmB,EAACH,KAAA,QAAAA,EAAM;AAC5B,WAAO;AAGT,QAAMY,IAAc,gBAAAC,EAAA,CAACC,MAAmC;AACtD,IAAIR,MACFQ,EAAM,eAAA,GACNT,EAAA,IAGFH,KAAA,QAAAA,EAAcF;AAAA,EAChB,GAPoB;AASpB,SACE,gBAAAe,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACxB;AAAA,MAAA;AAAA,QACC,WAAAgB;AAAA,QACA,aAAAD;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACClB,EAAK,MAAyB,KAAnB;AAAA,QAAmB;AAAA,QAEjC,SAASY;AAAA,QACT,IAAIZ,EAAK;AAAA,QACR,GAAGW;AAAA,QAEJ,UAAA,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,gBAAAN,EAAA,CAACjB,OAAW;AAAA,cACd,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,KAAKA,EAAM,QAAQ,IAAI;AAAA,cACvB,gCAAgC;AAAA,gBAC9B,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,GAAGA,EAAM,YAAY,QAAQ;AAAA,kBAC3B,OAAO;AAAA,gBAAA,CACR;AAAA,cAAA;AAAA,cAEH,kCAAkC;AAAA,gBAChC,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,YAAY;AAAA,cAAA;AAAA,YACd,IAtBE;AAAA,YAwBJ,SAASI,EAAK;AAAA,YACd,WAAWA,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAClB;AAAA,IAAA;AAAA,KAEDoB,IAAApB,EAAK,aAAL,gBAAAoB,EAAe,IAAI,CAACC,MACnB,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,MAAM,YAAYD,EAAM,IAAI;AAAA,QAC5B,MAAMA;AAAA,QACN,aAAApB;AAAA,QACA,aAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,mBAAAC;AAAA,MAAA;AAAA,MANKiB,EAAM;AAAA,IAAA;AAAA,EAQd,GACH;AAEJ;AA1FSR,EAAAd,GAAA;"}

package/dist/layout/components/navigation/vertical/types/NavVerticalItem.js

@@ -1,14 +1,15 @@
-var d = Object.defineProperty;
-var o = (i, t) => d(i, "name", { value: t, configurable: !0 });
-import { jsxs as g, jsx as r } from "../../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import x from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
-import { ListItemButton as f } from "@mui/material";
-import h from "@mui/material/ListItemText";
-import { styled as u, alpha as m } from "@mui/material/styles";
+var f = Object.defineProperty;
+var o = (i, t) => f(i, "name", { value: t, configurable: !0 });
+import { jsxs as h, jsx as r } from "../../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useNavigationActiveRouteRemount as y } from "../../../../../hooks/useNavigationActiveRouteRemount.js";
+import w from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
+import { ListItemButton as v } from "@mui/material";
+import b from "@mui/material/ListItemText";
+import { styled as R, alpha as s } from "@mui/material/styles";
 import { clsx as l } from "../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { NavBadge as y } from "../../NavBadge.js";
-import { OwpSvgIcon as w } from "../../../../../components/OwpSvgIcon/OwpSvgIcon.js";
-const b = u(f)(({ theme: i, ...t }) => ({
+import { NavBadge as N } from "../../NavBadge.js";
+import { OwpSvgIcon as k } from "../../../../../components/OwpSvgIcon/OwpSvgIcon.js";
+const L = R(v)(({ theme: i, ...t }) => ({
   minHeight: 36,
   width: "100%",
   borderRadius: "8px",
@@ -17,7 +18,7 @@ const b = u(f)(({ theme: i, ...t }) => ({
   paddingLeft: t.itempadding > 80 ? 80 : t.itempadding,
   paddingTop: 10,
   paddingBottom: 10,
-  color: m(i.palette.text.primary, 0.7),
+  color: s(i.palette.text.primary, 0.7),
   cursor: "pointer",
   textDecoration: "none!important",
   "&:hover": {
@@ -25,8 +26,7 @@ const b = u(f)(({ theme: i, ...t }) => ({
   },
   "&.active": {
     color: i.palette.secondary.main,
-    backgroundColor: m(i.palette.secondary.main, 0.2),
-    pointerEvents: "none",
+    backgroundColor: s(i.palette.secondary.main, 0.2),
     transition: "border-radius .15s cubic-bezier(0.4,0.0,0.2,1)",
     "& > .owp-list-item-text-primary": {
       color: "inherit"
@@ -48,27 +48,34 @@ const b = u(f)(({ theme: i, ...t }) => ({
   },
   "& > .owp-list-item-text": {}
 }));
-function P(i) {
-  const { item: t, nestedLevel: n = 0, onItemClick: e, checkPermission: p } = i, c = n > 0 ? 38 + n * 16 : 16, a = t.url ? x : "li";
-  let s = {};
-  return typeof a != "string" && (s = {
+function j(i) {
+  const { item: t, nestedLevel: n = 0, onItemClick: e, checkPermission: c } = i, { remountRoute: d, shouldRemountRouteOnClick: p } = y(
+    t.url || void 0
+  ), g = n > 0 ? 38 + n * 16 : 16, a = t.url ? w : "li";
+  let m = {};
+  if (typeof a != "string" && (m = {
     disabled: t.disabled,
     to: t.url || "",
     end: t.end,
     role: "button"
-  }), p && !(t != null && t.hasPermission) ? null : /* @__PURE__ */ g(
-    b,
+  }), c && !(t != null && t.hasPermission))
+    return null;
+  const u = /* @__PURE__ */ o((x) => {
+    p && (x.preventDefault(), d()), e == null || e(t);
+  }, "handleClick");
+  return /* @__PURE__ */ h(
+    L,
     {
       component: a,
       className: l("owp-list-item", t.active && "active"),
-      onClick: /* @__PURE__ */ o(() => e == null ? void 0 : e(t), "onClick"),
-      itempadding: c,
+      onClick: u,
+      itempadding: g,
       sx: t.sx,
-      ...s,
+      ...m,
       children: [
-        t.icon && /* @__PURE__ */ r(w, { className: l("owp-list-item-icon shrink-0", t.iconClass), color: "action", children: t.icon }),
+        t.icon && /* @__PURE__ */ r(k, { className: l("owp-list-item-icon shrink-0", t.iconClass), color: "action", children: t.icon }),
         /* @__PURE__ */ r(
-          h,
+          b,
           {
             className: "owp-list-item-text",
             primary: t.title,
@@ -91,13 +98,13 @@ function P(i) {
             }
           }
         ),
-        t.badge && /* @__PURE__ */ r(y, { badge: t.badge })
+        t.badge && /* @__PURE__ */ r(N, { badge: t.badge })
       ]
     }
   );
 }
-o(P, "NavVerticalItem");
+o(j, "NavVerticalItem");
 export {
-  P as NavVerticalItem
+  j as NavVerticalItem
 };
 //# sourceMappingURL=NavVerticalItem.js.map