@owp/core 2.2.3 → 2.2.5

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/hooks/useHeaderWrapState.js

@@ -0,0 +1,48 @@
+var b = Object.defineProperty;
+var s = (t, e) => b(t, "name", { value: e, configurable: !0 });
+import { useRef as u, useState as C, useLayoutEffect as S } from "react";
+const y = /* @__PURE__ */ s((t) => !t || t.getClientRects().length === 0 ? 0 : t.offsetWidth, "getVisibleElementWidth"), h = /* @__PURE__ */ s((t) => {
+  if (!t || t.getClientRects().length === 0)
+    return 0;
+  const e = Array.from(t.children).filter(
+    (r) => r.getClientRects().length > 0
+  );
+  if (e.length === 0)
+    return t.offsetWidth;
+  const n = window.getComputedStyle(t), o = Number.parseFloat(n.columnGap || n.gap || "0") || 0;
+  return e.reduce((r, l) => r + l.offsetWidth, 0) + o * Math.max(e.length - 1, 0);
+}, "getGroupContentWidth"), E = /* @__PURE__ */ s((t = []) => {
+  const e = u(null), n = u(null), o = u(null), r = u(null), [l, g] = C(!1);
+  return S(() => {
+    const c = e.current;
+    if (!c)
+      return;
+    const d = /* @__PURE__ */ s(() => {
+      const i = window.getComputedStyle(c), W = Number.parseFloat(i.columnGap || i.gap || "0") || 0, p = [
+        y(n.current),
+        h(o.current),
+        h(r.current)
+      ].filter((a) => a > 0), m = p.reduce((a, R) => a + R, 0) + W * Math.max(p.length - 1, 0);
+      g(m > c.clientWidth);
+    }, "updateWrapState");
+    d();
+    const f = new ResizeObserver(() => {
+      d();
+    });
+    return [c, n.current, o.current, r.current].filter(Boolean).forEach((i) => {
+      f.observe(i);
+    }), () => {
+      f.disconnect();
+    };
+  }, [t]), {
+    containerRef: e,
+    titleRef: n,
+    slotsRef: o,
+    actionsRef: r,
+    isWrapped: l
+  };
+}, "useHeaderWrapState");
+export {
+  E as useHeaderWrapState
+};
+//# sourceMappingURL=useHeaderWrapState.js.map

package/dist/hooks/useHeaderWrapState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderWrapState.js","sources":["../../src/hooks/useHeaderWrapState.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type RefObject } from 'react';\n\ntype HeaderWrapState = {\n  containerRef: RefObject<HTMLDivElement | null>;\n  titleRef: RefObject<HTMLDivElement | null>;\n  slotsRef: RefObject<HTMLDivElement | null>;\n  actionsRef: RefObject<HTMLDivElement | null>;\n  isWrapped: boolean;\n};\n\nconst getVisibleElementWidth = (element: HTMLElement | null) => {\n  if (!element || element.getClientRects().length === 0) {\n    return 0;\n  }\n\n  return element.offsetWidth;\n};\n\nconst getGroupContentWidth = (element: HTMLElement | null) => {\n  if (!element || element.getClientRects().length === 0) {\n    return 0;\n  }\n\n  const visibleChildren = Array.from(element.children).filter(\n    (child) => (child as HTMLElement).getClientRects().length > 0,\n  ) as HTMLElement[];\n\n  if (visibleChildren.length === 0) {\n    return element.offsetWidth;\n  }\n\n  const computedStyle = window.getComputedStyle(element);\n  const gap = Number.parseFloat(computedStyle.columnGap || computedStyle.gap || '0') || 0;\n\n  return (\n    visibleChildren.reduce((totalWidth, child) => totalWidth + child.offsetWidth, 0) +\n    gap * Math.max(visibleChildren.length - 1, 0)\n  );\n};\n\n/**\n * 헤더 한 줄 배치 가능 여부 계산 훅\n * @param deps 측정 재실행 의존성\n */\nconst useHeaderWrapState = (deps: unknown[] = []): HeaderWrapState => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const titleRef = useRef<HTMLDivElement>(null);\n  const slotsRef = useRef<HTMLDivElement>(null);\n  const actionsRef = useRef<HTMLDivElement>(null);\n  const [isWrapped, setIsWrapped] = useState(false);\n\n  useLayoutEffect(() => {\n    const containerElement = containerRef.current;\n\n    if (!containerElement) {\n      return undefined;\n    }\n\n    const updateWrapState = () => {\n      const containerStyle = window.getComputedStyle(containerElement);\n      const columnGap =\n        Number.parseFloat(containerStyle.columnGap || containerStyle.gap || '0') || 0;\n      const groupWidths = [\n        getVisibleElementWidth(titleRef.current),\n        getGroupContentWidth(slotsRef.current),\n        getGroupContentWidth(actionsRef.current),\n      ].filter((width) => width > 0);\n      const requiredWidth =\n        groupWidths.reduce((totalWidth, width) => totalWidth + width, 0) +\n        columnGap * Math.max(groupWidths.length - 1, 0);\n\n      setIsWrapped(requiredWidth > containerElement.clientWidth);\n    };\n\n    updateWrapState();\n\n    const resizeObserver = new ResizeObserver(() => {\n      updateWrapState();\n    });\n\n    [containerElement, titleRef.current, slotsRef.current, actionsRef.current]\n      .filter(Boolean)\n      .forEach((element) => {\n        resizeObserver.observe(element as HTMLElement);\n      });\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [deps]);\n\n  return {\n    containerRef,\n    titleRef,\n    slotsRef,\n    actionsRef,\n    isWrapped,\n  };\n};\n\nexport { useHeaderWrapState };\n"],"names":["getVisibleElementWidth","__name","element","getGroupContentWidth","visibleChildren","child","computedStyle","gap","totalWidth","useHeaderWrapState","deps","containerRef","useRef","titleRef","slotsRef","actionsRef","isWrapped","setIsWrapped","useState","useLayoutEffect","containerElement","updateWrapState","containerStyle","columnGap","groupWidths","width","requiredWidth","resizeObserver"],"mappings":";;;AAUA,MAAMA,IAAyB,gBAAAC,EAAA,CAACC,MAC1B,CAACA,KAAWA,EAAQ,eAAA,EAAiB,WAAW,IAC3C,IAGFA,EAAQ,aALc,2BAQzBC,IAAuB,gBAAAF,EAAA,CAACC,MAAgC;AAC5D,MAAI,CAACA,KAAWA,EAAQ,eAAA,EAAiB,WAAW;AAClD,WAAO;AAGT,QAAME,IAAkB,MAAM,KAAKF,EAAQ,QAAQ,EAAE;AAAA,IACnD,CAACG,MAAWA,EAAsB,eAAA,EAAiB,SAAS;AAAA,EAAA;AAG9D,MAAID,EAAgB,WAAW;AAC7B,WAAOF,EAAQ;AAGjB,QAAMI,IAAgB,OAAO,iBAAiBJ,CAAO,GAC/CK,IAAM,OAAO,WAAWD,EAAc,aAAaA,EAAc,OAAO,GAAG,KAAK;AAEtF,SACEF,EAAgB,OAAO,CAACI,GAAYH,MAAUG,IAAaH,EAAM,aAAa,CAAC,IAC/EE,IAAM,KAAK,IAAIH,EAAgB,SAAS,GAAG,CAAC;AAEhD,GApB6B,yBA0BvBK,IAAqB,gBAAAR,EAAA,CAACS,IAAkB,OAAwB;AACpE,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAWD,EAAuB,IAAI,GACtCE,IAAWF,EAAuB,IAAI,GACtCG,IAAaH,EAAuB,IAAI,GACxC,CAACI,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAmBT,EAAa;AAEtC,QAAI,CAACS;AACH;AAGF,UAAMC,IAAkB,gBAAApB,EAAA,MAAM;AAC5B,YAAMqB,IAAiB,OAAO,iBAAiBF,CAAgB,GACzDG,IACJ,OAAO,WAAWD,EAAe,aAAaA,EAAe,OAAO,GAAG,KAAK,GACxEE,IAAc;AAAA,QAClBxB,EAAuBa,EAAS,OAAO;AAAA,QACvCV,EAAqBW,EAAS,OAAO;AAAA,QACrCX,EAAqBY,EAAW,OAAO;AAAA,MAAA,EACvC,OAAO,CAACU,MAAUA,IAAQ,CAAC,GACvBC,IACJF,EAAY,OAAO,CAAChB,GAAYiB,MAAUjB,IAAaiB,GAAO,CAAC,IAC/DF,IAAY,KAAK,IAAIC,EAAY,SAAS,GAAG,CAAC;AAEhD,MAAAP,EAAaS,IAAgBN,EAAiB,WAAW;AAAA,IAC3D,GAdwB;AAgBxB,IAAAC,EAAA;AAEA,UAAMM,IAAiB,IAAI,eAAe,MAAM;AAC9C,MAAAN,EAAA;AAAA,IACF,CAAC;AAED,YAACD,GAAkBP,EAAS,SAASC,EAAS,SAASC,EAAW,OAAO,EACtE,OAAO,OAAO,EACd,QAAQ,CAACb,MAAY;AACpB,MAAAyB,EAAe,QAAQzB,CAAsB;AAAA,IAC/C,CAAC,GAEI,MAAM;AACX,MAAAyB,EAAe,WAAA;AAAA,IACjB;AAAA,EACF,GAAG,CAACjB,CAAI,CAAC,GAEF;AAAA,IACL,cAAAC;AAAA,IACA,UAAAE;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,EAAA;AAEJ,GAtD2B;"}

package/dist/hooks.js

@@ -1,33 +1,34 @@
-import { useGetCommonCodeList as r, useSetCommonCodeList as t } from "./hooks/useCommonCodeList.js";
+import { useGetCommonCodeList as o, useSetCommonCodeList as t } from "./hooks/useCommonCodeList.js";
 import { useAccessTokenGuard as u } from "./hooks/useAccessTokenGuard.js";
-import { useAppDispatch as p, useAppSelector as f, useAppStore as n } from "./hooks/useAppStore.js";
+import { useAppDispatch as m, useAppSelector as f, useAppStore as n } from "./hooks/useAppStore.js";
 import { useConfirm as a } from "./hooks/useConfirm.js";
 import { useGetCurrentLanguage as C, useGetLanguageList as L, useSetCurrentLanguage as g } from "./hooks/useCurrentLanguage.js";
-import { useGetLogoSrc as G, useSetLogoSrc as S } from "./hooks/useLogoSrc.js";
+import { useGetLogoSrc as c, useSetLogoSrc as G } from "./hooks/useLogoSrc.js";
 import { useGetCurrentUser as A, useSetCurrentUser as E } from "./hooks/useCurrentUser.js";
 import { useGetCurrentUserId as h, useSetCurrentUserId as v } from "./hooks/useCurrentUserId.js";
 import { useDebounce as I } from "./hooks/useDebounce.js";
 import { useDeepCompareEffect as k, useDeepCompareEffectNoCheck as N, useDeepCompareMemoize as l } from "./hooks/useDeepCompareEffect.js";
-import { useInitApp as M } from "./hooks/useInitApp.js";
-import { useInitCommonCodes as b } from "./hooks/useInitCommonCodes.js";
-import { useGetNavigationList as y, useSetNavigationList as z } from "./hooks/useNavigation.js";
-import { useOwpTranslation as F } from "./hooks/useOwpTranslation.js";
-import { useGetPageLockLoading as O, usePageLockLoading as Q } from "./hooks/usePageLockLoading.js";
+import { useHeaderWrapState as M } from "./hooks/useHeaderWrapState.js";
+import { useInitApp as b } from "./hooks/useInitApp.js";
+import { useInitCommonCodes as y } from "./hooks/useInitCommonCodes.js";
+import { useGetNavigationList as B, useSetNavigationList as F } from "./hooks/useNavigation.js";
+import { useOwpTranslation as K } from "./hooks/useOwpTranslation.js";
+import { useGetPageLockLoading as Q, usePageLockLoading as W } from "./hooks/usePageLockLoading.js";
 import { usePrevious as q } from "./hooks/usePrevious.js";
-import { useGetShortcuts as J, useSetShortcuts as R } from "./hooks/useShortcuts.js";
-import { getEnv as W, setEnv as X, useStorage as Y } from "./hooks/useStorage.js";
-import { useThemeMediaQuery as $ } from "./hooks/useThemeMediaQuery.js";
-import { useTimeout as oe } from "./hooks/useTimeout.js";
-import { useTreeGridCommonCodeEnums as te } from "./hooks/useTreeGridCommonCodeEnums.js";
-import { useTreeGridEnums as ue } from "./hooks/useTreeGridEnums.js";
-import { useTreeGridExcelExport as pe } from "./hooks/useTreeGridExcelExport.js";
-import { FALLBACK_LANGUAGE_LIST as ne } from "./constants/language.js";
+import { useGetShortcuts as R, useSetShortcuts as V } from "./hooks/useShortcuts.js";
+import { getEnv as Y, setEnv as Z, useStorage as $ } from "./hooks/useStorage.js";
+import { useThemeMediaQuery as re } from "./hooks/useThemeMediaQuery.js";
+import { useTimeout as te } from "./hooks/useTimeout.js";
+import { useTreeGridCommonCodeEnums as ue } from "./hooks/useTreeGridCommonCodeEnums.js";
+import { useTreeGridEnums as me } from "./hooks/useTreeGridEnums.js";
+import { useTreeGridExcelExport as ne } from "./hooks/useTreeGridExcelExport.js";
+import { FALLBACK_LANGUAGE_LIST as ae } from "./constants/language.js";
 export {
-  ne as FALLBACK_LANGUAGE_LIST,
-  W as getEnv,
-  X as setEnv,
+  ae as FALLBACK_LANGUAGE_LIST,
+  Y as getEnv,
+  Z as setEnv,
   u as useAccessTokenGuard,
-  p as useAppDispatch,
+  m as useAppDispatch,
   f as useAppSelector,
   n as useAppStore,
   a as useConfirm,
@@ -35,32 +36,33 @@ export {
   k as useDeepCompareEffect,
   N as useDeepCompareEffectNoCheck,
   l as useDeepCompareMemoize,
-  r as useGetCommonCodeList,
+  o as useGetCommonCodeList,
   C as useGetCurrentLanguage,
   A as useGetCurrentUser,
   h as useGetCurrentUserId,
   L as useGetLanguageList,
-  G as useGetLogoSrc,
-  y as useGetNavigationList,
-  O as useGetPageLockLoading,
-  J as useGetShortcuts,
-  M as useInitApp,
-  b as useInitCommonCodes,
-  F as useOwpTranslation,
-  Q as usePageLockLoading,
+  c as useGetLogoSrc,
+  B as useGetNavigationList,
+  Q as useGetPageLockLoading,
+  R as useGetShortcuts,
+  M as useHeaderWrapState,
+  b as useInitApp,
+  y as useInitCommonCodes,
+  K as useOwpTranslation,
+  W as usePageLockLoading,
   q as usePrevious,
   t as useSetCommonCodeList,
   g as useSetCurrentLanguage,
   E as useSetCurrentUser,
   v as useSetCurrentUserId,
-  S as useSetLogoSrc,
-  z as useSetNavigationList,
-  R as useSetShortcuts,
-  Y as useStorage,
-  $ as useThemeMediaQuery,
-  oe as useTimeout,
-  te as useTreeGridCommonCodeEnums,
-  ue as useTreeGridEnums,
-  pe as useTreeGridExcelExport
+  G as useSetLogoSrc,
+  F as useSetNavigationList,
+  V as useSetShortcuts,
+  $ as useStorage,
+  re as useThemeMediaQuery,
+  te as useTimeout,
+  ue as useTreeGridCommonCodeEnums,
+  me as useTreeGridEnums,
+  ne as useTreeGridExcelExport
 };
 //# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

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

package/dist/index.js

@@ -2,18 +2,18 @@ import { DialogsProvider as r } from "@toolpad/core/useDialogs";
 import { themeLayouts as p } from "./layout/themeLayouts.js";
 import { createInitialOwpSettings as a, defaultSettings as f, defaultThemeOptions as x, defaultThemes as O, extendThemeWithMixins as w, generateSettings as i, getDefaultLayout as d, getDefaultThemeSettings as l, getParsedQuerySettings as n, mustHaveThemeOptions as g } from "./configs/defaultConfig.js";
 import { OwpAutoLogoutDialog as T } from "./components/OwpAutoLogoutDialog/OwpAutoLogoutDialog.js";
-import { OwpBarcodeInputField as c } from "./components/OwpBarcodeInput/OwpBarcodeInputField.js";
+import { OwpBarcodeInputField as s } from "./components/OwpBarcodeInput/OwpBarcodeInputField.js";
 import { OwpExportDataToExcelButton as C } from "./components/OwpExportExcelButton/OwpExportExcelButton.js";
 import { OwpFileUploadButton as b } from "./components/OwpFileUploadButton/OwpFileUploadButton.js";
 import { OwpMoreActionsButton as h } from "./components/OwpMoreActionsButton/OwpMoreActionsButton.js";
-import { OwpPageCardedHeader as y } from "./components/OwpPageCarded/OwpPageCardedHeader.js";
+import { OwpPageCardedHeader as k } from "./components/OwpPageCarded/OwpPageCardedHeader.js";
 import { OwpPageCardedSidebar as L } from "./components/OwpPageCarded/OwpPageCardedSidebar.js";
 import { OwpPageCardedSidebarContent as G } from "./components/OwpPageCarded/OwpPageCardedSidebarContent.js";
 import { OwpDatePicker as v } from "./components/OwpPicker/OwpDatePicker.js";
 import { OwpDateRangePicker as I } from "./components/OwpPicker/OwpDateRangePicker.js";
 import { OwpTimePicker as A } from "./components/OwpPicker/OwpTimePicker.js";
 import { OwpWeekDatePicker as N } from "./components/OwpPicker/OwpWeekDatePicker.js";
-import { OwpYearRangePicker as Y } from "./components/OwpPicker/OwpYearRangePicker.js";
+import { OwpYearRangePicker as W } from "./components/OwpPicker/OwpYearRangePicker.js";
 import { OwpDataTable as U } from "./components/OwpTable/OwpDataTable.js";
 import { OwpTable as Z, OwpTableTotalCount as j, StyledTable as q, StyledTableRow as z } from "./components/OwpTable/OwpTable.js";
 import { OwpVerticalTable as K } from "./components/OwpTable/OwpVerticalTable.js";
@@ -26,37 +26,38 @@ import { OwpEventEmitter as xe } from "./components/OwpEventEmitter/OwpEventEmit
 import { OwpLanguageSwitcherSelect as we } from "./components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.js";
 import { OwpCommonDialog as de, OwpDialog as le } from "./components/OwpDialog/OwpDialog.js";
 import { CommonCodeSelector as ge, OwpCommonCodeSelector as ue } from "./components/OwpCommonCode/OwpCommonCodeSelector.js";
-import { CommonCodeRadioGroup as se, OwpCommonCodeRadioGroup as ce } from "./components/OwpCommonCode/OwpCommonCodeRadioGroup.js";
+import { CommonCodeRadioGroup as ce, OwpCommonCodeRadioGroup as se } from "./components/OwpCommonCode/OwpCommonCodeRadioGroup.js";
 import { OwpErrorStatusPage as Ce } from "./components/OwpErrorStatusPage/OwpErrorStatusPage.js";
 import { OwpLayout as be } from "./components/OwpLayout/OwpLayout.js";
 import { OwpLoading as he } from "./components/OwpLoading/OwpLoading.js";
-import { OwpMrtTable as ye } from "./components/OwpMrtTable/OwpMrtTable.js";
+import { OwpMrtTable as ke } from "./components/OwpMrtTable/OwpMrtTable.js";
 import { OwpNumberField as Le } from "./components/OwpNumberField/OwpNumberField.js";
 import { OwpOptionSelector as Ge } from "./components/OwpOptionSelector/OwpOptionSelector.js";
 import { OwpPageCarded as ve } from "./components/OwpPageCarded/OwpPageCarded.js";
 import { OwpPageContent as Ie } from "./components/OwpPageContent/OwpPageContent.js";
 import { OwpPageLockLoading as Ae } from "./components/OwpPageLockLoading/OwpPageLockLoading.js";
 import { OwpPageTitle as Ne } from "./components/OwpPageTitle/OwpPageTitle.js";
-import { OwpScrollbars as Ye } from "./components/OwpScrollbars/OwpScrollbars.js";
-import { OwpSearchFilter as Ue } from "./components/OwpSearchFilter/OwpSearchFilter.js";
-import { OwpSection as Ze } from "./components/OwpSection/OwpSection.js";
-import { OwpStyleProvider as qe } from "./components/OwpStyleProvider/OwpStyleProvider.js";
-import { OwpSuspense as Je } from "./components/OwpSuspense/OwpSuspense.js";
-import { OwpSvgIcon as Xe } from "./components/OwpSvgIcon/OwpSvgIcon.js";
-import { OwpTab as $e } from "./components/OwpTabs/OwpTab.js";
-import { OwpTabs as oo } from "./components/OwpTabs/OwpTabs.js";
-import { OwpTreeGridExcelButton as to } from "./components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.js";
-import { OwpTreeGridResetChangesButton as mo } from "./components/OwpTreeGridResetChangesButton/OwpTreeGridResetChangesButton.js";
-import { OwpTreeGrid as fo } from "./components/OwpTreeGrid/OwpTreeGrid.js";
-import { TreeGrid as Oo } from "./components/OwpTreeGrid/TreeGrid.js";
-import { OwpYesNoSelector as io } from "./components/OwpYesNoSelector/OwpYesNoSelector.js";
+import { OwpQuerySelector as We } from "./components/OwpQuerySelector/OwpQuerySelector.js";
+import { OwpScrollbars as Ue } from "./components/OwpScrollbars/OwpScrollbars.js";
+import { OwpSearchFilter as Ze } from "./components/OwpSearchFilter/OwpSearchFilter.js";
+import { OwpSection as qe } from "./components/OwpSection/OwpSection.js";
+import { OwpStyleProvider as Je } from "./components/OwpStyleProvider/OwpStyleProvider.js";
+import { OwpSuspense as Xe } from "./components/OwpSuspense/OwpSuspense.js";
+import { OwpSvgIcon as $e } from "./components/OwpSvgIcon/OwpSvgIcon.js";
+import { OwpTab as oo } from "./components/OwpTabs/OwpTab.js";
+import { OwpTabs as to } from "./components/OwpTabs/OwpTabs.js";
+import { OwpTreeGridExcelButton as mo } from "./components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.js";
+import { OwpTreeGridResetChangesButton as fo } from "./components/OwpTreeGridResetChangesButton/OwpTreeGridResetChangesButton.js";
+import { OwpTreeGrid as Oo } from "./components/OwpTreeGrid/OwpTreeGrid.js";
+import { TreeGrid as io } from "./components/OwpTreeGrid/TreeGrid.js";
+import { OwpYesNoSelector as no } from "./components/OwpYesNoSelector/OwpYesNoSelector.js";
 export {
-  se as CommonCodeRadioGroup,
+  ce as CommonCodeRadioGroup,
   ge as CommonCodeSelector,
   r as DialogsProvider,
   T as OwpAutoLogoutDialog,
-  c as OwpBarcodeInputField,
-  ce as OwpCommonCodeRadioGroup,
+  s as OwpBarcodeInputField,
+  se as OwpCommonCodeRadioGroup,
   ue as OwpCommonCodeSelector,
   de as OwpCommonDialog,
   U as OwpDataTable,
@@ -72,41 +73,42 @@ export {
   be as OwpLayout,
   he as OwpLoading,
   h as OwpMoreActionsButton,
-  ye as OwpMrtTable,
+  ke as OwpMrtTable,
   Le as OwpNumberField,
   Ge as OwpOptionSelector,
   pe as OwpPageBreadcrumb,
   ve as OwpPageCarded,
-  y as OwpPageCardedHeader,
+  k as OwpPageCardedHeader,
   L as OwpPageCardedSidebar,
   G as OwpPageCardedSidebarContent,
   Ie as OwpPageContent,
   Ae as OwpPageLockLoading,
   Ne as OwpPageTitle,
-  Ye as OwpScrollbars,
-  Ue as OwpSearchFilter,
-  Ze as OwpSection,
-  qe as OwpStyleProvider,
-  Je as OwpSuspense,
-  Xe as OwpSvgIcon,
-  $e as OwpTab,
+  We as OwpQuerySelector,
+  Ue as OwpScrollbars,
+  Ze as OwpSearchFilter,
+  qe as OwpSection,
+  Je as OwpStyleProvider,
+  Xe as OwpSuspense,
+  $e as OwpSvgIcon,
+  oo as OwpTab,
   Z as OwpTable,
   j as OwpTableTotalCount,
-  oo as OwpTabs,
+  to as OwpTabs,
   _ as OwpTextMaskField,
   A as OwpTimePicker,
-  fo as OwpTreeGrid,
-  to as OwpTreeGridExcelButton,
-  mo as OwpTreeGridResetChangesButton,
+  Oo as OwpTreeGrid,
+  mo as OwpTreeGridExcelButton,
+  fo as OwpTreeGridResetChangesButton,
   ee as OwpTreeGridToolbar,
   K as OwpVerticalTable,
   N as OwpWeekDatePicker,
-  Y as OwpYearRangePicker,
-  io as OwpYesNoSelector,
+  W as OwpYearRangePicker,
+  no as OwpYesNoSelector,
   re as OwpZoomImageSlider,
   q as StyledTable,
   z as StyledTableRow,
-  Oo as TreeGrid,
+  io as TreeGrid,
   a as createInitialOwpSettings,
   f as defaultSettings,
   x as defaultThemeOptions,

package/dist/index.js.map

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

package/dist/layout/components/navigation/vertical/NavVerticalLayout.js

@@ -1,21 +1,22 @@
-var m = Object.defineProperty;
-var a = (t, i) => m(t, "name", { value: i, configurable: !0 });
-import { jsx as r } from "../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import g from "@mui/material/List";
-import { styled as v } from "@mui/material/styles";
-import { clsx as u } from "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+var u = Object.defineProperty;
+var a = (e, t) => u(e, "name", { value: t, configurable: !0 });
+import { jsx as d } 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 h from "@mui/material/List";
+import { styled as w } from "@mui/material/styles";
+import { clsx as f } from "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useRef as v, useEffect as b } from "react";
 import { NavItem as y } from "../NavItem.js";
-const b = v(g)(({ theme: t }) => ({
+const S = w(h)(({ theme: e }) => ({
   "& .owp-list-item": {
     "&:hover": {
       backgroundColor: "rgba(0,0,0,.04)",
-      ...t.applyStyles("dark", {
+      ...e.applyStyles("dark", {
         backgroundColor: "rgba(255, 255, 255, 0.05)"
       })
     },
     "&:focus:not(.active)": {
       backgroundColor: "rgba(0,0,0,.05)",
-      ...t.applyStyles("dark", {
+      ...e.applyStyles("dark", {
         backgroundColor: "rgba(255, 255, 255, 0.06)"
       })
     }
@@ -39,32 +40,67 @@ const b = v(g)(({ theme: t }) => ({
       height: 32
     }
   }
-}));
-function L(t) {
-  const { navigation: i, active: s, dense: l, className: p, onItemClick: o, checkPermission: n, openedCollapseIds: c } = t;
-  function d(e) {
-    o == null || o(e);
+})), x = '.owp-list-item[aria-current="page"], .owp-list-item.active', g = 40, C = 0.35, I = /* @__PURE__ */ a((e) => {
+  const t = e.parentElement;
+  if (t && t.scrollHeight > t.clientHeight)
+    return t;
+  let o = t == null ? void 0 : t.parentElement;
+  for (; o; ) {
+    if (o.scrollHeight > o.clientHeight)
+      return o;
+    o = o.parentElement;
   }
-  return a(d, "handleItemClick"), /* @__PURE__ */ r(
-    b,
+  return null;
+}, "getNavigationScrollContainer"), k = /* @__PURE__ */ a((e) => {
+  const t = e.querySelectorAll(x), o = t.item(t.length - 1);
+  if (!o)
+    return;
+  const i = I(e);
+  if (!i)
+    return;
+  const l = i.getBoundingClientRect(), n = o.getBoundingClientRect(), p = n.top < l.top + g, s = n.bottom > l.bottom - g;
+  if (p || s) {
+    const c = i.scrollTop + (n.top - l.top) - i.clientHeight * C + n.height / 2, m = i.scrollHeight - i.clientHeight;
+    i.scrollTo({
+      top: Math.min(Math.max(c, 0), m),
+      behavior: "smooth"
+    });
+  }
+}, "scrollSelectedItemIntoView");
+function L(e) {
+  const { navigation: t, active: o, dense: i, className: l, onItemClick: n, checkPermission: p, openedCollapseIds: s } = e, c = v(null);
+  b(() => {
+    const r = window.requestAnimationFrame(() => {
+      c.current && k(c.current);
+    });
+    return () => {
+      window.cancelAnimationFrame(r);
+    };
+  }, [s]);
+  function m(r) {
+    n == null || n(r);
+  }
+  return a(m, "handleItemClick"), /* @__PURE__ */ d(
+    S,
     {
-      className: u(
+      ref: c,
+      className: f(
         "navigation whitespace-nowrap px-12 py-0",
-        `active-${s}-list`,
-        l && "dense",
-        p
+        `active-${o}-list`,
+        i && "dense",
+        l
       ),
-      children: i.map((e) => /* @__PURE__ */ r(
+      children: t.map((r) => /* @__PURE__ */ d(
         y,
         {
-          type: `vertical-${e.type}`,
-          item: e,
+          type: `vertical-${r.type}`,
+          item: r,
           nestedLevel: 0,
-          onItemClick: d,
-          checkPermission: n,
-          openedCollapseIds: c
+          onItemClick: m,
+          checkPermission: p,
+          openedCollapseIds: s
         },
-        e.id
+        r.id
       ))
     }
   );