@owp/core 2.2.6 → 2.3.0

package/dist/hooks.js

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

package/dist/hooks.js.map

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

package/dist/layout/Layout.js

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

package/dist/layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../src/layout/Layout.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { selectOwpCurrentLayoutConfig } from '@/store/owpSettingsSlice';\nimport { OwpSuspense } from '@/components/OwpSuspense';\nimport { useAppSelector } from '@/hooks/useAppStore';\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  children?: ReactNode;\n};\n\n/**\n * The layout.\n */\nfunction Layout(props: LayoutProps) {\n  const { children } = props;\n  const config = useAppSelector(selectOwpCurrentLayoutConfig) as LayoutConfigDefaultsType;\n  const isFetching = useIsFetching();\n  const isMutating = useIsMutating();\n\n  return (\n    <Root id=\"owp-layout\" config={config} className=\"flex w-full\">\n      {config.leftSidePanel.display && <LeftSideLayout />}\n\n      <div className=\"flex min-w-0 flex-auto\">\n        {config.navbar.display && config.navbar.position === 'left' && <NavbarWrapperLayout />}\n\n        <main id=\"owp-main\" className=\"relative z-10 flex min-h-full min-w-0 flex-auto flex-col\">\n          {config.toolbar.display && (\n            <ToolbarLayout className={config.toolbar.style === 'fixed' ? 'sticky top-0' : ''} />\n          )}\n          {Boolean(isFetching || isMutating) && (\n            <div className=\"fixed top-0 left-0 z-30 w-full\">\n              <LinearProgress color=\"secondary\" />\n            </div>\n          )}\n\n          <div className=\"relative z-10 flex min-h-0 flex-auto flex-col\">\n            <OwpSuspense>\n              <Outlet />\n            </OwpSuspense>\n            {children}\n          </div>\n\n          {config.footer.display && (\n            <FooterLayout className={config.footer.style === 'fixed' ? 'sticky bottom-0' : ''} />\n          )}\n        </main>\n\n        {config.navbar.display && config.navbar.position === 'right' && <NavbarWrapperLayout />}\n      </div>\n    </Root>\n  );\n}\n\nexport default memo(Layout);\n"],"names":["Root","styled","config","Layout","props","children","useAppSelector","selectOwpCurrentLayoutConfig","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;AASF,SAASC,EAAOC,GAAoB;AAClC,QAAM,EAAE,UAAAC,MAAaD,GACfF,IAASI,EAAeC,CAA4B,GACpDC,IAAaC,EAAA,GACbC,IAAaC,EAAA;AAEnB,2BACGX,GAAA,EAAK,IAAG,cAAa,QAAAE,GAAgB,WAAU,eAC7C,UAAA;AAAA,IAAAA,EAAO,cAAc,WAAW,gBAAAU,EAACC,GAAA,CAAA,CAAe;AAAA,IAEjD,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,MAAAZ,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,4BAAWa,GAAA,EAAoB;AAAA,MAEpF,gBAAAD,EAAC,QAAA,EAAK,IAAG,YAAW,WAAU,4DAC3B,UAAA;AAAA,QAAAZ,EAAO,QAAQ,WACd,gBAAAU,EAACI,GAAA,EAAc,WAAWd,EAAO,QAAQ,UAAU,UAAU,iBAAiB,GAAA,CAAI;AAAA,QAEnF,GAAQM,KAAcE,MACrB,gBAAAE,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA,gBAAAA,EAACK,GAAA,EAAe,OAAM,YAAA,CAAY,GACpC;AAAA,QAGF,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,UAAA,gBAAAF,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,CAAA,CAAO,GACV;AAAA,UACCd;AAAA,QAAA,GACH;AAAA,QAECH,EAAO,OAAO,WACb,gBAAAU,EAACQ,GAAA,EAAa,WAAWlB,EAAO,OAAO,UAAU,UAAU,oBAAoB,GAAA,CAAI;AAAA,MAAA,GAEvF;AAAA,MAECA,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,6BAAYa,GAAA,CAAA,CAAoB;AAAA,IAAA,EAAA,CACvF;AAAA,EAAA,GACF;AAEJ;AAvCSM,EAAAlB,GAAA;AAyCT,MAAAmB,IAAeC,EAAKpB,CAAM;"}
+{"version":3,"file":"Layout.js","sources":["../../src/layout/Layout.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { OwpSuspense } from '@/components/OwpSuspense';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { LinearProgress } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { useIsFetching, useIsMutating } from '@tanstack/react-query';\nimport { memo, ReactNode } from 'react';\nimport { Outlet } from 'react-router-dom';\nimport FooterLayout from './components/layouts/FooterLayout';\nimport LeftSideLayout from './components/layouts/LeftSideLayout';\nimport NavbarWrapperLayout from './components/layouts/NavbarWrapperLayout';\nimport ToolbarLayout from './components/toolbar/ToolbarLayout';\n\nconst Root = styled('div')(({ config }: { config: LayoutConfigDefaultsType }) => ({\n  ...(config.mode === 'boxed' && {\n    clipPath: 'inset(0)',\n    maxWidth: config.containerWidth,\n    marginLeft: 'auto',\n    marginRight: 'auto',\n    boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n  }),\n  ...(config.mode === 'container' && {\n    '& .container': {\n      maxWidth: config.containerWidth,\n      width: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n  }),\n}));\n\ntype LayoutProps = {\n  children?: ReactNode;\n};\n\n/**\n * The layout.\n */\nfunction Layout(props: LayoutProps) {\n  const { children } = props;\n  const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n  const isFetching = useIsFetching();\n  const isMutating = useIsMutating();\n\n  return (\n    <Root id=\"owp-layout\" config={config} className=\"flex w-full\">\n      {config.leftSidePanel.display && <LeftSideLayout />}\n\n      <div className=\"flex min-w-0 flex-auto\">\n        {config.navbar.display && config.navbar.position === 'left' && <NavbarWrapperLayout />}\n\n        <main id=\"owp-main\" className=\"relative z-10 flex min-h-full min-w-0 flex-auto flex-col\">\n          {config.toolbar.display && (\n            <ToolbarLayout className={config.toolbar.style === 'fixed' ? 'sticky top-0' : ''} />\n          )}\n          {Boolean(isFetching || isMutating) && (\n            <div className=\"fixed top-0 left-0 z-30 w-full\">\n              <LinearProgress color=\"secondary\" />\n            </div>\n          )}\n\n          <div className=\"relative z-10 flex min-h-0 flex-auto flex-col\">\n            <OwpSuspense>\n              <Outlet />\n            </OwpSuspense>\n            {children}\n          </div>\n\n          {config.footer.display && (\n            <FooterLayout className={config.footer.style === 'fixed' ? 'sticky bottom-0' : ''} />\n          )}\n        </main>\n\n        {config.navbar.display && config.navbar.position === 'right' && <NavbarWrapperLayout />}\n      </div>\n    </Root>\n  );\n}\n\nexport default memo(Layout);\n"],"names":["Root","styled","config","Layout","props","children","useGetCurrentLayoutConfig","isFetching","useIsFetching","isMutating","useIsMutating","jsx","LeftSideLayout","jsxs","NavbarWrapperLayout","ToolbarLayout","LinearProgress","OwpSuspense","Outlet","FooterLayout","__name","Layout$1","memo"],"mappings":";;;;;;;;;;;;;;AAaA,MAAMA,IAAOC,EAAO,KAAK,EAAE,CAAC,EAAE,QAAAC,SAAoD;AAAA,EAChF,GAAIA,EAAO,SAAS,WAAW;AAAA,IAC7B,UAAU;AAAA,IACV,UAAUA,EAAO;AAAA,IACjB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAAA,EAEb,GAAIA,EAAO,SAAS,eAAe;AAAA,IACjC,gBAAgB;AAAA,MACd,UAAUA,EAAO;AAAA,MACjB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,EAAE;AASF,SAASC,EAAOC,GAAoB;AAClC,QAAM,EAAE,UAAAC,MAAaD,GACfF,IAASI,EAAA,GACTC,IAAaC,EAAA,GACbC,IAAaC,EAAA;AAEnB,2BACGV,GAAA,EAAK,IAAG,cAAa,QAAAE,GAAgB,WAAU,eAC7C,UAAA;AAAA,IAAAA,EAAO,cAAc,WAAW,gBAAAS,EAACC,GAAA,CAAA,CAAe;AAAA,IAEjD,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,MAAAX,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,4BAAWY,GAAA,EAAoB;AAAA,MAEpF,gBAAAD,EAAC,QAAA,EAAK,IAAG,YAAW,WAAU,4DAC3B,UAAA;AAAA,QAAAX,EAAO,QAAQ,WACd,gBAAAS,EAACI,GAAA,EAAc,WAAWb,EAAO,QAAQ,UAAU,UAAU,iBAAiB,GAAA,CAAI;AAAA,QAEnF,GAAQK,KAAcE,MACrB,gBAAAE,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA,gBAAAA,EAACK,GAAA,EAAe,OAAM,YAAA,CAAY,GACpC;AAAA,QAGF,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,UAAA,gBAAAF,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,CAAA,CAAO,GACV;AAAA,UACCb;AAAA,QAAA,GACH;AAAA,QAECH,EAAO,OAAO,WACb,gBAAAS,EAACQ,GAAA,EAAa,WAAWjB,EAAO,OAAO,UAAU,UAAU,oBAAoB,GAAA,CAAI;AAAA,MAAA,GAEvF;AAAA,MAECA,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,6BAAYY,GAAA,CAAA,CAAoB;AAAA,IAAA,EAAA,CACvF;AAAA,EAAA,GACF;AAEJ;AAvCSM,EAAAjB,GAAA;AAyCT,MAAAkB,IAAeC,EAAKnB,CAAM;"}

package/dist/layout/components/layouts/FooterLayout.js

@@ -1,20 +1,19 @@
 var l = Object.defineProperty;
 var t = (e, o) => l(e, "name", { value: o, configurable: !0 });
 import { jsx as a } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { selectFooterTheme as p } from "../../../store/owpSettingsSlice.js";
-import { useAppSelector as c } from "../../../hooks/useAppStore.js";
-import f from "@mui/material/AppBar";
-import { ThemeProvider as n } from "@mui/material/styles";
-import d from "@mui/material/Toolbar";
-import { clsx as i } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { memo as u } from "react";
-function s(e) {
-  const { className: o } = e, r = c(p);
-  return /* @__PURE__ */ a(n, { theme: r, children: /* @__PURE__ */ a(
-    f,
+import { useGetFooterTheme as p } from "../../../hooks/useOwpSettings.js";
+import c from "@mui/material/AppBar";
+import { ThemeProvider as f } from "@mui/material/styles";
+import n from "@mui/material/Toolbar";
+import { clsx as d } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { memo as i } from "react";
+function u(e) {
+  const { className: o } = e, r = p();
+  return /* @__PURE__ */ a(f, { theme: r, children: /* @__PURE__ */ a(
+    c,
     {
       id: "owp-footer",
-      className: i("relative z-20 border-t", o),
+      className: d("relative z-20 border-t", o),
       color: "default",
       sx: /* @__PURE__ */ t((m) => ({
         backgroundColor: "var(--default-background-footerTheme-palette)",
@@ -25,13 +24,13 @@ function s(e) {
         "--default-background-footerTheme-palette": r.palette.background.default
       }), "sx"),
       elevation: 0,
-      children: /* @__PURE__ */ a(d, { className: "min-h-48 md:min-h-64 px-8 sm:px-12 py-0 flex items-center overflow-x-auto", children: "Footer" })
+      children: /* @__PURE__ */ a(n, { className: "min-h-48 md:min-h-64 px-8 sm:px-12 py-0 flex items-center overflow-x-auto", children: "Footer" })
     }
   ) });
 }
-t(s, "FooterLayout");
-const N = u(s);
+t(u, "FooterLayout");
+const y = i(u);
 export {
-  N as default
+  y as default
 };
 //# sourceMappingURL=FooterLayout.js.map

package/dist/layout/components/layouts/FooterLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterLayout.js","sources":["../../../../src/layout/components/layouts/FooterLayout.tsx"],"sourcesContent":["import { selectFooterTheme } from '@/store/owpSettingsSlice';\nimport { useAppSelector } from '@/hooks/useAppStore';\nimport AppBar from '@mui/material/AppBar';\nimport { ThemeProvider } from '@mui/material/styles';\nimport Toolbar from '@mui/material/Toolbar';\nimport clsx from 'clsx';\nimport { memo } from 'react';\n\ntype FooterLayoutProps = { className?: string };\n\n/**\n * The footer layout.\n */\nfunction FooterLayout(props: FooterLayoutProps) {\n  const { className } = props;\n\n  const footerTheme = useAppSelector(selectFooterTheme);\n\n  return (\n    <ThemeProvider theme={footerTheme}>\n      <AppBar\n        id=\"owp-footer\"\n        className={clsx('relative z-20 border-t', className)}\n        color=\"default\"\n        sx={(theme) => ({\n          backgroundColor: 'var(--default-background-footerTheme-palette)',\n          ...theme.applyStyles('light', {\n            backgroundColor: 'var(--paper-background-footerTheme-palette)',\n          }),\n          '--paper-background-footerTheme-palette': (footerTheme as any).palette.background.paper,\n          '--default-background-footerTheme-palette': (footerTheme as any).palette.background\n            .default,\n        })}\n        elevation={0}\n      >\n        <Toolbar className=\"min-h-48 md:min-h-64 px-8 sm:px-12 py-0 flex items-center overflow-x-auto\">\n          Footer\n        </Toolbar>\n      </AppBar>\n    </ThemeProvider>\n  );\n}\n\nexport default memo(FooterLayout);\n"],"names":["FooterLayout","props","className","footerTheme","useAppSelector","selectFooterTheme","jsx","ThemeProvider","AppBar","clsx","__name","theme","Toolbar","FooterLayout$1","memo"],"mappings":";;;;;;;;;;AAaA,SAASA,EAAaC,GAA0B;AAC9C,QAAM,EAAE,WAAAC,MAAcD,GAEhBE,IAAcC,EAAeC,CAAiB;AAEpD,SACE,gBAAAC,EAACC,GAAA,EAAc,OAAOJ,GACpB,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAWC,EAAK,0BAA0BP,CAAS;AAAA,MACnD,OAAM;AAAA,MACN,IAAI,gBAAAQ,EAAA,CAACC,OAAW;AAAA,QACd,iBAAiB;AAAA,QACjB,GAAGA,EAAM,YAAY,SAAS;AAAA,UAC5B,iBAAiB;AAAA,QAAA,CAClB;AAAA,QACD,0CAA2CR,EAAoB,QAAQ,WAAW;AAAA,QAClF,4CAA6CA,EAAoB,QAAQ,WACtE;AAAA,MAAA,IAPD;AAAA,MASJ,WAAW;AAAA,MAEX,UAAA,gBAAAG,EAACM,GAAA,EAAQ,WAAU,6EAA4E,UAAA,SAAA,CAE/F;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AA5BSF,EAAAV,GAAA;AA8BT,MAAAa,IAAeC,EAAKd,CAAY;"}
+{"version":3,"file":"FooterLayout.js","sources":["../../../../src/layout/components/layouts/FooterLayout.tsx"],"sourcesContent":["import { useGetFooterTheme } from '@/hooks/useOwpSettings';\nimport AppBar from '@mui/material/AppBar';\nimport { ThemeProvider } from '@mui/material/styles';\nimport Toolbar from '@mui/material/Toolbar';\nimport clsx from 'clsx';\nimport { memo } from 'react';\n\ntype FooterLayoutProps = { className?: string };\n\n/**\n * The footer layout.\n */\nfunction FooterLayout(props: FooterLayoutProps) {\n  const { className } = props;\n\n  const footerTheme = useGetFooterTheme();\n\n  return (\n    <ThemeProvider theme={footerTheme}>\n      <AppBar\n        id=\"owp-footer\"\n        className={clsx('relative z-20 border-t', className)}\n        color=\"default\"\n        sx={(theme) => ({\n          backgroundColor: 'var(--default-background-footerTheme-palette)',\n          ...theme.applyStyles('light', {\n            backgroundColor: 'var(--paper-background-footerTheme-palette)',\n          }),\n          '--paper-background-footerTheme-palette': (footerTheme as any).palette.background.paper,\n          '--default-background-footerTheme-palette': (footerTheme as any).palette.background\n            .default,\n        })}\n        elevation={0}\n      >\n        <Toolbar className=\"min-h-48 md:min-h-64 px-8 sm:px-12 py-0 flex items-center overflow-x-auto\">\n          Footer\n        </Toolbar>\n      </AppBar>\n    </ThemeProvider>\n  );\n}\n\nexport default memo(FooterLayout);\n"],"names":["FooterLayout","props","className","footerTheme","useGetFooterTheme","jsx","ThemeProvider","AppBar","clsx","__name","theme","Toolbar","FooterLayout$1","memo"],"mappings":";;;;;;;;;AAYA,SAASA,EAAaC,GAA0B;AAC9C,QAAM,EAAE,WAAAC,MAAcD,GAEhBE,IAAcC,EAAA;AAEpB,SACE,gBAAAC,EAACC,GAAA,EAAc,OAAOH,GACpB,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAWC,EAAK,0BAA0BN,CAAS;AAAA,MACnD,OAAM;AAAA,MACN,IAAI,gBAAAO,EAAA,CAACC,OAAW;AAAA,QACd,iBAAiB;AAAA,QACjB,GAAGA,EAAM,YAAY,SAAS;AAAA,UAC5B,iBAAiB;AAAA,QAAA,CAClB;AAAA,QACD,0CAA2CP,EAAoB,QAAQ,WAAW;AAAA,QAClF,4CAA6CA,EAAoB,QAAQ,WACtE;AAAA,MAAA,IAPD;AAAA,MASJ,WAAW;AAAA,MAEX,UAAA,gBAAAE,EAACM,GAAA,EAAQ,WAAU,6EAA4E,UAAA,SAAA,CAE/F;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AA5BSF,EAAAT,GAAA;AA8BT,MAAAY,IAAeC,EAAKb,CAAY;"}

package/dist/layout/components/layouts/NavbarToggleFabLayout.js

@@ -1,26 +1,29 @@
-var s = Object.defineProperty;
-var t = (o, r) => s(o, "name", { value: r, configurable: !0 });
-import { jsx as p } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { navbarToggleMobile as m, navbarToggle as c } from "../../../store/navbarSlice.js";
-import l from "../navbar/NavbarToggleFab.js";
-import { selectOwpCurrentLayoutConfig as g } from "../../../store/owpSettingsSlice.js";
-import { useThemeMediaQuery as b } from "../../../hooks/useThemeMediaQuery.js";
-import { useAppSelector as f, useAppDispatch as u } from "../../../hooks/useAppStore.js";
-function N(o) {
-  const { className: r } = o, e = b((n) => n.breakpoints.down("lg")), a = f(g), i = u();
-  return /* @__PURE__ */ p(
-    l,
+var m = Object.defineProperty;
+var r = (o, t) => m(o, "name", { value: t, configurable: !0 });
+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";
+import u from "../navbar/NavbarToggleFab.js";
+import { useNavbarActions as f } from "../../../hooks/useNavbar.js";
+import { useThemeMediaQuery as l } from "../../../hooks/useThemeMediaQuery.js";
+import { useGetCurrentLayoutConfig as b } from "../../../hooks/useOwpSettings.js";
+function C(o) {
+  const { className: t } = o, e = l((s) => s.breakpoints.down("lg")), i = b(), { toggle: a, toggleMobile: n } = f();
+  return /* @__PURE__ */ g(
+    u,
     {
-      className: r,
-      onClick: /* @__PURE__ */ t(() => {
-        i(e ? m() : c());
+      className: t,
+      onClick: /* @__PURE__ */ r(() => {
+        if (e) {
+          n();
+          return;
+        }
+        a();
       }, "onClick"),
-      position: a.navbar.position
+      position: i.navbar.position
     }
   );
 }
-t(N, "NavbarToggleFabLayout");
+r(C, "NavbarToggleFabLayout");
 export {
-  N as default
+  C as default
 };
 //# sourceMappingURL=NavbarToggleFabLayout.js.map

package/dist/layout/components/layouts/NavbarToggleFabLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarToggleFabLayout.js","sources":["../../../../src/layout/components/layouts/NavbarToggleFabLayout.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport {\n  navbarToggle,\n  navbarToggleMobile,\n} from '@/store/navbarSlice';\nimport NavbarToggleFab from '@/layout/components/navbar/NavbarToggleFab';\nimport { selectOwpCurrentLayoutConfig } from '@/store/owpSettingsSlice';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport { useAppDispatch, useAppSelector } from '@/hooks/useAppStore';\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 = useAppSelector(selectOwpCurrentLayoutConfig) as LayoutConfigDefaultsType;\n\n  const dispatch = useAppDispatch();\n\n  return (\n    <NavbarToggleFab\n      className={className}\n      onClick={() => {\n        dispatch(isMobile ? navbarToggleMobile() : navbarToggle());\n      }}\n      position={config.navbar.position}\n    />\n  );\n}\n\nexport default NavbarToggleFabLayout;\n"],"names":["NavbarToggleFabLayout","props","className","isMobile","useThemeMediaQuery","theme","config","useAppSelector","selectOwpCurrentLayoutConfig","dispatch","useAppDispatch","jsx","NavbarToggleFab","__name","navbarToggleMobile","navbarToggle"],"mappings":";;;;;;;;AAiBA,SAASA,EAAsBC,GAAmC;AAChE,QAAM,EAAE,WAAAC,MAAcD,GAEhBE,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErEC,IAASC,EAAeC,CAA4B,GAEpDC,IAAWC,EAAA;AAEjB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAV;AAAA,MACA,SAAS,gBAAAW,EAAA,MAAM;AACb,QAAAJ,EAASN,IAAWW,EAAA,IAAuBC,EAAA,CAAc;AAAA,MAC3D,GAFS;AAAA,MAGT,UAAUT,EAAO,OAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;AAlBSO,EAAAb,GAAA;"}
+{"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;"}

package/dist/layout/components/layouts/NavbarWrapperLayout.js

@@ -1,28 +1,27 @@
-var f = Object.defineProperty;
-var i = (o, r) => f(o, "name", { value: r, configurable: !0 });
-import { jsxs as l, jsx as e, Fragment as b } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { selectOwpCurrentLayoutConfig as u, selectNavbarTheme as h } from "../../../store/owpSettingsSlice.js";
+var c = Object.defineProperty;
+var i = (o, r) => c(o, "name", { value: r, configurable: !0 });
+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";
+import { useGetCurrentLayoutConfig as b, useGetNavbarTheme as l } from "../../../hooks/useOwpSettings.js";
 import v from "./NavbarToggleFabLayout.js";
-import { selectOwpNavbar as d, navbarCloseMobile as y } from "../../../store/navbarSlice.js";
-import { useThemeMediaQuery as g } from "../../../hooks/useThemeMediaQuery.js";
-import { useAppSelector as t, useAppDispatch as N } from "../../../hooks/useAppStore.js";
-import { ThemeProvider as T } from "@mui/material/styles";
-import { useEffect as L } from "react";
-import { useLocation as w } from "react-router-dom";
-import x from "../navbar/style/NavbarStyle.js";
-function Q() {
-  const o = t(u), r = t(d), m = w(), a = g((c) => c.breakpoints.down("lg")), { pathname: n } = m, p = N();
-  L(() => {
-    a && p(y());
-  }, [n, a]);
-  const s = t(h);
-  return /* @__PURE__ */ l(b, { children: [
-    /* @__PURE__ */ e(T, { theme: s, children: /* @__PURE__ */ e(x, {}) }),
+import { useGetNavbar as d, useNavbarActions as h } from "../../../hooks/useNavbar.js";
+import { useThemeMediaQuery as y } from "../../../hooks/useThemeMediaQuery.js";
+import { ThemeProvider as g } from "@mui/material/styles";
+import { useEffect as N } from "react";
+import { useLocation as T } from "react-router-dom";
+import L from "../navbar/style/NavbarStyle.js";
+function P() {
+  const o = b(), r = d(), n = T(), t = y((p) => p.breakpoints.down("lg")), { pathname: m } = n, { closeMobile: a } = h();
+  N(() => {
+    t && a();
+  }, [a, m, t]);
+  const s = l();
+  return /* @__PURE__ */ f(u, { children: [
+    /* @__PURE__ */ e(g, { theme: s, children: /* @__PURE__ */ e(L, {}) }),
     o.navbar.display && !o.toolbar.display && !r.open && /* @__PURE__ */ e(v, {})
   ] });
 }
-i(Q, "NavbarWrapperLayout");
+i(P, "NavbarWrapperLayout");
 export {
-  Q as default
+  P as default
 };
 //# sourceMappingURL=NavbarWrapperLayout.js.map

package/dist/layout/components/layouts/NavbarWrapperLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarWrapperLayout.js","sources":["../../../../src/layout/components/layouts/NavbarWrapperLayout.tsx"],"sourcesContent":["import {\n  selectNavbarTheme,\n  selectOwpCurrentLayoutConfig,\n} from '@/store/owpSettingsSlice';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport NavbarToggleFabLayout from '@/layout/components/layouts/NavbarToggleFabLayout';\nimport {\n  navbarCloseMobile,\n  selectOwpNavbar,\n} from '@/store/navbarSlice';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport { useAppDispatch, useAppSelector } from '@/hooks/useAppStore';\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 = useAppSelector(selectOwpCurrentLayoutConfig) as LayoutConfigDefaultsType;\n  const navbar = useAppSelector(selectOwpNavbar);\n  const location = useLocation();\n  const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n  const { pathname } = location;\n  const dispatch = useAppDispatch();\n\n  useEffect(() => {\n    if (isMobile) {\n      dispatch(navbarCloseMobile());\n    }\n  }, [pathname, isMobile]);\n\n  const navbarTheme = useAppSelector(selectNavbarTheme);\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","useAppSelector","selectOwpCurrentLayoutConfig","navbar","selectOwpNavbar","location","useLocation","isMobile","useThemeMediaQuery","theme","pathname","dispatch","useAppDispatch","useEffect","navbarCloseMobile","navbarTheme","selectNavbarTheme","jsxs","Fragment","jsx","ThemeProvider","NavbarStyle","NavbarToggleFabLayout","__name"],"mappings":";;;;;;;;;;;;AAoBA,SAASA,IAAsB;AAC7B,QAAMC,IAASC,EAAeC,CAA4B,GACpDC,IAASF,EAAeG,CAAe,GACvCC,IAAWC,EAAA,GACXC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GACrE,EAAE,UAAAC,MAAaL,GACfM,IAAWC,EAAA;AAEjB,EAAAC,EAAU,MAAM;AACd,IAAIN,KACFI,EAASG,GAAmB;AAAA,EAEhC,GAAG,CAACJ,GAAUH,CAAQ,CAAC;AAEvB,QAAMQ,IAAcd,EAAee,CAAiB;AAEpD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOL,GACpB,UAAA,gBAAAI,EAACE,KAAY,GACf;AAAA,IACCrB,EAAO,OAAO,WAAW,CAACA,EAAO,QAAQ,WAAW,CAACG,EAAO,QAC3D,gBAAAgB,EAACG,GAAA,CAAA,CAAsB;AAAA,EAAA,GAE3B;AAEJ;AA1BSC,EAAAxB,GAAA;"}
+{"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;"}

package/dist/layout/components/navbar/NavbarPinToggleButton.js

@@ -2,12 +2,11 @@ var u = Object.defineProperty;
 var r = (o, n) => u(o, "name", { value: n, configurable: !0 });
 import { jsx as t } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
 import d from "./NavbarToggleButton.js";
-import { useOwpTranslation as p } from "../../../hooks/useOwpTranslation.js";
-import { useAppSelector as h } from "../../../hooks/useAppStore.js";
-import { selectOwpCurrentSettings as m } from "../../../store/owpSettingsSlice.js";
+import { useOwpTranslation as h } from "../../../hooks/useOwpTranslation.js";
+import { useGetCurrentSettings as p } from "../../../hooks/useOwpSettings.js";
 import l from "@mui/material/SvgIcon";
-import { clsx as g } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-function k(o) {
+import { clsx as m } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+function g(o) {
   return /* @__PURE__ */ t(l, { ...o, viewBox: "0 0 24 24", children: /* @__PURE__ */ t(
     "path",
     {
@@ -21,8 +20,8 @@ function k(o) {
     }
   ) });
 }
-r(k, "NavbarAutoHideIcon");
-function v(o) {
+r(g, "NavbarAutoHideIcon");
+function k(o) {
   return /* @__PURE__ */ t(l, { ...o, viewBox: "0 0 24 24", children: /* @__PURE__ */ t(
     "path",
     {
@@ -36,18 +35,18 @@ function v(o) {
     }
   ) });
 }
-r(v, "NavbarPinnedIcon");
+r(k, "NavbarPinnedIcon");
 function L(o) {
   var s;
-  const { children: n, ...e } = o, a = h(m), { config: f } = a.layout, i = (s = f.navbar) == null ? void 0 : s.folded, { t: c } = p();
+  const { children: n, ...e } = o, a = p(), { config: f } = a.layout, i = (s = f.navbar) == null ? void 0 : s.folded, { t: c } = h();
   return /* @__PURE__ */ t(
     d,
     {
       ...e,
       color: e.color ?? "inherit",
       tooltipTitle: c(i ? "Title.네비게이션 고정" : "Title.네비게이션 자동 숨김"),
-      className: g(i ? "opacity-100" : "opacity-70", e.className),
-      children: n ?? (i ? /* @__PURE__ */ t(v, { color: "inherit", sx: { fontSize: 24 } }) : /* @__PURE__ */ t(k, { color: "inherit", sx: { fontSize: 24 } }))
+      className: m(i ? "opacity-100" : "opacity-70", e.className),
+      children: n ?? (i ? /* @__PURE__ */ t(k, { color: "inherit", sx: { fontSize: 24 } }) : /* @__PURE__ */ t(g, { color: "inherit", sx: { fontSize: 24 } }))
     }
   );
 }

package/dist/layout/components/navbar/NavbarPinToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarPinToggleButton.js","sources":["../../../../src/layout/components/navbar/NavbarPinToggleButton.tsx"],"sourcesContent":["import NavbarToggleButton, {\n  NavbarToggleButtonProps,\n} from '@/layout/components/navbar/NavbarToggleButton';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useAppSelector } from '@/hooks/useAppStore';\nimport { selectOwpCurrentSettings as selectCurrentSettings } from '@/store/owpSettingsSlice';\nimport type { OwpSettingsConfigType as SettingsConfigType } from '@/types/OwpSettingsTypes';\nimport SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';\nimport clsx from 'clsx';\nimport type { ReactNode } from 'react';\n\ntype NavbarPinToggleButtonProps = NavbarToggleButtonProps & {\n  className?: string;\n  children?: ReactNode;\n};\n\n/**\n * Navbar auto-hide state icon.\n */\nfunction NavbarAutoHideIcon(props: SvgIconProps) {\n  return (\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\n      <path\n        d=\"M4 6.5h16M4 12h16M4 17.5h16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1}\n        vectorEffect=\"non-scaling-stroke\"\n      />\n    </SvgIcon>\n  );\n}\n\n/**\n * Navbar pinned state icon.\n */\nfunction NavbarPinnedIcon(props: SvgIconProps) {\n  return (\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\n      <path\n        d=\"M4 6.5h11.5M4 12h8.5M4 17.5h11.5M18.75 8.5 15.25 12l3.5 3.5\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1}\n        vectorEffect=\"non-scaling-stroke\"\n      />\n    </SvgIcon>\n  );\n}\n\n/**\n * Navbar pin toggle button.\n */\nfunction NavbarPinToggleButton(props: NavbarPinToggleButtonProps) {\n  const { children, ...rest } = props;\n  const settings: SettingsConfigType = useAppSelector(selectCurrentSettings);\n  const { config } = settings.layout;\n  const folded = config.navbar?.folded;\n  const { t } = useOwpTranslation();\n\n  return (\n    <NavbarToggleButton\n      {...rest}\n      color={rest.color ?? 'inherit'}\n      tooltipTitle={\n        folded ? t('Title.네비게이션 고정') : t('Title.네비게이션 자동 숨김')\n      }\n      className={clsx(folded ? 'opacity-100' : 'opacity-70', rest.className)}\n    >\n      {children ??\n        (folded ? (\n          <NavbarPinnedIcon color=\"inherit\" sx={{ fontSize: 24 }} />\n        ) : (\n          <NavbarAutoHideIcon color=\"inherit\" sx={{ fontSize: 24 }} />\n        ))}\n    </NavbarToggleButton>\n  );\n}\n\nexport default NavbarPinToggleButton;\n"],"names":["NavbarAutoHideIcon","props","jsx","SvgIcon","__name","NavbarPinnedIcon","NavbarPinToggleButton","children","rest","settings","useAppSelector","selectCurrentSettings","config","folded","_a","t","useOwpTranslation","NavbarToggleButton","clsx"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAmBC,GAAqB;AAC/C,SACE,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAO,SAAQ,aAC1B,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,QAAO;AAAA,MACP,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AAdSE,EAAAJ,GAAA;AAmBT,SAASK,EAAiBJ,GAAqB;AAC7C,SACE,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAO,SAAQ,aAC1B,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,QAAO;AAAA,MACP,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AAdSE,EAAAC,GAAA;AAmBT,SAASC,EAAsBL,GAAmC;;AAChE,QAAM,EAAE,UAAAM,GAAU,GAAGC,EAAA,IAASP,GACxBQ,IAA+BC,EAAeC,CAAqB,GACnE,EAAE,QAAAC,MAAWH,EAAS,QACtBI,KAASC,IAAAF,EAAO,WAAP,gBAAAE,EAAe,QACxB,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAAd;AAAA,IAACe;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,OAAOA,EAAK,SAAS;AAAA,MACrB,cACWO,EAATF,IAAW,mBAAsB,mBAAN;AAAA,MAE7B,WAAWK,EAAKL,IAAS,gBAAgB,cAAcL,EAAK,SAAS;AAAA,MAEpE,UAAAD,MACEM,IACC,gBAAAX,EAACG,GAAA,EAAiB,OAAM,WAAU,IAAI,EAAE,UAAU,GAAA,GAAM,IAExD,gBAAAH,EAACF,KAAmB,OAAM,WAAU,IAAI,EAAE,UAAU,MAAM;AAAA,IAAA;AAAA,EAAA;AAIpE;AAxBSI,EAAAE,GAAA;"}
+{"version":3,"file":"NavbarPinToggleButton.js","sources":["../../../../src/layout/components/navbar/NavbarPinToggleButton.tsx"],"sourcesContent":["import NavbarToggleButton, {\n  NavbarToggleButtonProps,\n} from '@/layout/components/navbar/NavbarToggleButton';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport type { OwpSettingsConfigType as SettingsConfigType } from '@/types/OwpSettingsTypes';\nimport SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';\nimport clsx from 'clsx';\nimport type { ReactNode } from 'react';\n\ntype NavbarPinToggleButtonProps = NavbarToggleButtonProps & {\n  className?: string;\n  children?: ReactNode;\n};\n\n/**\n * Navbar auto-hide state icon.\n */\nfunction NavbarAutoHideIcon(props: SvgIconProps) {\n  return (\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\n      <path\n        d=\"M4 6.5h16M4 12h16M4 17.5h16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1}\n        vectorEffect=\"non-scaling-stroke\"\n      />\n    </SvgIcon>\n  );\n}\n\n/**\n * Navbar pinned state icon.\n */\nfunction NavbarPinnedIcon(props: SvgIconProps) {\n  return (\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\n      <path\n        d=\"M4 6.5h11.5M4 12h8.5M4 17.5h11.5M18.75 8.5 15.25 12l3.5 3.5\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1}\n        vectorEffect=\"non-scaling-stroke\"\n      />\n    </SvgIcon>\n  );\n}\n\n/**\n * Navbar pin toggle button.\n */\nfunction NavbarPinToggleButton(props: NavbarPinToggleButtonProps) {\n  const { children, ...rest } = props;\n  const settings: SettingsConfigType = useGetCurrentSettings();\n  const { config } = settings.layout;\n  const folded = config.navbar?.folded;\n  const { t } = useOwpTranslation();\n\n  return (\n    <NavbarToggleButton\n      {...rest}\n      color={rest.color ?? 'inherit'}\n      tooltipTitle={\n        folded ? t('Title.네비게이션 고정') : t('Title.네비게이션 자동 숨김')\n      }\n      className={clsx(folded ? 'opacity-100' : 'opacity-70', rest.className)}\n    >\n      {children ??\n        (folded ? (\n          <NavbarPinnedIcon color=\"inherit\" sx={{ fontSize: 24 }} />\n        ) : (\n          <NavbarAutoHideIcon color=\"inherit\" sx={{ fontSize: 24 }} />\n        ))}\n    </NavbarToggleButton>\n  );\n}\n\nexport default NavbarPinToggleButton;\n"],"names":["NavbarAutoHideIcon","props","jsx","SvgIcon","__name","NavbarPinnedIcon","NavbarPinToggleButton","children","rest","settings","useGetCurrentSettings","config","folded","_a","t","useOwpTranslation","NavbarToggleButton","clsx"],"mappings":";;;;;;;;AAkBA,SAASA,EAAmBC,GAAqB;AAC/C,SACE,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAO,SAAQ,aAC1B,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,QAAO;AAAA,MACP,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AAdSE,EAAAJ,GAAA;AAmBT,SAASK,EAAiBJ,GAAqB;AAC7C,SACE,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAO,SAAQ,aAC1B,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,QAAO;AAAA,MACP,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EAAA,GAEjB;AAEJ;AAdSE,EAAAC,GAAA;AAmBT,SAASC,EAAsBL,GAAmC;;AAChE,QAAM,EAAE,UAAAM,GAAU,GAAGC,EAAA,IAASP,GACxBQ,IAA+BC,EAAA,GAC/B,EAAE,QAAAC,MAAWF,EAAS,QACtBG,KAASC,IAAAF,EAAO,WAAP,gBAAAE,EAAe,QACxB,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,OAAOA,EAAK,SAAS;AAAA,MACrB,cACWM,EAATF,IAAW,mBAAsB,mBAAN;AAAA,MAE7B,WAAWK,EAAKL,IAAS,gBAAgB,cAAcJ,EAAK,SAAS;AAAA,MAEpE,UAAAD,MACEK,IACC,gBAAAV,EAACG,GAAA,EAAiB,OAAM,WAAU,IAAI,EAAE,UAAU,GAAA,GAAM,IAExD,gBAAAH,EAACF,KAAmB,OAAM,WAAU,IAAI,EAAE,UAAU,MAAM;AAAA,IAAA;AAAA,EAAA;AAIpE;AAxBSI,EAAAE,GAAA;"}