@owp/core 2.5.22 → 2.5.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/dist/_virtual/index15.js +2 -2
  2. package/dist/_virtual/index16.js +4 -4
  3. package/dist/_virtual/index17.js +4 -4
  4. package/dist/_virtual/index18.js +4 -4
  5. package/dist/_virtual/index19.js +4 -4
  6. package/dist/_virtual/index5.js +2 -2
  7. package/dist/components/OwpCommonCode/OwpCommonCodeQuerySelector.js +15 -13
  8. package/dist/components/OwpCommonCode/OwpCommonCodeQuerySelector.js.map +1 -1
  9. package/dist/components/OwpCommonCode/OwpCommonCodeSelector.js +21 -19
  10. package/dist/components/OwpCommonCode/OwpCommonCodeSelector.js.map +1 -1
  11. package/dist/components/OwpExportExcelButton/OwpExportExcelButton.js +1 -1
  12. package/dist/components/OwpExportExcelButton/OwpExportExcelButton.js.map +1 -1
  13. package/dist/components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.js +1 -1
  14. package/dist/components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.js.map +1 -1
  15. package/dist/components/OwpLoading/OwpLoading.js +1 -1
  16. package/dist/components/OwpLoading/OwpLoading.js.map +1 -1
  17. package/dist/components/OwpMrtTable/OwpMrtTable.js +21 -21
  18. package/dist/components/OwpMrtTable/OwpMrtTable.js.map +1 -1
  19. package/dist/components/OwpOptionSelector/OwpOptionSelector.js +14 -12
  20. package/dist/components/OwpOptionSelector/OwpOptionSelector.js.map +1 -1
  21. package/dist/components/OwpPageTitle/OwpPageTitle.js +1 -1
  22. package/dist/components/OwpPageTitle/OwpPageTitle.js.map +1 -1
  23. package/dist/components/OwpPicker/OwpDatePicker.js +81 -82
  24. package/dist/components/OwpPicker/OwpDatePicker.js.map +1 -1
  25. package/dist/components/OwpPicker/OwpTimePicker.js +82 -83
  26. package/dist/components/OwpPicker/OwpTimePicker.js.map +1 -1
  27. package/dist/components/OwpPicker/OwpWeekDatePicker.js +24 -25
  28. package/dist/components/OwpPicker/OwpWeekDatePicker.js.map +1 -1
  29. package/dist/components/OwpSearchFilter/OwpSearchFilter.js +1 -1
  30. package/dist/components/OwpSearchFilter/OwpSearchFilter.js.map +1 -1
  31. package/dist/components/OwpSection/OwpSection.js +1 -1
  32. package/dist/components/OwpSection/OwpSection.js.map +1 -1
  33. package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js +155 -157
  34. package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js.map +1 -1
  35. package/dist/components/OwpSelectorBase/OwpSelectorSelect.js +95 -81
  36. package/dist/components/OwpSelectorBase/OwpSelectorSelect.js.map +1 -1
  37. package/dist/components/OwpSuspense/OwpSuspense.js +43 -43
  38. package/dist/components/OwpSuspense/OwpSuspense.js.map +1 -1
  39. package/dist/components/OwpTable/OwpDataTable.js +13 -12
  40. package/dist/components/OwpTable/OwpDataTable.js.map +1 -1
  41. package/dist/components/OwpTable/OwpFieldTable.js +64 -78
  42. package/dist/components/OwpTable/OwpFieldTable.js.map +1 -1
  43. package/dist/components/OwpTable/OwpTable.js +56 -55
  44. package/dist/components/OwpTable/OwpTable.js.map +1 -1
  45. package/dist/components/OwpTable/internal/OwpTableBase.js +20 -19
  46. package/dist/components/OwpTable/internal/OwpTableBase.js.map +1 -1
  47. package/dist/components/OwpTable/internal/defaultTableStyle.js +6 -7
  48. package/dist/components/OwpTable/internal/defaultTableStyle.js.map +1 -1
  49. package/dist/components/OwpTable/utils/tableSx.js +16 -6
  50. package/dist/components/OwpTable/utils/tableSx.js.map +1 -1
  51. package/dist/components/OwpTreeGrid/OwpTreeGrid.js +105 -104
  52. package/dist/components/OwpTreeGrid/OwpTreeGrid.js.map +1 -1
  53. package/dist/components/OwpTreeGrid/internal/hooks/useOwpTreeGridDatePickerEditor.js +55 -56
  54. package/dist/components/OwpTreeGrid/internal/hooks/useOwpTreeGridDatePickerEditor.js.map +1 -1
  55. package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js +10 -10
  56. package/dist/components/OwpTreeGrid/internal/treeGridTheme.js +253 -252
  57. package/dist/components/OwpTreeGrid/internal/treeGridTheme.js.map +1 -1
  58. package/dist/constants/table.js +5 -0
  59. package/dist/constants/table.js.map +1 -0
  60. package/dist/constants.js +25 -23
  61. package/dist/constants.js.map +1 -1
  62. package/dist/contexts/OwpUiProvider.js +5 -5
  63. package/dist/contexts/OwpUiProvider.js.map +1 -1
  64. package/dist/hooks/{useAccessTokenGuard.js → internal/useAccessTokenGuard.js} +2 -2
  65. package/dist/hooks/internal/useAccessTokenGuard.js.map +1 -0
  66. package/dist/hooks/{useCurrentLanguage.js → internal/useCurrentLanguage.js} +2 -2
  67. package/dist/hooks/internal/useCurrentLanguage.js.map +1 -0
  68. package/dist/hooks/internal/useHeaderWrapState.js.map +1 -0
  69. package/dist/hooks/internal/useNavbar.js +24 -0
  70. package/dist/hooks/internal/useNavbar.js.map +1 -0
  71. package/dist/hooks/{useNavigationActiveRouteRemount.js → internal/useNavigationActiveRouteRemount.js} +1 -1
  72. package/dist/hooks/internal/useNavigationActiveRouteRemount.js.map +1 -0
  73. package/dist/hooks/{useShortcuts.js → internal/useShortcuts.js} +3 -3
  74. package/dist/hooks/internal/useShortcuts.js.map +1 -0
  75. package/dist/hooks/internal/useThemeMediaQuery.js.map +1 -0
  76. package/dist/hooks/internal/useTimeout.js.map +1 -0
  77. package/dist/hooks/useInitApp.js.map +1 -1
  78. package/dist/hooks.js +53 -81
  79. package/dist/hooks.js.map +1 -1
  80. package/dist/layout/Layout.js +1 -1
  81. package/dist/layout/Layout.js.map +1 -1
  82. package/dist/layout/components/layouts/NavbarToggleFabLayout.js +2 -2
  83. package/dist/layout/components/layouts/NavbarToggleFabLayout.js.map +1 -1
  84. package/dist/layout/components/layouts/NavbarWrapperLayout.js +2 -2
  85. package/dist/layout/components/layouts/NavbarWrapperLayout.js.map +1 -1
  86. package/dist/layout/components/navbar/NavbarToggleButton.js +2 -2
  87. package/dist/layout/components/navbar/NavbarToggleButton.js.map +1 -1
  88. package/dist/layout/components/navbar/style/NavbarStyle.js +1 -1
  89. package/dist/layout/components/navbar/style/NavbarStyle.js.map +1 -1
  90. package/dist/layout/components/navbar/style/NavbarStyleContent.js +1 -1
  91. package/dist/layout/components/navbar/style/NavbarStyleContent.js.map +1 -1
  92. package/dist/layout/components/navigation/Navigation.js +2 -2
  93. package/dist/layout/components/navigation/Navigation.js.map +1 -1
  94. package/dist/layout/components/navigation/vertical/types/NavVerticalCollapse.js +1 -1
  95. package/dist/layout/components/navigation/vertical/types/NavVerticalCollapse.js.map +1 -1
  96. package/dist/layout/components/navigation/vertical/types/NavVerticalGroup.js +1 -1
  97. package/dist/layout/components/navigation/vertical/types/NavVerticalGroup.js.map +1 -1
  98. package/dist/layout/components/navigation/vertical/types/NavVerticalItem.js +1 -1
  99. package/dist/layout/components/navigation/vertical/types/NavVerticalItem.js.map +1 -1
  100. package/dist/layout/components/toggles/LanguageSwitcherToggle.js +1 -1
  101. package/dist/layout/components/toggles/LanguageSwitcherToggle.js.map +1 -1
  102. package/dist/layout/components/toggles/NavigationSearchToggle.js +3 -3
  103. package/dist/layout/components/toggles/NavigationShortcutsToggle.js +1 -1
  104. package/dist/layout/components/toggles/NavigationShortcutsToggle.js.map +1 -1
  105. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/constants.js +1 -1
  106. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE93/constants.js +1 -1
  107. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/EAN_UPC/constants.js +1 -1
  108. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/constants.js +1 -1
  109. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/renderers/index.js +1 -1
  110. package/dist/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/index.js +1 -1
  111. package/dist/node_modules/.pnpm/react-overlays@5.2.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-overlays/esm/Portal.js +1 -1
  112. package/dist/owp-app.css +1 -1
  113. package/dist/types/components/OwpCommonCode/OwpCommonCodeQuerySelector.d.ts +5 -3
  114. package/dist/types/components/OwpCommonCode/OwpCommonCodeSelector.d.ts +5 -3
  115. package/dist/types/components/OwpOptionSelector/OwpOptionSelector.d.ts +4 -1
  116. package/dist/types/components/OwpSelectorBase/types/index.d.ts +1 -1
  117. package/dist/types/components/OwpSelectorBase/types/types.d.ts +3 -0
  118. package/dist/types/components/OwpTable/internal/defaultTableStyle.d.ts +0 -1
  119. package/dist/types/components/OwpTable/utils/tableSx.d.ts +15 -0
  120. package/dist/types/constants/index.d.ts +1 -0
  121. package/dist/types/constants/table.d.ts +1 -0
  122. package/dist/types/hooks/index.d.ts +0 -10
  123. package/dist/types/hooks/{useNavbar.d.ts → internal/useNavbar.d.ts} +1 -1
  124. package/dist/types/utils/treeGridUtil.d.ts +0 -14
  125. package/dist/utils/{exceljsBrowser.js → internal/exceljsBrowser.js} +1 -1
  126. package/dist/utils/internal/exceljsBrowser.js.map +1 -0
  127. package/dist/utils/internal/jszipBrowser.js.map +1 -0
  128. package/dist/utils/internal/treeGridBodyRowsEvent.js.map +1 -0
  129. package/dist/utils/treeGridExportExcelUtil.js +1 -1
  130. package/dist/utils/treeGridExportExcelUtil.js.map +1 -1
  131. package/dist/utils/treeGridUtil.js +1 -6
  132. package/dist/utils/treeGridUtil.js.map +1 -1
  133. package/dist/utils/zipUtil.js +1 -1
  134. package/dist/utils/zipUtil.js.map +1 -1
  135. package/dist/utils.js +70 -75
  136. package/package.json +1 -1
  137. package/dist/hooks/useAccessTokenGuard.js.map +0 -1
  138. package/dist/hooks/useCurrentLanguage.js.map +0 -1
  139. package/dist/hooks/useDebounce.js +0 -24
  140. package/dist/hooks/useDebounce.js.map +0 -1
  141. package/dist/hooks/useDeepCompareEffect.js +0 -38
  142. package/dist/hooks/useDeepCompareEffect.js.map +0 -1
  143. package/dist/hooks/useHeaderWrapState.js.map +0 -1
  144. package/dist/hooks/useNavbar.js +0 -24
  145. package/dist/hooks/useNavbar.js.map +0 -1
  146. package/dist/hooks/useNavigationActiveRouteRemount.js.map +0 -1
  147. package/dist/hooks/usePrevious.js +0 -14
  148. package/dist/hooks/usePrevious.js.map +0 -1
  149. package/dist/hooks/useShortcuts.js.map +0 -1
  150. package/dist/hooks/useThemeMediaQuery.js.map +0 -1
  151. package/dist/hooks/useTimeout.js.map +0 -1
  152. package/dist/types/hooks/useDebounce.d.ts +0 -7
  153. package/dist/types/hooks/useDeepCompareEffect.d.ts +0 -22
  154. package/dist/types/hooks/usePrevious.d.ts +0 -5
  155. package/dist/types/utils/dayjsBrowser.d.ts +0 -1
  156. package/dist/utils/exceljsBrowser.js.map +0 -1
  157. package/dist/utils/jszipBrowser.js.map +0 -1
  158. package/dist/utils/treeGridBodyRowsEvent.js.map +0 -1
  159. /package/dist/hooks/{useHeaderWrapState.js → internal/useHeaderWrapState.js} +0 -0
  160. /package/dist/hooks/{useThemeMediaQuery.js → internal/useThemeMediaQuery.js} +0 -0
  161. /package/dist/hooks/{useTimeout.js → internal/useTimeout.js} +0 -0
  162. /package/dist/types/hooks/{useAccessTokenGuard.d.ts → internal/useAccessTokenGuard.d.ts} +0 -0
  163. /package/dist/types/hooks/{useCurrentLanguage.d.ts → internal/useCurrentLanguage.d.ts} +0 -0
  164. /package/dist/types/hooks/{useHeaderWrapState.d.ts → internal/useHeaderWrapState.d.ts} +0 -0
  165. /package/dist/types/hooks/{useNavigationActiveRouteRemount.d.ts → internal/useNavigationActiveRouteRemount.d.ts} +0 -0
  166. /package/dist/types/hooks/{useShortcuts.d.ts → internal/useShortcuts.d.ts} +0 -0
  167. /package/dist/types/hooks/{useThemeMediaQuery.d.ts → internal/useThemeMediaQuery.d.ts} +0 -0
  168. /package/dist/types/hooks/{useTimeout.d.ts → internal/useTimeout.d.ts} +0 -0
  169. /package/dist/types/utils/{exceljsBrowser.d.ts → internal/exceljsBrowser.d.ts} +0 -0
  170. /package/dist/types/utils/{jszipBrowser.d.ts → internal/jszipBrowser.d.ts} +0 -0
  171. /package/dist/types/utils/{treeGridBodyRowsEvent.d.ts → internal/treeGridBodyRowsEvent.d.ts} +0 -0
  172. /package/dist/utils/{jszipBrowser.js → internal/jszipBrowser.js} +0 -0
  173. /package/dist/utils/{treeGridBodyRowsEvent.js → internal/treeGridBodyRowsEvent.js} +0 -0
package/dist/hooks.js CHANGED
@@ -1,86 +1,58 @@
1
- import { useFilteredCommonCodeList as t, useGetCommonCodeList as o, useSetCommonCodeList as s } from "./hooks/useCommonCodeList.js";
2
- import { useAccessTokenGuard as m } from "./hooks/useAccessTokenGuard.js";
3
- import { useConfirm as a } from "./hooks/useConfirm.js";
4
- import { useGetCurrentLanguage as f, useGetLanguageList as i, useSetCurrentLanguage as x } from "./hooks/useCurrentLanguage.js";
5
- import { useGetLogoSrc as S, useSetLogoSrc as G } from "./hooks/useLogoSrc.js";
6
- import { useGetCurrentUser as L, useSetCurrentUser as d } from "./hooks/useCurrentUser.js";
7
- import { useGetCurrentUserId as T, useSetCurrentUserId as E } from "./hooks/useCurrentUserId.js";
8
- import { useEnsureCurrentUserSeq as l, useGetCurrentUserSeq as U, useSetCurrentUserSeq as v } from "./hooks/useCurrentUserSeq.js";
9
- import { useDebounce as A } from "./hooks/useDebounce.js";
10
- import { useDeepCompareEffect as N, useDeepCompareEffectNoCheck as k, useDeepCompareMemoize as F } from "./hooks/useDeepCompareEffect.js";
11
- import { useFormDataUploadMutation as M } from "./hooks/useFormDataUploadMutation.js";
12
- import { useHeaderWrapState as w } from "./hooks/useHeaderWrapState.js";
13
- import { useInitApp as P } from "./hooks/useInitApp.js";
14
- import { useGetNavbar as _, useNavbarActions as z } from "./hooks/useNavbar.js";
15
- import { useGetNavigationList as H, useSetNavigationList as K } from "./hooks/useNavigation.js";
16
- import { useChangeOwpTheme as R, useGetCurrentLayoutConfig as W, useGetCurrentSettings as j, useGetCustomScrollbarsEnabled as J, useGetDefaultSettings as V, useGetFooterTheme as X, useGetMainTheme as Y, useGetNavbarTheme as Z, useGetOwpSettings as $, useGetToolbarTheme as ee, useResetSettings as re, useSetDefaultSettings as te, useSetSettings as oe } from "./hooks/useOwpSettings.js";
17
- import { useOwpTranslation as ue } from "./hooks/useOwpTranslation.js";
18
- import { useGetPageLockLoading as ne, usePageLockLoading as ae } from "./hooks/usePageLockLoading.js";
19
- import { usePrevious as fe } from "./hooks/usePrevious.js";
20
- import { useGetShortcuts as xe, useSetShortcuts as Ce } from "./hooks/useShortcuts.js";
21
- import { getEnv as Ge, setEnv as ge, useStorage as Le } from "./hooks/useStorage.js";
22
- import { useThemeMediaQuery as ce } from "./hooks/useThemeMediaQuery.js";
23
- import { useTimeout as Ee } from "./hooks/useTimeout.js";
24
- import { useTreeGridCommonCodeEnums as le } from "./hooks/useTreeGridCommonCodeEnums.js";
25
- import { useTreeGridEnums as ve } from "./hooks/useTreeGridEnums.js";
26
- import { useTreeGridExcelExport as Ae } from "./hooks/useTreeGridExcelExport.js";
27
- import { FALLBACK_LANGUAGE_LIST as Ne } from "./constants/language.js";
1
+ import { useFilteredCommonCodeList as r, useGetCommonCodeList as o, useSetCommonCodeList as s } from "./hooks/useCommonCodeList.js";
2
+ import { useConfirm as n } from "./hooks/useConfirm.js";
3
+ import { useGetLogoSrc as i, useSetLogoSrc as a } from "./hooks/useLogoSrc.js";
4
+ import { useGetCurrentUser as C, useSetCurrentUser as S } from "./hooks/useCurrentUser.js";
5
+ import { useGetCurrentUserId as G, useSetCurrentUserId as g } from "./hooks/useCurrentUserId.js";
6
+ import { useEnsureCurrentUserSeq as d, useGetCurrentUserSeq as L, useSetCurrentUserSeq as l } from "./hooks/useCurrentUserSeq.js";
7
+ import { useFormDataUploadMutation as E } from "./hooks/useFormDataUploadMutation.js";
8
+ import { useInitApp as c } from "./hooks/useInitApp.js";
9
+ import { useGetNavigationList as v, useSetNavigationList as b } from "./hooks/useNavigation.js";
10
+ import { useChangeOwpTheme as w, useGetCurrentLayoutConfig as D, useGetCurrentSettings as F, useGetCustomScrollbarsEnabled as I, useGetDefaultSettings as N, useGetFooterTheme as O, useGetMainTheme as k, useGetNavbarTheme as M, useGetOwpSettings as P, useGetToolbarTheme as y, useResetSettings as A, useSetDefaultSettings as R, useSetSettings as j } from "./hooks/useOwpSettings.js";
11
+ import { useOwpTranslation as B } from "./hooks/useOwpTranslation.js";
12
+ import { useGetPageLockLoading as J, usePageLockLoading as K } from "./hooks/usePageLockLoading.js";
13
+ import { getEnv as V, setEnv as W, useStorage as X } from "./hooks/useStorage.js";
14
+ import { useTreeGridCommonCodeEnums as Z } from "./hooks/useTreeGridCommonCodeEnums.js";
15
+ import { useTreeGridEnums as $ } from "./hooks/useTreeGridEnums.js";
16
+ import { useTreeGridExcelExport as te } from "./hooks/useTreeGridExcelExport.js";
28
17
  export {
29
- Ne as FALLBACK_LANGUAGE_LIST,
30
- Ge as getEnv,
31
- ge as setEnv,
32
- m as useAccessTokenGuard,
33
- R as useChangeOwpTheme,
34
- a as useConfirm,
35
- A as useDebounce,
36
- N as useDeepCompareEffect,
37
- k as useDeepCompareEffectNoCheck,
38
- F as useDeepCompareMemoize,
39
- l as useEnsureCurrentUserSeq,
40
- t as useFilteredCommonCodeList,
41
- M as useFormDataUploadMutation,
18
+ V as getEnv,
19
+ W as setEnv,
20
+ w as useChangeOwpTheme,
21
+ n as useConfirm,
22
+ d as useEnsureCurrentUserSeq,
23
+ r as useFilteredCommonCodeList,
24
+ E as useFormDataUploadMutation,
42
25
  o as useGetCommonCodeList,
43
- f as useGetCurrentLanguage,
44
- W as useGetCurrentLayoutConfig,
45
- j as useGetCurrentSettings,
46
- L as useGetCurrentUser,
47
- T as useGetCurrentUserId,
48
- U as useGetCurrentUserSeq,
49
- J as useGetCustomScrollbarsEnabled,
50
- V as useGetDefaultSettings,
51
- X as useGetFooterTheme,
52
- i as useGetLanguageList,
53
- S as useGetLogoSrc,
54
- Y as useGetMainTheme,
55
- _ as useGetNavbar,
56
- Z as useGetNavbarTheme,
57
- H as useGetNavigationList,
58
- $ as useGetOwpSettings,
59
- ne as useGetPageLockLoading,
60
- xe as useGetShortcuts,
61
- ee as useGetToolbarTheme,
62
- w as useHeaderWrapState,
63
- P as useInitApp,
64
- z as useNavbarActions,
65
- ue as useOwpTranslation,
66
- ae as usePageLockLoading,
67
- fe as usePrevious,
68
- re as useResetSettings,
26
+ D as useGetCurrentLayoutConfig,
27
+ F as useGetCurrentSettings,
28
+ C as useGetCurrentUser,
29
+ G as useGetCurrentUserId,
30
+ L as useGetCurrentUserSeq,
31
+ I as useGetCustomScrollbarsEnabled,
32
+ N as useGetDefaultSettings,
33
+ O as useGetFooterTheme,
34
+ i as useGetLogoSrc,
35
+ k as useGetMainTheme,
36
+ M as useGetNavbarTheme,
37
+ v as useGetNavigationList,
38
+ P as useGetOwpSettings,
39
+ J as useGetPageLockLoading,
40
+ y as useGetToolbarTheme,
41
+ c as useInitApp,
42
+ B as useOwpTranslation,
43
+ K as usePageLockLoading,
44
+ A as useResetSettings,
69
45
  s as useSetCommonCodeList,
70
- x as useSetCurrentLanguage,
71
- d as useSetCurrentUser,
72
- E as useSetCurrentUserId,
73
- v as useSetCurrentUserSeq,
74
- te as useSetDefaultSettings,
75
- G as useSetLogoSrc,
76
- K as useSetNavigationList,
77
- oe as useSetSettings,
78
- Ce as useSetShortcuts,
79
- Le as useStorage,
80
- ce as useThemeMediaQuery,
81
- Ee as useTimeout,
82
- le as useTreeGridCommonCodeEnums,
83
- ve as useTreeGridEnums,
84
- Ae as useTreeGridExcelExport
46
+ S as useSetCurrentUser,
47
+ g as useSetCurrentUserId,
48
+ l as useSetCurrentUserSeq,
49
+ R as useSetDefaultSettings,
50
+ a as useSetLogoSrc,
51
+ b as useSetNavigationList,
52
+ j as useSetSettings,
53
+ X as useStorage,
54
+ Z as useTreeGridCommonCodeEnums,
55
+ $ as useTreeGridEnums,
56
+ te as useTreeGridExcelExport
85
57
  };
86
58
  //# sourceMappingURL=hooks.js.map
package/dist/hooks.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  var u = Object.defineProperty;
2
2
  var r = (i, a) => u(i, "name", { value: a, configurable: !0 });
3
3
  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";
4
- import { useNavigationActiveRouteRemountKey as p } from "../hooks/useNavigationActiveRouteRemount.js";
4
+ import { useNavigationActiveRouteRemountKey as p } from "../hooks/internal/useNavigationActiveRouteRemount.js";
5
5
  import { useGetCurrentLayoutConfig as d } from "../hooks/useOwpSettings.js";
6
6
  import { LinearProgress as x } from "@mui/material";
7
7
  import { styled as y } from "@mui/material/styles";
@@ -1 +1 @@
1
- {"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;"}
1
+ {"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/internal/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;"}
@@ -2,8 +2,8 @@ var m = Object.defineProperty;
2
2
  var r = (o, t) => m(o, "name", { value: t, configurable: !0 });
3
3
  import { jsx as g } 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";
4
4
  import u from "../navbar/NavbarToggleFab.js";
5
- import { useNavbarActions as f } from "../../../hooks/useNavbar.js";
6
- import { useThemeMediaQuery as l } from "../../../hooks/useThemeMediaQuery.js";
5
+ import { useNavbarActions as f } from "../../../hooks/internal/useNavbar.js";
6
+ import { useThemeMediaQuery as l } from "../../../hooks/internal/useThemeMediaQuery.js";
7
7
  import { useGetCurrentLayoutConfig as b } from "../../../hooks/useOwpSettings.js";
8
8
  function C(o) {
9
9
  const { className: t } = o, e = l((s) => s.breakpoints.down("lg")), i = b(), { toggle: a, toggleMobile: n } = f();
@@ -1 +1 @@
1
- {"version":3,"file":"NavbarToggleFabLayout.js","sources":["../../../../src/layout/components/layouts/NavbarToggleFabLayout.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport NavbarToggleFab from '@/layout/components/navbar/NavbarToggleFab';\nimport { useNavbarActions } from '@/hooks/useNavbar';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\n\ntype NavbarToggleFabLayoutProps = {\n className?: string;\n};\n\n/**\n * The navbar toggle fab layout.\n */\nfunction NavbarToggleFabLayout(props: NavbarToggleFabLayoutProps) {\n const { className } = props;\n\n const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const { toggle, toggleMobile } = useNavbarActions();\n\n return (\n <NavbarToggleFab\n className={className}\n onClick={() => {\n if (isMobile) {\n toggleMobile();\n return;\n }\n\n toggle();\n }}\n position={config.navbar.position}\n />\n );\n}\n\nexport default NavbarToggleFabLayout;\n"],"names":["NavbarToggleFabLayout","props","className","isMobile","useThemeMediaQuery","theme","config","useGetCurrentLayoutConfig","toggle","toggleMobile","useNavbarActions","jsx","NavbarToggleFab","__name"],"mappings":";;;;;;;AAaA,SAASA,EAAsBC,GAAmC;AAChE,QAAM,EAAE,WAAAC,MAAcD,GAEhBE,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErEC,IAASC,EAAA,GACT,EAAE,QAAAC,GAAQ,cAAAC,EAAA,IAAiBC,EAAA;AAEjC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAV;AAAA,MACA,SAAS,gBAAAW,EAAA,MAAM;AACb,YAAIV,GAAU;AACZ,UAAAM,EAAA;AACA;AAAA,QACF;AAEA,QAAAD,EAAA;AAAA,MACF,GAPS;AAAA,MAQT,UAAUF,EAAO,OAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;AAtBSO,EAAAb,GAAA;"}
1
+ {"version":3,"file":"NavbarToggleFabLayout.js","sources":["../../../../src/layout/components/layouts/NavbarToggleFabLayout.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport NavbarToggleFab from '@/layout/components/navbar/NavbarToggleFab';\nimport { useNavbarActions } from '@/hooks/internal/useNavbar';\nimport { useThemeMediaQuery } from '@/hooks/internal/useThemeMediaQuery';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\n\ntype NavbarToggleFabLayoutProps = {\n className?: string;\n};\n\n/**\n * The navbar toggle fab layout.\n */\nfunction NavbarToggleFabLayout(props: NavbarToggleFabLayoutProps) {\n const { className } = props;\n\n const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const { toggle, toggleMobile } = useNavbarActions();\n\n return (\n <NavbarToggleFab\n className={className}\n onClick={() => {\n if (isMobile) {\n toggleMobile();\n return;\n }\n\n toggle();\n }}\n position={config.navbar.position}\n />\n );\n}\n\nexport default NavbarToggleFabLayout;\n"],"names":["NavbarToggleFabLayout","props","className","isMobile","useThemeMediaQuery","theme","config","useGetCurrentLayoutConfig","toggle","toggleMobile","useNavbarActions","jsx","NavbarToggleFab","__name"],"mappings":";;;;;;;AAaA,SAASA,EAAsBC,GAAmC;AAChE,QAAM,EAAE,WAAAC,MAAcD,GAEhBE,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErEC,IAASC,EAAA,GACT,EAAE,QAAAC,GAAQ,cAAAC,EAAA,IAAiBC,EAAA;AAEjC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAV;AAAA,MACA,SAAS,gBAAAW,EAAA,MAAM;AACb,YAAIV,GAAU;AACZ,UAAAM,EAAA;AACA;AAAA,QACF;AAEA,QAAAD,EAAA;AAAA,MACF,GAPS;AAAA,MAQT,UAAUF,EAAO,OAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;AAtBSO,EAAAb,GAAA;"}
@@ -3,8 +3,8 @@ var i = (o, r) => c(o, "name", { value: r, configurable: !0 });
3
3
  import { jsxs as f, jsx as e, Fragment as u } 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";
4
4
  import { useGetCurrentLayoutConfig as b, useGetNavbarTheme as l } from "../../../hooks/useOwpSettings.js";
5
5
  import v from "./NavbarToggleFabLayout.js";
6
- import { useGetNavbar as d, useNavbarActions as h } from "../../../hooks/useNavbar.js";
7
- import { useThemeMediaQuery as y } from "../../../hooks/useThemeMediaQuery.js";
6
+ import { useGetNavbar as d, useNavbarActions as h } from "../../../hooks/internal/useNavbar.js";
7
+ import { useThemeMediaQuery as y } from "../../../hooks/internal/useThemeMediaQuery.js";
8
8
  import { ThemeProvider as g } from "@mui/material/styles";
9
9
  import { useEffect as N } from "react";
10
10
  import { useLocation as T } from "react-router-dom";
@@ -1 +1 @@
1
- {"version":3,"file":"NavbarWrapperLayout.js","sources":["../../../../src/layout/components/layouts/NavbarWrapperLayout.tsx"],"sourcesContent":["import {\n useGetCurrentLayoutConfig,\n useGetNavbarTheme,\n} from '@/hooks/useOwpSettings';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport NavbarToggleFabLayout from '@/layout/components/layouts/NavbarToggleFabLayout';\nimport { useGetNavbar, useNavbarActions } from '@/hooks/useNavbar';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport { ThemeProvider } from '@mui/material/styles';\nimport { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport NavbarStyle from '../navbar/style/NavbarStyle';\n\n/**\n * The navbar wrapper layout.\n */\nfunction NavbarWrapperLayout() {\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n const location = useLocation();\n const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n const { pathname } = location;\n const { closeMobile } = useNavbarActions();\n\n useEffect(() => {\n if (isMobile) {\n closeMobile();\n }\n }, [closeMobile, pathname, isMobile]);\n\n const navbarTheme = useGetNavbarTheme();\n\n return (\n <>\n <ThemeProvider theme={navbarTheme}>\n <NavbarStyle />\n </ThemeProvider>\n {config.navbar.display && !config.toolbar.display && !navbar.open && (\n <NavbarToggleFabLayout />\n )}\n </>\n );\n}\n\nexport default NavbarWrapperLayout;\n"],"names":["NavbarWrapperLayout","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","location","useLocation","isMobile","useThemeMediaQuery","theme","pathname","closeMobile","useNavbarActions","useEffect","navbarTheme","useGetNavbarTheme","jsxs","Fragment","jsx","ThemeProvider","NavbarStyle","NavbarToggleFabLayout","__name"],"mappings":";;;;;;;;;;;AAgBA,SAASA,IAAsB;AAC7B,QAAMC,IAASC,EAAA,GACTC,IAASC,EAAA,GACTC,IAAWC,EAAA,GACXC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GACrE,EAAE,UAAAC,MAAaL,GACf,EAAE,aAAAM,EAAA,IAAgBC,EAAA;AAExB,EAAAC,EAAU,MAAM;AACd,IAAIN,KACFI,EAAA;AAAA,EAEJ,GAAG,CAACA,GAAaD,GAAUH,CAAQ,CAAC;AAEpC,QAAMO,IAAcC,EAAA;AAEpB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOL,GACpB,UAAA,gBAAAI,EAACE,KAAY,GACf;AAAA,IACCnB,EAAO,OAAO,WAAW,CAACA,EAAO,QAAQ,WAAW,CAACE,EAAO,QAC3D,gBAAAe,EAACG,GAAA,CAAA,CAAsB;AAAA,EAAA,GAE3B;AAEJ;AA1BSC,EAAAtB,GAAA;"}
1
+ {"version":3,"file":"NavbarWrapperLayout.js","sources":["../../../../src/layout/components/layouts/NavbarWrapperLayout.tsx"],"sourcesContent":["import {\n useGetCurrentLayoutConfig,\n useGetNavbarTheme,\n} from '@/hooks/useOwpSettings';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport NavbarToggleFabLayout from '@/layout/components/layouts/NavbarToggleFabLayout';\nimport { useGetNavbar, useNavbarActions } from '@/hooks/internal/useNavbar';\nimport { useThemeMediaQuery } from '@/hooks/internal/useThemeMediaQuery';\nimport { ThemeProvider } from '@mui/material/styles';\nimport { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport NavbarStyle from '../navbar/style/NavbarStyle';\n\n/**\n * The navbar wrapper layout.\n */\nfunction NavbarWrapperLayout() {\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n const location = useLocation();\n const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n const { pathname } = location;\n const { closeMobile } = useNavbarActions();\n\n useEffect(() => {\n if (isMobile) {\n closeMobile();\n }\n }, [closeMobile, pathname, isMobile]);\n\n const navbarTheme = useGetNavbarTheme();\n\n return (\n <>\n <ThemeProvider theme={navbarTheme}>\n <NavbarStyle />\n </ThemeProvider>\n {config.navbar.display && !config.toolbar.display && !navbar.open && (\n <NavbarToggleFabLayout />\n )}\n </>\n );\n}\n\nexport default NavbarWrapperLayout;\n"],"names":["NavbarWrapperLayout","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","location","useLocation","isMobile","useThemeMediaQuery","theme","pathname","closeMobile","useNavbarActions","useEffect","navbarTheme","useGetNavbarTheme","jsxs","Fragment","jsx","ThemeProvider","NavbarStyle","NavbarToggleFabLayout","__name"],"mappings":";;;;;;;;;;;AAgBA,SAASA,IAAsB;AAC7B,QAAMC,IAASC,EAAA,GACTC,IAASC,EAAA,GACTC,IAAWC,EAAA,GACXC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GACrE,EAAE,UAAAC,MAAaL,GACf,EAAE,aAAAM,EAAA,IAAgBC,EAAA;AAExB,EAAAC,EAAU,MAAM;AACd,IAAIN,KACFI,EAAA;AAAA,EAEJ,GAAG,CAACA,GAAaD,GAAUH,CAAQ,CAAC;AAEpC,QAAMO,IAAcC,EAAA;AAEpB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOL,GACpB,UAAA,gBAAAI,EAACE,KAAY,GACf;AAAA,IACCnB,EAAO,OAAO,WAAW,CAACA,EAAO,QAAQ,WAAW,CAACE,EAAO,QAC3D,gBAAAe,EAACG,GAAA,CAAA,CAAsB;AAAA,EAAA,GAE3B;AAEJ;AA1BSC,EAAAtB,GAAA;"}
@@ -1,9 +1,9 @@
1
1
  var T = Object.defineProperty;
2
2
  var i = (o, r) => T(o, "name", { value: r, configurable: !0 });
3
3
  import { jsx as s } 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";
4
- import { useNavbarActions as y } from "../../../hooks/useNavbar.js";
4
+ import { useNavbarActions as y } from "../../../hooks/internal/useNavbar.js";
5
5
  import { useOwpTranslation as C } from "../../../hooks/useOwpTranslation.js";
6
- import { useThemeMediaQuery as h } from "../../../hooks/useThemeMediaQuery.js";
6
+ import { useThemeMediaQuery as h } from "../../../hooks/internal/useThemeMediaQuery.js";
7
7
  import { useSetDefaultSettings as w, useGetCurrentSettings as N } from "../../../hooks/useOwpSettings.js";
8
8
  import A from "@mui/material/IconButton";
9
9
  import B from "@mui/material/Tooltip";
@@ -1 +1 @@
1
- {"version":3,"file":"NavbarToggleButton.js","sources":["../../../../src/layout/components/navbar/NavbarToggleButton.tsx"],"sourcesContent":["import type { OwpSettingsConfigType as SettingsConfigType } from '@/types/OwpSettingsTypes';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useNavbarActions } from '@/hooks/useNavbar';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport {\n useGetCurrentSettings,\n useSetDefaultSettings,\n} from '@/hooks/useOwpSettings';\nimport IconButton, { type IconButtonProps } from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport { alpha, type SxProps, type Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { set } from 'es-toolkit/compat';\nimport { ReactNode } from 'react';\n\nexport type NavbarToggleButtonProps = IconButtonProps & {\n surfaceTone?: 'inherit' | 'light';\n tooltipTitle?: ReactNode;\n};\n\nconst lightSurfaceButtonSx = (theme: Theme) => {\n const accentColor = theme.palette.secondary.main;\n const accentHoverColor = theme.palette.secondary.dark || accentColor;\n\n return {\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: alpha(accentColor, theme.palette.mode === 'dark' ? 0.42 : 0.28),\n backgroundColor: alpha(accentColor, theme.palette.mode === 'dark' ? 0.16 : 0.08),\n boxShadow: 'none',\n color: accentColor,\n transition: theme.transitions.create(['background-color', 'border-color', 'color'], {\n duration: theme.transitions.duration.shorter,\n }),\n '&:hover, &:focus-visible': {\n backgroundColor: alpha(accentHoverColor, theme.palette.mode === 'dark' ? 0.22 : 0.14),\n borderColor: alpha(accentHoverColor, theme.palette.mode === 'dark' ? 0.56 : 0.36),\n color: accentHoverColor,\n },\n };\n};\n\n/**\n * The navbar toggle button.\n */\nfunction NavbarToggleButton(props: NavbarToggleButtonProps) {\n const {\n className = '',\n children = (\n <SvgIcon size={20} color=\"inherit\">\n heroicons-outline:bars-3\n </SvgIcon>\n ),\n surfaceTone = 'inherit',\n tooltipTitle,\n sx,\n ...rest\n } = props;\n\n const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n const { t } = useOwpTranslation();\n const { toggleMobile } = useNavbarActions();\n const setDefaultSettings = useSetDefaultSettings();\n const settings: SettingsConfigType = useGetCurrentSettings();\n const resolvedTooltipTitle = tooltipTitle ?? t('Title.메뉴');\n const resolvedSx: SxProps<Theme> | undefined =\n surfaceTone === 'light'\n ? [lightSurfaceButtonSx, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])]\n : sx;\n\n const button = (\n <IconButton\n onClick={() => {\n if (isMobile) {\n toggleMobile();\n } else {\n setDefaultSettings(\n set({}, 'layout.config.navbar.folded', !settings?.layout?.config?.navbar?.folded),\n );\n }\n }}\n {...rest}\n sx={resolvedSx}\n className={clsx(className)}\n >\n {children}\n </IconButton>\n );\n\n return (\n <Tooltip title={resolvedTooltipTitle} placement=\"bottom\">\n {button}\n </Tooltip>\n );\n}\n\nexport default NavbarToggleButton;\n"],"names":["lightSurfaceButtonSx","__name","theme","accentColor","accentHoverColor","alpha","NavbarToggleButton","props","className","children","jsx","SvgIcon","surfaceTone","tooltipTitle","sx","rest","isMobile","useThemeMediaQuery","t","useOwpTranslation","toggleMobile","useNavbarActions","setDefaultSettings","useSetDefaultSettings","settings","useGetCurrentSettings","resolvedTooltipTitle","resolvedSx","button","IconButton","set","_c","_b","_a","clsx","Tooltip"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,IAAuB,gBAAAC,EAAA,CAACC,MAAiB;AAC7C,QAAMC,IAAcD,EAAM,QAAQ,UAAU,MACtCE,IAAmBF,EAAM,QAAQ,UAAU,QAAQC;AAEzD,SAAO;AAAA,IACL,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAaE,EAAMF,GAAaD,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,IAC3E,iBAAiBG,EAAMF,GAAaD,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,IAC/E,WAAW;AAAA,IACX,OAAOC;AAAA,IACP,YAAYD,EAAM,YAAY,OAAO,CAAC,oBAAoB,gBAAgB,OAAO,GAAG;AAAA,MAClF,UAAUA,EAAM,YAAY,SAAS;AAAA,IAAA,CACtC;AAAA,IACD,4BAA4B;AAAA,MAC1B,iBAAiBG,EAAMD,GAAkBF,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,MACpF,aAAaG,EAAMD,GAAkBF,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,MAChF,OAAOE;AAAA,IAAA;AAAA,EACT;AAEJ,GApB6B;AAyB7B,SAASE,EAAmBC,GAAgC;AAC1D,QAAM;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,UAAAC,IACE,gBAAAC,EAACC,GAAA,EAAQ,MAAM,IAAI,OAAM,WAAU,UAAA,4BAEnC;AAAA,IAEF,aAAAC,IAAc;AAAA,IACd,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR,GAEES,IAAWC,EAAmB,CAACf,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GACrE,EAAE,GAAAgB,EAAA,IAAMC,EAAA,GACR,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnBC,IAAqBC,EAAA,GACrBC,IAA+BC,EAAA,GAC/BC,IAAuBb,KAAgBK,EAAE,UAAU,GACnDS,IACJf,MAAgB,UACZ,CAACZ,GAAsB,GAAI,MAAM,QAAQc,CAAE,IAAIA,IAAKA,IAAK,CAACA,CAAE,IAAI,CAAA,CAAG,IACnEA,GAEAc,IACJ,gBAAAlB;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,SAAS,gBAAA5B,EAAA,MAAM;;AACb,QAAIe,IACFI,EAAA,IAEAE;AAAA,UACEQ,EAAI,CAAA,GAAI,+BAA+B,GAACC,KAAAC,KAAAC,IAAAT,KAAA,gBAAAA,EAAU,WAAV,gBAAAS,EAAkB,WAAlB,gBAAAD,EAA0B,WAA1B,QAAAD,EAAkC,OAAM;AAAA,QAAA;AAAA,MAGtF,GARS;AAAA,MASR,GAAGhB;AAAA,MACJ,IAAIY;AAAA,MACJ,WAAWO,EAAK1B,CAAS;AAAA,MAExB,UAAAC;AAAA,IAAA;AAAA,EAAA;AAIL,2BACG0B,GAAA,EAAQ,OAAOT,GAAsB,WAAU,UAC7C,UAAAE,GACH;AAEJ;AAjDS3B,EAAAK,GAAA;"}
1
+ {"version":3,"file":"NavbarToggleButton.js","sources":["../../../../src/layout/components/navbar/NavbarToggleButton.tsx"],"sourcesContent":["import type { OwpSettingsConfigType as SettingsConfigType } from '@/types/OwpSettingsTypes';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useNavbarActions } from '@/hooks/internal/useNavbar';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useThemeMediaQuery } from '@/hooks/internal/useThemeMediaQuery';\nimport {\n useGetCurrentSettings,\n useSetDefaultSettings,\n} from '@/hooks/useOwpSettings';\nimport IconButton, { type IconButtonProps } from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport { alpha, type SxProps, type Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { set } from 'es-toolkit/compat';\nimport { ReactNode } from 'react';\n\nexport type NavbarToggleButtonProps = IconButtonProps & {\n surfaceTone?: 'inherit' | 'light';\n tooltipTitle?: ReactNode;\n};\n\nconst lightSurfaceButtonSx = (theme: Theme) => {\n const accentColor = theme.palette.secondary.main;\n const accentHoverColor = theme.palette.secondary.dark || accentColor;\n\n return {\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: alpha(accentColor, theme.palette.mode === 'dark' ? 0.42 : 0.28),\n backgroundColor: alpha(accentColor, theme.palette.mode === 'dark' ? 0.16 : 0.08),\n boxShadow: 'none',\n color: accentColor,\n transition: theme.transitions.create(['background-color', 'border-color', 'color'], {\n duration: theme.transitions.duration.shorter,\n }),\n '&:hover, &:focus-visible': {\n backgroundColor: alpha(accentHoverColor, theme.palette.mode === 'dark' ? 0.22 : 0.14),\n borderColor: alpha(accentHoverColor, theme.palette.mode === 'dark' ? 0.56 : 0.36),\n color: accentHoverColor,\n },\n };\n};\n\n/**\n * The navbar toggle button.\n */\nfunction NavbarToggleButton(props: NavbarToggleButtonProps) {\n const {\n className = '',\n children = (\n <SvgIcon size={20} color=\"inherit\">\n heroicons-outline:bars-3\n </SvgIcon>\n ),\n surfaceTone = 'inherit',\n tooltipTitle,\n sx,\n ...rest\n } = props;\n\n const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n const { t } = useOwpTranslation();\n const { toggleMobile } = useNavbarActions();\n const setDefaultSettings = useSetDefaultSettings();\n const settings: SettingsConfigType = useGetCurrentSettings();\n const resolvedTooltipTitle = tooltipTitle ?? t('Title.메뉴');\n const resolvedSx: SxProps<Theme> | undefined =\n surfaceTone === 'light'\n ? [lightSurfaceButtonSx, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])]\n : sx;\n\n const button = (\n <IconButton\n onClick={() => {\n if (isMobile) {\n toggleMobile();\n } else {\n setDefaultSettings(\n set({}, 'layout.config.navbar.folded', !settings?.layout?.config?.navbar?.folded),\n );\n }\n }}\n {...rest}\n sx={resolvedSx}\n className={clsx(className)}\n >\n {children}\n </IconButton>\n );\n\n return (\n <Tooltip title={resolvedTooltipTitle} placement=\"bottom\">\n {button}\n </Tooltip>\n );\n}\n\nexport default NavbarToggleButton;\n"],"names":["lightSurfaceButtonSx","__name","theme","accentColor","accentHoverColor","alpha","NavbarToggleButton","props","className","children","jsx","SvgIcon","surfaceTone","tooltipTitle","sx","rest","isMobile","useThemeMediaQuery","t","useOwpTranslation","toggleMobile","useNavbarActions","setDefaultSettings","useSetDefaultSettings","settings","useGetCurrentSettings","resolvedTooltipTitle","resolvedSx","button","IconButton","set","_c","_b","_a","clsx","Tooltip"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,IAAuB,gBAAAC,EAAA,CAACC,MAAiB;AAC7C,QAAMC,IAAcD,EAAM,QAAQ,UAAU,MACtCE,IAAmBF,EAAM,QAAQ,UAAU,QAAQC;AAEzD,SAAO;AAAA,IACL,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAaE,EAAMF,GAAaD,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,IAC3E,iBAAiBG,EAAMF,GAAaD,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,IAC/E,WAAW;AAAA,IACX,OAAOC;AAAA,IACP,YAAYD,EAAM,YAAY,OAAO,CAAC,oBAAoB,gBAAgB,OAAO,GAAG;AAAA,MAClF,UAAUA,EAAM,YAAY,SAAS;AAAA,IAAA,CACtC;AAAA,IACD,4BAA4B;AAAA,MAC1B,iBAAiBG,EAAMD,GAAkBF,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,MACpF,aAAaG,EAAMD,GAAkBF,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,MAChF,OAAOE;AAAA,IAAA;AAAA,EACT;AAEJ,GApB6B;AAyB7B,SAASE,EAAmBC,GAAgC;AAC1D,QAAM;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,UAAAC,IACE,gBAAAC,EAACC,GAAA,EAAQ,MAAM,IAAI,OAAM,WAAU,UAAA,4BAEnC;AAAA,IAEF,aAAAC,IAAc;AAAA,IACd,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR,GAEES,IAAWC,EAAmB,CAACf,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GACrE,EAAE,GAAAgB,EAAA,IAAMC,EAAA,GACR,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnBC,IAAqBC,EAAA,GACrBC,IAA+BC,EAAA,GAC/BC,IAAuBb,KAAgBK,EAAE,UAAU,GACnDS,IACJf,MAAgB,UACZ,CAACZ,GAAsB,GAAI,MAAM,QAAQc,CAAE,IAAIA,IAAKA,IAAK,CAACA,CAAE,IAAI,CAAA,CAAG,IACnEA,GAEAc,IACJ,gBAAAlB;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,SAAS,gBAAA5B,EAAA,MAAM;;AACb,QAAIe,IACFI,EAAA,IAEAE;AAAA,UACEQ,EAAI,CAAA,GAAI,+BAA+B,GAACC,KAAAC,KAAAC,IAAAT,KAAA,gBAAAA,EAAU,WAAV,gBAAAS,EAAkB,WAAlB,gBAAAD,EAA0B,WAA1B,QAAAD,EAAkC,OAAM;AAAA,QAAA;AAAA,MAGtF,GARS;AAAA,MASR,GAAGhB;AAAA,MACJ,IAAIY;AAAA,MACJ,WAAWO,EAAK1B,CAAS;AAAA,MAExB,UAAAC;AAAA,IAAA;AAAA,EAAA;AAIL,2BACG0B,GAAA,EAAQ,OAAOT,GAAsB,WAAU,UAC7C,UAAAE,GACH;AAEJ;AAjDS3B,EAAAK,GAAA;"}
@@ -2,7 +2,7 @@ var w = Object.defineProperty;
2
2
  var o = (t, i) => w(t, "name", { value: i, configurable: !0 });
3
3
  import { jsxs as y, jsx as n } 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";
4
4
  import { useGetCurrentLayoutConfig as x } from "../../../../hooks/useOwpSettings.js";
5
- import { useGetNavbar as v, useNavbarActions as W } from "../../../../hooks/useNavbar.js";
5
+ import { useGetNavbar as v, useNavbarActions as W } from "../../../../hooks/internal/useNavbar.js";
6
6
  import { OwpHidden as f } from "../../../../components/OwpHidden/OwpHidden.js";
7
7
  import { styled as s } from "@mui/material/styles";
8
8
  import k from "@mui/material/SwipeableDrawer";
@@ -1 +1 @@
1
- {"version":3,"file":"NavbarStyle.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyle.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar, useNavbarActions } from '@/hooks/useNavbar';\nimport { OwpHidden } from '@/components/OwpHidden';\nimport { styled } from '@mui/material/styles';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer';\nimport { Theme } from '@mui/system/createTheme';\nimport { useEffect } from 'react';\nimport NavbarStyleContent from './NavbarStyleContent';\n\nconst navbarWidth = 280;\n\ntype StyledNavBarPropsProps = {\n theme?: Theme;\n folded: number;\n open: boolean;\n};\n\nconst Root = styled('div')<StyledNavBarPropsProps>(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n zIndex: 4,\n [theme.breakpoints.up('lg')]: {\n width: navbarWidth,\n minWidth: navbarWidth,\n },\n variants: [\n {\n props: ({ folded }) => folded,\n style: {\n [theme.breakpoints.up('lg')]: {\n width: 76,\n minWidth: 76,\n },\n },\n },\n ],\n}));\n\ntype StyledNavBarProps = {\n theme?: Theme;\n open?: boolean;\n folded: number;\n foldedandopened: number;\n foldedandclosed: number;\n position?: string;\n anchor?: string;\n};\n\nconst StyledNavbar = styled('div')<StyledNavBarProps>(({ theme }) => ({\n minWidth: navbarWidth,\n width: navbarWidth,\n maxWidth: navbarWidth,\n maxHeight: '100%',\n backgroundColor: theme.palette.background.default,\n boxShadow: 'none',\n transition: theme.transitions.create(['width', 'min-width'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.shorter,\n }),\n variants: [\n {\n props: {\n position: 'left',\n },\n style: {\n borderRight: `1px solid ${theme.palette.divider}`,\n left: 0,\n },\n },\n {\n props: {\n position: 'right',\n },\n style: {\n borderLeft: `1px solid ${theme.palette.divider}`,\n right: 0,\n },\n },\n {\n props: ({ folded }) => folded,\n style: {\n position: 'absolute',\n width: 76,\n minWidth: 76,\n top: 0,\n bottom: 0,\n },\n },\n {\n props: ({ foldedandopened }) => foldedandopened,\n style: {\n width: navbarWidth,\n minWidth: navbarWidth,\n },\n },\n {\n props: ({ foldedandclosed }) => foldedandclosed,\n style: {\n '& .NavbarStyle-content': {\n '& .logo-icon': {\n width: 44,\n height: 44,\n },\n '& .logo-text': {\n opacity: 0,\n },\n '& .react-badge': {\n opacity: 0,\n },\n '& .navigation.px-12': {\n paddingLeft: 10,\n paddingRight: 10,\n },\n '& .owp-list-item': {\n width: 55,\n minWidth: 55,\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: 0,\n paddingRight: 0,\n justifyContent: 'center',\n },\n '& .owp-list-item > .owp-list-item-icon': {\n width: 22,\n height: 22,\n minWidth: 22,\n minHeight: 22,\n fontSize: 22,\n marginRight: 0,\n },\n '& .owp-list-item > .owp-list-item-text': {\n width: 0,\n minWidth: 0,\n flex: '0 0 0',\n overflow: 'hidden',\n },\n '& .owp-list-item-text, & .arrow-icon, & .item-badge': {\n opacity: 0,\n },\n '& .owp-list-subheader .owp-list-subheader-text': {\n opacity: 0,\n },\n '& .owp-list-subheader:before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n minWidth: 16,\n borderTop: '2px solid',\n opacity: 0.2,\n },\n '& .collapse-children': {\n display: 'none',\n },\n '& .user-menu': {\n minWidth: 56,\n width: 56,\n justifyContent: 'center',\n paddingLeft: 8,\n paddingRight: 8,\n '& > :not(style) ~ :not(style)': {\n marginLeft: 0,\n marginRight: 0,\n },\n '& > .flex-auto, & > .flex-shrink-0': {\n width: 0,\n minWidth: 0,\n flex: '0 0 0',\n overflow: 'hidden',\n },\n '& .avatar': {\n width: 36,\n height: 36,\n minWidth: 36,\n minHeight: 36,\n margin: 0,\n fontSize: '18px',\n lineHeight: '18px',\n flexShrink: 0,\n },\n '& .title': {\n opacity: 0,\n },\n '& .subtitle': {\n opacity: 0,\n },\n '& .info-icon': {\n opacity: 0,\n },\n '& .arrow': {\n opacity: 0,\n },\n },\n },\n },\n },\n ],\n}));\n\nconst StyledNavbarMobile = styled(SwipeableDrawer)<StyledNavBarProps>(({ theme }) => ({\n '& > .MuiDrawer-paper': {\n minWidth: navbarWidth,\n width: navbarWidth,\n maxWidth: navbarWidth,\n maxHeight: '100%',\n backgroundColor: theme.palette.background.default,\n boxShadow: 'none',\n transition: theme.transitions.create(['width', 'min-width'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.shorter,\n }),\n },\n}));\n\n/**\n * The navbar style.\n */\nfunction NavbarStyle() {\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n const { closeFolded, closeMobile, openFolded, reset } = useNavbarActions();\n\n \n const folded = !config.navbar?.folded;\n const foldedandclosed = folded && !navbar.foldedOpen;\n const foldedandopened = folded && navbar.foldedOpen;\n\n useEffect(() => {\n return () => {\n reset();\n };\n }, [reset]);\n\n return (\n <Root\n folded={folded ? 1 : 0}\n open={navbar.open}\n id=\"owp-navbar\"\n className=\"sticky top-0 z-20 h-screen shrink-0\"\n >\n <OwpHidden lgDown>\n <StyledNavbar\n className=\"sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden\"\n position={config?.navbar?.position}\n folded={folded ? 1 : 0}\n foldedandopened={foldedandopened ? 1 : 0}\n foldedandclosed={foldedandclosed ? 1 : 0}\n onMouseEnter={() => foldedandclosed && openFolded()}\n onMouseLeave={() => foldedandopened && closeFolded()}\n >\n <NavbarStyleContent className=\"NavbarStyle-content\" />\n </StyledNavbar>\n </OwpHidden>\n\n <OwpHidden lgUp>\n <StyledNavbarMobile\n classes={{\n paper: 'flex-col flex-auto h-full',\n }}\n folded={folded ? 1 : 0}\n foldedandopened={foldedandopened ? 1 : 0}\n foldedandclosed={foldedandclosed ? 1 : 0}\n anchor={config?.navbar?.position as 'left' | 'top' | 'right' | 'bottom'}\n variant=\"temporary\"\n open={navbar.mobileOpen}\n onClose={() => closeMobile()}\n onOpen={() => {}}\n disableSwipeToOpen\n ModalProps={{\n keepMounted: true, \n }}\n >\n <NavbarStyleContent className=\"NavbarStyle-content\" />\n </StyledNavbarMobile>\n </OwpHidden>\n </Root>\n );\n}\n\nexport default NavbarStyle;\n"],"names":["navbarWidth","Root","styled","theme","__name","folded","StyledNavbar","foldedandopened","foldedandclosed","StyledNavbarMobile","SwipeableDrawer","NavbarStyle","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","closeFolded","closeMobile","openFolded","reset","useNavbarActions","_a","useEffect","jsxs","jsx","OwpHidden","_b","NavbarStyleContent","_c"],"mappings":"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"}
1
+ {"version":3,"file":"NavbarStyle.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyle.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar, useNavbarActions } from '@/hooks/internal/useNavbar';\nimport { OwpHidden } from '@/components/OwpHidden';\nimport { styled } from '@mui/material/styles';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer';\nimport { Theme } from '@mui/system/createTheme';\nimport { useEffect } from 'react';\nimport NavbarStyleContent from './NavbarStyleContent';\n\nconst navbarWidth = 280;\n\ntype StyledNavBarPropsProps = {\n theme?: Theme;\n folded: number;\n open: boolean;\n};\n\nconst Root = styled('div')<StyledNavBarPropsProps>(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n zIndex: 4,\n [theme.breakpoints.up('lg')]: {\n width: navbarWidth,\n minWidth: navbarWidth,\n },\n variants: [\n {\n props: ({ folded }) => folded,\n style: {\n [theme.breakpoints.up('lg')]: {\n width: 76,\n minWidth: 76,\n },\n },\n },\n ],\n}));\n\ntype StyledNavBarProps = {\n theme?: Theme;\n open?: boolean;\n folded: number;\n foldedandopened: number;\n foldedandclosed: number;\n position?: string;\n anchor?: string;\n};\n\nconst StyledNavbar = styled('div')<StyledNavBarProps>(({ theme }) => ({\n minWidth: navbarWidth,\n width: navbarWidth,\n maxWidth: navbarWidth,\n maxHeight: '100%',\n backgroundColor: theme.palette.background.default,\n boxShadow: 'none',\n transition: theme.transitions.create(['width', 'min-width'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.shorter,\n }),\n variants: [\n {\n props: {\n position: 'left',\n },\n style: {\n borderRight: `1px solid ${theme.palette.divider}`,\n left: 0,\n },\n },\n {\n props: {\n position: 'right',\n },\n style: {\n borderLeft: `1px solid ${theme.palette.divider}`,\n right: 0,\n },\n },\n {\n props: ({ folded }) => folded,\n style: {\n position: 'absolute',\n width: 76,\n minWidth: 76,\n top: 0,\n bottom: 0,\n },\n },\n {\n props: ({ foldedandopened }) => foldedandopened,\n style: {\n width: navbarWidth,\n minWidth: navbarWidth,\n },\n },\n {\n props: ({ foldedandclosed }) => foldedandclosed,\n style: {\n '& .NavbarStyle-content': {\n '& .logo-icon': {\n width: 44,\n height: 44,\n },\n '& .logo-text': {\n opacity: 0,\n },\n '& .react-badge': {\n opacity: 0,\n },\n '& .navigation.px-12': {\n paddingLeft: 10,\n paddingRight: 10,\n },\n '& .owp-list-item': {\n width: 55,\n minWidth: 55,\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: 0,\n paddingRight: 0,\n justifyContent: 'center',\n },\n '& .owp-list-item > .owp-list-item-icon': {\n width: 22,\n height: 22,\n minWidth: 22,\n minHeight: 22,\n fontSize: 22,\n marginRight: 0,\n },\n '& .owp-list-item > .owp-list-item-text': {\n width: 0,\n minWidth: 0,\n flex: '0 0 0',\n overflow: 'hidden',\n },\n '& .owp-list-item-text, & .arrow-icon, & .item-badge': {\n opacity: 0,\n },\n '& .owp-list-subheader .owp-list-subheader-text': {\n opacity: 0,\n },\n '& .owp-list-subheader:before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n minWidth: 16,\n borderTop: '2px solid',\n opacity: 0.2,\n },\n '& .collapse-children': {\n display: 'none',\n },\n '& .user-menu': {\n minWidth: 56,\n width: 56,\n justifyContent: 'center',\n paddingLeft: 8,\n paddingRight: 8,\n '& > :not(style) ~ :not(style)': {\n marginLeft: 0,\n marginRight: 0,\n },\n '& > .flex-auto, & > .flex-shrink-0': {\n width: 0,\n minWidth: 0,\n flex: '0 0 0',\n overflow: 'hidden',\n },\n '& .avatar': {\n width: 36,\n height: 36,\n minWidth: 36,\n minHeight: 36,\n margin: 0,\n fontSize: '18px',\n lineHeight: '18px',\n flexShrink: 0,\n },\n '& .title': {\n opacity: 0,\n },\n '& .subtitle': {\n opacity: 0,\n },\n '& .info-icon': {\n opacity: 0,\n },\n '& .arrow': {\n opacity: 0,\n },\n },\n },\n },\n },\n ],\n}));\n\nconst StyledNavbarMobile = styled(SwipeableDrawer)<StyledNavBarProps>(({ theme }) => ({\n '& > .MuiDrawer-paper': {\n minWidth: navbarWidth,\n width: navbarWidth,\n maxWidth: navbarWidth,\n maxHeight: '100%',\n backgroundColor: theme.palette.background.default,\n boxShadow: 'none',\n transition: theme.transitions.create(['width', 'min-width'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.shorter,\n }),\n },\n}));\n\n/**\n * The navbar style.\n */\nfunction NavbarStyle() {\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n const { closeFolded, closeMobile, openFolded, reset } = useNavbarActions();\n\n \n const folded = !config.navbar?.folded;\n const foldedandclosed = folded && !navbar.foldedOpen;\n const foldedandopened = folded && navbar.foldedOpen;\n\n useEffect(() => {\n return () => {\n reset();\n };\n }, [reset]);\n\n return (\n <Root\n folded={folded ? 1 : 0}\n open={navbar.open}\n id=\"owp-navbar\"\n className=\"sticky top-0 z-20 h-screen shrink-0\"\n >\n <OwpHidden lgDown>\n <StyledNavbar\n className=\"sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden\"\n position={config?.navbar?.position}\n folded={folded ? 1 : 0}\n foldedandopened={foldedandopened ? 1 : 0}\n foldedandclosed={foldedandclosed ? 1 : 0}\n onMouseEnter={() => foldedandclosed && openFolded()}\n onMouseLeave={() => foldedandopened && closeFolded()}\n >\n <NavbarStyleContent className=\"NavbarStyle-content\" />\n </StyledNavbar>\n </OwpHidden>\n\n <OwpHidden lgUp>\n <StyledNavbarMobile\n classes={{\n paper: 'flex-col flex-auto h-full',\n }}\n folded={folded ? 1 : 0}\n foldedandopened={foldedandopened ? 1 : 0}\n foldedandclosed={foldedandclosed ? 1 : 0}\n anchor={config?.navbar?.position as 'left' | 'top' | 'right' | 'bottom'}\n variant=\"temporary\"\n open={navbar.mobileOpen}\n onClose={() => closeMobile()}\n onOpen={() => {}}\n disableSwipeToOpen\n ModalProps={{\n keepMounted: true, \n }}\n >\n <NavbarStyleContent className=\"NavbarStyle-content\" />\n </StyledNavbarMobile>\n </OwpHidden>\n </Root>\n );\n}\n\nexport default NavbarStyle;\n"],"names":["navbarWidth","Root","styled","theme","__name","folded","StyledNavbar","foldedandopened","foldedandclosed","StyledNavbarMobile","SwipeableDrawer","NavbarStyle","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","closeFolded","closeMobile","openFolded","reset","useNavbarActions","_a","useEffect","jsxs","jsx","OwpHidden","_b","NavbarStyleContent","_c"],"mappings":"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"}
@@ -8,7 +8,7 @@ import g from "../NavbarPinToggleButton.js";
8
8
  import u from "../NavbarToggleButton.js";
9
9
  import h from "../../navigation/Navigation.js";
10
10
  import { useGetCurrentLayoutConfig as v } from "../../../../hooks/useOwpSettings.js";
11
- import { useGetNavbar as x } from "../../../../hooks/useNavbar.js";
11
+ import { useGetNavbar as x } from "../../../../hooks/internal/useNavbar.js";
12
12
  import { styled as m } from "@mui/material/styles";
13
13
  import { clsx as l } from "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
14
14
  import { memo as N, useMemo as y } from "react";
@@ -1 +1 @@
1
- {"version":3,"file":"NavbarStyleContent.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyleContent.tsx"],"sourcesContent":["import { OwpHidden } from '@/components/OwpHidden';\nimport Logo from '@/layout/components/logo/Logo';\nimport UserMenu from '@/layout/components/menus/UserMenu';\nimport NavbarPinToggleButton from '@/layout/components/navbar/NavbarPinToggleButton';\nimport NavbarToggleButton from '@/layout/components/navbar/NavbarToggleButton';\nimport Navigation from '@/layout/components/navigation/Navigation';\nimport { OwpScrollbars as Scrollbars } from '@/components/OwpScrollbars';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar } from '@/hooks/useNavbar';\nimport { styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { memo, useMemo } from 'react';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\n\nconst Root = styled('div')(({ theme }) => ({\n backgroundColor: theme.palette.background.default,\n color: theme.palette.text.primary,\n '& ::-webkit-scrollbar-thumb': {\n boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.24)'}`,\n ...theme.applyStyles('light', {\n boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.24)'}`,\n }),\n },\n '& ::-webkit-scrollbar-thumb:active': {\n boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.37)'}`,\n ...theme.applyStyles('light', {\n boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.37)'}`,\n }),\n },\n '& .NavbarStyleContent-logo': {\n position: 'relative',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n right: 0,\n bottom: -1,\n left: 0,\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n },\n '& .NavbarStyleContent-logoMark': {\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n maxWidth: '25.6rem',\n height: '4.4rem',\n minWidth: 0,\n [theme.breakpoints.up('md')]: {\n maxWidth: '27.2rem',\n height: '4.8rem',\n },\n },\n '& .NavbarStyleContent-logoMark .logo-icon': {\n display: 'block',\n maxWidth: '100%',\n maxHeight: '100%',\n objectFit: 'contain',\n },\n '& .NavbarStyleContent-userMenu': {\n borderTop: `1px solid ${theme.palette.divider}`,\n },\n '& .NavbarStyleContent-navigation': {\n paddingTop: 8,\n paddingBottom: 8,\n },\n}));\n\nconst StyledContent = styled(Scrollbars)(() => ({\n overscrollBehavior: 'contain',\n overflowX: 'hidden',\n overflowY: 'auto',\n WebkitOverflowScrolling: 'touch',\n backgroundRepeat: 'no-repeat',\n backgroundSize: '100% 40px, 100% 10px',\n backgroundAttachment: 'local, scroll',\n}));\n\ntype NavbarStyleContentProps = {\n className?: string;\n};\n\n/**\n * The navbar style content.\n */\nfunction NavbarStyleContent(props: NavbarStyleContentProps) {\n const { className = '' } = props;\n\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n\n const showLogo = useMemo(() => config?.navbar?.folded || navbar?.foldedOpen, [config, navbar]);\n\n return (\n <Root className={clsx('flex h-full flex-auto flex-col overflow-hidden', className)}>\n <div\n className={clsx(\n 'NavbarStyleContent-logo flex h-48 shrink-0 flex-row items-center px-12 md:h-64',\n !showLogo && 'justify-center',\n )}\n >\n <div\n className={clsx(\n 'mr-4 ml-16 flex flex-1 items-center',\n !showLogo && 'hidden',\n )}\n >\n <div className=\"NavbarStyleContent-logoMark\">\n <Logo />\n </div>\n </div>\n <OwpHidden lgDown>\n <NavbarPinToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n </OwpHidden>\n <OwpHidden lgUp>\n <NavbarToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n </OwpHidden>\n </div>\n\n <StyledContent\n className=\"flex min-h-0 flex-1 flex-col\"\n option={{ suppressScrollX: true, wheelPropagation: false }}\n >\n <Navigation className=\"NavbarStyleContent-navigation\" layout=\"vertical\" />\n </StyledContent>\n\n <div className=\"NavbarStyleContent-userMenu w-full p-4 md:p-10\">\n <UserMenu className=\"w-full\" />\n </div>\n </Root>\n );\n}\n\nexport default memo(NavbarStyleContent);\n"],"names":["Root","styled","theme","StyledContent","Scrollbars","NavbarStyleContent","props","className","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","showLogo","useMemo","_a","clsx","jsxs","jsx","Logo","OwpHidden","NavbarPinToggleButton","NavbarToggleButton","Navigation","UserMenu","__name","NavbarStyleContent$1","memo"],"mappings":"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"}
1
+ {"version":3,"file":"NavbarStyleContent.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyleContent.tsx"],"sourcesContent":["import { OwpHidden } from '@/components/OwpHidden';\nimport Logo from '@/layout/components/logo/Logo';\nimport UserMenu from '@/layout/components/menus/UserMenu';\nimport NavbarPinToggleButton from '@/layout/components/navbar/NavbarPinToggleButton';\nimport NavbarToggleButton from '@/layout/components/navbar/NavbarToggleButton';\nimport Navigation from '@/layout/components/navigation/Navigation';\nimport { OwpScrollbars as Scrollbars } from '@/components/OwpScrollbars';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar } from '@/hooks/internal/useNavbar';\nimport { styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { memo, useMemo } from 'react';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\n\nconst Root = styled('div')(({ theme }) => ({\n backgroundColor: theme.palette.background.default,\n color: theme.palette.text.primary,\n '& ::-webkit-scrollbar-thumb': {\n boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.24)'}`,\n ...theme.applyStyles('light', {\n boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.24)'}`,\n }),\n },\n '& ::-webkit-scrollbar-thumb:active': {\n boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.37)'}`,\n ...theme.applyStyles('light', {\n boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.37)'}`,\n }),\n },\n '& .NavbarStyleContent-logo': {\n position: 'relative',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n right: 0,\n bottom: -1,\n left: 0,\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n },\n '& .NavbarStyleContent-logoMark': {\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n maxWidth: '25.6rem',\n height: '4.4rem',\n minWidth: 0,\n [theme.breakpoints.up('md')]: {\n maxWidth: '27.2rem',\n height: '4.8rem',\n },\n },\n '& .NavbarStyleContent-logoMark .logo-icon': {\n display: 'block',\n maxWidth: '100%',\n maxHeight: '100%',\n objectFit: 'contain',\n },\n '& .NavbarStyleContent-userMenu': {\n borderTop: `1px solid ${theme.palette.divider}`,\n },\n '& .NavbarStyleContent-navigation': {\n paddingTop: 8,\n paddingBottom: 8,\n },\n}));\n\nconst StyledContent = styled(Scrollbars)(() => ({\n overscrollBehavior: 'contain',\n overflowX: 'hidden',\n overflowY: 'auto',\n WebkitOverflowScrolling: 'touch',\n backgroundRepeat: 'no-repeat',\n backgroundSize: '100% 40px, 100% 10px',\n backgroundAttachment: 'local, scroll',\n}));\n\ntype NavbarStyleContentProps = {\n className?: string;\n};\n\n/**\n * The navbar style content.\n */\nfunction NavbarStyleContent(props: NavbarStyleContentProps) {\n const { className = '' } = props;\n\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n\n const showLogo = useMemo(() => config?.navbar?.folded || navbar?.foldedOpen, [config, navbar]);\n\n return (\n <Root className={clsx('flex h-full flex-auto flex-col overflow-hidden', className)}>\n <div\n className={clsx(\n 'NavbarStyleContent-logo flex h-48 shrink-0 flex-row items-center px-12 md:h-64',\n !showLogo && 'justify-center',\n )}\n >\n <div\n className={clsx(\n 'mr-4 ml-16 flex flex-1 items-center',\n !showLogo && 'hidden',\n )}\n >\n <div className=\"NavbarStyleContent-logoMark\">\n <Logo />\n </div>\n </div>\n <OwpHidden lgDown>\n <NavbarPinToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n </OwpHidden>\n <OwpHidden lgUp>\n <NavbarToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n </OwpHidden>\n </div>\n\n <StyledContent\n className=\"flex min-h-0 flex-1 flex-col\"\n option={{ suppressScrollX: true, wheelPropagation: false }}\n >\n <Navigation className=\"NavbarStyleContent-navigation\" layout=\"vertical\" />\n </StyledContent>\n\n <div className=\"NavbarStyleContent-userMenu w-full p-4 md:p-10\">\n <UserMenu className=\"w-full\" />\n </div>\n </Root>\n );\n}\n\nexport default memo(NavbarStyleContent);\n"],"names":["Root","styled","theme","StyledContent","Scrollbars","NavbarStyleContent","props","className","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","showLogo","useMemo","_a","clsx","jsxs","jsx","Logo","OwpHidden","NavbarPinToggleButton","NavbarToggleButton","Navigation","UserMenu","__name","NavbarStyleContent$1","memo"],"mappings":"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"}
@@ -2,8 +2,8 @@ var f = Object.defineProperty;
2
2
  var a = (o, i) => f(o, "name", { value: i, configurable: !0 });
3
3
  import { jsx as u } 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";
4
4
  import { useGetNavigationList as p } from "../../../hooks/useNavigation.js";
5
- import { useNavbarActions as v } from "../../../hooks/useNavbar.js";
6
- import { useThemeMediaQuery as g } from "../../../hooks/useThemeMediaQuery.js";
5
+ import { useNavbarActions as v } from "../../../hooks/internal/useNavbar.js";
6
+ import { useThemeMediaQuery as g } from "../../../hooks/internal/useThemeMediaQuery.js";
7
7
  import { clsx as N } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
8
8
  import { useCallback as d } from "react";
9
9
  import { NavigationMenu as M } from "./NavigationMenu.js";
@@ -1 +1 @@
1
- {"version":3,"file":"Navigation.js","sources":["../../../../src/layout/components/navigation/Navigation.tsx"],"sourcesContent":["import { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useNavbarActions } from '@/hooks/useNavbar';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport clsx from 'clsx';\nimport { useCallback } from 'react';\nimport { NavigationMenu, type NavigationMenuProps } from './NavigationMenu';\n\n/**\n * Navigation\n */\n\ntype NavigationProps = Partial<NavigationMenuProps>;\n\nfunction Navigation(props: NavigationProps) {\n const { className = '', layout = 'vertical', dense, active } = props;\n\n const navigation = useGetNavigationList();\n\n const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n\n const { closeMobile } = useNavbarActions();\n\n const handleItemClick = useCallback(() => {\n if (isMobile) {\n closeMobile();\n }\n }, [closeMobile, isMobile]);\n\n return (\n <NavigationMenu\n className={clsx('navigation flex-1', className)}\n navigation={navigation}\n layout={layout}\n dense={dense}\n active={active}\n onItemClick={handleItemClick}\n checkPermission={false}\n />\n );\n}\n\nexport default Navigation;\n"],"names":["Navigation","props","className","layout","dense","active","navigation","useGetNavigationList","isMobile","useThemeMediaQuery","theme","closeMobile","useNavbarActions","handleItemClick","useCallback","jsx","NavigationMenu","clsx","__name"],"mappings":";;;;;;;;;AAaA,SAASA,EAAWC,GAAwB;AAC1C,QAAM,EAAE,WAAAC,IAAY,IAAI,QAAAC,IAAS,YAAY,OAAAC,GAAO,QAAAC,MAAWJ,GAEzDK,IAAaC,EAAA,GAEbC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErE,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAkBC,EAAY,MAAM;AACxC,IAAIN,KACFG,EAAA;AAAA,EAEJ,GAAG,CAACA,GAAaH,CAAQ,CAAC;AAE1B,SACE,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAK,qBAAqBf,CAAS;AAAA,MAC9C,YAAAI;AAAA,MACA,QAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAaQ;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;AA1BSK,EAAAlB,GAAA;"}
1
+ {"version":3,"file":"Navigation.js","sources":["../../../../src/layout/components/navigation/Navigation.tsx"],"sourcesContent":["import { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useNavbarActions } from '@/hooks/internal/useNavbar';\nimport { useThemeMediaQuery } from '@/hooks/internal/useThemeMediaQuery';\nimport clsx from 'clsx';\nimport { useCallback } from 'react';\nimport { NavigationMenu, type NavigationMenuProps } from './NavigationMenu';\n\n/**\n * Navigation\n */\n\ntype NavigationProps = Partial<NavigationMenuProps>;\n\nfunction Navigation(props: NavigationProps) {\n const { className = '', layout = 'vertical', dense, active } = props;\n\n const navigation = useGetNavigationList();\n\n const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n\n const { closeMobile } = useNavbarActions();\n\n const handleItemClick = useCallback(() => {\n if (isMobile) {\n closeMobile();\n }\n }, [closeMobile, isMobile]);\n\n return (\n <NavigationMenu\n className={clsx('navigation flex-1', className)}\n navigation={navigation}\n layout={layout}\n dense={dense}\n active={active}\n onItemClick={handleItemClick}\n checkPermission={false}\n />\n );\n}\n\nexport default Navigation;\n"],"names":["Navigation","props","className","layout","dense","active","navigation","useGetNavigationList","isMobile","useThemeMediaQuery","theme","closeMobile","useNavbarActions","handleItemClick","useCallback","jsx","NavigationMenu","clsx","__name"],"mappings":";;;;;;;;;AAaA,SAASA,EAAWC,GAAwB;AAC1C,QAAM,EAAE,WAAAC,IAAY,IAAI,QAAAC,IAAS,YAAY,OAAAC,GAAO,QAAAC,MAAWJ,GAEzDK,IAAaC,EAAA,GAEbC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErE,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAkBC,EAAY,MAAM;AACxC,IAAIN,KACFG,EAAA;AAAA,EAEJ,GAAG,CAACA,GAAaH,CAAQ,CAAC;AAE1B,SACE,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAK,qBAAqBf,CAAS;AAAA,MAC9C,YAAAI;AAAA,MACA,QAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAaQ;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;AA1BSK,EAAAlB,GAAA;"}
@@ -1,7 +1,7 @@
1
1
  var R = Object.defineProperty;
2
2
  var s = (n, t) => R(n, "name", { value: t, configurable: !0 });
3
3
  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";
4
- import { useNavigationActiveRouteRemount as L } from "../../../../../hooks/useNavigationActiveRouteRemount.js";
4
+ import { useNavigationActiveRouteRemount as L } from "../../../../../hooks/internal/useNavigationActiveRouteRemount.js";
5
5
  import O from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
6
6
  import { ListItemButton as z } from "@mui/material";
7
7
  import B from "@mui/material/Collapse";
@@ -1 +1 @@
1
- {"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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"}
1
+ {"version":3,"file":"NavVerticalCollapse.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalCollapse.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/internal/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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"}
@@ -1,7 +1,7 @@
1
1
  var x = Object.defineProperty;
2
2
  var r = (i, e) => x(i, "name", { value: e, configurable: !0 });
3
3
  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";
4
- import { useNavigationActiveRouteRemount as v } from "../../../../../hooks/useNavigationActiveRouteRemount.js";
4
+ import { useNavigationActiveRouteRemount as v } from "../../../../../hooks/internal/useNavigationActiveRouteRemount.js";
5
5
  import b from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
6
6
  import { ListItemText as R, ListItem as L } from "@mui/material";
7
7
  import { styled as N, alpha as S } from "@mui/material/styles";
@@ -1 +1 @@
1
- {"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;"}
1
+ {"version":3,"file":"NavVerticalGroup.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalGroup.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/internal/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;"}
@@ -1,7 +1,7 @@
1
1
  var f = Object.defineProperty;
2
2
  var o = (i, t) => f(i, "name", { value: t, configurable: !0 });
3
3
  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";
4
- import { useNavigationActiveRouteRemount as y } from "../../../../../hooks/useNavigationActiveRouteRemount.js";
4
+ import { useNavigationActiveRouteRemount as y } from "../../../../../hooks/internal/useNavigationActiveRouteRemount.js";
5
5
  import w from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
6
6
  import { ListItemButton as v } from "@mui/material";
7
7
  import b from "@mui/material/ListItemText";