@owp/core 2.2.6 → 2.3.0

package/dist/_virtual/index11.js

@@ -1,5 +1,5 @@
-var r = {};
+var a = {};
 export {
-  r as __exports
+  a as __exports
 };
 //# sourceMappingURL=index11.js.map

package/dist/_virtual/index12.js

@@ -1,5 +1,5 @@
-var r = {};
+var a = {};
 export {
-  r as __exports
+  a as __exports
 };
 //# sourceMappingURL=index12.js.map

package/dist/_virtual/index13.js

@@ -1,5 +1,5 @@
-var a = {};
+var r = {};
 export {
-  a as __exports
+  r as __exports
 };
 //# sourceMappingURL=index13.js.map

package/dist/_virtual/index14.js

@@ -1,5 +1,5 @@
-var a = {};
+var e = {};
 export {
-  a as __exports
+  e as __exports
 };
 //# sourceMappingURL=index14.js.map

package/dist/_virtual/index16.js

@@ -1,5 +1,8 @@
-var e = {};
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  e as __exports
+  s as default
 };
 //# sourceMappingURL=index16.js.map

package/dist/_virtual/index16.js.map

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

package/dist/_virtual/index17.js

@@ -1,5 +1,5 @@
-var r = {};
+var p = { exports: {} };
 export {
-  r as __exports
+  p as __module
 };
 //# sourceMappingURL=index17.js.map

package/dist/_virtual/index6.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+var r = {};
 export {
-  s as default
+  r as __exports
 };
 //# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

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

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
-var p = { exports: {} };
+var r = {};
 export {
-  p as __module
+  r as __exports
 };
 //# sourceMappingURL=index7.js.map

package/dist/components/OwpLayout/OwpLayout.js

@@ -1,48 +1,47 @@
-var v = Object.defineProperty;
-var g = (s, o) => v(s, "name", { value: o, configurable: !0 });
-import { jsx as I } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+var w = Object.defineProperty;
+var g = (s, o) => w(s, "name", { value: o, configurable: !0 });
+import { jsx as L } 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 { themeLayouts as R } from "../../layout/themeLayouts.js";
 import { useOwpAppContext as z } from "../../contexts/OwpAppProvider.js";
-import { generateSettings as C } from "../../configs/defaultConfig.js";
-import { useOwpTranslation as P } from "../../hooks/useOwpTranslation.js";
-import { useAppDispatch as x, useAppSelector as L } from "../../hooks/useAppStore.js";
-import { selectOwpCurrentSettings as A, selectOwpDefaultSettings as j, setSettings as B } from "../../store/owpSettingsSlice.js";
-import { useRef as D, useMemo as f, useEffect as h } from "react";
+import { generateSettings as O } from "../../configs/defaultConfig.js";
+import { useOwpTranslation as C } from "../../hooks/useOwpTranslation.js";
+import { useSetSettings as P, useGetCurrentSettings as x, useGetDefaultSettings as j } from "../../hooks/useOwpSettings.js";
+import { useRef as B, useMemo as f, useEffect as S } from "react";
 import { useLocation as E, matchRoutes as F } from "react-router-dom";
-import { isEqual as M } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { merge as T } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
-import { OwpLoading as b } from "../OwpLoading/OwpLoading.js";
-function $(s) {
+import { isEqual as G } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { merge as M } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
+import { OwpLoading as T } from "../OwpLoading/OwpLoading.js";
+function Y(s) {
   var y;
-  const { routesConfig: o } = z(), { i18n: r } = P(), { layouts: l = R, children: u } = s, a = x(), t = L(A), i = L(j), m = (y = t == null ? void 0 : t.layout) == null ? void 0 : y.style, e = E(), { pathname: p } = e, S = D(!1), d = f(
-    () => k(o, p, "settings", !0),
-    [p, o]
-  ), c = f(() => d === void 0 ? i : C(i, d), [i, d]), n = f(
-    () => t === c || M(c, t),
+  const { routesConfig: o } = z(), { i18n: r } = C(), { layouts: m = R, children: u } = s, a = P(), t = x(), n = j(), l = (y = t == null ? void 0 : t.layout) == null ? void 0 : y.style, e = E(), { pathname: d } = e, h = B(!1), p = f(
+    () => b(o, d, "settings", !0),
+    [d, o]
+  ), c = f(() => p === void 0 ? n : O(n, p), [n, p]), i = f(
+    () => t === c || G(c, t),
     [c, t]
   );
-  return h(() => {
-    n || a(B(c));
-  }, [c, a, n]), h(() => {
+  return S(() => {
+    i || a(c);
+  }, [c, i, a]), S(() => {
     window.scrollTo(0, 0);
-  }, [p]), h(() => {
-    n && r.isInitialized && (S.current = !0);
-  }, [r.isInitialized, n]), f(() => !r.isInitialized || !n && !S.current ? /* @__PURE__ */ I(b, {}) : Object.entries(l).map(([w, O]) => w === m ? /* @__PURE__ */ I(O, { children: u }, w) : null), [u, r.isInitialized, n, m, l]);
+  }, [d]), S(() => {
+    i && r.isInitialized && (h.current = !0);
+  }, [r.isInitialized, i]), f(() => !r.isInitialized || !i && !h.current ? /* @__PURE__ */ L(T, {}) : Object.entries(m).map(([I, v]) => I === l ? /* @__PURE__ */ L(v, { children: u }, I) : null), [u, r.isInitialized, i, l, m]);
 }
-g($, "OwpLayout");
-function k(s, o, r, l = !0) {
+g(Y, "OwpLayout");
+function b(s, o, r, m = !0) {
   const u = F(s, o);
   if (!u)
     return;
   let a = !1;
-  const t = u.reduce((i, m) => {
-    const e = m.route[r];
-    return e === void 0 ? i : (a = !0, !l || e === null ? e : T(i ?? {}, e));
+  const t = u.reduce((n, l) => {
+    const e = l.route[r];
+    return e === void 0 ? n : (a = !0, !m || e === null ? e : M(n ?? {}, e));
   }, void 0);
   return a ? t : void 0;
 }
-g(k, "getRouteParamUtil");
+g(b, "getRouteParamUtil");
 export {
-  $ as OwpLayout
+  Y as OwpLayout
 };
 //# sourceMappingURL=OwpLayout.js.map

package/dist/components/OwpLayout/OwpLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpLayout.js","sources":["../../../src/components/OwpLayout/OwpLayout.tsx"],"sourcesContent":["import { themeLayouts, themeLayoutsType } from '@/layout/themeLayouts';\nimport { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { generateSettings } from '@/configs/defaultConfig';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useAppDispatch, useAppSelector } from '@/hooks/useAppStore';\nimport {\n  selectOwpCurrentSettings,\n  selectOwpDefaultSettings,\n  setSettings,\n} from '@/store/owpSettingsSlice';\nimport type { OwpSettingsConfigType } from '@/types/OwpSettingsTypes';\nimport { OwpRoutesType } from '@/utils/common/OwpUtils';\nimport { isEqual, merge } from 'es-toolkit/compat';\nimport { type ReactNode, useEffect, useMemo, useRef } from 'react';\nimport { matchRoutes, RouteMatch, RouteObject, useLocation } from 'react-router-dom';\nimport { OwpLoading } from '../OwpLoading';\n\nexport type OwpRouteObjectType = RouteObject & {\n  settings?: OwpSettingsConfigType;\n  auth?: string[] | [] | null | undefined;\n};\n\nexport type OwpRouteMatchType = RouteMatch & {\n  route: OwpRouteObjectType;\n};\n\ntype OwpLayoutProps = {\n  layouts?: themeLayoutsType;\n  children?: ReactNode;\n};\n\n/**\n * OwpLayout\n * React frontend component in a React project that is used for layouting the user interface. The component\n * handles generating user interface settings related to current routes, merged with default settings, and uses\n * the new settings to generate layouts.\n */\nfunction OwpLayout(props: OwpLayoutProps) {\n  const { routesConfig } = useOwpAppContext();\n  const { i18n } = useOwpTranslation();\n\n  const { layouts = themeLayouts, children } = props;\n  const dispatch = useAppDispatch();\n  const settings = useAppSelector(selectOwpCurrentSettings);\n  const defaultSettings = useAppSelector(selectOwpDefaultSettings);\n\n  const layoutStyle = settings?.layout?.style;\n  const location = useLocation();\n  const { pathname } = location;\n  const hasCompletedInitialLayoutSyncRef = useRef(false);\n\n  const matchedSettings = useMemo(\n    () => getRouteParamUtil(routesConfig, pathname, 'settings', true),\n    [pathname, routesConfig],\n  );\n  const currentSettings = useMemo(() => {\n    if (matchedSettings === undefined) {\n      return defaultSettings;\n    }\n\n    return generateSettings(defaultSettings, matchedSettings);\n  }, [defaultSettings, matchedSettings]);\n  const isSettingsSynchronized = useMemo(\n    () => settings === currentSettings || isEqual(currentSettings, settings),\n    [currentSettings, settings],\n  );\n\n  useEffect(() => {\n    if (isSettingsSynchronized) {\n      return;\n    }\n\n    dispatch(setSettings(currentSettings));\n  }, [currentSettings, dispatch, isSettingsSynchronized]);\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [pathname]);\n\n  useEffect(() => {\n    if (isSettingsSynchronized && i18n.isInitialized) {\n      hasCompletedInitialLayoutSyncRef.current = true;\n    }\n  }, [i18n.isInitialized, isSettingsSynchronized]);\n\n  return useMemo(() => {\n    const shouldBlockForInitialLoading =\n      !i18n.isInitialized ||\n      (!isSettingsSynchronized && !hasCompletedInitialLayoutSyncRef.current);\n\n    if (shouldBlockForInitialLoading) {\n      return <OwpLoading />;\n    }\n\n    return Object.entries(layouts).map(([key, Layout]) => {\n      if (key === layoutStyle) {\n        return <Layout key={key}>{children}</Layout>;\n      }\n\n      return null;\n    });\n  }, [children, i18n.isInitialized, isSettingsSynchronized, layoutStyle, layouts]);\n}\n\nexport { OwpLayout };\n\n/**\n * Utility function to retrieve and merge or replace a specific route parameter from matched routes.\n *\n * @param pathname The current pathname\n * @param key The key of the parameter to merge or replace (e.g., 'settings', 'auth')\n * @param useMerge Whether to merge the parameter (using es-toolkit merge) or replace it\n * @returns The merged or replaced parameter data of type T\n */\nfunction getRouteParamUtil<T>(\n  routes: OwpRoutesType,\n  pathname: string,\n  key: keyof OwpRouteObjectType,\n  useMerge: boolean = true,\n): T | undefined {\n  const matchedRoutes = matchRoutes(routes, pathname) as OwpRouteMatchType[] | null;\n\n  if (!matchedRoutes) {\n    return undefined;\n  }\n\n  let hasMatchedParam = false;\n\n  const resolvedRouteParam = matchedRoutes.reduce<T | undefined>((acc, match) => {\n    const routeParam = match.route[key] as T | undefined;\n\n    if (routeParam === undefined) {\n      return acc;\n    }\n\n    hasMatchedParam = true;\n\n    if (!useMerge) {\n      return routeParam;\n    }\n\n    if (routeParam === null) {\n      return routeParam;\n    }\n\n    return merge(acc ?? {}, routeParam);\n  }, undefined);\n\n  return hasMatchedParam ? resolvedRouteParam : undefined;\n}\n"],"names":["OwpLayout","props","routesConfig","useOwpAppContext","i18n","useOwpTranslation","layouts","themeLayouts","children","dispatch","useAppDispatch","settings","useAppSelector","selectOwpCurrentSettings","defaultSettings","selectOwpDefaultSettings","layoutStyle","_a","location","useLocation","pathname","hasCompletedInitialLayoutSyncRef","useRef","matchedSettings","useMemo","getRouteParamUtil","currentSettings","generateSettings","isSettingsSynchronized","isEqual","useEffect","setSettings","OwpLoading","key","Layout","jsx","__name","routes","useMerge","matchedRoutes","matchRoutes","hasMatchedParam","resolvedRouteParam","acc","match","routeParam","merge"],"mappings":";;;;;;;;;;;;;;AAqCA,SAASA,EAAUC,GAAuB;;AACxC,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,EAAE,MAAAC,EAAA,IAASC,EAAA,GAEX,EAAE,SAAAC,IAAUC,GAAc,UAAAC,EAAA,IAAaP,GACvCQ,IAAWC,EAAA,GACXC,IAAWC,EAAeC,CAAwB,GAClDC,IAAkBF,EAAeG,CAAwB,GAEzDC,KAAcC,IAAAN,KAAA,gBAAAA,EAAU,WAAV,gBAAAM,EAAkB,OAChCC,IAAWC,EAAA,GACX,EAAE,UAAAC,MAAaF,GACfG,IAAmCC,EAAO,EAAK,GAE/CC,IAAkBC;AAAA,IACtB,MAAMC,EAAkBvB,GAAckB,GAAU,YAAY,EAAI;AAAA,IAChE,CAACA,GAAUlB,CAAY;AAAA,EAAA,GAEnBwB,IAAkBF,EAAQ,MAC1BD,MAAoB,SACfT,IAGFa,EAAiBb,GAAiBS,CAAe,GACvD,CAACT,GAAiBS,CAAe,CAAC,GAC/BK,IAAyBJ;AAAA,IAC7B,MAAMb,MAAae,KAAmBG,EAAQH,GAAiBf,CAAQ;AAAA,IACvE,CAACe,GAAiBf,CAAQ;AAAA,EAAA;AAG5B,SAAAmB,EAAU,MAAM;AACd,IAAIF,KAIJnB,EAASsB,EAAYL,CAAe,CAAC;AAAA,EACvC,GAAG,CAACA,GAAiBjB,GAAUmB,CAAsB,CAAC,GAEtDE,EAAU,MAAM;AACd,WAAO,SAAS,GAAG,CAAC;AAAA,EACtB,GAAG,CAACV,CAAQ,CAAC,GAEbU,EAAU,MAAM;AACd,IAAIF,KAA0BxB,EAAK,kBACjCiB,EAAiC,UAAU;AAAA,EAE/C,GAAG,CAACjB,EAAK,eAAewB,CAAsB,CAAC,GAExCJ,EAAQ,MAEX,CAACpB,EAAK,iBACL,CAACwB,KAA0B,CAACP,EAAiC,4BAGtDW,GAAA,EAAW,IAGd,OAAO,QAAQ1B,CAAO,EAAE,IAAI,CAAC,CAAC2B,GAAKC,CAAM,MAC1CD,MAAQjB,IACH,gBAAAmB,EAACD,GAAA,EAAkB,UAAA1B,EAAA,GAANyB,CAAe,IAG9B,IACR,GACA,CAACzB,GAAUJ,EAAK,eAAewB,GAAwBZ,GAAaV,CAAO,CAAC;AACjF;AAjES8B,EAAApC,GAAA;AA6ET,SAASyB,EACPY,GACAjB,GACAa,GACAK,IAAoB,IACL;AACf,QAAMC,IAAgBC,EAAYH,GAAQjB,CAAQ;AAElD,MAAI,CAACmB;AACH;AAGF,MAAIE,IAAkB;AAEtB,QAAMC,IAAqBH,EAAc,OAAsB,CAACI,GAAKC,MAAU;AAC7E,UAAMC,IAAaD,EAAM,MAAMX,CAAG;AAElC,WAAIY,MAAe,SACVF,KAGTF,IAAkB,IAEd,CAACH,KAIDO,MAAe,OACVA,IAGFC,EAAMH,KAAO,CAAA,GAAIE,CAAU;AAAA,EACpC,GAAG,MAAS;AAEZ,SAAOJ,IAAkBC,IAAqB;AAChD;AAnCSN,EAAAX,GAAA;"}
+{"version":3,"file":"OwpLayout.js","sources":["../../../src/components/OwpLayout/OwpLayout.tsx"],"sourcesContent":["import { themeLayouts, themeLayoutsType } from '@/layout/themeLayouts';\nimport { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { generateSettings } from '@/configs/defaultConfig';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  useGetCurrentSettings,\n  useGetDefaultSettings,\n  useSetSettings,\n} from '@/hooks/useOwpSettings';\nimport type { OwpSettingsConfigType } from '@/types/OwpSettingsTypes';\nimport { OwpRoutesType } from '@/utils/common/OwpUtils';\nimport { isEqual, merge } from 'es-toolkit/compat';\nimport { type ReactNode, useEffect, useMemo, useRef } from 'react';\nimport { matchRoutes, RouteMatch, RouteObject, useLocation } from 'react-router-dom';\nimport { OwpLoading } from '../OwpLoading';\n\nexport type OwpRouteObjectType = RouteObject & {\n  settings?: OwpSettingsConfigType;\n  auth?: string[] | [] | null | undefined;\n};\n\nexport type OwpRouteMatchType = RouteMatch & {\n  route: OwpRouteObjectType;\n};\n\ntype OwpLayoutProps = {\n  layouts?: themeLayoutsType;\n  children?: ReactNode;\n};\n\n/**\n * OwpLayout\n * React frontend component in a React project that is used for layouting the user interface. The component\n * handles generating user interface settings related to current routes, merged with default settings, and uses\n * the new settings to generate layouts.\n */\nfunction OwpLayout(props: OwpLayoutProps) {\n  const { routesConfig } = useOwpAppContext();\n  const { i18n } = useOwpTranslation();\n\n  const { layouts = themeLayouts, children } = props;\n  const setSettings = useSetSettings();\n  const settings = useGetCurrentSettings();\n  const defaultSettings = useGetDefaultSettings();\n\n  const layoutStyle = settings?.layout?.style;\n  const location = useLocation();\n  const { pathname } = location;\n  const hasCompletedInitialLayoutSyncRef = useRef(false);\n\n  const matchedSettings = useMemo(\n    () => getRouteParamUtil(routesConfig, pathname, 'settings', true),\n    [pathname, routesConfig],\n  );\n  const currentSettings = useMemo(() => {\n    if (matchedSettings === undefined) {\n      return defaultSettings;\n    }\n\n    return generateSettings(defaultSettings, matchedSettings);\n  }, [defaultSettings, matchedSettings]);\n  const isSettingsSynchronized = useMemo(\n    () => settings === currentSettings || isEqual(currentSettings, settings),\n    [currentSettings, settings],\n  );\n\n  useEffect(() => {\n    if (isSettingsSynchronized) {\n      return;\n    }\n\n    setSettings(currentSettings);\n  }, [currentSettings, isSettingsSynchronized, setSettings]);\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [pathname]);\n\n  useEffect(() => {\n    if (isSettingsSynchronized && i18n.isInitialized) {\n      hasCompletedInitialLayoutSyncRef.current = true;\n    }\n  }, [i18n.isInitialized, isSettingsSynchronized]);\n\n  return useMemo(() => {\n    const shouldBlockForInitialLoading =\n      !i18n.isInitialized ||\n      (!isSettingsSynchronized && !hasCompletedInitialLayoutSyncRef.current);\n\n    if (shouldBlockForInitialLoading) {\n      return <OwpLoading />;\n    }\n\n    return Object.entries(layouts).map(([key, Layout]) => {\n      if (key === layoutStyle) {\n        return <Layout key={key}>{children}</Layout>;\n      }\n\n      return null;\n    });\n  }, [children, i18n.isInitialized, isSettingsSynchronized, layoutStyle, layouts]);\n}\n\nexport { OwpLayout };\n\n/**\n * Utility function to retrieve and merge or replace a specific route parameter from matched routes.\n *\n * @param pathname The current pathname\n * @param key The key of the parameter to merge or replace (e.g., 'settings', 'auth')\n * @param useMerge Whether to merge the parameter (using es-toolkit merge) or replace it\n * @returns The merged or replaced parameter data of type T\n */\nfunction getRouteParamUtil<T>(\n  routes: OwpRoutesType,\n  pathname: string,\n  key: keyof OwpRouteObjectType,\n  useMerge: boolean = true,\n): T | undefined {\n  const matchedRoutes = matchRoutes(routes, pathname) as OwpRouteMatchType[] | null;\n\n  if (!matchedRoutes) {\n    return undefined;\n  }\n\n  let hasMatchedParam = false;\n\n  const resolvedRouteParam = matchedRoutes.reduce<T | undefined>((acc, match) => {\n    const routeParam = match.route[key] as T | undefined;\n\n    if (routeParam === undefined) {\n      return acc;\n    }\n\n    hasMatchedParam = true;\n\n    if (!useMerge) {\n      return routeParam;\n    }\n\n    if (routeParam === null) {\n      return routeParam;\n    }\n\n    return merge(acc ?? {}, routeParam);\n  }, undefined);\n\n  return hasMatchedParam ? resolvedRouteParam : undefined;\n}\n"],"names":["OwpLayout","props","routesConfig","useOwpAppContext","i18n","useOwpTranslation","layouts","themeLayouts","children","setSettings","useSetSettings","settings","useGetCurrentSettings","defaultSettings","useGetDefaultSettings","layoutStyle","_a","location","useLocation","pathname","hasCompletedInitialLayoutSyncRef","useRef","matchedSettings","useMemo","getRouteParamUtil","currentSettings","generateSettings","isSettingsSynchronized","isEqual","useEffect","OwpLoading","key","Layout","jsx","__name","routes","useMerge","matchedRoutes","matchRoutes","hasMatchedParam","resolvedRouteParam","acc","match","routeParam","merge"],"mappings":";;;;;;;;;;;;;AAoCA,SAASA,EAAUC,GAAuB;;AACxC,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,EAAE,MAAAC,EAAA,IAASC,EAAA,GAEX,EAAE,SAAAC,IAAUC,GAAc,UAAAC,EAAA,IAAaP,GACvCQ,IAAcC,EAAA,GACdC,IAAWC,EAAA,GACXC,IAAkBC,EAAA,GAElBC,KAAcC,IAAAL,KAAA,gBAAAA,EAAU,WAAV,gBAAAK,EAAkB,OAChCC,IAAWC,EAAA,GACX,EAAE,UAAAC,MAAaF,GACfG,IAAmCC,EAAO,EAAK,GAE/CC,IAAkBC;AAAA,IACtB,MAAMC,EAAkBtB,GAAciB,GAAU,YAAY,EAAI;AAAA,IAChE,CAACA,GAAUjB,CAAY;AAAA,EAAA,GAEnBuB,IAAkBF,EAAQ,MAC1BD,MAAoB,SACfT,IAGFa,EAAiBb,GAAiBS,CAAe,GACvD,CAACT,GAAiBS,CAAe,CAAC,GAC/BK,IAAyBJ;AAAA,IAC7B,MAAMZ,MAAac,KAAmBG,EAAQH,GAAiBd,CAAQ;AAAA,IACvE,CAACc,GAAiBd,CAAQ;AAAA,EAAA;AAG5B,SAAAkB,EAAU,MAAM;AACd,IAAIF,KAIJlB,EAAYgB,CAAe;AAAA,EAC7B,GAAG,CAACA,GAAiBE,GAAwBlB,CAAW,CAAC,GAEzDoB,EAAU,MAAM;AACd,WAAO,SAAS,GAAG,CAAC;AAAA,EACtB,GAAG,CAACV,CAAQ,CAAC,GAEbU,EAAU,MAAM;AACd,IAAIF,KAA0BvB,EAAK,kBACjCgB,EAAiC,UAAU;AAAA,EAE/C,GAAG,CAAChB,EAAK,eAAeuB,CAAsB,CAAC,GAExCJ,EAAQ,MAEX,CAACnB,EAAK,iBACL,CAACuB,KAA0B,CAACP,EAAiC,4BAGtDU,GAAA,EAAW,IAGd,OAAO,QAAQxB,CAAO,EAAE,IAAI,CAAC,CAACyB,GAAKC,CAAM,MAC1CD,MAAQhB,IACH,gBAAAkB,EAACD,GAAA,EAAkB,UAAAxB,EAAA,GAANuB,CAAe,IAG9B,IACR,GACA,CAACvB,GAAUJ,EAAK,eAAeuB,GAAwBZ,GAAaT,CAAO,CAAC;AACjF;AAjES4B,EAAAlC,GAAA;AA6ET,SAASwB,EACPW,GACAhB,GACAY,GACAK,IAAoB,IACL;AACf,QAAMC,IAAgBC,EAAYH,GAAQhB,CAAQ;AAElD,MAAI,CAACkB;AACH;AAGF,MAAIE,IAAkB;AAEtB,QAAMC,IAAqBH,EAAc,OAAsB,CAACI,GAAKC,MAAU;AAC7E,UAAMC,IAAaD,EAAM,MAAMX,CAAG;AAElC,WAAIY,MAAe,SACVF,KAGTF,IAAkB,IAEd,CAACH,KAIDO,MAAe,OACVA,IAGFC,EAAMH,KAAO,CAAA,GAAIE,CAAU;AAAA,EACpC,GAAG,MAAS;AAEZ,SAAOJ,IAAkBC,IAAqB;AAChD;AAnCSN,EAAAV,GAAA;"}

package/dist/components/OwpScrollbars/OwpScrollbars.js

@@ -1,18 +1,17 @@
 var j = Object.defineProperty;
 var u = (t, o) => j(t, "name", { value: o, configurable: !0 });
 import { jsx as k } 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 { selectCustomScrollbarsEnabled as B } from "../../store/owpSettingsSlice.js";
-import { useAppSelector as M } from "../../hooks/useAppStore.js";
-import { styled as U } from "@mui/material/styles";
-import X from "../../_virtual/mobile-detect.js";
-import Y from "../../node_modules/.pnpm/perfect-scrollbar@1.5.6/node_modules/perfect-scrollbar/dist/perfect-scrollbar.esm.js";
+import { useGetCustomScrollbarsEnabled as B } from "../../hooks/useOwpSettings.js";
+import { styled as M } from "@mui/material/styles";
+import U from "../../_virtual/mobile-detect.js";
+import X from "../../node_modules/.pnpm/perfect-scrollbar@1.5.6/node_modules/perfect-scrollbar/dist/perfect-scrollbar.esm.js";
 /* empty css                                                                                                        */
-import { forwardRef as A, useRef as f, useState as D, useCallback as p, useEffect as a } from "react";
+import { forwardRef as Y, useRef as f, useState as D, useCallback as p, useEffect as a } from "react";
 import { useLocation as H } from "react-router-dom";
-const N = U("div")(() => ({
+const N = M("div")(() => ({
   overscrollBehavior: "contain",
   minHeight: "100%"
-})), P = new X(window.navigator.userAgent), y = P.mobile(), g = Object.freeze({
+})), P = new U(window.navigator.userAgent), y = P.mobile(), g = Object.freeze({
   "ps-scroll-y": "onScrollY",
   "ps-scroll-x": "onScrollX",
   "ps-scroll-up": "onScrollUp",
@@ -23,18 +22,18 @@ const N = U("div")(() => ({
   "ps-y-reach-end": "onYReachEnd",
   "ps-x-reach-start": "onXReachStart",
   "ps-x-reach-end": "onXReachEnd"
-}), Z = A((t, o) => {
+}), V = Y((t, o) => {
   const {
     className: T = "",
-    children: m,
+    children: h,
     id: x = "",
-    scrollToTopOnChildChange: h = !0,
+    scrollToTopOnChildChange: m = !0,
     scrollToTopOnRouteChange: d = !1,
     enable: S = !0,
     option: b = {
       wheelPropagation: !0
     }
-  } = t, r = f(null), n = f(null), i = f(/* @__PURE__ */ new Map()), [C, v] = D({}), c = M(B), O = H(), { pathname: L } = O, E = p(() => {
+  } = t, r = f(null), n = f(null), i = f(/* @__PURE__ */ new Map()), [C, v] = D({}), c = B(), O = H(), { pathname: L } = O, E = p(() => {
     Object.keys(g).forEach((e) => {
       const s = t[g[e]];
       if (s) {
@@ -47,15 +46,15 @@ const N = U("div")(() => ({
       r.current && r.current.removeEventListener(s, e, !1);
     }), i.current.clear();
   }, []);
-  a(() => (c && r.current && !y && (n.current = new Y(r.current, b), E()), () => {
+  a(() => (c && r.current && !y && (n.current = new X(r.current, b), E()), () => {
     n.current && (n.current.destroy(), n.current = null, w());
   }), [c, E, b, w]);
   const l = p(() => {
     r.current && (r.current.scrollTop = 0);
   }, []);
   return a(() => {
-    h && l();
-  }, [l, m, h]), a(() => {
+    m && l();
+  }, [l, h, m]), a(() => {
     d && l();
   }, [L, l, d]), a(() => {
     v(c && S && !y ? {
@@ -71,11 +70,11 @@ const N = U("div")(() => ({
       ref: /* @__PURE__ */ u((e) => {
         r.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
       }, "ref"),
-      children: m
+      children: h
     }
   );
 });
 export {
-  Z as OwpScrollbars
+  V as OwpScrollbars
 };
 //# sourceMappingURL=OwpScrollbars.js.map

package/dist/components/OwpScrollbars/OwpScrollbars.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpScrollbars.js","sources":["../../../src/components/OwpScrollbars/OwpScrollbars.tsx"],"sourcesContent":["import { selectCustomScrollbarsEnabled } from '@/store/owpSettingsSlice';\nimport { useAppSelector } from '@/hooks/useAppStore';\nimport { styled } from '@mui/material/styles';\nimport MobileDetect from 'mobile-detect';\nimport PerfectScrollbar from 'perfect-scrollbar';\nimport 'perfect-scrollbar/css/perfect-scrollbar.css';\nimport { forwardRef, ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nconst Root = styled('div')(() => ({\n  overscrollBehavior: 'contain',\n  minHeight: '100%',\n}));\n\nconst md = new MobileDetect(window.navigator.userAgent);\nconst isMobile = md.mobile();\n\nconst handlerNameByEvent = Object.freeze({\n  'ps-scroll-y': 'onScrollY',\n  'ps-scroll-x': 'onScrollX',\n  'ps-scroll-up': 'onScrollUp',\n  'ps-scroll-down': 'onScrollDown',\n  'ps-scroll-left': 'onScrollLeft',\n  'ps-scroll-right': 'onScrollRight',\n  'ps-y-reach-start': 'onYReachStart',\n  'ps-y-reach-end': 'onYReachEnd',\n  'ps-x-reach-start': 'onXReachStart',\n  'ps-x-reach-end': 'onXReachEnd',\n});\n\ntype OwpScrollbarsProps = {\n  id?: string;\n  className?: string;\n  children: ReactNode;\n  enable?: boolean;\n  scrollToTopOnChildChange?: boolean;\n  scrollToTopOnRouteChange?: boolean;\n  option?: {\n    wheelPropagation?: boolean;\n    suppressScrollX?: boolean;\n  };\n};\n\n/**\n * OwpScrollbars 컴포넌트\n * @param props 컴포넌트 props\n * @param ref forwardRef 참조\n */\nconst OwpScrollbars = forwardRef<HTMLDivElement, OwpScrollbarsProps>((props, ref) => {\n  const {\n    className = '',\n    children,\n    id = '',\n    scrollToTopOnChildChange = true,\n    scrollToTopOnRouteChange = false,\n    enable = true,\n    option = {\n      wheelPropagation: true,\n    },\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const psRef = useRef<PerfectScrollbar | null>(null);\n  const handlerByEvent = useRef<Map<string, EventListener>>(new Map());\n  const [style, setStyle] = useState({});\n  const customScrollbars = useAppSelector(selectCustomScrollbarsEnabled);\n  const location = useLocation();\n  const { pathname } = location;\n\n  const hookUpEvents = useCallback(() => {\n    Object.keys(handlerNameByEvent).forEach((key) => {\n      const callback = props[handlerNameByEvent[key] as keyof OwpScrollbarsProps] as (\n        T: HTMLDivElement,\n      ) => void;\n\n      if (callback) {\n        const handler: EventListener = () => callback(containerRef.current);\n        handlerByEvent.current.set(key, handler);\n\n        if (containerRef.current) {\n          containerRef.current.addEventListener(key, handler, false);\n        }\n      }\n    });\n  }, [props]);\n\n  const unHookUpEvents = useCallback(() => {\n    handlerByEvent.current.forEach((value, key) => {\n      if (containerRef.current) {\n        containerRef.current.removeEventListener(key, value, false);\n      }\n    });\n    handlerByEvent.current.clear();\n  }, []);\n\n  useEffect(() => {\n    if (customScrollbars && containerRef.current && !isMobile) {\n      psRef.current = new PerfectScrollbar(containerRef.current, option);\n      hookUpEvents();\n    }\n\n    return () => {\n      if (psRef.current) {\n        psRef.current.destroy();\n        psRef.current = null;\n        unHookUpEvents();\n      }\n    };\n  }, [customScrollbars, hookUpEvents, option, unHookUpEvents]);\n\n  const scrollToTop = useCallback(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = 0;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (scrollToTopOnChildChange) {\n      scrollToTop();\n    }\n  }, [scrollToTop, children, scrollToTopOnChildChange]);\n\n  useEffect(() => {\n    if (scrollToTopOnRouteChange) {\n      scrollToTop();\n    }\n  }, [pathname, scrollToTop, scrollToTopOnRouteChange]);\n\n  useEffect(() => {\n    if (customScrollbars && enable && !isMobile) {\n      setStyle({\n        position: 'relative',\n        overflow: 'hidden!important',\n      });\n    } else {\n      setStyle({});\n    }\n  }, [customScrollbars, enable]);\n\n  return (\n    <Root\n      id={id}\n      className={className}\n      style={style}\n      ref={(el) => {\n        containerRef.current = el;\n\n        if (typeof ref === 'function') {\n          ref(el);\n        } else if (ref) {\n          ref.current = el;\n        }\n      }}\n    >\n      {children}\n    </Root>\n  );\n});\n\nexport { OwpScrollbars };\n"],"names":["Root","styled","md","MobileDetect","isMobile","handlerNameByEvent","OwpScrollbars","forwardRef","props","ref","className","children","id","scrollToTopOnChildChange","scrollToTopOnRouteChange","enable","option","containerRef","useRef","psRef","handlerByEvent","style","setStyle","useState","customScrollbars","useAppSelector","selectCustomScrollbarsEnabled","location","useLocation","pathname","hookUpEvents","useCallback","key","callback","handler","__name","unHookUpEvents","value","useEffect","PerfectScrollbar","scrollToTop","jsx","el"],"mappings":"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"}
+{"version":3,"file":"OwpScrollbars.js","sources":["../../../src/components/OwpScrollbars/OwpScrollbars.tsx"],"sourcesContent":["import { useGetCustomScrollbarsEnabled } from '@/hooks/useOwpSettings';\nimport { styled } from '@mui/material/styles';\nimport MobileDetect from 'mobile-detect';\nimport PerfectScrollbar from 'perfect-scrollbar';\nimport 'perfect-scrollbar/css/perfect-scrollbar.css';\nimport { forwardRef, ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nconst Root = styled('div')(() => ({\n  overscrollBehavior: 'contain',\n  minHeight: '100%',\n}));\n\nconst md = new MobileDetect(window.navigator.userAgent);\nconst isMobile = md.mobile();\n\nconst handlerNameByEvent = Object.freeze({\n  'ps-scroll-y': 'onScrollY',\n  'ps-scroll-x': 'onScrollX',\n  'ps-scroll-up': 'onScrollUp',\n  'ps-scroll-down': 'onScrollDown',\n  'ps-scroll-left': 'onScrollLeft',\n  'ps-scroll-right': 'onScrollRight',\n  'ps-y-reach-start': 'onYReachStart',\n  'ps-y-reach-end': 'onYReachEnd',\n  'ps-x-reach-start': 'onXReachStart',\n  'ps-x-reach-end': 'onXReachEnd',\n});\n\ntype OwpScrollbarsProps = {\n  id?: string;\n  className?: string;\n  children: ReactNode;\n  enable?: boolean;\n  scrollToTopOnChildChange?: boolean;\n  scrollToTopOnRouteChange?: boolean;\n  option?: {\n    wheelPropagation?: boolean;\n    suppressScrollX?: boolean;\n  };\n};\n\n/**\n * OwpScrollbars 컴포넌트\n * @param props 컴포넌트 props\n * @param ref forwardRef 참조\n */\nconst OwpScrollbars = forwardRef<HTMLDivElement, OwpScrollbarsProps>((props, ref) => {\n  const {\n    className = '',\n    children,\n    id = '',\n    scrollToTopOnChildChange = true,\n    scrollToTopOnRouteChange = false,\n    enable = true,\n    option = {\n      wheelPropagation: true,\n    },\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const psRef = useRef<PerfectScrollbar | null>(null);\n  const handlerByEvent = useRef<Map<string, EventListener>>(new Map());\n  const [style, setStyle] = useState({});\n  const customScrollbars = useGetCustomScrollbarsEnabled();\n  const location = useLocation();\n  const { pathname } = location;\n\n  const hookUpEvents = useCallback(() => {\n    Object.keys(handlerNameByEvent).forEach((key) => {\n      const callback = props[handlerNameByEvent[key] as keyof OwpScrollbarsProps] as (\n        T: HTMLDivElement,\n      ) => void;\n\n      if (callback) {\n        const handler: EventListener = () => callback(containerRef.current);\n        handlerByEvent.current.set(key, handler);\n\n        if (containerRef.current) {\n          containerRef.current.addEventListener(key, handler, false);\n        }\n      }\n    });\n  }, [props]);\n\n  const unHookUpEvents = useCallback(() => {\n    handlerByEvent.current.forEach((value, key) => {\n      if (containerRef.current) {\n        containerRef.current.removeEventListener(key, value, false);\n      }\n    });\n    handlerByEvent.current.clear();\n  }, []);\n\n  useEffect(() => {\n    if (customScrollbars && containerRef.current && !isMobile) {\n      psRef.current = new PerfectScrollbar(containerRef.current, option);\n      hookUpEvents();\n    }\n\n    return () => {\n      if (psRef.current) {\n        psRef.current.destroy();\n        psRef.current = null;\n        unHookUpEvents();\n      }\n    };\n  }, [customScrollbars, hookUpEvents, option, unHookUpEvents]);\n\n  const scrollToTop = useCallback(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = 0;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (scrollToTopOnChildChange) {\n      scrollToTop();\n    }\n  }, [scrollToTop, children, scrollToTopOnChildChange]);\n\n  useEffect(() => {\n    if (scrollToTopOnRouteChange) {\n      scrollToTop();\n    }\n  }, [pathname, scrollToTop, scrollToTopOnRouteChange]);\n\n  useEffect(() => {\n    if (customScrollbars && enable && !isMobile) {\n      setStyle({\n        position: 'relative',\n        overflow: 'hidden!important',\n      });\n    } else {\n      setStyle({});\n    }\n  }, [customScrollbars, enable]);\n\n  return (\n    <Root\n      id={id}\n      className={className}\n      style={style}\n      ref={(el) => {\n        containerRef.current = el;\n\n        if (typeof ref === 'function') {\n          ref(el);\n        } else if (ref) {\n          ref.current = el;\n        }\n      }}\n    >\n      {children}\n    </Root>\n  );\n});\n\nexport { OwpScrollbars };\n"],"names":["Root","styled","md","MobileDetect","isMobile","handlerNameByEvent","OwpScrollbars","forwardRef","props","ref","className","children","id","scrollToTopOnChildChange","scrollToTopOnRouteChange","enable","option","containerRef","useRef","psRef","handlerByEvent","style","setStyle","useState","customScrollbars","useGetCustomScrollbarsEnabled","location","useLocation","pathname","hookUpEvents","useCallback","key","callback","handler","__name","unHookUpEvents","value","useEffect","PerfectScrollbar","scrollToTop","jsx","el"],"mappings":"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"}

package/dist/components/OwpStyleProvider/OwpStyleProvider.js

@@ -1,13 +1,12 @@
-var m = Object.defineProperty;
-var l = (t, e) => m(t, "name", { value: e, configurable: !0 });
-import { jsx as i, jsxs 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 { CacheProvider as y } from "@emotion/react";
-import { useAppSelector as c } from "../../hooks/useAppStore.js";
-import { selectMainTheme as k, selectToolbarTheme as v } from "../../store/owpSettingsSlice.js";
+var u = Object.defineProperty;
+var l = (t, e) => u(t, "name", { value: e, configurable: !0 });
+import { jsx as i, jsxs as m } 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 { CacheProvider as g } from "@emotion/react";
+import { useGetMainTheme as y, useGetToolbarTheme as k } from "../../hooks/useOwpSettings.js";
 import s from "@mui/material/GlobalStyles";
-import { ThemeProvider as f, alpha as n, emphasize as w } from "@mui/material/styles";
-import { useEffect as x } from "react";
-const C = /* @__PURE__ */ i(
+import { ThemeProvider as v, alpha as n, emphasize as f } from "@mui/material/styles";
+import { useEffect as w } from "react";
+const x = /* @__PURE__ */ i(
   s,
   {
     styles: /* @__PURE__ */ l((t) => ({
@@ -66,14 +65,14 @@ const C = /* @__PURE__ */ i(
       }
     }), "styles")
   }
-), h = /* @__PURE__ */ l((t, e, o) => /* @__PURE__ */ i(
+), C = /* @__PURE__ */ l((t, e, o) => /* @__PURE__ */ i(
   s,
   {
     styles: {
       ":root": {
         "--owp-datepicker-selected-bg": t,
         "--owp-datepicker-selected-color": e,
-        "--owp-datepicker-selected-hover-bg": w(t, 0.16),
+        "--owp-datepicker-selected-hover-bg": f(t, 0.16),
         "--owp-datepicker-hover-color": o,
         "--owp-datepicker-hover-bg": n(t, 0.14),
         "--owp-datepicker-keyboard-selected-bg": n(t, 0.28),
@@ -84,7 +83,7 @@ const C = /* @__PURE__ */ i(
     }
   }
 ), "getThemeGlobalStyles");
-function T({
+function h({
   children: t,
   theme: e,
   root: o = !1,
@@ -93,20 +92,20 @@ function T({
   datePickerHoverColor: d
 }) {
   const { mode: p } = e.palette;
-  return x(() => {
+  return w(() => {
     o && (document.body.classList.add(p === "light" ? "light" : "dark"), document.body.classList.remove(p === "light" ? "dark" : "light"));
-  }, [p, o]), /* @__PURE__ */ g(f, { theme: e, children: [
+  }, [p, o]), /* @__PURE__ */ m(v, { theme: e, children: [
     t,
-    h(
+    C(
       r ?? e.palette.primary.main,
       a ?? e.palette.getContrastText(r ?? e.palette.primary.main),
       d ?? e.palette.text.primary
     ),
-    o && C
+    o && x
   ] });
 }
-l(T, "OwpStyleTheme");
-function u({
+l(h, "OwpStyleTheme");
+function c({
   children: t,
   theme: e,
   root: o,
@@ -116,7 +115,7 @@ function u({
   datePickerHoverColor: p
 }) {
   const b = /* @__PURE__ */ i(
-    T,
+    h,
     {
       theme: e,
       root: o,
@@ -126,17 +125,17 @@ function u({
       children: t
     }
   );
-  return r != null && r.value ? /* @__PURE__ */ i(y, { ...r, children: b }) : b;
+  return r != null && r.value ? /* @__PURE__ */ i(g, { ...r, children: b }) : b;
 }
-l(u, "OwpStyleProviderContent");
-function S({
+l(c, "OwpStyleProviderContent");
+function T({
   children: t,
   root: e,
   cacheProviderProps: o
 }) {
-  const r = c(k), a = c(v), d = a.palette.background.default;
+  const r = y(), a = k(), d = a.palette.background.default;
   return /* @__PURE__ */ i(
-    u,
+    c,
     {
       theme: r,
       root: e,
@@ -148,13 +147,13 @@ function S({
     }
   );
 }
-l(S, "OwpStyleProviderFallback");
-function A(t) {
+l(T, "OwpStyleProviderFallback");
+function L(t) {
   const { children: e, theme: o, root: r, cacheProviderProps: a } = t;
-  return o ? /* @__PURE__ */ i(u, { theme: o, root: r, cacheProviderProps: a, children: e }) : /* @__PURE__ */ i(S, { root: r, cacheProviderProps: a, children: e });
+  return o ? /* @__PURE__ */ i(c, { theme: o, root: r, cacheProviderProps: a, children: e }) : /* @__PURE__ */ i(T, { root: r, cacheProviderProps: a, children: e });
 }
-l(A, "OwpStyleProvider");
+l(L, "OwpStyleProvider");
 export {
-  A as OwpStyleProvider
+  L as OwpStyleProvider
 };
 //# sourceMappingURL=OwpStyleProvider.js.map

package/dist/components/OwpStyleProvider/OwpStyleProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpStyleProvider.js","sources":["../../../src/components/OwpStyleProvider/OwpStyleProvider.tsx"],"sourcesContent":["import { CacheProvider } from '@emotion/react';\nimport { useAppSelector } from '@/hooks/useAppStore';\nimport { selectMainTheme, selectToolbarTheme } from '@/store/owpSettingsSlice';\nimport type { RootState } from '@/store/store';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { alpha, emphasize, ThemeProvider, type Theme } from '@mui/material/styles';\nimport { ComponentProps, ReactNode, useEffect } from 'react';\n\ntype OwpCacheProviderProps = Omit<ComponentProps<typeof CacheProvider>, 'children'>;\ntype OwpStyleProviderContentProps = Omit<OwpStyleProviderProps, 'theme'> & {\n  theme: Theme;\n  datePickerSelectedBg?: string;\n  datePickerSelectedColor?: string;\n  datePickerHoverColor?: string;\n};\n\nconst inputGlobalStyles = (\n  <GlobalStyles\n    styles={(theme) => ({\n      html: {\n        backgroundColor: `${theme.palette.background.default}!important`,\n        color: `${theme.palette.text.primary}!important`,\n      },\n      body: {\n        backgroundColor: theme.palette.background.default,\n        color: theme.palette.text.primary,\n      },\n      '& .MuiOutlinedInput-root': {\n        backgroundColor: theme.palette.background.paper,\n      },\n      '& .border-divider ': {\n        borderColor: `${theme.palette.divider}!important`,\n      },\n      'table.simple tbody tr th': {\n        borderColor: theme.palette.divider,\n      },\n      'table.simple thead tr th': {\n        borderColor: theme.palette.divider,\n      },\n      'a:not([role=button]):not(.MuiButtonBase-root)': {\n        color: theme.palette.secondary.main,\n        textDecoration: 'underline',\n        '&:hover': {},\n      },\n      'a.link, a:not([role=button])[target=_blank]': {\n        background: alpha(theme.palette.secondary.main, 0.2),\n        color: 'inherit',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n        textDecoration: 'none',\n        '&:hover': {\n          background: alpha(theme.palette.secondary.main, 0.3),\n          textDecoration: 'none',\n        },\n      },\n      '[class^=\"border\"]': {\n        borderColor: theme.palette.divider,\n      },\n      '[class*=\"border\"]': {\n        borderColor: theme.palette.divider,\n      },\n      '[class*=\"divide-\"] > :not([hidden]) ~ :not([hidden])': {\n        borderColor: theme.palette.divider,\n      },\n      hr: {\n        borderColor: theme.palette.divider,\n      },\n      '::-webkit-scrollbar-thumb': {\n        boxShadow: `inset 0 0 0 20px ${\n          theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.24)' : 'rgba(255, 255, 255, 0.24)'\n        }`,\n      },\n      '::-webkit-scrollbar-thumb:active': {\n        boxShadow: `inset 0 0 0 20px ${\n          theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.37)' : 'rgba(255, 255, 255, 0.37)'\n        }`,\n      },\n    })}\n  />\n);\n\nconst getThemeGlobalStyles = (\n  datePickerSelectedBg: string,\n  datePickerSelectedColor: string,\n  datePickerHoverColor: string,\n) => (\n  <GlobalStyles\n    styles={{\n      ':root': {\n        '--owp-datepicker-selected-bg': datePickerSelectedBg,\n        '--owp-datepicker-selected-color': datePickerSelectedColor,\n        '--owp-datepicker-selected-hover-bg': emphasize(datePickerSelectedBg, 0.16),\n        '--owp-datepicker-hover-color': datePickerHoverColor,\n        '--owp-datepicker-hover-bg': alpha(datePickerSelectedBg, 0.14),\n        '--owp-datepicker-keyboard-selected-bg': alpha(datePickerSelectedBg, 0.28),\n        '--owp-datepicker-keyboard-selected-hover-bg': alpha(datePickerSelectedBg, 0.36),\n        '--owp-datepicker-keyboard-selected-color': datePickerHoverColor,\n        '--owp-datepicker-range-preview-bg': alpha(datePickerSelectedBg, 0.48),\n      },\n    }}\n  />\n);\n\nexport interface OwpStyleProviderProps {\n  children?: ReactNode;\n  theme?: Theme;\n  root?: boolean;\n  cacheProviderProps?: OwpCacheProviderProps;\n}\n\n/**\n * MUI theme boundary and global style layer.\n * @param theme MUI theme 객체\n * @param root 글로벌 스타일 적용 여부\n * @param children 렌더링 자식\n */\nfunction OwpStyleTheme({\n  children,\n  theme,\n  root = false,\n  datePickerSelectedBg,\n  datePickerSelectedColor,\n  datePickerHoverColor,\n}: Pick<OwpStyleProviderProps, 'children' | 'root'> & {\n  theme: Theme;\n  datePickerSelectedBg?: string;\n  datePickerSelectedColor?: string;\n  datePickerHoverColor?: string;\n}) {\n  const { mode } = theme.palette;\n\n  useEffect(() => {\n    if (root) {\n      document.body.classList.add(mode === 'light' ? 'light' : 'dark');\n      document.body.classList.remove(mode === 'light' ? 'dark' : 'light');\n    }\n  }, [mode, root]);\n\n  return (\n    <ThemeProvider theme={theme}>\n      {children}\n      {getThemeGlobalStyles(\n        datePickerSelectedBg ?? theme.palette.primary.main,\n        datePickerSelectedColor ??\n          theme.palette.getContrastText(datePickerSelectedBg ?? theme.palette.primary.main),\n        datePickerHoverColor ?? theme.palette.text.primary,\n      )}\n      {root && inputGlobalStyles}\n    </ThemeProvider>\n  );\n}\n\n/**\n * CacheProvider, theme composition\n * @param theme MUI theme 객체\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nfunction OwpStyleProviderContent({\n  children,\n  theme,\n  root,\n  cacheProviderProps,\n  datePickerSelectedBg,\n  datePickerSelectedColor,\n  datePickerHoverColor,\n}: OwpStyleProviderContentProps) {\n  const themeContent = (\n    <OwpStyleTheme\n      theme={theme}\n      root={root}\n      datePickerSelectedBg={datePickerSelectedBg}\n      datePickerSelectedColor={datePickerSelectedColor}\n      datePickerHoverColor={datePickerHoverColor}\n    >\n      {children}\n    </OwpStyleTheme>\n  );\n\n  if (!cacheProviderProps?.value) {\n    return themeContent;\n  }\n\n  return <CacheProvider {...cacheProviderProps}>{themeContent}</CacheProvider>;\n}\n\n/**\n * Store main theme fallback provider\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nfunction OwpStyleProviderFallback({\n  children,\n  root,\n  cacheProviderProps,\n}: Omit<OwpStyleProviderProps, 'theme'>) {\n  const theme = useAppSelector(selectMainTheme as (state: RootState) => Theme);\n  const toolbarTheme = useAppSelector(selectToolbarTheme as (state: RootState) => Theme);\n  const datePickerSelectedBg = toolbarTheme.palette.background.default;\n\n  return (\n    <OwpStyleProviderContent\n      theme={theme}\n      root={root}\n      cacheProviderProps={cacheProviderProps}\n      datePickerSelectedBg={datePickerSelectedBg}\n      datePickerSelectedColor={toolbarTheme.palette.getContrastText(datePickerSelectedBg)}\n      datePickerHoverColor={theme.palette.text.primary}\n    >\n      {children}\n    </OwpStyleProviderContent>\n  );\n}\n\n/**\n * CacheProvider, theme composition\n * @param theme MUI theme 객체. 미지정 시 store main theme 사용\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nexport function OwpStyleProvider(props: OwpStyleProviderProps) {\n  const { children, theme, root, cacheProviderProps } = props;\n\n  if (theme) {\n    return (\n      <OwpStyleProviderContent theme={theme} root={root} cacheProviderProps={cacheProviderProps}>\n        {children}\n      </OwpStyleProviderContent>\n    );\n  }\n\n  return (\n    <OwpStyleProviderFallback root={root} cacheProviderProps={cacheProviderProps}>\n      {children}\n    </OwpStyleProviderFallback>\n  );\n}\n"],"names":["inputGlobalStyles","jsx","GlobalStyles","__name","theme","alpha","getThemeGlobalStyles","datePickerSelectedBg","datePickerSelectedColor","datePickerHoverColor","emphasize","OwpStyleTheme","children","root","mode","useEffect","jsxs","ThemeProvider","OwpStyleProviderContent","cacheProviderProps","themeContent","CacheProvider","OwpStyleProviderFallback","useAppSelector","selectMainTheme","toolbarTheme","selectToolbarTheme","OwpStyleProvider","props"],"mappings":"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"}
+{"version":3,"file":"OwpStyleProvider.js","sources":["../../../src/components/OwpStyleProvider/OwpStyleProvider.tsx"],"sourcesContent":["import { CacheProvider } from '@emotion/react';\nimport { useGetMainTheme, useGetToolbarTheme } from '@/hooks/useOwpSettings';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { alpha, emphasize, ThemeProvider, type Theme } from '@mui/material/styles';\nimport { ComponentProps, ReactNode, useEffect } from 'react';\n\ntype OwpCacheProviderProps = Omit<ComponentProps<typeof CacheProvider>, 'children'>;\ntype OwpStyleProviderContentProps = Omit<OwpStyleProviderProps, 'theme'> & {\n  theme: Theme;\n  datePickerSelectedBg?: string;\n  datePickerSelectedColor?: string;\n  datePickerHoverColor?: string;\n};\n\nconst inputGlobalStyles = (\n  <GlobalStyles\n    styles={(theme) => ({\n      html: {\n        backgroundColor: `${theme.palette.background.default}!important`,\n        color: `${theme.palette.text.primary}!important`,\n      },\n      body: {\n        backgroundColor: theme.palette.background.default,\n        color: theme.palette.text.primary,\n      },\n      '& .MuiOutlinedInput-root': {\n        backgroundColor: theme.palette.background.paper,\n      },\n      '& .border-divider ': {\n        borderColor: `${theme.palette.divider}!important`,\n      },\n      'table.simple tbody tr th': {\n        borderColor: theme.palette.divider,\n      },\n      'table.simple thead tr th': {\n        borderColor: theme.palette.divider,\n      },\n      'a:not([role=button]):not(.MuiButtonBase-root)': {\n        color: theme.palette.secondary.main,\n        textDecoration: 'underline',\n        '&:hover': {},\n      },\n      'a.link, a:not([role=button])[target=_blank]': {\n        background: alpha(theme.palette.secondary.main, 0.2),\n        color: 'inherit',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n        textDecoration: 'none',\n        '&:hover': {\n          background: alpha(theme.palette.secondary.main, 0.3),\n          textDecoration: 'none',\n        },\n      },\n      '[class^=\"border\"]': {\n        borderColor: theme.palette.divider,\n      },\n      '[class*=\"border\"]': {\n        borderColor: theme.palette.divider,\n      },\n      '[class*=\"divide-\"] > :not([hidden]) ~ :not([hidden])': {\n        borderColor: theme.palette.divider,\n      },\n      hr: {\n        borderColor: theme.palette.divider,\n      },\n      '::-webkit-scrollbar-thumb': {\n        boxShadow: `inset 0 0 0 20px ${\n          theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.24)' : 'rgba(255, 255, 255, 0.24)'\n        }`,\n      },\n      '::-webkit-scrollbar-thumb:active': {\n        boxShadow: `inset 0 0 0 20px ${\n          theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.37)' : 'rgba(255, 255, 255, 0.37)'\n        }`,\n      },\n    })}\n  />\n);\n\nconst getThemeGlobalStyles = (\n  datePickerSelectedBg: string,\n  datePickerSelectedColor: string,\n  datePickerHoverColor: string,\n) => (\n  <GlobalStyles\n    styles={{\n      ':root': {\n        '--owp-datepicker-selected-bg': datePickerSelectedBg,\n        '--owp-datepicker-selected-color': datePickerSelectedColor,\n        '--owp-datepicker-selected-hover-bg': emphasize(datePickerSelectedBg, 0.16),\n        '--owp-datepicker-hover-color': datePickerHoverColor,\n        '--owp-datepicker-hover-bg': alpha(datePickerSelectedBg, 0.14),\n        '--owp-datepicker-keyboard-selected-bg': alpha(datePickerSelectedBg, 0.28),\n        '--owp-datepicker-keyboard-selected-hover-bg': alpha(datePickerSelectedBg, 0.36),\n        '--owp-datepicker-keyboard-selected-color': datePickerHoverColor,\n        '--owp-datepicker-range-preview-bg': alpha(datePickerSelectedBg, 0.48),\n      },\n    }}\n  />\n);\n\nexport interface OwpStyleProviderProps {\n  children?: ReactNode;\n  theme?: Theme;\n  root?: boolean;\n  cacheProviderProps?: OwpCacheProviderProps;\n}\n\n/**\n * MUI theme boundary and global style layer.\n * @param theme MUI theme 객체\n * @param root 글로벌 스타일 적용 여부\n * @param children 렌더링 자식\n */\nfunction OwpStyleTheme({\n  children,\n  theme,\n  root = false,\n  datePickerSelectedBg,\n  datePickerSelectedColor,\n  datePickerHoverColor,\n}: Pick<OwpStyleProviderProps, 'children' | 'root'> & {\n  theme: Theme;\n  datePickerSelectedBg?: string;\n  datePickerSelectedColor?: string;\n  datePickerHoverColor?: string;\n}) {\n  const { mode } = theme.palette;\n\n  useEffect(() => {\n    if (root) {\n      document.body.classList.add(mode === 'light' ? 'light' : 'dark');\n      document.body.classList.remove(mode === 'light' ? 'dark' : 'light');\n    }\n  }, [mode, root]);\n\n  return (\n    <ThemeProvider theme={theme}>\n      {children}\n      {getThemeGlobalStyles(\n        datePickerSelectedBg ?? theme.palette.primary.main,\n        datePickerSelectedColor ??\n          theme.palette.getContrastText(datePickerSelectedBg ?? theme.palette.primary.main),\n        datePickerHoverColor ?? theme.palette.text.primary,\n      )}\n      {root && inputGlobalStyles}\n    </ThemeProvider>\n  );\n}\n\n/**\n * CacheProvider, theme composition\n * @param theme MUI theme 객체\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nfunction OwpStyleProviderContent({\n  children,\n  theme,\n  root,\n  cacheProviderProps,\n  datePickerSelectedBg,\n  datePickerSelectedColor,\n  datePickerHoverColor,\n}: OwpStyleProviderContentProps) {\n  const themeContent = (\n    <OwpStyleTheme\n      theme={theme}\n      root={root}\n      datePickerSelectedBg={datePickerSelectedBg}\n      datePickerSelectedColor={datePickerSelectedColor}\n      datePickerHoverColor={datePickerHoverColor}\n    >\n      {children}\n    </OwpStyleTheme>\n  );\n\n  if (!cacheProviderProps?.value) {\n    return themeContent;\n  }\n\n  return <CacheProvider {...cacheProviderProps}>{themeContent}</CacheProvider>;\n}\n\n/**\n * Store main theme fallback provider\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nfunction OwpStyleProviderFallback({\n  children,\n  root,\n  cacheProviderProps,\n}: Omit<OwpStyleProviderProps, 'theme'>) {\n  const theme = useGetMainTheme() as Theme;\n  const toolbarTheme = useGetToolbarTheme() as Theme;\n  const datePickerSelectedBg = toolbarTheme.palette.background.default;\n\n  return (\n    <OwpStyleProviderContent\n      theme={theme}\n      root={root}\n      cacheProviderProps={cacheProviderProps}\n      datePickerSelectedBg={datePickerSelectedBg}\n      datePickerSelectedColor={toolbarTheme.palette.getContrastText(datePickerSelectedBg)}\n      datePickerHoverColor={theme.palette.text.primary}\n    >\n      {children}\n    </OwpStyleProviderContent>\n  );\n}\n\n/**\n * CacheProvider, theme composition\n * @param theme MUI theme 객체. 미지정 시 store main theme 사용\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nexport function OwpStyleProvider(props: OwpStyleProviderProps) {\n  const { children, theme, root, cacheProviderProps } = props;\n\n  if (theme) {\n    return (\n      <OwpStyleProviderContent theme={theme} root={root} cacheProviderProps={cacheProviderProps}>\n        {children}\n      </OwpStyleProviderContent>\n    );\n  }\n\n  return (\n    <OwpStyleProviderFallback root={root} cacheProviderProps={cacheProviderProps}>\n      {children}\n    </OwpStyleProviderFallback>\n  );\n}\n"],"names":["inputGlobalStyles","jsx","GlobalStyles","__name","theme","alpha","getThemeGlobalStyles","datePickerSelectedBg","datePickerSelectedColor","datePickerHoverColor","emphasize","OwpStyleTheme","children","root","mode","useEffect","jsxs","ThemeProvider","OwpStyleProviderContent","cacheProviderProps","themeContent","CacheProvider","OwpStyleProviderFallback","useGetMainTheme","toolbarTheme","useGetToolbarTheme","OwpStyleProvider","props"],"mappings":"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"}