@owp/core 2.5.35 → 2.5.37

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

@@ -1,429 +1,355 @@
-var Hr = Object.defineProperty;
-var i = (e, r) => Hr(e, "name", { value: r, configurable: !0 });
-import { jsxs as wr, jsx as V } 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 { resolveOwpGridTheme as Sr } from "../../constants/gridTheme.js";
-import { DEFAULT_TABLE_RADIUS as kr } from "../../constants/table.js";
-import { resolveTreeGridColorNumber as x, TREEGRID_INPUT_CELL_COLOR as Qe, TREEGRID_CELL_HIGHLIGHT_COLOR as er } from "../../constants/treeGrid.js";
-import { useGetCurrentSettings as Mr } from "../../hooks/useOwpSettings.js";
-import { useOwpTranslation as Pr } from "../../hooks/useOwpTranslation.js";
-import { useGetCurrentLanguage as Nr } from "../../hooks/internal/useCurrentLanguage.js";
-import { useConfirm as Vr } from "../../hooks/useConfirm.js";
-import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as rr } from "../../utils/internal/treeGridBodyRowsEvent.js";
-import { isTreeGridRowAddedById as dr, getTreeGridCellComparableValue as ur, clearTreeGridCellHighlightById as xr, highlightTreeGridCellById as Ur } from "../../utils/treeGridUtil.js";
-import { getTreeGridPerfTimestamp as ae, countTreeGridPerf as tr, logTreeGridPerf as or, measureTreeGridPerf as nr } from "./internal/utils/perf.js";
-import { useMemo as ir, useRef as t, useState as U, useEffect as $, useLayoutEffect as sr } from "react";
-import $r from "@mui/material/GlobalStyles";
-import { useOwpTreeGridDatePickerEditor as jr } from "./internal/hooks/useOwpTreeGridDatePickerEditor.js";
-import { useOwpTreeGridErrorTooltip as Wr } from "./internal/hooks/useOwpTreeGridErrorTooltip.js";
-import { useOwpTreeGridOverlayFrame as qr } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
-import { hasTreeGridExplicitEnterMode as ar, bindTreeGridEvents as Kr, getTreeGridBodyDataCount as ce, buildTreeGridInitializationOptions as Yr, hasTreeGridDisplayDataRows as cr, replaceTreeGridBodyData as zr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as Jr } from "./internal/treeGridRuntime.js";
-import { applyTreeGridLayoutToGrid as Xr } from "./internal/treeGridLayout.js";
-import { OwpTreeGridLoadingOverlay as Zr } from "./internal/OwpTreeGridLoadingOverlay.js";
-import { OwpTreeGridNoDataOverlay as Qr } from "./internal/OwpTreeGridNoDataOverlay.js";
-import { createTreeGridThemeContainerStyle as et, TREE_GRID_THEME_WRAPPER_CLASS as rt, TREE_GRID_THEME_READY_CLASS as tt, TREE_GRID_THEME_TABLE_RADIUS_CLASS as ot, treeGridThemeStyles as nt } from "./internal/treeGridTheme.js";
-import { isEmpty as j } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-import { delay as it } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
-import { isEqual as st } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { omit as at } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
-import { isPlainObject as ct } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isPlainObject.js";
-const lt = "NumberToString(count(5),',0')", dt = ["Formula", "FormulaFormula"], ut = /^[A-Z]{2}HeaderRow$/, ft = 6, mt = Object.prototype.hasOwnProperty, lr = /* @__PURE__ */ i((e) => JSON.stringify(e) ?? '""', "toTreeGridFormulaStringLiteral"), Rt = /* @__PURE__ */ i((e) => {
-  if (!e)
-    return;
-  const r = Array.from(e.querySelectorAll('[class*="HeaderRow"]')), o = /* @__PURE__ */ new Map();
-  for (const c of r) {
-    if (!Array.from(c.classList).some(
-      (y) => ut.test(y)
-    ))
-      continue;
-    const f = c.getBoundingClientRect();
-    if (f.width <= 0 || f.height <= 0)
-      continue;
-    const G = Math.round(f.top), E = o.get(G) ?? 0;
-    o.set(G, Math.max(E, f.height));
-  }
-  const n = Array.from(o.values()).reduce(
-    (c, f) => c + f,
-    0
-  );
-  return n > 0 ? `${n}px` : void 0;
-}, "getRenderedTreeGridHeaderFrameHeight"), Tt = /* @__PURE__ */ i((e, r) => `${lr(
+var hr = Object.defineProperty;
+var n = (e, t) => hr(e, "name", { value: t, configurable: !0 });
+import { jsxs as vr, jsx as F } 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 { resolveOwpGridTheme as Ir } from "../../constants/gridTheme.js";
+import { DEFAULT_TABLE_RADIUS as Lr } from "../../constants/table.js";
+import { resolveTreeGridColorNumber as M, TREEGRID_INPUT_CELL_COLOR as Je, TREEGRID_CELL_HIGHLIGHT_COLOR as Ye } from "../../constants/treeGrid.js";
+import { useGetCurrentSettings as Or } from "../../hooks/useOwpSettings.js";
+import { useOwpTranslation as Ar } from "../../hooks/useOwpTranslation.js";
+import { useGetCurrentLanguage as kr } from "../../hooks/internal/useCurrentLanguage.js";
+import { useConfirm as wr } from "../../hooks/useConfirm.js";
+import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as Qe } from "../../utils/internal/treeGridBodyRowsEvent.js";
+import { getTreeGridCellComparableValue as Sr } from "../../utils/treeGridUtil.js";
+import { getTreeGridPerfTimestamp as ee, countTreeGridPerf as Xe, logTreeGridPerf as Ze, measureTreeGridPerf as er } from "./internal/utils/perf.js";
+import { useMemo as rr, useRef as r, useState as re, useEffect as N, useLayoutEffect as Pr } from "react";
+import Fr from "@mui/material/GlobalStyles";
+import { useOwpTreeGridDatePickerEditor as Mr } from "./internal/hooks/useOwpTreeGridDatePickerEditor.js";
+import { useOwpTreeGridErrorTooltip as Nr } from "./internal/hooks/useOwpTreeGridErrorTooltip.js";
+import { useOwpTreeGridOverlayFrame as Vr } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
+import { hasTreeGridExplicitEnterMode as tr, bindTreeGridEvents as xr, getTreeGridBodyDataCount as te, buildTreeGridInitializationOptions as Hr, hasTreeGridDisplayDataRows as or, replaceTreeGridBodyData as Ur, syncTreeGridChangedCellHighlight as jr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as Wr } from "./internal/treeGridRuntime.js";
+import { applyTreeGridLayoutToGrid as $r } from "./internal/treeGridLayout.js";
+import { OwpTreeGridLoadingOverlay as qr } from "./internal/OwpTreeGridLoadingOverlay.js";
+import { OwpTreeGridNoDataOverlay as Kr } from "./internal/OwpTreeGridNoDataOverlay.js";
+import { createTreeGridThemeContainerStyle as zr, TREE_GRID_THEME_WRAPPER_CLASS as Jr, TREE_GRID_THEME_TABLE_RADIUS_CLASS as Yr, treeGridThemeStyles as Qr } from "./internal/treeGridTheme.js";
+import { isEmpty as V } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+import { delay as Xr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
+import { isEqual as Zr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { omit as et } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
+import { isPlainObject as rt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isPlainObject.js";
+const tt = "NumberToString(count(5),',0')", ot = ["Formula", "FormulaFormula"], nt = Object.prototype.hasOwnProperty, nr = /* @__PURE__ */ n((e) => JSON.stringify(e) ?? '""', "toTreeGridFormulaStringLiteral"), it = /* @__PURE__ */ n((e, t) => `${nr(
   `${e} : `
-)}+${lt}+${lr(
-  ` ${r}`
-)}`, "buildTreeGridTotalCountToolbarFormula"), pt = /* @__PURE__ */ i((e) => ct(e) ? dt.some(
-  (r) => mt.call(e, r)
-) : !1, "hasTreeGridToolbarFormulaField"), gt = /* @__PURE__ */ i((e) => {
-  const r = e == null ? void 0 : e.Visible;
-  return !!e && r !== 0 && r !== !1 && r !== "0";
-}, "isVisibleTreeGridRow"), le = /* @__PURE__ */ i((e) => {
-  const r = e == null ? void 0 : e.Added;
-  return !!e && r !== 0 && r !== !1 && r !== "0" && r !== void 0;
-}, "isAddedTreeGridRow"), fr = /* @__PURE__ */ i((e) => !e || e.Fixed === "Foot" || !gt(e) ? !1 : e.Kind === "Data" || le(e), "isDisplayTreeGridRow"), Et = /* @__PURE__ */ i((e) => {
+)}+${tt}+${nr(
+  ` ${t}`
+)}`, "buildTreeGridTotalCountToolbarFormula"), st = /* @__PURE__ */ n((e) => rt(e) ? ot.some(
+  (t) => nt.call(e, t)
+) : !1, "hasTreeGridToolbarFormulaField"), lt = /* @__PURE__ */ n((e) => {
+  const t = e == null ? void 0 : e.Visible;
+  return !!e && t !== 0 && t !== !1 && t !== "0";
+}, "isVisibleTreeGridRow"), at = /* @__PURE__ */ n((e) => {
+  const t = e == null ? void 0 : e.Added;
+  return !!e && t !== 0 && t !== !1 && t !== "0" && t !== void 0;
+}, "isAddedTreeGridRow"), ct = /* @__PURE__ */ n((e) => !e || e.Fixed === "Foot" || !lt(e) ? !1 : e.Kind === "Data" || at(e), "isDisplayTreeGridRow"), ut = /* @__PURE__ */ n((e) => {
   if (typeof e.GetFirst == "function" && typeof e.GetNext == "function") {
-    const r = [];
-    let o = e.GetFirst();
-    for (; o; )
-      r.push(o), o = e.GetNext(o);
-    return r;
+    const t = [];
+    let d = e.GetFirst();
+    for (; d; )
+      t.push(d), d = e.GetNext(d);
+    return t;
   }
   return Object.values(e.Rows ?? {});
-}, "getTreeGridRows"), ht = /* @__PURE__ */ i((e, r) => {
+}, "getTreeGridRows"), dt = /* @__PURE__ */ n((e, t) => {
   if (!e)
     return;
-  const o = Object.keys(e.Cols ?? {}).filter(Boolean);
-  Et(e).forEach((n) => {
-    fr(n) && r.set(
-      n,
-      new Map(o.map((c) => [c, ur(e, n, c)]))
+  const d = Object.keys(e.Cols ?? {}).filter(Boolean);
+  ut(e).forEach((E) => {
+    ct(E) && t.set(
+      E,
+      new Map(d.map((v) => [v, Sr(e, E, v)]))
     );
   });
-}, "captureTreeGridChangeBaselines"), Ct = /* @__PURE__ */ i((e) => e != null && e !== "" && e !== 0 && e !== !1 && e !== "0", "isTreeGridChangedFlag"), Gt = /* @__PURE__ */ i((e, r, o) => {
-  const n = r;
-  return Object.keys(e.Cols ?? {}).some((c) => c !== o && Ct(n[`${c}Changed`]));
-}, "hasOtherTreeGridChangedCells"), yt = /* @__PURE__ */ i((e, r, o) => {
-  const n = r;
-  n[`${o}Changed`] = 0, !le(r) && !dr(r) && !Gt(e, r, o) && (n.Changed = 0);
-}, "clearTreeGridCellChangedState"), Dt = /* @__PURE__ */ i((e, r, o) => {
-  const n = e.get(r);
-  if (n != null && n.has(o))
-    return n.get(o);
-}, "resolveTreeGridCellBaselineValue"), _t = /* @__PURE__ */ i(({
-  gridId: e,
-  grid: r,
-  row: o,
-  col: n,
-  backgroundColor: c,
-  baselineMap: f,
-  highlightRefresh: G
-}) => {
-  if (!fr(o) || le(o) || dr(o))
-    return;
-  const E = Dt(f, o, n), y = ur(r, o, n);
-  if (E !== void 0 && y === E) {
-    xr(e, { row: o, col: n }), yt(r, o, n);
-    return;
-  }
-  Ur(e, {
-    row: o,
-    col: n,
-    backgroundColor: c,
-    refresh: G
-  });
-}, "syncTreeGridChangedCellHighlightById"), Bt = [
+}, "captureTreeGridChangeBaselines"), ft = [
   "addRow",
   "deleteRow",
   "selectRow"
-], eo = /* @__PURE__ */ i(({
+], Ht = /* @__PURE__ */ n(({
   id: e = "treeGridWrapper",
-  containerStyle: r,
-  containerClassName: o,
-  toolbarRowBackgroundColor: n,
-  className: c,
-  style: f,
-  height: G = "100%",
-  width: E = "100%",
-  canUseTableRadius: y = !1,
-  tableBorderRadius: mr = kr,
-  suppressCfg: W = 3,
-  showToolbarTotalCount: de = !0,
-  hideChildHeaderSortButtons: ue = !0,
-  selectionScope: fe = "native",
-  layoutUrl: Rr,
-  layoutData: q,
-  disabledAnimations: K = Bt,
-  dataUrl: Tr,
-  layoutOverrides: h,
-  data: p,
-  useDataUrl: me,
-  onSelect: Re,
-  onRowClick: Te,
-  onRowAdd: pe,
-  onRowDelete: ge,
-  onRowUndelete: Ee,
-  onRowChange: he,
-  onClickButton: Ce,
-  onSave: Ge,
-  onReady: ye,
-  onAfterValueChanged: De,
-  datePickerEditor: pr,
-  highlightEditableCells: _e = !0,
-  highlightChangedCells: Be = !0,
-  syncDeletedRowCanEdit: be = !0,
-  confirmDeletedRowRemoval: gr = !0,
-  loading: Er,
-  showLoading: g = !0
+  containerStyle: t,
+  containerClassName: d,
+  toolbarRowBackgroundColor: E,
+  className: v,
+  style: ir,
+  height: oe = "100%",
+  width: ne = "100%",
+  canUseTableRadius: ie = !1,
+  tableBorderRadius: sr = Lr,
+  suppressCfg: x = 3,
+  showToolbarTotalCount: se = !0,
+  hideChildHeaderSortButtons: le = !0,
+  selectionScope: ae = "native",
+  layoutUrl: lr,
+  layoutData: H,
+  disabledAnimations: U = ft,
+  dataUrl: ar,
+  layoutOverrides: R,
+  data: c,
+  useDataUrl: ce,
+  onSelect: ue,
+  onRowClick: de,
+  onRowAdd: fe,
+  onRowDelete: me,
+  onRowUndelete: pe,
+  onRowChange: Re,
+  onClickButton: Te,
+  onSave: Ee,
+  onReady: Ce,
+  onAfterValueChanged: Ge,
+  datePickerEditor: cr,
+  highlightEditableCells: ge = !0,
+  highlightChangedCells: be = !0,
+  syncDeletedRowCanEdit: ye = !0,
+  confirmDeletedRowRemoval: ur = !0,
+  loading: dr,
+  showLoading: u = !0
 }) => {
-  var ze, Je;
-  const { t: D } = Pr(), { confirmDelete: hr } = Vr(), Y = Mr(), z = (Je = (ze = Y == null ? void 0 : Y.theme) == null ? void 0 : ze.main) == null ? void 0 : Je.grid, ve = D("Common.전체"), Ae = D("Common.건"), J = ir(
-    () => de && !pt(h == null ? void 0 : h.Toolbar) ? Tt(ve, Ae) : void 0,
+  var $e, qe;
+  const { t: C } = Ar(), { confirmDelete: fr } = wr(), j = Or(), W = (qe = ($e = j == null ? void 0 : j.theme) == null ? void 0 : $e.main) == null ? void 0 : qe.grid, De = C("Common.전체"), Be = C("Common.건"), $ = rr(
+    () => se && !st(R == null ? void 0 : R.Toolbar) ? it(De, Be) : void 0,
     [
-      h,
-      Ae,
-      ve,
-      de
+      R,
+      Be,
+      De,
+      se
     ]
-  ), m = t(null), X = t(null), Ie = t(null), Z = t(null), Q = t(h), Le = t(J), Oe = t(W), Fe = t(ue), He = t(
-    fe
-  ), we = t(K), Se = t(p), ke = t(ar(q)), Me = gr ? async () => await hr({
-    title: D("Message.삭제된 항목을 완전히 삭제하시겠습니까?"),
-    description: D("Message.취소하면 삭제 상태가 해제됩니다."),
-    okText: D("Button.완전 삭제")
-  }) ? "remove" : "undelete" : void 0, w = t({
-    onSelect: Re,
-    onRowClick: Te,
-    onRowAdd: pe,
-    onRowDelete: ge,
-    onBeforeRowUndelete: Me,
-    onRowUndelete: Ee,
-    onRowChange: he,
-    onClickButton: Ce,
-    onSave: Ge,
-    onReady: ye,
-    onAfterValueChanged: De
-  }), v = t(void 0), ee = t(!1), S = t(void 0), k = t(void 0), Cr = t(!1), A = t(0), _ = t(null), I = t(void 0), L = t(void 0), Pe = t(_e), re = t(Be), Ne = t(be), [B, Gr] = U(!1), [te, Ve] = U(void 0), [yr, O] = U(!1), [Dr, xe] = U(!1), M = Nr(), d = ir(
-    () => Sr(z),
-    [z]
-  ), Ue = t(
-    x(d.editable.backgroundColor) ?? x(Qe)
-  ), oe = t(
-    d.changed.backgroundColor ?? er
-  ), P = t(/* @__PURE__ */ new WeakMap()), $e = t(d.state.focusedCellBackgroundColor), je = t(d.state.selectedCellBackgroundColor), We = t(d.state.hoverCellBackgroundColor), qe = t(M.id), _r = g && p !== void 0 && B && k.current !== p, ne = g && Er === !0 || g && (yr || _r), ie = !ne && p !== void 0 && j(p) && !Dr, Ke = /* @__PURE__ */ i((s) => {
-    xe(cr(s));
-  }, "syncHasDisplayDataRows"), Br = /* @__PURE__ */ i((s, a, R, T, u) => {
-    var H, C;
-    re.current && a.Fixed !== "Foot" && _t({
+  ), l = r(null), _e = r(null), he = r(null), q = r(null), K = r(R), ve = r($), Ie = r(x), Le = r(le), Oe = r(
+    ae
+  ), Ae = r(U), ke = r(c), we = r(tr(H)), Se = ur ? async () => await fr({
+    title: C("Message.삭제된 항목을 완전히 삭제하시겠습니까?"),
+    description: C("Message.취소하면 삭제 상태가 해제됩니다."),
+    okText: C("Button.완전 삭제")
+  }) ? "remove" : "undelete" : void 0, I = r({
+    onSelect: ue,
+    onRowClick: de,
+    onRowAdd: fe,
+    onRowDelete: me,
+    onBeforeRowUndelete: Se,
+    onRowUndelete: pe,
+    onRowChange: Re,
+    onClickButton: Te,
+    onSave: Ee,
+    onReady: Ce,
+    onAfterValueChanged: Ge
+  }), b = r(void 0), z = r(!1), L = r(void 0), O = r(void 0), mr = r(!1), y = r(0), G = r(null), D = r(void 0), B = r(void 0), Pe = r(ge), J = r(be), Fe = r(ye), [A, pr] = re(!1), [Rr, _] = re(!1), [Tr, Me] = re(!1), k = kr(), s = rr(
+    () => Ir(W),
+    [W]
+  ), Ne = r(
+    M(s.editable.backgroundColor) ?? M(Je)
+  ), Y = r(
+    s.changed.backgroundColor ?? Ye
+  ), w = r(/* @__PURE__ */ new WeakMap()), Ve = r(s.state.focusedCellBackgroundColor), xe = r(s.state.selectedCellBackgroundColor), He = r(s.state.hoverCellBackgroundColor), Ue = r(k.id), Er = u && c !== void 0 && A && O.current !== c, Q = u && dr === !0 || u && (Rr || Er), X = !Q && c !== void 0 && V(c) && !Tr, je = /* @__PURE__ */ n((o) => {
+    Me(or(o));
+  }, "syncHasDisplayDataRows"), Cr = /* @__PURE__ */ n((o, i, f, T, m) => {
+    var h, p;
+    J.current && i.Fixed !== "Foot" && jr({
       gridId: e,
-      grid: s,
-      row: a,
-      col: R,
-      backgroundColor: oe.current,
-      baselineMap: P.current,
-      highlightRefresh: u == null ? void 0 : u.highlightRefresh
+      grid: o,
+      row: i,
+      col: f,
+      backgroundColor: Y.current,
+      baselineMap: w.current,
+      highlightRefresh: m == null ? void 0 : m.highlightRefresh
     });
-    const l = ((H = w.current) == null ? void 0 : H.onAfterValueChanged) ?? ((C = w.current) == null ? void 0 : C.onRowChange);
-    l == null || l(s, a, R, T);
+    const a = ((h = I.current) == null ? void 0 : h.onAfterValueChanged) ?? ((p = I.current) == null ? void 0 : p.onRowChange);
+    a == null || a(o, i, f, T);
   }, "handleDatePickerEditorValueChange");
-  Q.current = h, Le.current = J, Oe.current = W, Fe.current = ue, He.current = fe, we.current = K, Se.current = p, ke.current = ar(q), Pe.current = _e, re.current = Be, Ne.current = be, Ue.current = x(d.editable.backgroundColor) ?? x(Qe), oe.current = d.changed.backgroundColor ?? er, $e.current = d.state.focusedCellBackgroundColor, je.current = d.state.selectedCellBackgroundColor, We.current = d.state.hoverCellBackgroundColor;
+  K.current = R, ve.current = $, Ie.current = x, Le.current = le, Oe.current = ae, Ae.current = U, ke.current = c, we.current = tr(H), Pe.current = ge, J.current = be, Fe.current = ye, Ne.current = M(s.editable.backgroundColor) ?? M(Je), Y.current = s.changed.backgroundColor ?? Ye, Ve.current = s.state.focusedCellBackgroundColor, xe.current = s.state.selectedCellBackgroundColor, He.current = s.state.hoverCellBackgroundColor;
   const {
-    datePickerEditorElement: br,
-    handleDatePickerEditorButtonClick: vr,
-    handleDatePickerEditorCellClick: Ar,
-    handleDatePickerEditorKeyDown: Ir,
-    handleDatePickerEditorStartEdit: Lr
-  } = jr({
-    config: pr,
-    treeGridInstanceRef: m,
-    isTreeGridReady: B,
-    onValueChange: Br
-  }), { errorTooltipElement: Or, showErrorTooltip: Fr, hideErrorTooltip: b } = Wr();
-  w.current = {
-    onSelect: Re,
-    onRowClick: Te,
-    onRowAdd: pe,
-    onRowDelete: ge,
-    onBeforeRowUndelete: Me,
-    onRowUndelete: Ee,
-    onRowChange: he,
-    onClickButton: Ce,
-    onSave: Ge,
-    onReady: ye,
-    onAfterValueChanged: De,
-    onInternalButtonClick: vr,
-    onInternalCellClick: Ar,
-    onInternalKeyDown: Ir,
-    onInternalStartEdit: Lr
+    datePickerEditorElement: Gr,
+    handleDatePickerEditorButtonClick: gr,
+    handleDatePickerEditorCellClick: br,
+    handleDatePickerEditorKeyDown: yr,
+    handleDatePickerEditorStartEdit: Dr
+  } = Mr({
+    config: cr,
+    treeGridInstanceRef: l,
+    isTreeGridReady: A,
+    onValueChange: Cr
+  }), { errorTooltipElement: Br, showErrorTooltip: _r, hideErrorTooltip: g } = Nr();
+  I.current = {
+    onSelect: ue,
+    onRowClick: de,
+    onRowAdd: fe,
+    onRowDelete: me,
+    onBeforeRowUndelete: Se,
+    onRowUndelete: pe,
+    onRowChange: Re,
+    onClickButton: Te,
+    onSave: Ee,
+    onReady: Ce,
+    onAfterValueChanged: Ge,
+    onInternalButtonClick: gr,
+    onInternalCellClick: br,
+    onInternalKeyDown: yr,
+    onInternalStartEdit: Dr
   };
-  const Ye = qr({
-    visible: ne || ie,
-    containerRef: X,
-    treeGridInstanceRef: m,
+  const We = Vr({
+    visible: Q || X,
+    containerRef: _e,
+    treeGridInstanceRef: l,
     debugId: e
-  }), N = /* @__PURE__ */ i(() => {
-    I.current !== void 0 && (window.clearTimeout(I.current), I.current = void 0);
-  }, "clearBindingLoadingHideTimeout"), se = /* @__PURE__ */ i(() => {
-    L.current !== void 0 && (window.clearTimeout(L.current), L.current = void 0);
+  }), S = /* @__PURE__ */ n(() => {
+    D.current !== void 0 && (window.clearTimeout(D.current), D.current = void 0);
+  }, "clearBindingLoadingHideTimeout"), Z = /* @__PURE__ */ n(() => {
+    B.current !== void 0 && (window.clearTimeout(B.current), B.current = void 0);
   }, "clearBodyReloadStartTimeout");
-  $(() => {
-    const s = /* @__PURE__ */ i((a) => {
+  N(() => {
+    const o = /* @__PURE__ */ n((i) => {
       var T;
-      ((T = a.detail) == null ? void 0 : T.gridId) === e && xe(cr(m.current));
+      ((T = i.detail) == null ? void 0 : T.gridId) === e && Me(or(l.current));
     }, "handleBodyRowsChanged");
-    return window.addEventListener(rr, s), () => {
-      window.removeEventListener(rr, s);
-    };
-  }, [e]), $(() => {
-    g || (se(), N(), _.current = null, O(!1));
-  }, [g]), sr(() => {
-    if (!B) {
-      Ve(void 0);
-      return;
-    }
-    let s, a = 0;
-    const R = /* @__PURE__ */ i(() => {
-      const u = Rt(
-        X.current
-      );
-      return u === void 0 ? !1 : (Ve(
-        (l) => l === u ? l : u
-      ), !0);
-    }, "measureHeaderFrameHeight"), T = /* @__PURE__ */ i(() => {
-      s === void 0 && (s = window.requestAnimationFrame(() => {
-        s = void 0, a += 1, !R() && a < ft && T();
-      }));
-    }, "scheduleHeaderFrameHeightMeasure");
-    return T(), () => {
-      s !== void 0 && window.cancelAnimationFrame(s);
+    return window.addEventListener(Qe, o), () => {
+      window.removeEventListener(Qe, o);
     };
-  }, [B, h, E, d.header.height]), $(() => {
-    var s;
-    if (M.id !== qe.current && !j(m.current) && ((s = m.current) == null || s.Dispose(), m.current = null, qe.current = M.id), !!j(m.current))
-      return Kr({
+  }, [e]), N(() => {
+    u || (Z(), S(), G.current = null, _(!1));
+  }, [u]), N(() => {
+    var o;
+    if (k.id !== Ue.current && !V(l.current) && ((o = l.current) == null || o.Dispose(), l.current = null, Ue.current = k.id), !!V(l.current))
+      return xr({
         id: e,
-        latestEventHandlersRef: w,
-        layoutHasExplicitEnterModeRef: ke,
+        latestEventHandlersRef: I,
+        layoutHasExplicitEnterModeRef: we,
         highlightEditableCellsRef: Pe,
-        highlightChangedCellsRef: re,
-        syncDeletedRowCanEditRef: Ne,
-        editableCellBackgroundColorValueRef: Ue,
-        changedCellBackgroundColorRef: oe,
-        focusedCellBackgroundColorRef: $e,
-        selectedCellBackgroundColorRef: je,
-        hoverCellBackgroundColorRef: We,
-        changedCellBaselineRef: P,
-        treeGridInstanceRef: m,
-        treeGridInitStartedAtRef: Ie,
-        latestLayoutOverridesRef: Q,
-        latestToolbarTotalCountFormulaRef: Le,
-        latestSuppressCfgRef: Oe,
-        latestHideChildHeaderSortButtonsRef: Fe,
-        latestSelectionScopeRef: He,
-        latestDisabledAnimationsRef: we,
-        appliedLayoutOverridesRef: S,
-        appliedBodyDataPropRef: k,
-        hasAppliedInitialLayoutRef: Cr,
-        syncHasDisplayDataRows: Ke,
-        setIsTreeGridReady: Gr,
-        showErrorTooltip: Fr,
-        hideErrorTooltip: b
-      }), Ie.current = ae(), tr(e, "init"), or(e, "TreeGrid init start", {
-        useDataUrl: !!me,
-        bodyRowCount: ce(p)
+        highlightChangedCellsRef: J,
+        syncDeletedRowCanEditRef: Fe,
+        editableCellBackgroundColorValueRef: Ne,
+        changedCellBackgroundColorRef: Y,
+        focusedCellBackgroundColorRef: Ve,
+        selectedCellBackgroundColorRef: xe,
+        hoverCellBackgroundColorRef: He,
+        changedCellBaselineRef: w,
+        treeGridInstanceRef: l,
+        treeGridInitStartedAtRef: he,
+        latestLayoutOverridesRef: K,
+        latestToolbarTotalCountFormulaRef: ve,
+        latestSuppressCfgRef: Ie,
+        latestHideChildHeaderSortButtonsRef: Le,
+        latestSelectionScopeRef: Oe,
+        latestDisabledAnimationsRef: Ae,
+        appliedLayoutOverridesRef: L,
+        appliedBodyDataPropRef: O,
+        hasAppliedInitialLayoutRef: mr,
+        syncHasDisplayDataRows: je,
+        setIsTreeGridReady: pr,
+        showErrorTooltip: _r,
+        hideErrorTooltip: g
+      }), he.current = ee(), Xe(e, "init"), Ze(e, "TreeGrid init start", {
+        useDataUrl: !!ce,
+        bodyRowCount: te(c)
       }), window.TreeGrid(
-        Yr({
+        Hr({
           id: e,
-          layoutUrl: Rr,
-          layoutData: q,
-          toolbarTotalCountFormula: J,
-          suppressCfg: W,
-          disabledAnimations: K,
-          dataUrl: Tr,
-          bodyData: p,
-          useDataUrl: me,
-          width: E,
-          height: G,
-          languageId: M.id
+          layoutUrl: lr,
+          layoutData: H,
+          toolbarTotalCountFormula: $,
+          suppressCfg: x,
+          disabledAnimations: U,
+          dataUrl: ar,
+          bodyData: c,
+          useDataUrl: ce,
+          width: ne,
+          height: oe,
+          languageId: k.id
         }),
         e,
         e
       ), () => {
-        b(), it(() => {
-          var a;
-          (a = m.current) == null || a.Dispose();
+        g(), Xr(() => {
+          var i;
+          (i = l.current) == null || i.Dispose();
         }, 200);
       };
-  }, []), sr(() => {
-    const s = m.current, a = Q.current, R = Se.current;
-    if (j(s) || !B)
+  }, []), Pr(() => {
+    const o = l.current, i = K.current, f = ke.current;
+    if (V(o) || !A)
       return;
-    const T = S.current !== a && !st(S.current, a), u = k.current !== R && (!ee.current || v.current !== R);
-    if (!(!T && !u)) {
-      if (b(), T) {
-        const l = ae();
-        Xr(s, a, u), S.current = a, nr(e, "apply layout", l, {
-          disableBodyReload: !!u
+    const T = L.current !== i && !Zr(L.current, i), m = O.current !== f && (!z.current || b.current !== f);
+    if (!(!T && !m)) {
+      if (g(), T) {
+        const a = ee();
+        $r(o, i, m), L.current = i, er(e, "apply layout", a, {
+          disableBodyReload: !!m
         });
       }
-      if (u) {
-        const l = A.current + 1, H = /* @__PURE__ */ i(() => {
-          const C = v.current;
-          L.current = void 0, Z.current = ae(), tr(e, "reload"), or(e, "ReloadBody start", {
-            bodyRowCount: ce(C)
-          }), zr(s, C, () => {
-            if (A.current !== l)
+      if (m) {
+        const a = y.current + 1, h = /* @__PURE__ */ n(() => {
+          const p = b.current;
+          B.current = void 0, q.current = ee(), Xe(e, "reload"), Ze(e, "ReloadBody start", {
+            bodyRowCount: te(p)
+          }), Ur(o, p, () => {
+            if (y.current !== a)
               return;
-            k.current = C, P.current = /* @__PURE__ */ new WeakMap(), ht(s, P.current), Ke(s), nr(e, "ReloadBody end", Z.current, {
-              bodyRowCount: ce(C)
-            }), Z.current = null, v.current === C && (v.current = void 0, ee.current = !1);
-            const Xe = _.current;
-            if (!g || Xe === null) {
-              _.current = null, O(!1);
+            O.current = p, w.current = /* @__PURE__ */ new WeakMap(), dt(o, w.current), je(o), er(e, "ReloadBody end", q.current, {
+              bodyRowCount: te(p)
+            }), q.current = null, b.current === p && (b.current = void 0, z.current = !1);
+            const Ke = G.current;
+            if (!u || Ke === null) {
+              G.current = null, _(!1);
               return;
             }
-            const Ze = Math.max(
+            const ze = Math.max(
               0,
-              Jr - (Date.now() - Xe)
+              Wr - (Date.now() - Ke)
             );
-            if (N(), Ze === 0) {
-              _.current = null, O(!1);
+            if (S(), ze === 0) {
+              G.current = null, _(!1);
               return;
             }
-            I.current = window.setTimeout(() => {
-              A.current === l && (I.current = void 0, _.current = null, O(!1));
-            }, Ze);
+            D.current = window.setTimeout(() => {
+              y.current === a && (D.current = void 0, G.current = null, _(!1));
+            }, ze);
           });
         }, "runBodyReload");
-        A.current = l, v.current = R, ee.current = !0, g && R !== void 0 ? (se(), N(), _.current = Date.now(), O(!0), L.current = window.setTimeout(() => {
-          A.current === l && H();
-        }, 0)) : H();
+        y.current = a, b.current = f, z.current = !0, u && f !== void 0 ? (Z(), S(), G.current = Date.now(), _(!0), B.current = window.setTimeout(() => {
+          y.current === a && h();
+        }, 0)) : h();
       }
     }
-  }, [B, h, p, g, e, b]), $(() => () => {
-    b(), se(), N();
-  }, [b]);
-  const F = et({
-    width: E,
-    height: G,
-    treeGridTheme: d,
-    gridThemeConfig: z,
-    containerStyle: r,
-    tableBorderRadius: y ? mr : void 0
+  }, [A, R, c, u, e, g]), N(() => () => {
+    g(), Z(), S();
+  }, [g]);
+  const P = zr({
+    width: ne,
+    height: oe,
+    treeGridTheme: s,
+    gridThemeConfig: W,
+    containerStyle: t,
+    tableBorderRadius: ie ? sr : void 0
   });
-  return n !== void 0 && (F["--owp-tree-grid-toolbar-row-background-color"] = String(n)), te !== void 0 && (F["--owp-tree-grid-header-frame-height"] = te), (g || ie) && (F.position = r != null && r.position && r.position !== "static" ? r.position : "relative", F.isolation = "isolate"), /* @__PURE__ */ wr(
+  return E !== void 0 && (P["--owp-tree-grid-toolbar-row-background-color"] = String(E)), (u || X) && (P.position = t != null && t.position && t.position !== "static" ? t.position : "relative", P.isolation = "isolate"), /* @__PURE__ */ vr(
     "div",
     {
-      ref: X,
+      ref: _e,
       className: [
-        rt,
-        te !== void 0 && tt,
-        y && ot,
-        o
+        Jr,
+        ie && Yr,
+        d
       ].filter(Boolean).join(" "),
-      style: F,
+      style: P,
       children: [
-        /* @__PURE__ */ V($r, { styles: nt }),
-        /* @__PURE__ */ V("div", { id: e, className: c, style: at(f, ["height", "width"]) }),
-        /* @__PURE__ */ V(
-          Qr,
+        /* @__PURE__ */ F(Fr, { styles: Qr }),
+        /* @__PURE__ */ F("div", { id: e, className: v, style: et(ir, ["height", "width"]) }),
+        /* @__PURE__ */ F(
+          Kr,
           {
-            visible: ie,
-            message: D("Message.조회된 결과가 없습니다."),
-            overlayFrame: Ye
+            visible: X,
+            message: C("Message.조회된 결과가 없습니다."),
+            overlayFrame: We
           }
         ),
-        /* @__PURE__ */ V(
-          Zr,
+        /* @__PURE__ */ F(
+          qr,
           {
-            visible: ne,
-            overlayFrame: Ye
+            visible: Q,
+            overlayFrame: We
           }
         ),
-        br,
-        Or
+        Gr,
+        Br
       ]
     }
   );
 }, "OwpTreeGrid");
 export {
-  eo as OwpTreeGrid
+  Ht as OwpTreeGrid
 };
 //# sourceMappingURL=OwpTreeGrid.js.map