@owp/core 2.4.0 → 2.5.0

package/dist/hooks.js

@@ -2,83 +2,84 @@ import { useGetCommonCodeList as t, useSetCommonCodeList as o } from "./hooks/us
 import { useAccessTokenGuard as u } from "./hooks/useAccessTokenGuard.js";
 import { useConfirm as n } from "./hooks/useConfirm.js";
 import { useGetCurrentLanguage as a, useGetLanguageList as f, useSetCurrentLanguage as i } from "./hooks/useCurrentLanguage.js";
-import { useGetLogoSrc as C, useSetLogoSrc as G } from "./hooks/useLogoSrc.js";
+import { useGetLogoSrc as C, useSetLogoSrc as S } from "./hooks/useLogoSrc.js";
 import { useGetCurrentUser as g, useSetCurrentUser as L } from "./hooks/useCurrentUser.js";
 import { useGetCurrentUserId as d, useSetCurrentUserId as T } from "./hooks/useCurrentUserId.js";
-import { useGetCurrentUserSeq as E, useSetCurrentUserSeq as l } from "./hooks/useCurrentUserSeq.js";
+import { useEnsureCurrentUserSeq as h, useGetCurrentUserSeq as l, useSetCurrentUserSeq as v } from "./hooks/useCurrentUserSeq.js";
 import { useDebounce as b } from "./hooks/useDebounce.js";
-import { useDeepCompareEffect as N, useDeepCompareEffectNoCheck as U, useDeepCompareMemoize as D } from "./hooks/useDeepCompareEffect.js";
-import { useHeaderWrapState as k } from "./hooks/useHeaderWrapState.js";
+import { useDeepCompareEffect as N, useDeepCompareEffectNoCheck as D, useDeepCompareMemoize as I } from "./hooks/useDeepCompareEffect.js";
+import { useHeaderWrapState as q } from "./hooks/useHeaderWrapState.js";
 import { useInitApp as M } from "./hooks/useInitApp.js";
 import { useInitCommonCodes as P } from "./hooks/useInitCommonCodes.js";
-import { useGetNavbar as y, useNavbarActions as F } from "./hooks/useNavbar.js";
-import { useGetNavigationList as z, useSetNavigationList as B } from "./hooks/useNavigation.js";
-import { useChangeOwpTheme as K, useGetCurrentLayoutConfig as Q, useGetCurrentSettings as R, useGetCustomScrollbarsEnabled as W, useGetDefaultSettings as j, useGetFooterTheme as J, useGetMainTheme as V, useGetNavbarTheme as X, useGetOwpSettings as Y, useGetToolbarTheme as Z, useResetSettings as $, useSetDefaultSettings as ee, useSetSettings as re } from "./hooks/useOwpSettings.js";
-import { useOwpTranslation as oe } from "./hooks/useOwpTranslation.js";
-import { useGetPageLockLoading as ue, usePageLockLoading as me } from "./hooks/usePageLockLoading.js";
-import { usePrevious as pe } from "./hooks/usePrevious.js";
-import { useGetShortcuts as fe, useSetShortcuts as ie } from "./hooks/useShortcuts.js";
-import { getEnv as Ce, setEnv as Ge, useStorage as Se } from "./hooks/useStorage.js";
-import { useThemeMediaQuery as Le } from "./hooks/useThemeMediaQuery.js";
-import { useTimeout as de } from "./hooks/useTimeout.js";
+import { useGetNavbar as F, useNavbarActions as _ } from "./hooks/useNavbar.js";
+import { useGetNavigationList as B, useSetNavigationList as H } from "./hooks/useNavigation.js";
+import { useChangeOwpTheme as Q, useGetCurrentLayoutConfig as R, useGetCurrentSettings as W, useGetCustomScrollbarsEnabled as j, useGetDefaultSettings as J, useGetFooterTheme as V, useGetMainTheme as X, useGetNavbarTheme as Y, useGetOwpSettings as Z, useGetToolbarTheme as $, useResetSettings as ee, useSetDefaultSettings as re, useSetSettings as te } from "./hooks/useOwpSettings.js";
+import { useOwpTranslation as se } from "./hooks/useOwpTranslation.js";
+import { useGetPageLockLoading as me, usePageLockLoading as ne } from "./hooks/usePageLockLoading.js";
+import { usePrevious as ae } from "./hooks/usePrevious.js";
+import { useGetShortcuts as ie, useSetShortcuts as xe } from "./hooks/useShortcuts.js";
+import { getEnv as Se, setEnv as Ge, useStorage as ge } from "./hooks/useStorage.js";
+import { useThemeMediaQuery as ce } from "./hooks/useThemeMediaQuery.js";
+import { useTimeout as Te } from "./hooks/useTimeout.js";
 import { useTreeGridCommonCodeEnums as he } from "./hooks/useTreeGridCommonCodeEnums.js";
-import { useTreeGridEnums as le } from "./hooks/useTreeGridEnums.js";
+import { useTreeGridEnums as ve } from "./hooks/useTreeGridEnums.js";
 import { useTreeGridExcelExport as be } from "./hooks/useTreeGridExcelExport.js";
 import { FALLBACK_LANGUAGE_LIST as Ne } from "./constants/language.js";
 export {
   Ne as FALLBACK_LANGUAGE_LIST,
-  Ce as getEnv,
+  Se as getEnv,
   Ge as setEnv,
   u as useAccessTokenGuard,
-  K as useChangeOwpTheme,
+  Q as useChangeOwpTheme,
   n as useConfirm,
   b as useDebounce,
   N as useDeepCompareEffect,
-  U as useDeepCompareEffectNoCheck,
-  D as useDeepCompareMemoize,
+  D as useDeepCompareEffectNoCheck,
+  I as useDeepCompareMemoize,
+  h as useEnsureCurrentUserSeq,
   t as useGetCommonCodeList,
   a as useGetCurrentLanguage,
-  Q as useGetCurrentLayoutConfig,
-  R as useGetCurrentSettings,
+  R as useGetCurrentLayoutConfig,
+  W as useGetCurrentSettings,
   g as useGetCurrentUser,
   d as useGetCurrentUserId,
-  E as useGetCurrentUserSeq,
-  W as useGetCustomScrollbarsEnabled,
-  j as useGetDefaultSettings,
-  J as useGetFooterTheme,
+  l as useGetCurrentUserSeq,
+  j as useGetCustomScrollbarsEnabled,
+  J as useGetDefaultSettings,
+  V as useGetFooterTheme,
   f as useGetLanguageList,
   C as useGetLogoSrc,
-  V as useGetMainTheme,
-  y as useGetNavbar,
-  X as useGetNavbarTheme,
-  z as useGetNavigationList,
-  Y as useGetOwpSettings,
-  ue as useGetPageLockLoading,
-  fe as useGetShortcuts,
-  Z as useGetToolbarTheme,
-  k as useHeaderWrapState,
+  X as useGetMainTheme,
+  F as useGetNavbar,
+  Y as useGetNavbarTheme,
+  B as useGetNavigationList,
+  Z as useGetOwpSettings,
+  me as useGetPageLockLoading,
+  ie as useGetShortcuts,
+  $ as useGetToolbarTheme,
+  q as useHeaderWrapState,
   M as useInitApp,
   P as useInitCommonCodes,
-  F as useNavbarActions,
-  oe as useOwpTranslation,
-  me as usePageLockLoading,
-  pe as usePrevious,
-  $ as useResetSettings,
+  _ as useNavbarActions,
+  se as useOwpTranslation,
+  ne as usePageLockLoading,
+  ae as usePrevious,
+  ee as useResetSettings,
   o as useSetCommonCodeList,
   i as useSetCurrentLanguage,
   L as useSetCurrentUser,
   T as useSetCurrentUserId,
-  l as useSetCurrentUserSeq,
-  ee as useSetDefaultSettings,
-  G as useSetLogoSrc,
-  B as useSetNavigationList,
-  re as useSetSettings,
-  ie as useSetShortcuts,
-  Se as useStorage,
-  Le as useThemeMediaQuery,
-  de as useTimeout,
+  v as useSetCurrentUserSeq,
+  re as useSetDefaultSettings,
+  S as useSetLogoSrc,
+  H as useSetNavigationList,
+  te as useSetSettings,
+  xe as useSetShortcuts,
+  ge as useStorage,
+  ce as useThemeMediaQuery,
+  Te as useTimeout,
   he as useTreeGridCommonCodeEnums,
-  le as useTreeGridEnums,
+  ve as useTreeGridEnums,
   be as useTreeGridExcelExport
 };
 //# sourceMappingURL=hooks.js.map

package/dist/index.js

@@ -1,62 +1,64 @@
 import { DialogsProvider as r } from "@toolpad/core/useDialogs";
 import { themeLayouts as p } from "./layout/themeLayouts.js";
-import { createInitialOwpSettings as a, defaultSettings as f, defaultThemeOptions as x, defaultThemes as O, extendThemeWithMixins as w, generateSettings as i, getDefaultLayout as l, getDefaultThemeSettings as n, getParsedQuerySettings as d, mustHaveThemeOptions as u } from "./configs/defaultConfig.js";
+import { createInitialOwpSettings as a, defaultSettings as x, defaultThemeOptions as f, defaultThemes as O, extendThemeWithMixins as w, generateSettings as i, getDefaultLayout as l, getDefaultThemeSettings as n, getParsedQuerySettings as d, mustHaveThemeOptions as u } from "./configs/defaultConfig.js";
 import { OwpAutoLogoutDialog as T } from "./components/OwpAutoLogoutDialog/OwpAutoLogoutDialog.js";
-import { OwpBarcodeInputField as s } from "./components/OwpBarcodeInput/OwpBarcodeInputField.js";
+import { OwpBarcodeInputField as c } from "./components/OwpBarcodeInput/OwpBarcodeInputField.js";
 import { OwpExportDataToExcelButton as P } from "./components/OwpExportExcelButton/OwpExportExcelButton.js";
 import { OwpFileUploadButton as C } from "./components/OwpFileUploadButton/OwpFileUploadButton.js";
 import { OwpMoreActionsButton as D } from "./components/OwpMoreActionsButton/OwpMoreActionsButton.js";
 import { OwpDatePicker as k } from "./components/OwpPicker/OwpDatePicker.js";
 import { OwpDateRangePicker as L } from "./components/OwpPicker/OwpDateRangePicker.js";
-import { OwpTimePicker as G } from "./components/OwpPicker/OwpTimePicker.js";
-import { OwpWeekDatePicker as v } from "./components/OwpPicker/OwpWeekDatePicker.js";
+import { OwpTimePicker as F } from "./components/OwpPicker/OwpTimePicker.js";
+import { OwpWeekDatePicker as R } from "./components/OwpPicker/OwpWeekDatePicker.js";
 import { OwpYearRangePicker as I } from "./components/OwpPicker/OwpYearRangePicker.js";
-import { OwpDataTable as A } from "./components/OwpTable/OwpDataTable.js";
-import { OwpTable as Q, OwpTableTotalCount as W, StyledTable as Y, StyledTableRow as H } from "./components/OwpTable/OwpTable.js";
-import { OwpVerticalTable as V } from "./components/OwpTable/OwpVerticalTable.js";
+import { OwpDataTable as H } from "./components/OwpTable/OwpDataTable.js";
+import { OwpTable as N, OwpTableTotalCount as Q, StyledTable as W, StyledTableRow as Y } from "./components/OwpTable/OwpTable.js";
+import { OwpFieldTable as U } from "./components/OwpTable/OwpFieldTable.js";
 import { OwpTextMaskField as j } from "./components/OwpTextField/OwpTextMaskField.js";
-import { OwpTreeGridToolbar as z } from "./components/OwpTreeGrid/OwpTreeGridToolbar.js";
-import { OwpZoomImageSlider as K } from "./components/OwpZoomImageSlider/OwpZoomImageSlider.js";
+import { OwpTreeGridToolbar as J } from "./components/OwpTreeGrid/OwpTreeGridToolbar.js";
+import { OwpZoomImageSlider as V } from "./components/OwpZoomImageSlider/OwpZoomImageSlider.js";
 import { default as _ } from "./components/OwpPageBreadcrumb/OwpPageBreadcrumb.js";
 import { OwpErrorBoundary as ee } from "./components/OwpErrorBoundary/OwpErrorBoundary.js";
 import { OwpEventEmitter as re } from "./components/OwpEventEmitter/OwpEventEmitter.js";
 import { OwpLanguageSwitcherSelect as pe } from "./components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.js";
 import { OwpDialog as ae } from "./components/OwpDialog/OwpDialog.js";
-import { CommonCodeSelector as xe, OwpCommonCodeSelector as Oe } from "./components/OwpCommonCode/OwpCommonCodeSelector.js";
+import { CommonCodeSelector as fe, OwpCommonCodeSelector as Oe } from "./components/OwpCommonCode/OwpCommonCodeSelector.js";
 import { CommonCodeRadioGroup as ie, OwpCommonCodeRadioGroup as le } from "./components/OwpCommonCode/OwpCommonCodeRadioGroup.js";
 import { OwpErrorStatusPage as de } from "./components/OwpErrorStatusPage/OwpErrorStatusPage.js";
-import { OwpLayout as ge } from "./components/OwpLayout/OwpLayout.js";
-import { OwpLoading as ce } from "./components/OwpLoading/OwpLoading.js";
-import { OwpMrtTable as Se } from "./components/OwpMrtTable/OwpMrtTable.js";
-import { OwpNumberField as be } from "./components/OwpNumberField/OwpNumberField.js";
-import { OwpOptionSelector as he } from "./components/OwpOptionSelector/OwpOptionSelector.js";
-import { OwpPageCarded as ye } from "./components/OwpPageCarded/OwpPageCarded.js";
-import { OwpPageContent as Be } from "./components/OwpPageContent/OwpPageContent.js";
-import { OwpPageLockLoading as Ee } from "./components/OwpPageLockLoading/OwpPageLockLoading.js";
-import { OwpPageTitle as Re } from "./components/OwpPageTitle/OwpPageTitle.js";
-import { OwpQuerySelector as Fe } from "./components/OwpQuerySelector/OwpQuerySelector.js";
-import { OwpScrollbars as Me } from "./components/OwpScrollbars/OwpScrollbars.js";
-import { OwpSearchFilter as Ne } from "./components/OwpSearchFilter/OwpSearchFilter.js";
-import { OwpSection as We } from "./components/OwpSection/OwpSection.js";
-import { OwpStyleProvider as He } from "./components/OwpStyleProvider/OwpStyleProvider.js";
-import { OwpSuspense as Ve } from "./components/OwpSuspense/OwpSuspense.js";
-import { OwpSvgIcon as je } from "./components/OwpSvgIcon/OwpSvgIcon.js";
-import { OwpTab as ze } from "./components/OwpTabs/OwpTab.js";
-import { OwpTabs as Ke } from "./components/OwpTabs/OwpTabs.js";
-import { OwpTreeGridExcelButton as _e } from "./components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.js";
-import { OwpTreeGridResetChangesButton as eo } from "./components/OwpTreeGridResetChangesButton/OwpTreeGridResetChangesButton.js";
-import { OwpTreeGrid as ro } from "./components/OwpTreeGrid/OwpTreeGrid.js";
-import { TreeGrid as po } from "./components/OwpTreeGrid/TreeGrid.js";
-import { OwpYesNoSelector as ao } from "./components/OwpYesNoSelector/OwpYesNoSelector.js";
+import { OwpFieldHelperText as ge } from "./components/OwpFieldHelperText/OwpFieldHelperText.js";
+import { OwpLayout as se } from "./components/OwpLayout/OwpLayout.js";
+import { OwpLoading as Se } from "./components/OwpLoading/OwpLoading.js";
+import { OwpMrtTable as be } from "./components/OwpMrtTable/OwpMrtTable.js";
+import { OwpNumberField as he } from "./components/OwpNumberField/OwpNumberField.js";
+import { OwpOptionSelector as ye } from "./components/OwpOptionSelector/OwpOptionSelector.js";
+import { OwpPageCarded as Be } from "./components/OwpPageCarded/OwpPageCarded.js";
+import { OwpPageContent as Ee } from "./components/OwpPageContent/OwpPageContent.js";
+import { OwpPageLockLoading as Ge } from "./components/OwpPageLockLoading/OwpPageLockLoading.js";
+import { OwpPageTitle as ve } from "./components/OwpPageTitle/OwpPageTitle.js";
+import { OwpQuerySelector as Me } from "./components/OwpQuerySelector/OwpQuerySelector.js";
+import { OwpScrollbars as Ae } from "./components/OwpScrollbars/OwpScrollbars.js";
+import { OwpSearchFilter as Qe } from "./components/OwpSearchFilter/OwpSearchFilter.js";
+import { OwpSection as Ye } from "./components/OwpSection/OwpSection.js";
+import { OwpStyleProvider as Ue } from "./components/OwpStyleProvider/OwpStyleProvider.js";
+import { OwpSuspense as je } from "./components/OwpSuspense/OwpSuspense.js";
+import { OwpSvgIcon as Je } from "./components/OwpSvgIcon/OwpSvgIcon.js";
+import { OwpRequiredHelperText as Ve } from "./components/OwpRequiredHelperText/OwpRequiredHelperText.js";
+import { OwpTab as _e } from "./components/OwpTabs/OwpTab.js";
+import { OwpTabs as eo } from "./components/OwpTabs/OwpTabs.js";
+import { OwpTreeGridExcelButton as ro } from "./components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.js";
+import { OwpTreeGridResetChangesButton as po } from "./components/OwpTreeGridResetChangesButton/OwpTreeGridResetChangesButton.js";
+import { OwpTreeGrid as ao } from "./components/OwpTreeGrid/OwpTreeGrid.js";
+import { TreeGrid as fo } from "./components/OwpTreeGrid/TreeGrid.js";
+import { OwpYesNoSelector as wo } from "./components/OwpYesNoSelector/OwpYesNoSelector.js";
 export {
   ie as CommonCodeRadioGroup,
-  xe as CommonCodeSelector,
+  fe as CommonCodeSelector,
   r as DialogsProvider,
   T as OwpAutoLogoutDialog,
-  s as OwpBarcodeInputField,
+  c as OwpBarcodeInputField,
   le as OwpCommonCodeRadioGroup,
   Oe as OwpCommonCodeSelector,
-  A as OwpDataTable,
+  H as OwpDataTable,
   k as OwpDatePicker,
   L as OwpDateRangePicker,
   ae as OwpDialog,
@@ -64,47 +66,49 @@ export {
   de as OwpErrorStatusPage,
   re as OwpEventEmitter,
   P as OwpExportDataToExcelButton,
+  ge as OwpFieldHelperText,
+  U as OwpFieldTable,
   C as OwpFileUploadButton,
   pe as OwpLanguageSwitcherSelect,
-  ge as OwpLayout,
-  ce as OwpLoading,
+  se as OwpLayout,
+  Se as OwpLoading,
   D as OwpMoreActionsButton,
-  Se as OwpMrtTable,
-  be as OwpNumberField,
-  he as OwpOptionSelector,
+  be as OwpMrtTable,
+  he as OwpNumberField,
+  ye as OwpOptionSelector,
   _ as OwpPageBreadcrumb,
-  ye as OwpPageCarded,
-  Be as OwpPageContent,
-  Ee as OwpPageLockLoading,
-  Re as OwpPageTitle,
-  Fe as OwpQuerySelector,
-  Me as OwpScrollbars,
-  Ne as OwpSearchFilter,
-  We as OwpSection,
-  He as OwpStyleProvider,
-  Ve as OwpSuspense,
-  je as OwpSvgIcon,
-  ze as OwpTab,
-  Q as OwpTable,
-  W as OwpTableTotalCount,
-  Ke as OwpTabs,
+  Be as OwpPageCarded,
+  Ee as OwpPageContent,
+  Ge as OwpPageLockLoading,
+  ve as OwpPageTitle,
+  Me as OwpQuerySelector,
+  Ve as OwpRequiredHelperText,
+  Ae as OwpScrollbars,
+  Qe as OwpSearchFilter,
+  Ye as OwpSection,
+  Ue as OwpStyleProvider,
+  je as OwpSuspense,
+  Je as OwpSvgIcon,
+  _e as OwpTab,
+  N as OwpTable,
+  Q as OwpTableTotalCount,
+  eo as OwpTabs,
   j as OwpTextMaskField,
-  G as OwpTimePicker,
-  ro as OwpTreeGrid,
-  _e as OwpTreeGridExcelButton,
-  eo as OwpTreeGridResetChangesButton,
-  z as OwpTreeGridToolbar,
-  V as OwpVerticalTable,
-  v as OwpWeekDatePicker,
+  F as OwpTimePicker,
+  ao as OwpTreeGrid,
+  ro as OwpTreeGridExcelButton,
+  po as OwpTreeGridResetChangesButton,
+  J as OwpTreeGridToolbar,
+  R as OwpWeekDatePicker,
   I as OwpYearRangePicker,
-  ao as OwpYesNoSelector,
-  K as OwpZoomImageSlider,
-  Y as StyledTable,
-  H as StyledTableRow,
-  po as TreeGrid,
+  wo as OwpYesNoSelector,
+  V as OwpZoomImageSlider,
+  W as StyledTable,
+  Y as StyledTableRow,
+  fo as TreeGrid,
   a as createInitialOwpSettings,
-  f as defaultSettings,
-  x as defaultThemeOptions,
+  x as defaultSettings,
+  f as defaultThemeOptions,
   O as defaultThemes,
   w as extendThemeWithMixins,
   i as generateSettings,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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