@owp/core 2.5.16 → 2.5.18

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

@@ -1,269 +1,340 @@
-var sr = Object.defineProperty;
-var a = (r, l) => sr(r, "name", { value: l, configurable: !0 });
-import { jsxs as ur, jsx as w } 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 lr } from "../../constants/gridTheme.js";
-import { resolveTreeGridColorNumber as O, TREEGRID_INPUT_CELL_COLOR as Me, TREEGRID_CELL_HIGHLIGHT_COLOR as Pe } from "../../constants/treeGrid.js";
-import { useGetCurrentSettings as ar } from "../../hooks/useOwpSettings.js";
-import { useOwpTranslation as cr } from "../../hooks/useOwpTranslation.js";
-import { useGetCurrentLanguage as dr } from "../../hooks/useCurrentLanguage.js";
-import { useConfirm as fr } from "../../hooks/useConfirm.js";
-import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as Ne } from "../../utils/treeGridBodyRowsEvent.js";
-import { getTreeGridPerfTimestamp as F, countTreeGridPerf as xe, logTreeGridPerf as Ve, measureTreeGridPerf as je } from "./internal/utils/perf.js";
-import { useRef as e, useState as z, useMemo as mr, useEffect as h, useLayoutEffect as pr } from "react";
-import Rr from "@mui/material/GlobalStyles";
-import { useOwpTreeGridOverlayFrame as Tr } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
-import { bindTreeGridEvents as yr, getTreeGridBodyDataCount as Y, buildTreeGridInitializationOptions as gr, hasTreeGridDisplayDataRows as qe, replaceTreeGridBodyData as vr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as Gr } from "./internal/treeGridRuntime.js";
-import { applyTreeGridLayoutToGrid as Cr } from "./internal/treeGridLayout.js";
-import { OwpTreeGridLoadingOverlay as Er } from "./internal/OwpTreeGridLoadingOverlay.js";
-import { OwpTreeGridNoDataOverlay as Br } from "./internal/OwpTreeGridNoDataOverlay.js";
-import { resolveTreeGridColumnEditRuleLookup as Ue, createTreeGridColumnEditRulesState as Dr, syncTreeGridColumnEditRules as br } from "./internal/treeGridColumnEditRules.js";
-import { createTreeGridThemeContainerStyle as Ir, TREE_GRID_THEME_WRAPPER_CLASS as Lr, TREE_GRID_THEME_TABLE_RADIUS_CLASS as _r, treeGridThemeStyles as wr } from "./internal/treeGridTheme.js";
-import { isEmpty as A } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-import { delay as Or } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
-import { isEqual as We } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { omit as hr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
-const tt = /* @__PURE__ */ a(({
-  id: r = "treeGridWrapper",
-  containerStyle: l,
-  containerClassName: Fe,
-  toolbarRowBackgroundColor: J,
-  className: ze,
-  style: Ye,
-  height: K = "100%",
-  width: Q = "100%",
-  canUseTableRadius: X = !1,
-  tableBorderRadius: Je = ".8rem",
-  layoutUrl: Ke,
-  layoutData: Qe,
-  dataUrl: Xe,
-  layoutOverrides: S,
-  data: o,
-  useDataUrl: Z,
-  onSelect: $,
-  onRowClick: ee,
-  onRowAdd: re,
-  onRowDelete: te,
-  onRowUndelete: oe,
-  onRowChange: ne,
-  onClickButton: ie,
-  onSave: se,
-  onReady: ue,
-  onAfterValueChanged: le,
-  columnEditRules: p,
-  highlightEditableCells: ae = !0,
-  highlightChangedCells: ce = !0,
-  syncDeletedRowCanEdit: de = !0,
-  confirmDeletedRowRemoval: Ze = !0,
-  loading: $e,
-  showLoading: n = !0
+var cr = Object.defineProperty;
+var i = (e, r) => cr(e, "name", { value: r, configurable: !0 });
+import { jsxs as ur, jsx as H } 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 fr } from "../../constants/gridTheme.js";
+import { resolveTreeGridColorNumber as M, TREEGRID_INPUT_CELL_COLOR as He, TREEGRID_CELL_HIGHLIGHT_COLOR as Me } from "../../constants/treeGrid.js";
+import { useGetCurrentSettings as mr } from "../../hooks/useOwpSettings.js";
+import { useOwpTranslation as pr } from "../../hooks/useOwpTranslation.js";
+import { useGetCurrentLanguage as Rr } from "../../hooks/useCurrentLanguage.js";
+import { useConfirm as Tr } from "../../hooks/useConfirm.js";
+import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as xe } from "../../utils/treeGridBodyRowsEvent.js";
+import { getTreeGridCellComparableValue as qe, clearTreeGridCellHighlightById as gr, isTreeGridRowAddedById as w, removeTreeGridAddedRowHighlightColumn as Cr, highlightTreeGridCellById as Gr, appendTreeGridAddedRowHighlightColumn as yr, getTreeGridAddedRowBaselineValue as hr } from "../../utils/treeGridUtil.js";
+import { getTreeGridPerfTimestamp as ee, countTreeGridPerf as Ne, logTreeGridPerf as we, measureTreeGridPerf as Fe } from "./internal/utils/perf.js";
+import { useRef as n, useState as re, useMemo as Er, useEffect as x, useLayoutEffect as Br } from "react";
+import vr from "@mui/material/GlobalStyles";
+import { useOwpTreeGridDatePickerEditor as br } from "./internal/hooks/useOwpTreeGridDatePickerEditor.js";
+import { useOwpTreeGridOverlayFrame as Dr } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
+import { hasTreeGridExplicitEnterMode as je, bindTreeGridEvents as Ir, getTreeGridBodyDataCount as te, buildTreeGridInitializationOptions as kr, hasTreeGridDisplayDataRows as We, replaceTreeGridBodyData as _r, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as Lr } from "./internal/treeGridRuntime.js";
+import { applyTreeGridLayoutToGrid as Or } from "./internal/treeGridLayout.js";
+import { OwpTreeGridLoadingOverlay as Ar } from "./internal/OwpTreeGridLoadingOverlay.js";
+import { OwpTreeGridNoDataOverlay as Pr } from "./internal/OwpTreeGridNoDataOverlay.js";
+import { createTreeGridThemeContainerStyle as Vr, TREE_GRID_THEME_WRAPPER_CLASS as Sr, TREE_GRID_THEME_TABLE_RADIUS_CLASS as Hr, treeGridThemeStyles as Mr } from "./internal/treeGridTheme.js";
+import { isEmpty as N } 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 Nr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { omit as wr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
+const Fr = /* @__PURE__ */ i((e) => {
+  const r = e == null ? void 0 : e.Visible;
+  return !!e && r !== 0 && r !== !1 && r !== "0";
+}, "isVisibleTreeGridRow"), jr = /* @__PURE__ */ i((e) => {
+  const r = e == null ? void 0 : e.Added;
+  return !!e && r !== 0 && r !== !1 && r !== "0" && r !== void 0;
+}, "isAddedTreeGridRow"), Ke = /* @__PURE__ */ i((e) => !e || e.Fixed === "Foot" || !Fr(e) ? !1 : e.Kind === "Data" || jr(e), "isDisplayTreeGridRow"), Wr = /* @__PURE__ */ i((e) => {
+  if (typeof e.GetFirst == "function" && typeof e.GetNext == "function") {
+    const r = [];
+    let t = e.GetFirst();
+    for (; t; )
+      r.push(t), t = e.GetNext(t);
+    return r;
+  }
+  return Object.values(e.Rows ?? {});
+}, "getTreeGridRows"), qr = /* @__PURE__ */ i((e, r) => {
+  if (!e)
+    return;
+  const t = Object.keys(e.Cols ?? {}).filter(Boolean);
+  Wr(e).forEach((o) => {
+    Ke(o) && r.set(
+      o,
+      new Map(t.map((l) => [l, qe(e, o, l)]))
+    );
+  });
+}, "captureTreeGridChangeBaselines"), Kr = /* @__PURE__ */ i((e) => e != null && e !== "" && e !== 0 && e !== !1 && e !== "0", "isTreeGridChangedFlag"), Ur = /* @__PURE__ */ i((e, r, t) => {
+  const o = r;
+  return Object.keys(e.Cols ?? {}).some((l) => l !== t && Kr(o[`${l}Changed`]));
+}, "hasOtherTreeGridChangedCells"), $r = /* @__PURE__ */ i((e, r, t) => {
+  const o = r;
+  o[`${t}Changed`] = 0, !w(r) && !Ur(e, r, t) && (o.Changed = 0);
+}, "clearTreeGridCellChangedState"), zr = /* @__PURE__ */ i((e, r, t) => {
+  const o = e.get(r);
+  if (o != null && o.has(t))
+    return o.get(t);
+  if (w(r))
+    return hr(r, t) ?? "";
+}, "resolveTreeGridCellBaselineValue"), Yr = /* @__PURE__ */ i(({
+  gridId: e,
+  grid: r,
+  row: t,
+  col: o,
+  backgroundColor: l,
+  baselineMap: F
+}) => {
+  if (!Ke(t))
+    return;
+  const C = zr(F, t, o), D = qe(r, t, o);
+  if (C !== void 0 && D === C) {
+    gr(e, { row: t, col: o }), $r(r, t, o), w(t) && Cr(t, o);
+    return;
+  }
+  Gr(e, {
+    row: t,
+    col: o,
+    backgroundColor: l
+  }), w(t) && yr(t, o);
+}, "syncTreeGridChangedCellHighlightById"), ht = /* @__PURE__ */ i(({
+  id: e = "treeGridWrapper",
+  containerStyle: r,
+  containerClassName: t,
+  toolbarRowBackgroundColor: o,
+  className: l,
+  style: F,
+  height: C = "100%",
+  width: D = "100%",
+  canUseTableRadius: ne = !1,
+  tableBorderRadius: Ue = ".8rem",
+  layoutUrl: $e,
+  layoutData: j,
+  dataUrl: ze,
+  layoutOverrides: W,
+  data: c,
+  useDataUrl: oe,
+  onSelect: ie,
+  onRowClick: se,
+  onRowAdd: ae,
+  onRowDelete: de,
+  onRowUndelete: le,
+  onRowChange: ce,
+  onClickButton: ue,
+  onSave: fe,
+  onReady: me,
+  onAfterValueChanged: pe,
+  datePickerEditor: Ye,
+  highlightEditableCells: Re = !0,
+  highlightChangedCells: Te = !0,
+  syncDeletedRowCanEdit: ge = !0,
+  confirmDeletedRowRemoval: Je = !0,
+  loading: Qe,
+  showLoading: u = !0
 }) => {
-  var we, Oe;
-  const { t: c } = cr(), { confirmDelete: er } = fr(), H = ar(), k = (Oe = (we = H == null ? void 0 : H.theme) == null ? void 0 : we.main) == null ? void 0 : Oe.grid, i = e(null), fe = e(null), me = e(null), M = e(null), P = e(S), pe = e(o), N = e(
-    p
-  ), x = e(
-    Ue(p, {
-      hourMinuteInvalidText: c("Message.시간은 HH:mm 형식으로 입력해주세요.")
-    })
-  ), Re = Ze ? async () => await er({
-    title: c("Message.삭제된 항목을 완전히 삭제하시겠습니까?"),
-    description: c("Message.취소하면 삭제 상태가 해제됩니다."),
-    okText: c("Button.완전 삭제")
-  }) ? "remove" : "undelete" : void 0, Te = e({
-    onSelect: $,
-    onRowClick: ee,
-    onRowAdd: re,
-    onRowDelete: te,
-    onBeforeRowUndelete: Re,
-    onRowUndelete: oe,
-    onRowChange: ne,
-    onClickButton: ie,
-    onSave: se,
-    onReady: ue,
-    onAfterValueChanged: le
-  }), R = e(void 0), V = e(!1), E = e(void 0), B = e(void 0), D = e(
-    void 0
-  ), ye = e(Dr()), rr = e(!1), T = e(0), d = e(null), y = e(void 0), g = e(void 0), ge = e(ae), ve = e(ce), Ge = e(de), [j, tr] = z(!1), [or, v] = z(!1), [nr, Ce] = z(!1), b = dr(), s = mr(
-    () => lr(k),
-    [k]
-  ), Ee = e(
-    O(s.editable.backgroundColor) ?? O(Me)
-  ), Be = e(
-    s.changed.backgroundColor ?? Pe
-  ), De = e(s.state.selectedCellBackgroundColor), be = e(s.state.hoverCellBackgroundColor), Ie = e(b.id), ir = n && o !== void 0 && j && B.current !== o, q = n && $e === !0 || n && (or || ir), U = !q && o !== void 0 && A(o) && !nr, Le = /* @__PURE__ */ a((t) => {
-    Ce(qe(t));
-  }, "syncHasDisplayDataRows");
-  P.current = S, pe.current = o, N.current = p, x.current = Ue(p, {
-    hourMinuteInvalidText: c("Message.시간은 HH:mm 형식으로 입력해주세요.")
-  }), ge.current = ae, ve.current = ce, Ge.current = de, Ee.current = O(s.editable.backgroundColor) ?? O(Me), Be.current = s.changed.backgroundColor ?? Pe, De.current = s.state.selectedCellBackgroundColor, be.current = s.state.hoverCellBackgroundColor, Te.current = {
-    onSelect: $,
-    onRowClick: ee,
-    onRowAdd: re,
-    onRowDelete: te,
-    onBeforeRowUndelete: Re,
-    onRowUndelete: oe,
-    onRowChange: ne,
-    onClickButton: ie,
-    onSave: se,
-    onReady: ue,
-    onAfterValueChanged: le
+  var Ae, Pe;
+  const { t: I } = pr(), { confirmDelete: Xe } = Tr(), q = mr(), K = (Pe = (Ae = q == null ? void 0 : q.theme) == null ? void 0 : Ae.main) == null ? void 0 : Pe.grid, d = n(null), Ce = n(null), Ge = n(null), U = n(null), $ = n(W), ye = n(c), he = n(je(j)), Ee = Je ? async () => await Xe({
+    title: I("Message.삭제된 항목을 완전히 삭제하시겠습니까?"),
+    description: I("Message.취소하면 삭제 상태가 해제됩니다."),
+    okText: I("Button.완전 삭제")
+  }) ? "remove" : "undelete" : void 0, k = n({
+    onSelect: ie,
+    onRowClick: se,
+    onRowAdd: ae,
+    onRowDelete: de,
+    onBeforeRowUndelete: Ee,
+    onRowUndelete: le,
+    onRowChange: ce,
+    onClickButton: ue,
+    onSave: fe,
+    onReady: me,
+    onAfterValueChanged: pe
+  }), G = n(void 0), z = n(!1), _ = n(void 0), L = n(void 0), Ze = n(!1), y = n(0), g = n(null), h = n(void 0), E = n(void 0), Be = n(Re), Y = n(Te), ve = n(ge), [O, er] = re(!1), [rr, B] = re(!1), [tr, be] = re(!1), A = Rr(), f = Er(
+    () => fr(K),
+    [K]
+  ), De = n(
+    M(f.editable.backgroundColor) ?? M(He)
+  ), J = n(
+    f.changed.backgroundColor ?? Me
+  ), P = n(/* @__PURE__ */ new WeakMap()), Ie = n(f.state.selectedCellBackgroundColor), ke = n(f.state.hoverCellBackgroundColor), _e = n(A.id), nr = u && c !== void 0 && O && L.current !== c, Q = u && Qe === !0 || u && (rr || nr), X = !Q && c !== void 0 && N(c) && !tr, Le = /* @__PURE__ */ i((s) => {
+    be(We(s));
+  }, "syncHasDisplayDataRows"), or = /* @__PURE__ */ i((s, a, p, T) => {
+    var m, v;
+    Y.current && a.Fixed !== "Foot" && Yr({
+      gridId: e,
+      grid: s,
+      row: a,
+      col: p,
+      backgroundColor: J.current,
+      baselineMap: P.current
+    });
+    const R = ((m = k.current) == null ? void 0 : m.onAfterValueChanged) ?? ((v = k.current) == null ? void 0 : v.onRowChange);
+    R == null || R(s, a, p, T);
+  }, "handleDatePickerEditorValueChange");
+  $.current = W, ye.current = c, he.current = je(j), Be.current = Re, Y.current = Te, ve.current = ge, De.current = M(f.editable.backgroundColor) ?? M(He), J.current = f.changed.backgroundColor ?? Me, Ie.current = f.state.selectedCellBackgroundColor, ke.current = f.state.hoverCellBackgroundColor;
+  const {
+    datePickerEditorElement: ir,
+    handleDatePickerEditorButtonClick: sr,
+    handleDatePickerEditorCellClick: ar,
+    handleDatePickerEditorKeyDown: dr,
+    handleDatePickerEditorStartEdit: lr
+  } = br({
+    config: Ye,
+    treeGridInstanceRef: d,
+    isTreeGridReady: O,
+    onValueChange: or
+  });
+  k.current = {
+    onSelect: ie,
+    onRowClick: se,
+    onRowAdd: ae,
+    onRowDelete: de,
+    onBeforeRowUndelete: Ee,
+    onRowUndelete: le,
+    onRowChange: ce,
+    onClickButton: ue,
+    onSave: fe,
+    onReady: me,
+    onAfterValueChanged: pe,
+    onInternalButtonClick: sr,
+    onInternalCellClick: ar,
+    onInternalKeyDown: dr,
+    onInternalStartEdit: lr
   };
-  const _e = Tr({
-    visible: q || U,
-    containerRef: fe,
-    treeGridInstanceRef: i,
-    debugId: r
-  }), I = /* @__PURE__ */ a(() => {
-    y.current !== void 0 && (window.clearTimeout(y.current), y.current = void 0);
-  }, "clearBindingLoadingHideTimeout"), W = /* @__PURE__ */ a(() => {
-    g.current !== void 0 && (window.clearTimeout(g.current), g.current = void 0);
+  const Oe = Dr({
+    visible: Q || X,
+    containerRef: Ce,
+    treeGridInstanceRef: d,
+    debugId: e
+  }), V = /* @__PURE__ */ i(() => {
+    h.current !== void 0 && (window.clearTimeout(h.current), h.current = void 0);
+  }, "clearBindingLoadingHideTimeout"), Z = /* @__PURE__ */ i(() => {
+    E.current !== void 0 && (window.clearTimeout(E.current), E.current = void 0);
   }, "clearBodyReloadStartTimeout");
-  h(() => {
-    const t = /* @__PURE__ */ a((u) => {
-      var f;
-      ((f = u.detail) == null ? void 0 : f.gridId) === r && Ce(qe(i.current));
+  x(() => {
+    const s = /* @__PURE__ */ i((a) => {
+      var T;
+      ((T = a.detail) == null ? void 0 : T.gridId) === e && be(We(d.current));
     }, "handleBodyRowsChanged");
-    return window.addEventListener(Ne, t), () => {
-      window.removeEventListener(Ne, t);
+    return window.addEventListener(xe, s), () => {
+      window.removeEventListener(xe, s);
     };
-  }, [r]), h(() => {
-    n || (W(), I(), d.current = null, v(!1));
-  }, [n]), h(() => {
-    var t;
-    if (b.id !== Ie.current && !A(i.current) && ((t = i.current) == null || t.Dispose(), i.current = null, Ie.current = b.id), !!A(i.current))
-      return yr({
-        id: r,
-        latestEventHandlersRef: Te,
-        highlightEditableCellsRef: ge,
-        highlightChangedCellsRef: ve,
-        syncDeletedRowCanEditRef: Ge,
-        editableCellBackgroundColorValueRef: Ee,
-        changedCellBackgroundColorRef: Be,
-        selectedCellBackgroundColorRef: De,
-        hoverCellBackgroundColorRef: be,
-        treeGridInstanceRef: i,
-        treeGridInitStartedAtRef: me,
-        latestLayoutOverridesRef: P,
-        appliedLayoutOverridesRef: E,
-        appliedBodyDataPropRef: B,
-        latestColumnEditRulesRef: N,
-        latestColumnEditRuleLookupRef: x,
-        appliedColumnEditRulesRef: D,
-        columnEditRulesStateRef: ye,
-        hasAppliedInitialLayoutRef: rr,
+  }, [e]), x(() => {
+    u || (Z(), V(), g.current = null, B(!1));
+  }, [u]), x(() => {
+    var s;
+    if (A.id !== _e.current && !N(d.current) && ((s = d.current) == null || s.Dispose(), d.current = null, _e.current = A.id), !!N(d.current))
+      return Ir({
+        id: e,
+        latestEventHandlersRef: k,
+        layoutHasExplicitEnterModeRef: he,
+        highlightEditableCellsRef: Be,
+        highlightChangedCellsRef: Y,
+        syncDeletedRowCanEditRef: ve,
+        editableCellBackgroundColorValueRef: De,
+        changedCellBackgroundColorRef: J,
+        selectedCellBackgroundColorRef: Ie,
+        hoverCellBackgroundColorRef: ke,
+        changedCellBaselineRef: P,
+        treeGridInstanceRef: d,
+        treeGridInitStartedAtRef: Ge,
+        latestLayoutOverridesRef: $,
+        appliedLayoutOverridesRef: _,
+        appliedBodyDataPropRef: L,
+        hasAppliedInitialLayoutRef: Ze,
         syncHasDisplayDataRows: Le,
-        setIsTreeGridReady: tr
-      }), me.current = F(), xe(r, "init"), Ve(r, "TreeGrid init start", {
-        useDataUrl: !!Z,
-        bodyRowCount: Y(o)
+        setIsTreeGridReady: er
+      }), Ge.current = ee(), Ne(e, "init"), we(e, "TreeGrid init start", {
+        useDataUrl: !!oe,
+        bodyRowCount: te(c)
       }), window.TreeGrid(
-        gr({
-          id: r,
-          layoutUrl: Ke,
-          layoutData: Qe,
-          dataUrl: Xe,
-          bodyData: o,
-          useDataUrl: Z,
-          width: Q,
-          height: K,
-          languageId: b.id
+        kr({
+          id: e,
+          layoutUrl: $e,
+          layoutData: j,
+          dataUrl: ze,
+          bodyData: c,
+          useDataUrl: oe,
+          width: D,
+          height: C,
+          languageId: A.id
         }),
-        r,
-        r
+        e,
+        e
       ), () => {
-        Or(() => {
-          var u;
-          (u = i.current) == null || u.Dispose();
+        xr(() => {
+          var a;
+          (a = d.current) == null || a.Dispose();
         }, 200);
       };
-  }, []), pr(() => {
-    const t = i.current, u = P.current, G = pe.current, f = N.current;
-    if (A(t) || !j)
+  }, []), Br(() => {
+    const s = d.current, a = $.current, p = ye.current;
+    if (N(s) || !O)
       return;
-    const he = E.current !== u && !We(E.current, u), _ = B.current !== G && (!V.current || R.current !== G), Ae = D.current !== f && !We(D.current, f);
-    if (!(!he && !_ && !Ae)) {
-      if (he) {
-        const m = F();
-        Cr(t, u, _), E.current = u, je(r, "apply layout", m, {
-          disableBodyReload: !!_
+    const T = _.current !== a && !Nr(_.current, a), R = L.current !== p && (!z.current || G.current !== p);
+    if (!(!T && !R)) {
+      if (T) {
+        const m = ee();
+        Or(s, a, R), _.current = a, Fe(e, "apply layout", m, {
+          disableBodyReload: !!R
         });
       }
-      if (_) {
-        const m = T.current + 1, Se = /* @__PURE__ */ a(() => {
-          const C = R.current;
-          g.current = void 0, M.current = F(), xe(r, "reload"), Ve(r, "ReloadBody start", {
-            bodyRowCount: Y(C)
-          }), vr(t, C, () => {
-            if (T.current !== m)
+      if (R) {
+        const m = y.current + 1, v = /* @__PURE__ */ i(() => {
+          const b = G.current;
+          E.current = void 0, U.current = ee(), Ne(e, "reload"), we(e, "ReloadBody start", {
+            bodyRowCount: te(b)
+          }), _r(s, b, () => {
+            if (y.current !== m)
               return;
-            B.current = C, Le(t), je(r, "ReloadBody end", M.current, {
-              bodyRowCount: Y(C)
-            }), M.current = null, R.current === C && (R.current = void 0, V.current = !1);
-            const He = d.current;
-            if (!n || He === null) {
-              d.current = null, v(!1);
+            L.current = b, P.current = /* @__PURE__ */ new WeakMap(), qr(s, P.current), Le(s), Fe(e, "ReloadBody end", U.current, {
+              bodyRowCount: te(b)
+            }), U.current = null, G.current === b && (G.current = void 0, z.current = !1);
+            const Ve = g.current;
+            if (!u || Ve === null) {
+              g.current = null, B(!1);
               return;
             }
-            const ke = Math.max(
+            const Se = Math.max(
               0,
-              Gr - (Date.now() - He)
+              Lr - (Date.now() - Ve)
             );
-            if (I(), ke === 0) {
-              d.current = null, v(!1);
+            if (V(), Se === 0) {
+              g.current = null, B(!1);
               return;
             }
-            y.current = window.setTimeout(() => {
-              T.current === m && (y.current = void 0, d.current = null, v(!1));
-            }, ke);
+            h.current = window.setTimeout(() => {
+              y.current === m && (h.current = void 0, g.current = null, B(!1));
+            }, Se);
           });
         }, "runBodyReload");
-        T.current = m, R.current = G, V.current = !0, n && G !== void 0 ? (W(), I(), d.current = Date.now(), v(!0), g.current = window.setTimeout(() => {
-          T.current === m && Se();
-        }, 0)) : Se();
+        y.current = m, G.current = p, z.current = !0, u && p !== void 0 ? (Z(), V(), g.current = Date.now(), B(!0), E.current = window.setTimeout(() => {
+          y.current === m && v();
+        }, 0)) : v();
       }
-      Ae && (br(
-        t,
-        x.current,
-        ye.current
-      ), D.current = f);
     }
-  }, [j, S, o, p, n, r]), h(() => () => {
-    W(), I();
+  }, [O, W, c, u, e]), x(() => () => {
+    Z(), V();
   }, []);
-  const L = Ir({
-    width: Q,
-    height: K,
-    treeGridTheme: s,
-    gridThemeConfig: k,
-    containerStyle: l,
-    tableBorderRadius: X ? Je : void 0
+  const S = Vr({
+    width: D,
+    height: C,
+    treeGridTheme: f,
+    gridThemeConfig: K,
+    containerStyle: r,
+    tableBorderRadius: ne ? Ue : void 0
   });
-  return J !== void 0 && (L["--owp-tree-grid-toolbar-row-background-color"] = String(J)), (n || U) && (L.position = l != null && l.position && l.position !== "static" ? l.position : "relative", L.isolation = "isolate"), /* @__PURE__ */ ur(
+  return o !== void 0 && (S["--owp-tree-grid-toolbar-row-background-color"] = String(o)), (u || X) && (S.position = r != null && r.position && r.position !== "static" ? r.position : "relative", S.isolation = "isolate"), /* @__PURE__ */ ur(
     "div",
     {
-      ref: fe,
+      ref: Ce,
       className: [
-        Lr,
-        X && _r,
-        Fe
+        Sr,
+        ne && Hr,
+        t
       ].filter(Boolean).join(" "),
-      style: L,
+      style: S,
       children: [
-        /* @__PURE__ */ w(Rr, { styles: wr }),
-        /* @__PURE__ */ w("div", { id: r, className: ze, style: hr(Ye, ["height", "width"]) }),
-        /* @__PURE__ */ w(
-          Br,
+        /* @__PURE__ */ H(vr, { styles: Mr }),
+        /* @__PURE__ */ H("div", { id: e, className: l, style: wr(F, ["height", "width"]) }),
+        /* @__PURE__ */ H(
+          Pr,
           {
-            visible: U,
-            message: c("Message.조회된 결과가 없습니다."),
-            overlayFrame: _e
+            visible: X,
+            message: I("Message.조회된 결과가 없습니다."),
+            overlayFrame: Oe
           }
         ),
-        /* @__PURE__ */ w(Er, { visible: q, overlayFrame: _e })
+        /* @__PURE__ */ H(Ar, { visible: Q, overlayFrame: Oe }),
+        ir
       ]
     }
   );
 }, "OwpTreeGrid");
 export {
-  tt as OwpTreeGrid
+  ht as OwpTreeGrid
 };
 //# sourceMappingURL=OwpTreeGrid.js.map