@owp/core 2.5.21 → 2.5.23

package/dist/components/OwpTable/utils/tableSx.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableSx.js","sources":["../../../../src/components/OwpTable/utils/tableSx.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\nimport { isArray } from 'es-toolkit/compat';\n\n/**\n * sx 조건부 배열 병합\n * @param styles sx 목록\n */\nexport const mergeSx = (...styles: Array<SxProps<Theme> | undefined | false>): SxProps<Theme> =>\n  styles.reduce<Array<Exclude<SxProps<Theme>, readonly unknown[]>>>((acc, style) => {\n    if (!style) {\n      return acc;\n    }\n\n    return [...acc, ...(isArray(style) ? style : [style])];\n  }, []) as SxProps<Theme>;\n\n/**\n * table radius CSS 값 변환\n * @param value radius 값\n */\nexport const toTableRadiusCssValue = (value: number | string) => {\n  return typeof value === 'number' ? `${value}px` : value;\n};\n"],"names":["mergeSx","__name","styles","acc","style","isArray","toTableRadiusCssValue","value"],"mappings":";;;AAOO,MAAMA,IAAU,gBAAAC,EAAA,IAAIC,MACzBA,EAAO,OAA2D,CAACC,GAAKC,MACjEA,IAIE,CAAC,GAAGD,GAAK,GAAIE,EAAQD,CAAK,IAAIA,IAAQ,CAACA,CAAK,CAAE,IAH5CD,GAIR,CAAA,CAAE,GAPgB,YAaVG,IAAwB,gBAAAL,EAAA,CAACM,MAC7B,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,GADf;"}
+{"version":3,"file":"tableSx.js","sources":["../../../../src/components/OwpTable/utils/tableSx.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\nimport { isArray } from 'es-toolkit/compat';\n\nconst TABLE_HELPER_TEXT_RESERVED_SPACE = 'calc(0.75rem * 1.66 + 3px)';\n\n/**\n * sx 조건부 배열 병합\n * @param styles sx 목록\n */\nexport const mergeSx = (...styles: Array<SxProps<Theme> | undefined | false>): SxProps<Theme> =>\n  styles.reduce<Array<Exclude<SxProps<Theme>, readonly unknown[]>>>((acc, style) => {\n    if (!style) {\n      return acc;\n    }\n\n    return [...acc, ...(isArray(style) ? style : [style])];\n  }, []) as SxProps<Theme>;\n\n/**\n * table radius CSS 값 변환\n * @param value radius 값\n */\nexport const toTableRadiusCssValue = (value: number | string) => {\n  return typeof value === 'number' ? `${value}px` : value;\n};\n\n/**\n * table row helper text 높이 보정 sx\n * @param contentClassName 셀 콘텐츠 className\n */\nexport const getTableHelperTextRowSx = (contentClassName: string) =>\n  ({\n    [`&:has(.MuiFormHelperText-root) .${contentClassName}::after`]: {\n      content: '\"\"',\n      display: 'block',\n      height: TABLE_HELPER_TEXT_RESERVED_SPACE,\n    },\n    [`&:has(.MuiFormHelperText-root) .${contentClassName}:has(.MuiFormHelperText-root)::after`]: {\n      display: 'none',\n    },\n  }) as const;\n"],"names":["TABLE_HELPER_TEXT_RESERVED_SPACE","mergeSx","__name","styles","acc","style","isArray","toTableRadiusCssValue","value","getTableHelperTextRowSx","contentClassName"],"mappings":";;;AAGA,MAAMA,IAAmC,8BAM5BC,IAAU,gBAAAC,EAAA,IAAIC,MACzBA,EAAO,OAA2D,CAACC,GAAKC,MACjEA,IAIE,CAAC,GAAGD,GAAK,GAAIE,EAAQD,CAAK,IAAIA,IAAQ,CAACA,CAAK,CAAE,IAH5CD,GAIR,CAAA,CAAE,GAPgB,YAaVG,IAAwB,gBAAAL,EAAA,CAACM,MAC7B,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,GADf,0BAQxBC,IAA0B,gBAAAP,EAAA,CAACQ,OACrC;AAAA,EACC,CAAC,mCAAmCA,CAAgB,SAAS,GAAG;AAAA,IAC9D,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQV;AAAA,EAAA;AAAA,EAEV,CAAC,mCAAmCU,CAAgB,sCAAsC,GAAG;AAAA,IAC3F,SAAS;AAAA,EAAA;AAEb,IAVqC;"}

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

@@ -2,34 +2,35 @@ 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 { DEFAULT_TABLE_RADIUS as mr } from "../../constants/table.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 { useGetCurrentSettings as pr } from "../../hooks/useOwpSettings.js";
+import { useOwpTranslation as Rr } from "../../hooks/useOwpTranslation.js";
+import { useGetCurrentLanguage as Tr } from "../../hooks/useCurrentLanguage.js";
+import { useConfirm as gr } 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 { getTreeGridCellComparableValue as We, clearTreeGridCellHighlightById as Cr, isTreeGridRowAddedById as w, removeTreeGridAddedRowHighlightColumn as Gr, highlightTreeGridCellById as yr, appendTreeGridAddedRowHighlightColumn as Er, 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 { useRef as n, useState as re, useMemo as Br, useEffect as x, useLayoutEffect as vr } from "react";
+import Dr 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 { useOwpTreeGridOverlayFrame as Ir } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
+import { hasTreeGridExplicitEnterMode as je, bindTreeGridEvents as _r, getTreeGridBodyDataCount as te, buildTreeGridInitializationOptions as kr, hasTreeGridDisplayDataRows as Ue, replaceTreeGridBodyData as Lr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as Ar } 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 { OwpTreeGridLoadingOverlay as Pr } from "./internal/OwpTreeGridLoadingOverlay.js";
+import { OwpTreeGridNoDataOverlay as Sr } from "./internal/OwpTreeGridNoDataOverlay.js";
+import { createTreeGridThemeContainerStyle as Vr, TREE_GRID_THEME_WRAPPER_CLASS as Hr, TREE_GRID_THEME_TABLE_RADIUS_CLASS as Mr, treeGridThemeStyles as xr } 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) => {
+import { delay as Nr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
+import { isEqual as wr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { omit as Fr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
+const jr = /* @__PURE__ */ i((e) => {
   const r = e == null ? void 0 : e.Visible;
   return !!e && r !== 0 && r !== !1 && r !== "0";
-}, "isVisibleTreeGridRow"), jr = /* @__PURE__ */ i((e) => {
+}, "isVisibleTreeGridRow"), Ur = /* @__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) => {
+}, "isAddedTreeGridRow"), qe = /* @__PURE__ */ i((e) => !e || e.Fixed === "Foot" || !jr(e) ? !1 : e.Kind === "Data" || Ur(e), "isDisplayTreeGridRow"), Wr = /* @__PURE__ */ i((e) => {
   if (typeof e.GetFirst == "function" && typeof e.GetNext == "function") {
     const r = [];
     let t = e.GetFirst();
@@ -43,24 +44,24 @@ const Fr = /* @__PURE__ */ i((e) => {
     return;
   const t = Object.keys(e.Cols ?? {}).filter(Boolean);
   Wr(e).forEach((o) => {
-    Ke(o) && r.set(
+    qe(o) && r.set(
       o,
-      new Map(t.map((l) => [l, qe(e, o, l)]))
+      new Map(t.map((l) => [l, We(e, o, l)]))
     );
   });
-}, "captureTreeGridChangeBaselines"), Kr = /* @__PURE__ */ i((e) => e != null && e !== "" && e !== 0 && e !== !1 && e !== "0", "isTreeGridChangedFlag"), Ur = /* @__PURE__ */ i((e, r, t) => {
+}, "captureTreeGridChangeBaselines"), Kr = /* @__PURE__ */ i((e) => e != null && e !== "" && e !== 0 && e !== !1 && e !== "0", "isTreeGridChangedFlag"), $r = /* @__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) => {
+}, "hasOtherTreeGridChangedCells"), zr = /* @__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) => {
+  o[`${t}Changed`] = 0, !w(r) && !$r(e, r, t) && (o.Changed = 0);
+}, "clearTreeGridCellChangedState"), Yr = /* @__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(({
+}, "resolveTreeGridCellBaselineValue"), Jr = /* @__PURE__ */ i(({
   gridId: e,
   grid: r,
   row: t,
@@ -68,19 +69,19 @@ const Fr = /* @__PURE__ */ i((e) => {
   backgroundColor: l,
   baselineMap: F
 }) => {
-  if (!Ke(t))
+  if (!qe(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);
+  const C = Yr(F, t, o), b = We(r, t, o);
+  if (C !== void 0 && b === C) {
+    Cr(e, { row: t, col: o }), zr(r, t, o), w(t) && Gr(t, o);
     return;
   }
-  Gr(e, {
+  yr(e, {
     row: t,
     col: o,
     backgroundColor: l
-  }), w(t) && yr(t, o);
-}, "syncTreeGridChangedCellHighlightById"), ht = /* @__PURE__ */ i(({
+  }), w(t) && Er(t, o);
+}, "syncTreeGridChangedCellHighlightById"), Bt = /* @__PURE__ */ i(({
   id: e = "treeGridWrapper",
   containerStyle: r,
   containerClassName: t,
@@ -88,13 +89,13 @@ const Fr = /* @__PURE__ */ i((e) => {
   className: l,
   style: F,
   height: C = "100%",
-  width: D = "100%",
+  width: b = "100%",
   canUseTableRadius: ne = !1,
-  tableBorderRadius: Ue = ".8rem",
+  tableBorderRadius: Ke = mr,
   layoutUrl: $e,
   layoutData: j,
   dataUrl: ze,
-  layoutOverrides: W,
+  layoutOverrides: U,
   data: c,
   useDataUrl: oe,
   onSelect: ie,
@@ -115,35 +116,35 @@ const Fr = /* @__PURE__ */ i((e) => {
   loading: Qe,
   showLoading: u = !0
 }) => {
-  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({
+  var Oe, Pe;
+  const { t: I } = Rr(), { confirmDelete: Xe } = gr(), W = pr(), q = (Pe = (Oe = W == null ? void 0 : W.theme) == null ? void 0 : Oe.main) == null ? void 0 : Pe.grid, d = n(null), Ce = n(null), Ge = n(null), K = n(null), $ = n(U), ye = n(c), Ee = n(je(j)), he = Je ? async () => await Xe({
     title: I("Message.삭제된 항목을 완전히 삭제하시겠습니까?"),
     description: I("Message.취소하면 삭제 상태가 해제됩니다."),
     okText: I("Button.완전 삭제")
-  }) ? "remove" : "undelete" : void 0, k = n({
+  }) ? "remove" : "undelete" : void 0, _ = n({
     onSelect: ie,
     onRowClick: se,
     onRowAdd: ae,
     onRowDelete: de,
-    onBeforeRowUndelete: Ee,
+    onBeforeRowUndelete: he,
     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(
+  }), G = n(void 0), z = n(!1), k = n(void 0), L = n(void 0), Ze = n(!1), y = n(0), g = n(null), E = n(void 0), h = n(void 0), Be = n(Re), Y = n(Te), ve = n(ge), [A, er] = re(!1), [rr, B] = re(!1), [tr, De] = re(!1), O = Tr(), f = Br(
+    () => fr(q),
+    [q]
+  ), be = 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));
+  ), P = n(/* @__PURE__ */ new WeakMap()), Ie = n(f.state.selectedCellBackgroundColor), _e = n(f.state.hoverCellBackgroundColor), ke = n(O.id), nr = u && c !== void 0 && A && L.current !== c, Q = u && Qe === !0 || u && (rr || nr), X = !Q && c !== void 0 && N(c) && !tr, Le = /* @__PURE__ */ i((s) => {
+    De(Ue(s));
   }, "syncHasDisplayDataRows"), or = /* @__PURE__ */ i((s, a, p, T) => {
     var m, v;
-    Y.current && a.Fixed !== "Foot" && Yr({
+    Y.current && a.Fixed !== "Foot" && Jr({
       gridId: e,
       grid: s,
       row: a,
@@ -151,10 +152,10 @@ const Fr = /* @__PURE__ */ i((e) => {
       backgroundColor: J.current,
       baselineMap: P.current
     });
-    const R = ((m = k.current) == null ? void 0 : m.onAfterValueChanged) ?? ((v = k.current) == null ? void 0 : v.onRowChange);
+    const R = ((m = _.current) == null ? void 0 : m.onAfterValueChanged) ?? ((v = _.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;
+  $.current = U, ye.current = c, Ee.current = je(j), Be.current = Re, Y.current = Te, ve.current = ge, be.current = M(f.editable.backgroundColor) ?? M(He), J.current = f.changed.backgroundColor ?? Me, Ie.current = f.state.selectedCellBackgroundColor, _e.current = f.state.hoverCellBackgroundColor;
   const {
     datePickerEditorElement: ir,
     handleDatePickerEditorButtonClick: sr,
@@ -164,15 +165,15 @@ const Fr = /* @__PURE__ */ i((e) => {
   } = br({
     config: Ye,
     treeGridInstanceRef: d,
-    isTreeGridReady: O,
+    isTreeGridReady: A,
     onValueChange: or
   });
-  k.current = {
+  _.current = {
     onSelect: ie,
     onRowClick: se,
     onRowAdd: ae,
     onRowDelete: de,
-    onBeforeRowUndelete: Ee,
+    onBeforeRowUndelete: he,
     onRowUndelete: le,
     onRowChange: ce,
     onClickButton: ue,
@@ -184,45 +185,45 @@ const Fr = /* @__PURE__ */ i((e) => {
     onInternalKeyDown: dr,
     onInternalStartEdit: lr
   };
-  const Oe = Dr({
+  const Ae = Ir({
     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(() => {
+  }), S = /* @__PURE__ */ i(() => {
     E.current !== void 0 && (window.clearTimeout(E.current), E.current = void 0);
+  }, "clearBindingLoadingHideTimeout"), Z = /* @__PURE__ */ i(() => {
+    h.current !== void 0 && (window.clearTimeout(h.current), h.current = void 0);
   }, "clearBodyReloadStartTimeout");
   x(() => {
     const s = /* @__PURE__ */ i((a) => {
       var T;
-      ((T = a.detail) == null ? void 0 : T.gridId) === e && be(We(d.current));
+      ((T = a.detail) == null ? void 0 : T.gridId) === e && De(Ue(d.current));
     }, "handleBodyRowsChanged");
     return window.addEventListener(xe, s), () => {
       window.removeEventListener(xe, s);
     };
   }, [e]), x(() => {
-    u || (Z(), V(), g.current = null, B(!1));
+    u || (Z(), S(), 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({
+    if (O.id !== ke.current && !N(d.current) && ((s = d.current) == null || s.Dispose(), d.current = null, ke.current = O.id), !!N(d.current))
+      return _r({
         id: e,
-        latestEventHandlersRef: k,
-        layoutHasExplicitEnterModeRef: he,
+        latestEventHandlersRef: _,
+        layoutHasExplicitEnterModeRef: Ee,
         highlightEditableCellsRef: Be,
         highlightChangedCellsRef: Y,
         syncDeletedRowCanEditRef: ve,
-        editableCellBackgroundColorValueRef: De,
+        editableCellBackgroundColorValueRef: be,
         changedCellBackgroundColorRef: J,
         selectedCellBackgroundColorRef: Ie,
-        hoverCellBackgroundColorRef: ke,
+        hoverCellBackgroundColorRef: _e,
         changedCellBaselineRef: P,
         treeGridInstanceRef: d,
         treeGridInitStartedAtRef: Ge,
         latestLayoutOverridesRef: $,
-        appliedLayoutOverridesRef: _,
+        appliedLayoutOverridesRef: k,
         appliedBodyDataPropRef: L,
         hasAppliedInitialLayoutRef: Ze,
         syncHasDisplayDataRows: Le,
@@ -238,103 +239,103 @@ const Fr = /* @__PURE__ */ i((e) => {
           dataUrl: ze,
           bodyData: c,
           useDataUrl: oe,
-          width: D,
+          width: b,
           height: C,
-          languageId: A.id
+          languageId: O.id
         }),
         e,
         e
       ), () => {
-        xr(() => {
+        Nr(() => {
           var a;
           (a = d.current) == null || a.Dispose();
         }, 200);
       };
-  }, []), Br(() => {
+  }, []), vr(() => {
     const s = d.current, a = $.current, p = ye.current;
-    if (N(s) || !O)
+    if (N(s) || !A)
       return;
-    const T = _.current !== a && !Nr(_.current, a), R = L.current !== p && (!z.current || G.current !== p);
+    const T = k.current !== a && !wr(k.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, {
+        Or(s, a, R), k.current = a, Fe(e, "apply layout", m, {
           disableBodyReload: !!R
         });
       }
       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, () => {
+          const D = G.current;
+          h.current = void 0, K.current = ee(), Ne(e, "reload"), we(e, "ReloadBody start", {
+            bodyRowCount: te(D)
+          }), Lr(s, D, () => {
             if (y.current !== m)
               return;
-            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) {
+            L.current = D, P.current = /* @__PURE__ */ new WeakMap(), qr(s, P.current), Le(s), Fe(e, "ReloadBody end", K.current, {
+              bodyRowCount: te(D)
+            }), K.current = null, G.current === D && (G.current = void 0, z.current = !1);
+            const Se = g.current;
+            if (!u || Se === null) {
               g.current = null, B(!1);
               return;
             }
-            const Se = Math.max(
+            const Ve = Math.max(
               0,
-              Lr - (Date.now() - Ve)
+              Ar - (Date.now() - Se)
             );
-            if (V(), Se === 0) {
+            if (S(), Ve === 0) {
               g.current = null, B(!1);
               return;
             }
-            h.current = window.setTimeout(() => {
-              y.current === m && (h.current = void 0, g.current = null, B(!1));
-            }, Se);
+            E.current = window.setTimeout(() => {
+              y.current === m && (E.current = void 0, g.current = null, B(!1));
+            }, Ve);
           });
         }, "runBodyReload");
-        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, G.current = p, z.current = !0, u && p !== void 0 ? (Z(), S(), g.current = Date.now(), B(!0), h.current = window.setTimeout(() => {
           y.current === m && v();
         }, 0)) : v();
       }
     }
-  }, [O, W, c, u, e]), x(() => () => {
-    Z(), V();
+  }, [A, U, c, u, e]), x(() => () => {
+    Z(), S();
   }, []);
-  const S = Vr({
-    width: D,
+  const V = Vr({
+    width: b,
     height: C,
     treeGridTheme: f,
-    gridThemeConfig: K,
+    gridThemeConfig: q,
     containerStyle: r,
-    tableBorderRadius: ne ? Ue : void 0
+    tableBorderRadius: ne ? Ke : void 0
   });
-  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(
+  return o !== void 0 && (V["--owp-tree-grid-toolbar-row-background-color"] = String(o)), (u || X) && (V.position = r != null && r.position && r.position !== "static" ? r.position : "relative", V.isolation = "isolate"), /* @__PURE__ */ ur(
     "div",
     {
       ref: Ce,
       className: [
-        Sr,
-        ne && Hr,
+        Hr,
+        ne && Mr,
         t
       ].filter(Boolean).join(" "),
-      style: S,
+      style: V,
       children: [
-        /* @__PURE__ */ H(vr, { styles: Mr }),
-        /* @__PURE__ */ H("div", { id: e, className: l, style: wr(F, ["height", "width"]) }),
+        /* @__PURE__ */ H(Dr, { styles: xr }),
+        /* @__PURE__ */ H("div", { id: e, className: l, style: Fr(F, ["height", "width"]) }),
         /* @__PURE__ */ H(
-          Pr,
+          Sr,
           {
             visible: X,
             message: I("Message.조회된 결과가 없습니다."),
-            overlayFrame: Oe
+            overlayFrame: Ae
           }
         ),
-        /* @__PURE__ */ H(Ar, { visible: Q, overlayFrame: Oe }),
+        /* @__PURE__ */ H(Pr, { visible: Q, overlayFrame: Ae }),
         ir
       ]
     }
   );
 }, "OwpTreeGrid");
 export {
-  ht as OwpTreeGrid
+  Bt as OwpTreeGrid
 };
 //# sourceMappingURL=OwpTreeGrid.js.map