@owp/core 2.2.4 → 2.2.6

package/dist/components/OwpSelectorBase/hooks/useOwpSelectorBase.js

@@ -0,0 +1,120 @@
+var b = Object.defineProperty;
+var U = (a, c) => b(a, "name", { value: c, configurable: !0 });
+import { useOwpTranslation as m } from "../../../hooks/useOwpTranslation.js";
+import { mergeSelectorOptions as I, joinSelectorValue as W, splitSelectorValue as X, getSelectorAllToken as nn, createSelectorChangeEvent as en } from "../utils/querySelectorUtils.js";
+import { useState as Y, useRef as k, useMemo as i, useCallback as d, useEffect as q } from "react";
+const sn = /* @__PURE__ */ U(({
+  allOptions: a,
+  allValueMode: c = "joined",
+  defaultValue: L,
+  disableAllValueItem: r,
+  multiple: n,
+  name: F,
+  onChange: G,
+  options: H,
+  value: j
+}) => {
+  const { t: J } = m(), f = j !== void 0, K = L ?? "", [w, x] = Y(L), [h, v] = Y(
+    () => n && !r && (j ?? K) === "" ? "all" : "none"
+  ), Q = k(!1), O = k(j ?? K), g = k(null), B = k(G);
+  B.current = G;
+  const y = i(
+    () => I(H, a),
+    [a, H]
+  ), t = i(
+    () => y.filter((e) => !e.disabled).map((e) => e.value),
+    [y]
+  ), Z = i(() => W(t), [t]), o = f ? j : w, R = i(() => X(o), [o]), T = i(() => n && !r && (o == null || o === "") && h === "all" ? t : R, [t, r, h, n, o, R]), E = i(() => new Set(T), [T]), p = i(
+    () => ({
+      label: J("Common.전체"),
+      raw: null,
+      value: nn()
+    }),
+    [J]
+  ), D = i(
+    () => y.filter((e) => E.has(e.value)),
+    [y, E]
+  ), C = i(() => r ? !1 : n ? (o == null || o === "") && h === "all" ? !0 : c === "empty" ? h === "all" : !!t.length && t.every((e) => E.has(e)) : o == null || o === "", [
+    t,
+    c,
+    r,
+    h,
+    n,
+    o,
+    E
+  ]), _ = i(() => !n && C && !r ? p : D[0] ?? null, [p, r, C, n, D]), z = n && c === "joined" ? Z : "", s = d(
+    (e, S) => {
+      var u;
+      n && !r && (e === "" ? (g.current = S ?? "none", v(S ?? "none")) : (g.current = null, v("none"))), f || x(e), (u = B.current) == null || u.call(B, en(F, e));
+    },
+    [r, f, n, F]
+  ), P = d(() => {
+    s(z, n && c === "empty" ? "all" : void 0);
+  }, [z, c, s, n]), $ = d(() => {
+    !n || r || (g.current = "all", O.current = "", v("all"), f || x(""));
+  }, [r, f, n]), l = d(() => {
+    s("", n ? "none" : void 0);
+  }, [s, n]), M = d(
+    (e) => {
+      s(e);
+    },
+    [s]
+  ), V = d(
+    (e) => {
+      const S = e.filter((u) => u !== "");
+      if (!r && t.length && t.every((u) => S.includes(u))) {
+        P();
+        return;
+      }
+      s(
+        W(S),
+        c === "empty" ? "none" : void 0
+      );
+    },
+    [t, c, r, s, P]
+  );
+  return q(() => {
+    f || x(L);
+  }, [L, f]), q(() => {
+    if (n && !r) {
+      const e = o ?? "", S = O.current;
+      if (e === "") {
+        const N = g.current;
+        N ? (v(N), g.current = null) : S !== e && v("all"), O.current = e;
+        return;
+      }
+      const u = X(e), A = !!t.length && t.every((N) => u.includes(N));
+      v(A ? "all" : "none"), g.current = null, O.current = e;
+      return;
+    }
+    O.current = o ?? "";
+  }, [t, r, n, o]), q(() => {
+    !n || r || Q.current || f || w !== void 0 && w !== "" || !t.length || (Q.current = !0, s(z, n && c === "empty" ? "all" : void 0));
+  }, [
+    z,
+    t.length,
+    c,
+    r,
+    s,
+    w,
+    f,
+    n
+  ]), {
+    allOption: p,
+    allValue: z,
+    clearSelection: l,
+    isAllSelected: C,
+    resolvedOptions: y,
+    restoreAllSelection: $,
+    selectAll: P,
+    selectedOption: _,
+    selectedOptions: C && n && !r ? [p, ...y] : D,
+    selectedValueList: T,
+    selectMultipleValues: V,
+    selectSingleValue: M
+  };
+}, "useOwpSelectorBase");
+export {
+  sn as useOwpSelectorBase
+};
+//# sourceMappingURL=useOwpSelectorBase.js.map

package/dist/components/OwpSelectorBase/hooks/useOwpSelectorBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOwpSelectorBase.js","sources":["../../../../src/components/OwpSelectorBase/hooks/useOwpSelectorBase.ts"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  type OwpSelectorBaseHookResult,\n  type OwpSelectorBaseOption,\n  type OwpSelectorBaseProps,\n  type OwpSelectorEmptyValueMode,\n} from '../types';\nimport {\n  createSelectorChangeEvent,\n  getSelectorAllToken,\n  joinSelectorValue,\n  mergeSelectorOptions,\n  splitSelectorValue,\n} from '../utils';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\n/**\n * 공통 선택기 상태 훅\n * @param props 공통 선택기 props\n */\nexport const useOwpSelectorBase = ({\n  allOptions,\n  allValueMode = 'joined',\n  defaultValue,\n  disableAllValueItem,\n  multiple,\n  name,\n  onChange,\n  options,\n  value,\n}: OwpSelectorBaseProps): OwpSelectorBaseHookResult => {\n  const { t } = useOwpTranslation();\n  const isControlled = value !== undefined;\n  const normalizedDefaultValue = defaultValue ?? '';\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const [emptyValueMode, setEmptyValueMode] = useState<OwpSelectorEmptyValueMode>(() =>\n    multiple && !disableAllValueItem && (value ?? normalizedDefaultValue) === ''\n      ? 'all'\n      : 'none',\n  );\n  const didInitializeAllValue = useRef(false);\n  const previousNormalizedValue = useRef(value ?? normalizedDefaultValue);\n  const pendingEmptyValueMode = useRef<OwpSelectorEmptyValueMode | null>(null);\n  const onChangeRef = useRef(onChange);\n\n  onChangeRef.current = onChange;\n\n  const resolvedOptions = useMemo(\n    () => mergeSelectorOptions(options, allOptions),\n    [allOptions, options],\n  );\n  const allValueList = useMemo(\n    () => resolvedOptions.filter((option) => !option.disabled).map((option) => option.value),\n    [resolvedOptions],\n  );\n  const joinedAllValue = useMemo(() => joinSelectorValue(allValueList), [allValueList]);\n  const normalizedValue = isControlled ? value : internalValue;\n  const splitValueList = useMemo(() => splitSelectorValue(normalizedValue), [normalizedValue]);\n  const selectedValueList = useMemo(() => {\n    if (\n      multiple &&\n      !disableAllValueItem &&\n      (normalizedValue == null || normalizedValue === '') &&\n      emptyValueMode === 'all'\n    ) {\n      return allValueList;\n    }\n\n    return splitValueList;\n  }, [allValueList, disableAllValueItem, emptyValueMode, multiple, normalizedValue, splitValueList]);\n  const selectedValueSet = useMemo(() => new Set(selectedValueList), [selectedValueList]);\n  const allOption = useMemo<OwpSelectorBaseOption<null>>(\n    () => ({\n      label: t('Common.전체'),\n      raw: null,\n      value: getSelectorAllToken(),\n    }),\n    [t],\n  );\n  const selectedOptions = useMemo(\n    () => resolvedOptions.filter((option) => selectedValueSet.has(option.value)),\n    [resolvedOptions, selectedValueSet],\n  );\n  const isAllSelected = useMemo(() => {\n    if (disableAllValueItem) {\n      return false;\n    }\n\n    if (!multiple) {\n      return normalizedValue == null || normalizedValue === '';\n    }\n\n    if ((normalizedValue == null || normalizedValue === '') && emptyValueMode === 'all') {\n      return true;\n    }\n\n    if (allValueMode === 'empty') {\n      return emptyValueMode === 'all';\n    }\n\n    return Boolean(allValueList.length) && allValueList.every((item) => selectedValueSet.has(item));\n  }, [\n    allValueList,\n    allValueMode,\n    disableAllValueItem,\n    emptyValueMode,\n    multiple,\n    normalizedValue,\n    selectedValueSet,\n  ]);\n  const selectedOption = useMemo(() => {\n    if (!multiple && isAllSelected && !disableAllValueItem) {\n      return allOption;\n    }\n\n    return selectedOptions[0] ?? null;\n  }, [allOption, disableAllValueItem, isAllSelected, multiple, selectedOptions]);\n  const allValue = multiple\n    ? allValueMode === 'joined'\n      ? joinedAllValue\n      : ''\n    : '';\n\n  const emitChange = useCallback(\n    (nextValue: string, nextEmptyMode?: OwpSelectorEmptyValueMode) => {\n      if (multiple && !disableAllValueItem) {\n        if (nextValue === '') {\n          pendingEmptyValueMode.current = nextEmptyMode ?? 'none';\n          setEmptyValueMode(nextEmptyMode ?? 'none');\n        } else {\n          pendingEmptyValueMode.current = null;\n          setEmptyValueMode('none');\n        }\n      }\n\n      if (!isControlled) {\n        setInternalValue(nextValue);\n      }\n\n      onChangeRef.current?.(createSelectorChangeEvent(name, nextValue));\n    },\n    [disableAllValueItem, isControlled, multiple, name],\n  );\n\n  const selectAll = useCallback(() => {\n    emitChange(allValue, multiple && allValueMode === 'empty' ? 'all' : undefined);\n  }, [allValue, allValueMode, emitChange, multiple]);\n\n  const restoreAllSelection = useCallback(() => {\n    if (!multiple || disableAllValueItem) {\n      return;\n    }\n\n    pendingEmptyValueMode.current = 'all';\n    previousNormalizedValue.current = '';\n    setEmptyValueMode('all');\n\n    if (!isControlled) {\n      setInternalValue('');\n    }\n  }, [disableAllValueItem, isControlled, multiple]);\n\n  const clearSelection = useCallback(() => {\n    emitChange('', multiple ? 'none' : undefined);\n  }, [emitChange, multiple]);\n\n  const selectSingleValue = useCallback(\n    (nextValue: string) => {\n      emitChange(nextValue);\n    },\n    [emitChange],\n  );\n\n  const selectMultipleValues = useCallback(\n    (nextSelectedValueList: string[]) => {\n      const normalizedSelectedValueList = nextSelectedValueList.filter((item) => item !== '');\n\n      if (\n        !disableAllValueItem &&\n        Boolean(allValueList.length) &&\n        allValueList.every((item) => normalizedSelectedValueList.includes(item))\n      ) {\n        selectAll();\n        return;\n      }\n\n      emitChange(\n        joinSelectorValue(normalizedSelectedValueList),\n        allValueMode === 'empty' ? 'none' : undefined,\n      );\n    },\n    [allValueList, allValueMode, disableAllValueItem, emitChange, selectAll],\n  );\n\n  useEffect(() => {\n    if (isControlled) {\n      return;\n    }\n\n    setInternalValue(defaultValue);\n  }, [defaultValue, isControlled]);\n\n  useEffect(() => {\n    if (multiple && !disableAllValueItem) {\n      const nextNormalizedValue = normalizedValue ?? '';\n      const previousValue = previousNormalizedValue.current;\n\n      if (nextNormalizedValue === '') {\n        const nextPendingEmptyValueMode = pendingEmptyValueMode.current;\n\n        if (nextPendingEmptyValueMode) {\n          setEmptyValueMode(nextPendingEmptyValueMode);\n          pendingEmptyValueMode.current = null;\n        } else if (previousValue !== nextNormalizedValue) {\n          setEmptyValueMode('all');\n        }\n\n        previousNormalizedValue.current = nextNormalizedValue;\n\n        return;\n      }\n\n      const nextSelectedValueList = splitSelectorValue(nextNormalizedValue);\n      const isNextAllSelected =\n        Boolean(allValueList.length) &&\n        allValueList.every((item) => nextSelectedValueList.includes(item));\n\n      setEmptyValueMode(isNextAllSelected ? 'all' : 'none');\n      pendingEmptyValueMode.current = null;\n      previousNormalizedValue.current = nextNormalizedValue;\n\n      return;\n    }\n\n    previousNormalizedValue.current = normalizedValue ?? '';\n  }, [allValueList, disableAllValueItem, multiple, normalizedValue]);\n\n  useEffect(() => {\n    if (\n      !multiple ||\n      disableAllValueItem ||\n      didInitializeAllValue.current ||\n      isControlled ||\n      (internalValue !== undefined && internalValue !== '') ||\n      !allValueList.length\n    ) {\n      return;\n    }\n\n    didInitializeAllValue.current = true;\n    emitChange(allValue, multiple && allValueMode === 'empty' ? 'all' : undefined);\n  }, [\n    allValue,\n    allValueList.length,\n    allValueMode,\n    disableAllValueItem,\n    emitChange,\n    internalValue,\n    isControlled,\n    multiple,\n  ]);\n\n  return {\n    allOption,\n    allValue,\n    clearSelection,\n    isAllSelected,\n    resolvedOptions,\n    restoreAllSelection,\n    selectAll,\n    selectedOption,\n    selectedOptions: isAllSelected && multiple && !disableAllValueItem ? [allOption, ...resolvedOptions] : selectedOptions,\n    selectedValueList,\n    selectMultipleValues,\n    selectSingleValue,\n  };\n};\n"],"names":["useOwpSelectorBase","__name","allOptions","allValueMode","defaultValue","disableAllValueItem","multiple","name","onChange","options","value","t","useOwpTranslation","isControlled","normalizedDefaultValue","internalValue","setInternalValue","useState","emptyValueMode","setEmptyValueMode","didInitializeAllValue","useRef","previousNormalizedValue","pendingEmptyValueMode","onChangeRef","resolvedOptions","useMemo","mergeSelectorOptions","allValueList","option","joinedAllValue","joinSelectorValue","normalizedValue","splitValueList","splitSelectorValue","selectedValueList","selectedValueSet","allOption","getSelectorAllToken","selectedOptions","isAllSelected","item","selectedOption","allValue","emitChange","useCallback","nextValue","nextEmptyMode","_a","createSelectorChangeEvent","selectAll","restoreAllSelection","clearSelection","selectSingleValue","selectMultipleValues","nextSelectedValueList","normalizedSelectedValueList","useEffect","nextNormalizedValue","previousValue","nextPendingEmptyValueMode","isNextAllSelected"],"mappings":"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"}

package/dist/components/OwpSelectorBase/utils/querySelectorUtils.js

@@ -0,0 +1,24 @@
+var c = Object.defineProperty;
+var r = (e, t) => c(e, "name", { value: t, configurable: !0 });
+const a = "__OWP_SELECTOR_ALL__", o = /* @__PURE__ */ r(() => a, "getSelectorAllToken"), i = /* @__PURE__ */ r((e) => e ? e.split(",").map((t) => t.trim()).filter(Boolean) : [], "splitSelectorValue"), u = /* @__PURE__ */ r((e) => e.map((t) => t.trim()).filter(Boolean).join(","), "joinSelectorValue"), E = /* @__PURE__ */ r((e, t) => ({
+  target: {
+    name: e ?? "",
+    value: t
+  }
+}), "createSelectorChangeEvent"), S = /* @__PURE__ */ r((...e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.forEach((l) => {
+    l == null || l.forEach((n) => {
+      t.has(n.value) || t.set(n.value, n);
+    });
+  }), Array.from(t.values());
+}, "mergeSelectorOptions"), _ = /* @__PURE__ */ r((e) => e.value === a, "isSelectorAllOption");
+export {
+  E as createSelectorChangeEvent,
+  o as getSelectorAllToken,
+  _ as isSelectorAllOption,
+  u as joinSelectorValue,
+  S as mergeSelectorOptions,
+  i as splitSelectorValue
+};
+//# sourceMappingURL=querySelectorUtils.js.map

package/dist/components/OwpSelectorBase/utils/querySelectorUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"querySelectorUtils.js","sources":["../../../../src/components/OwpSelectorBase/utils/querySelectorUtils.ts"],"sourcesContent":["import type { OwpSelectorBaseChangeEvent, OwpSelectorBaseOption } from '../types';\n\nconst SELECTOR_ALL_TOKEN = '__OWP_SELECTOR_ALL__';\n\n/**\n * 전체 선택 토큰 반환\n */\nexport const getSelectorAllToken = () => {\n  return SELECTOR_ALL_TOKEN;\n};\n\n/**\n * 선택 값 문자열 분리\n * @param value 원본 선택 값\n */\nexport const splitSelectorValue = (value?: string) => {\n  if (!value) {\n    return [];\n  }\n\n  return value\n    .split(',')\n    .map((item) => item.trim())\n    .filter(Boolean);\n};\n\n/**\n * 선택 값 문자열 결합\n * @param valueList 선택 값 목록\n */\nexport const joinSelectorValue = (valueList: string[]) => {\n  return valueList\n    .map((item) => item.trim())\n    .filter(Boolean)\n    .join(',');\n};\n\n/**\n * 선택 변경 이벤트 생성\n * @param name 필드 이름\n * @param value 선택 값\n */\nexport const createSelectorChangeEvent = (name: string | undefined, value: string) => {\n  return {\n    target: {\n      name: name ?? '',\n      value,\n    },\n  } as OwpSelectorBaseChangeEvent;\n};\n\n/**\n * 선택 옵션 목록 병합\n * @param optionGroups 옵션 그룹 목록\n */\nexport const mergeSelectorOptions = <T = unknown>(\n  ...optionGroups: Array<OwpSelectorBaseOption<T>[] | undefined>\n) => {\n  const optionMap = new Map<string, OwpSelectorBaseOption<T>>();\n\n  optionGroups.forEach((optionGroup) => {\n    optionGroup?.forEach((option) => {\n      if (!optionMap.has(option.value)) {\n        optionMap.set(option.value, option);\n      }\n    });\n  });\n\n  return Array.from(optionMap.values());\n};\n\n/**\n * 선택 옵션 값 포함 여부 확인\n * @param option 선택 옵션\n */\nexport const isSelectorAllOption = (option: OwpSelectorBaseOption) => {\n  return option.value === SELECTOR_ALL_TOKEN;\n};\n"],"names":["SELECTOR_ALL_TOKEN","getSelectorAllToken","__name","splitSelectorValue","value","item","joinSelectorValue","valueList","createSelectorChangeEvent","name","mergeSelectorOptions","optionGroups","optionMap","optionGroup","option","isSelectorAllOption"],"mappings":";;AAEA,MAAMA,IAAqB,wBAKdC,IAAsB,gBAAAC,EAAA,MAC1BF,GAD0B,wBAQtBG,IAAqB,gBAAAD,EAAA,CAACE,MAC5BA,IAIEA,EACJ,MAAM,GAAG,EACT,IAAI,CAACC,MAASA,EAAK,KAAA,CAAM,EACzB,OAAO,OAAO,IANR,CAAA,GAFuB,uBAerBC,IAAoB,gBAAAJ,EAAA,CAACK,MACzBA,EACJ,IAAI,CAACF,MAASA,EAAK,MAAM,EACzB,OAAO,OAAO,EACd,KAAK,GAAG,GAJoB,sBAYpBG,IAA4B,gBAAAN,EAAA,CAACO,GAA0BL,OAC3D;AAAA,EACL,QAAQ;AAAA,IACN,MAAMK,KAAQ;AAAA,IACd,OAAAL;AAAA,EAAA;AACF,IALqC,8BAa5BM,IAAuB,gBAAAR,EAAA,IAC/BS,MACA;AACH,QAAMC,wBAAgB,IAAA;AAEtB,SAAAD,EAAa,QAAQ,CAACE,MAAgB;AACpC,IAAAA,KAAA,QAAAA,EAAa,QAAQ,CAACC,MAAW;AAC/B,MAAKF,EAAU,IAAIE,EAAO,KAAK,KAC7BF,EAAU,IAAIE,EAAO,OAAOA,CAAM;AAAA,IAEtC;AAAA,EACF,CAAC,GAEM,MAAM,KAAKF,EAAU,OAAA,CAAQ;AACtC,GAdoC,yBAoBvBG,IAAsB,gBAAAb,EAAA,CAACY,MAC3BA,EAAO,UAAUd,GADS;"}

package/dist/components/OwpStyleProvider/OwpStyleProvider.js

@@ -1,14 +1,14 @@
-var b = Object.defineProperty;
-var l = (t, r) => b(t, "name", { value: r, configurable: !0 });
-import { jsx as n, jsxs as c } 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 u } from "@emotion/react";
-import { useAppSelector as s } from "../../hooks/useAppStore.js";
-import { selectMainTheme as f } from "../../store/owpSettingsSlice.js";
-import m from "@mui/material/GlobalStyles";
-import { ThemeProvider as g, alpha as i } from "@mui/material/styles";
-import { useEffect as d, useLayoutEffect as y } from "react";
-const v = typeof window > "u" ? d : y, k = /* @__PURE__ */ n(
-  m,
+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";
+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(
+  s,
   {
     styles: /* @__PURE__ */ l((t) => ({
       html: {
@@ -37,12 +37,12 @@ const v = typeof window > "u" ? d : y, k = /* @__PURE__ */ n(
         "&:hover": {}
       },
       "a.link, a:not([role=button])[target=_blank]": {
-        background: i(t.palette.secondary.main, 0.2),
+        background: n(t.palette.secondary.main, 0.2),
         color: "inherit",
         borderBottom: `1px solid ${t.palette.divider}`,
         textDecoration: "none",
         "&:hover": {
-          background: i(t.palette.secondary.main, 0.3),
+          background: n(t.palette.secondary.main, 0.3),
           textDecoration: "none"
         }
       },
@@ -66,47 +66,95 @@ const v = typeof window > "u" ? d : y, k = /* @__PURE__ */ n(
       }
     }), "styles")
   }
-);
-function x({
+), h = /* @__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-hover-color": o,
+        "--owp-datepicker-hover-bg": n(t, 0.14),
+        "--owp-datepicker-keyboard-selected-bg": n(t, 0.28),
+        "--owp-datepicker-keyboard-selected-hover-bg": n(t, 0.36),
+        "--owp-datepicker-keyboard-selected-color": o,
+        "--owp-datepicker-range-preview-bg": n(t, 0.48)
+      }
+    }
+  }
+), "getThemeGlobalStyles");
+function T({
   children: t,
-  theme: r,
-  root: e = !1
+  theme: e,
+  root: o = !1,
+  datePickerSelectedBg: r,
+  datePickerSelectedColor: a,
+  datePickerHoverColor: d
 }) {
-  const { mode: o } = r.palette;
-  return v(() => {
-  }, [e]), d(() => {
-    e && (document.body.classList.add(o === "light" ? "light" : "dark"), document.body.classList.remove(o === "light" ? "dark" : "light"));
-  }, [o, e]), /* @__PURE__ */ c(g, { theme: r, children: [
+  const { mode: p } = e.palette;
+  return x(() => {
+    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: [
     t,
-    e && k
+    h(
+      r ?? e.palette.primary.main,
+      a ?? e.palette.getContrastText(r ?? e.palette.primary.main),
+      d ?? e.palette.text.primary
+    ),
+    o && C
   ] });
 }
-l(x, "OwpStyleTheme");
-function p({
+l(T, "OwpStyleTheme");
+function u({
   children: t,
-  theme: r,
-  root: e,
-  cacheProviderProps: o
+  theme: e,
+  root: o,
+  cacheProviderProps: r,
+  datePickerSelectedBg: a,
+  datePickerSelectedColor: d,
+  datePickerHoverColor: p
 }) {
-  const a = /* @__PURE__ */ n(x, { theme: r, root: e, children: t });
-  return o != null && o.value ? /* @__PURE__ */ n(u, { ...o, children: a }) : a;
+  const b = /* @__PURE__ */ i(
+    T,
+    {
+      theme: e,
+      root: o,
+      datePickerSelectedBg: a,
+      datePickerSelectedColor: d,
+      datePickerHoverColor: p,
+      children: t
+    }
+  );
+  return r != null && r.value ? /* @__PURE__ */ i(y, { ...r, children: b }) : b;
 }
-l(p, "OwpStyleProviderContent");
-function C({
+l(u, "OwpStyleProviderContent");
+function S({
   children: t,
-  root: r,
-  cacheProviderProps: e
+  root: e,
+  cacheProviderProps: o
 }) {
-  const o = s(f);
-  return /* @__PURE__ */ n(p, { theme: o, root: r, cacheProviderProps: e, children: t });
+  const r = c(k), a = c(v), d = a.palette.background.default;
+  return /* @__PURE__ */ i(
+    u,
+    {
+      theme: r,
+      root: e,
+      cacheProviderProps: o,
+      datePickerSelectedBg: d,
+      datePickerSelectedColor: a.palette.getContrastText(d),
+      datePickerHoverColor: r.palette.text.primary,
+      children: t
+    }
+  );
 }
-l(C, "OwpStyleProviderFallback");
-function L(t) {
-  const { children: r, theme: e, root: o, cacheProviderProps: a } = t;
-  return e ? /* @__PURE__ */ n(p, { theme: e, root: o, cacheProviderProps: a, children: r }) : /* @__PURE__ */ n(C, { root: o, cacheProviderProps: a, children: r });
+l(S, "OwpStyleProviderFallback");
+function A(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 });
 }
-l(L, "OwpStyleProvider");
+l(A, "OwpStyleProvider");
 export {
-  L as OwpStyleProvider
+  A 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 } from '@/store/owpSettingsSlice';\nimport type { RootState } from '@/store/store';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { alpha, ThemeProvider, type Theme } from '@mui/material/styles';\nimport { ComponentProps, ReactNode, useEffect, useLayoutEffect } from 'react';\n\ntype OwpCacheProviderProps = Omit<ComponentProps<typeof CacheProvider>, 'children'>;\ntype OwpStyleProviderContentProps = Omit<OwpStyleProviderProps, 'theme'> & { theme: Theme };\n\n/**\n * Layout effect fallback for SSR environments.\n */\nconst useEnhancedEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\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\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}: Pick<OwpStyleProviderProps, 'children' | 'root'> & { theme: Theme }) {\n  const { mode } = theme.palette;\n\n  useEnhancedEffect(() => {\n    if (root) {\n      \n    }\n  }, [root]);\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      {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}: OwpStyleProviderContentProps) {\n  const themeContent = (\n    <OwpStyleTheme theme={theme} root={root}>\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\n  return (\n    <OwpStyleProviderContent theme={theme} root={root} cacheProviderProps={cacheProviderProps}>\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":["useEnhancedEffect","useEffect","useLayoutEffect","inputGlobalStyles","jsx","GlobalStyles","__name","theme","alpha","OwpStyleTheme","children","root","mode","jsxs","ThemeProvider","OwpStyleProviderContent","cacheProviderProps","themeContent","CacheProvider","OwpStyleProviderFallback","useAppSelector","selectMainTheme","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 { 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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"}

package/dist/components/OwpSuspense/OwpSuspense.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpSuspense.js","sources":["../../../src/components/OwpSuspense/OwpSuspense.tsx"],"sourcesContent":["import { OwpPageSkeleton } from '@/components/OwpPageSkeleton/OwpPageSkeleton';\nimport { OwpLoading } from '@/components/OwpLoading';\nimport type { OwpLoadingProps } from '@/components/OwpLoading/OwpLoading';\nimport { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport clsx from 'clsx';\nimport type {\n  OwpPageSkeletonSpec,\n  OwpRouteLoadingConfig,\n  OwpRouteLoadingSlotProps,\n} from '@/contexts/OwpAppProvider';\nimport {\n  ComponentType,\n  ReactNode,\n  Suspense,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLocation } from 'react-router-dom';\n\ntype OwpSuspenseProps = {\n  loadingProps?: OwpLoadingProps;\n  children: ReactNode;\n};\n\n/**\n * The OwpSuspense component is a wrapper around the React Suspense component.\n * It is used to display a loading spinner while the wrapped components are being loaded.\n * The component is memoized to prevent unnecessary re-renders.\n * React Suspense defaults\n * For to Avoid Repetition\n */\nfunction OwpSuspense(props: OwpSuspenseProps) {\n  const { children, loadingProps } = props;\n  const { pathname } = useLocation();\n  const { slots, slotProps } = useOwpAppContext();\n  const RouteLoadingSlot = slots?.routeLoading;\n  const { getSkeletonSpec, releaseOnClick = false, ...routeLoadingProps } =\n    slotProps?.routeLoading ?? {};\n  const skeletonSpec = getSkeletonSpec?.(pathname);\n  const hasCompletedInitialMountRef = useRef(false);\n  const [holdPathname, setHoldPathname] = useState<string | null>(null);\n  const isReleaseOnClickEnabled = releaseOnClick === true;\n\n  useEffect(() => {\n    hasCompletedInitialMountRef.current = true;\n  }, []);\n\n  const shouldUseSkeleton = hasCompletedInitialMountRef.current && !!skeletonSpec;\n\n  return (\n    <Suspense\n      fallback={\n        <RouteLoadingFallback\n          pathname={pathname}\n          loadingProps={loadingProps}\n          routeLoadingSlotProps={routeLoadingProps}\n          RouteLoadingSlot={RouteLoadingSlot}\n          skeletonSpec={skeletonSpec}\n          shouldUseSkeleton={shouldUseSkeleton}\n          shouldHoldOnResolve={!RouteLoadingSlot && shouldUseSkeleton && isReleaseOnClickEnabled}\n          onFallbackRendered={() => {\n            setHoldPathname(pathname);\n          }}\n        />\n      }\n    >\n      <RouteLoadingHold\n        skeletonSpec={skeletonSpec}\n        isVisible={holdPathname === pathname}\n        onRelease={() => {\n          setHoldPathname(null);\n        }}\n      >\n        {children}\n      </RouteLoadingHold>\n    </Suspense>\n  );\n}\n\nexport { OwpSuspense };\n\ntype RouteLoadingFallbackProps = {\n  pathname: string;\n  loadingProps?: OwpLoadingProps;\n  routeLoadingSlotProps?: Omit<\n    Partial<OwpRouteLoadingSlotProps>,\n    'pathname' | 'isFirstRouteLoading'\n  > &\n    OwpRouteLoadingConfig;\n  RouteLoadingSlot?: ComponentType<OwpRouteLoadingSlotProps>;\n  skeletonSpec?: OwpPageSkeletonSpec;\n  shouldUseSkeleton: boolean;\n  shouldHoldOnResolve: boolean;\n  onFallbackRendered: () => void;\n};\n\nfunction RouteLoadingFallback({\n  pathname,\n  loadingProps,\n  routeLoadingSlotProps,\n  RouteLoadingSlot,\n  skeletonSpec,\n  shouldUseSkeleton,\n  shouldHoldOnResolve,\n  onFallbackRendered,\n}: RouteLoadingFallbackProps) {\n  useEffect(() => {\n    if (shouldHoldOnResolve) {\n      onFallbackRendered();\n    }\n  }, [onFallbackRendered, shouldHoldOnResolve]);\n\n  if (RouteLoadingSlot) {\n    return (\n      <RouteLoadingSlot\n        {...routeLoadingSlotProps}\n        {...loadingProps}\n        pathname={pathname}\n        isFirstRouteLoading={true}\n      />\n    );\n  }\n\n  if (shouldUseSkeleton && skeletonSpec) {\n    return <OwpPageSkeleton spec={skeletonSpec} />;\n  }\n\n  return (\n    <OwpLoading\n      {...routeLoadingSlotProps}\n      {...loadingProps}\n      className={clsx(routeLoadingSlotProps?.className, loadingProps?.className)}\n    />\n  );\n}\n\ntype RouteLoadingHoldProps = {\n  skeletonSpec?: OwpPageSkeletonSpec;\n  isVisible: boolean;\n  onRelease: () => void;\n  children: ReactNode;\n};\n\nfunction RouteLoadingHold({\n  skeletonSpec,\n  isVisible,\n  onRelease,\n  children,\n}: RouteLoadingHoldProps) {\n  if (!isVisible || !skeletonSpec) {\n    return children;\n  }\n\n  return (\n    <div\n      aria-label=\"Release route loading skeleton\"\n      className=\"flex min-h-0 w-full flex-1 cursor-pointer flex-col overflow-hidden\"\n      onClick={onRelease}\n      onKeyDown={(event) => {\n        if (event.key !== 'Enter' && event.key !== ' ') {\n          return;\n        }\n\n        event.preventDefault();\n        onRelease();\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <OwpPageSkeleton spec={skeletonSpec} />\n    </div>\n  );\n}\n"],"names":["OwpSuspense","props","children","loadingProps","pathname","useLocation","slots","slotProps","useOwpAppContext","RouteLoadingSlot","getSkeletonSpec","releaseOnClick","routeLoadingProps","skeletonSpec","hasCompletedInitialMountRef","useRef","holdPathname","setHoldPathname","useState","isReleaseOnClickEnabled","useEffect","shouldUseSkeleton","jsx","Suspense","RouteLoadingFallback","__name","RouteLoadingHold","routeLoadingSlotProps","shouldHoldOnResolve","onFallbackRendered","OwpPageSkeleton","OwpLoading","clsx","isVisible","onRelease","event"],"mappings":"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"}
+{"version":3,"file":"OwpSuspense.js","sources":["../../../src/components/OwpSuspense/OwpSuspense.tsx"],"sourcesContent":["import { OwpPageSkeleton } from '@/components/OwpPageSkeleton';\nimport { OwpLoading } from '@/components/OwpLoading';\nimport type { OwpLoadingProps } from '@/components/OwpLoading/OwpLoading';\nimport { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport clsx from 'clsx';\nimport type {\n  OwpPageSkeletonSpec,\n  OwpRouteLoadingConfig,\n  OwpRouteLoadingSlotProps,\n} from '@/contexts/OwpAppProvider';\nimport {\n  ComponentType,\n  ReactNode,\n  Suspense,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLocation } from 'react-router-dom';\n\ntype OwpSuspenseProps = {\n  loadingProps?: OwpLoadingProps;\n  children: ReactNode;\n};\n\n/**\n * The OwpSuspense component is a wrapper around the React Suspense component.\n * It is used to display a loading spinner while the wrapped components are being loaded.\n * The component is memoized to prevent unnecessary re-renders.\n * React Suspense defaults\n * For to Avoid Repetition\n */\nfunction OwpSuspense(props: OwpSuspenseProps) {\n  const { children, loadingProps } = props;\n  const { pathname } = useLocation();\n  const { slots, slotProps } = useOwpAppContext();\n  const RouteLoadingSlot = slots?.routeLoading;\n  const { getSkeletonSpec, releaseOnClick = false, ...routeLoadingProps } =\n    slotProps?.routeLoading ?? {};\n  const skeletonSpec = getSkeletonSpec?.(pathname);\n  const hasCompletedInitialMountRef = useRef(false);\n  const [holdPathname, setHoldPathname] = useState<string | null>(null);\n  const isReleaseOnClickEnabled = releaseOnClick === true;\n\n  useEffect(() => {\n    hasCompletedInitialMountRef.current = true;\n  }, []);\n\n  const shouldUseSkeleton = hasCompletedInitialMountRef.current && !!skeletonSpec;\n\n  return (\n    <Suspense\n      fallback={\n        <RouteLoadingFallback\n          pathname={pathname}\n          loadingProps={loadingProps}\n          routeLoadingSlotProps={routeLoadingProps}\n          RouteLoadingSlot={RouteLoadingSlot}\n          skeletonSpec={skeletonSpec}\n          shouldUseSkeleton={shouldUseSkeleton}\n          shouldHoldOnResolve={!RouteLoadingSlot && shouldUseSkeleton && isReleaseOnClickEnabled}\n          onFallbackRendered={() => {\n            setHoldPathname(pathname);\n          }}\n        />\n      }\n    >\n      <RouteLoadingHold\n        skeletonSpec={skeletonSpec}\n        isVisible={holdPathname === pathname}\n        onRelease={() => {\n          setHoldPathname(null);\n        }}\n      >\n        {children}\n      </RouteLoadingHold>\n    </Suspense>\n  );\n}\n\nexport { OwpSuspense };\n\ntype RouteLoadingFallbackProps = {\n  pathname: string;\n  loadingProps?: OwpLoadingProps;\n  routeLoadingSlotProps?: Omit<\n    Partial<OwpRouteLoadingSlotProps>,\n    'pathname' | 'isFirstRouteLoading'\n  > &\n    OwpRouteLoadingConfig;\n  RouteLoadingSlot?: ComponentType<OwpRouteLoadingSlotProps>;\n  skeletonSpec?: OwpPageSkeletonSpec;\n  shouldUseSkeleton: boolean;\n  shouldHoldOnResolve: boolean;\n  onFallbackRendered: () => void;\n};\n\nfunction RouteLoadingFallback({\n  pathname,\n  loadingProps,\n  routeLoadingSlotProps,\n  RouteLoadingSlot,\n  skeletonSpec,\n  shouldUseSkeleton,\n  shouldHoldOnResolve,\n  onFallbackRendered,\n}: RouteLoadingFallbackProps) {\n  useEffect(() => {\n    if (shouldHoldOnResolve) {\n      onFallbackRendered();\n    }\n  }, [onFallbackRendered, shouldHoldOnResolve]);\n\n  if (RouteLoadingSlot) {\n    return (\n      <RouteLoadingSlot\n        {...routeLoadingSlotProps}\n        {...loadingProps}\n        pathname={pathname}\n        isFirstRouteLoading={true}\n      />\n    );\n  }\n\n  if (shouldUseSkeleton && skeletonSpec) {\n    return <OwpPageSkeleton spec={skeletonSpec} />;\n  }\n\n  return (\n    <OwpLoading\n      {...routeLoadingSlotProps}\n      {...loadingProps}\n      className={clsx(routeLoadingSlotProps?.className, loadingProps?.className)}\n    />\n  );\n}\n\ntype RouteLoadingHoldProps = {\n  skeletonSpec?: OwpPageSkeletonSpec;\n  isVisible: boolean;\n  onRelease: () => void;\n  children: ReactNode;\n};\n\nfunction RouteLoadingHold({\n  skeletonSpec,\n  isVisible,\n  onRelease,\n  children,\n}: RouteLoadingHoldProps) {\n  if (!isVisible || !skeletonSpec) {\n    return children;\n  }\n\n  return (\n    <div\n      aria-label=\"Release route loading skeleton\"\n      className=\"flex min-h-0 w-full flex-1 cursor-pointer flex-col overflow-hidden\"\n      onClick={onRelease}\n      onKeyDown={(event) => {\n        if (event.key !== 'Enter' && event.key !== ' ') {\n          return;\n        }\n\n        event.preventDefault();\n        onRelease();\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <OwpPageSkeleton spec={skeletonSpec} />\n    </div>\n  );\n}\n"],"names":["OwpSuspense","props","children","loadingProps","pathname","useLocation","slots","slotProps","useOwpAppContext","RouteLoadingSlot","getSkeletonSpec","releaseOnClick","routeLoadingProps","skeletonSpec","hasCompletedInitialMountRef","useRef","holdPathname","setHoldPathname","useState","isReleaseOnClickEnabled","useEffect","shouldUseSkeleton","jsx","Suspense","RouteLoadingFallback","__name","RouteLoadingHold","routeLoadingSlotProps","shouldHoldOnResolve","onFallbackRendered","OwpPageSkeleton","OwpLoading","clsx","isVisible","onRelease","event"],"mappings":"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"}