@owp/core 2.2.2 → 2.2.4

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

@@ -1,246 +1,345 @@
-var ye = Object.defineProperty;
-var i = (e, n) => ye(e, "name", { value: n, configurable: !0 });
-import { jsxs as Ge, jsx as Y } 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 { useOwpTranslation as De } from "../../hooks/useOwpTranslation.js";
-import { useGetCurrentLanguage as Re } from "../../hooks/useCurrentLanguage.js";
-import { useRef as o, useState as ce, useEffect as Z, useLayoutEffect as we } from "react";
-import { useOwpTreeGridOverlayFrame as Ee } from "./hooks/useOwpTreeGridOverlayFrame.js";
-import { OwpTreeGridLoadingOverlay as Oe } from "./OwpTreeGridLoadingOverlay.js";
-import { OwpTreeGridNoDataOverlay as ge } from "./OwpTreeGridNoDataOverlay.js";
-import { applyTreeGridLayoutToGrid as fe } from "./utils/index.js";
-import { isEmpty as B } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-import { delay as be } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
-import { isEqual as Be } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { omit as Ie } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
-import { debounce as $ } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/debounce.js";
-import { get as Se } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/get.js";
-const Le = 300, ae = {
+var _e = Object.defineProperty;
+var i = (e, t) => _e(e, "name", { value: t, configurable: !0 });
+import { jsxs as Ee, jsx as Z } 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 { useOwpTranslation as Ne } from "../../hooks/useOwpTranslation.js";
+import { useGetCurrentLanguage as Ve } from "../../hooks/useCurrentLanguage.js";
+import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as ye } from "../../utils/treeGridBodyRowsEvent.js";
+import { getTreeGridPerfTimestamp as H, countTreeGridPerf as Ge, logTreeGridPerf as Re, measureTreeGridPerf as te } from "./perf.js";
+import { useRef as d, useState as ee, useEffect as $, useLayoutEffect as Pe } from "react";
+import { useOwpTreeGridOverlayFrame as he } from "./hooks/useOwpTreeGridOverlayFrame.js";
+import { OwpTreeGridLoadingOverlay as ke } from "./OwpTreeGridLoadingOverlay.js";
+import { OwpTreeGridNoDataOverlay as Fe } from "./OwpTreeGridNoDataOverlay.js";
+import { applyTreeGridLayoutToGrid as Be } from "./utils/index.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 Ue } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
+import { isEqual as $e } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { omit as Me } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
+import { debounce as M } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/debounce.js";
+import { get as je } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/get.js";
+const qe = 300, we = {
   en: "/assets/vendors/Grid/TextEN.xml",
   kr: "/assets/vendors/Grid/TextKR.xml"
-}, de = /* @__PURE__ */ i((e) => `${e}?noCache=${Date.now()}`, "appendNoCacheQuery"), xe = /* @__PURE__ */ i((e) => e === "kr" ? ae.kr : ae.en, "getTreeGridTextResourceUrl"), Ce = /* @__PURE__ */ i((e) => e != null && e.includes("assets") ? de(e) : (
+}, Oe = /* @__PURE__ */ i((e) => `${e}?noCache=${Date.now()}`, "appendNoCacheQuery"), Ke = /* @__PURE__ */ i((e) => e === "kr" ? we.kr : we.en, "getTreeGridTextResourceUrl"), We = /* @__PURE__ */ i((e) => e != null && e.includes("assets") ? Oe(e) : (
   // @ts-expect-error - API base URL env is provided by host app
   `undefined/${e}?noCache=${Date.now()}`
-), "resolveTreeGridDataUrl"), _e = /* @__PURE__ */ i((e, n, s) => e ? { Url: Ce(n) } : { Data: { Body: [B(s) ? [] : s] } }, "buildTreeGridDataSource"), Ne = /* @__PURE__ */ i(({
+), "resolveTreeGridDataUrl"), ze = /* @__PURE__ */ i((e, t, a) => e ? { Url: We(t) } : { Data: { Body: [V(a) ? [] : a] } }, "buildTreeGridDataSource"), Qe = /* @__PURE__ */ i(({
   id: e,
-  layoutUrl: n,
-  dataUrl: s,
-  bodyData: f,
-  useDataUrl: d,
-  width: p,
-  height: y,
-  languageId: G
+  layoutUrl: t,
+  dataUrl: a,
+  bodyData: G,
+  useDataUrl: R,
+  width: D,
+  height: v,
+  languageId: b
 }) => ({
   id: e,
-  Layout: { Url: de(n ?? "") },
-  Data: _e(d, s, f),
+  Layout: { Url: Oe(t ?? "") },
+  Data: ze(R, a, G),
   Text: {
-    Url: xe(G)
+    Url: Ke(b)
   },
-  width: p,
-  height: y,
+  width: D,
+  height: v,
   Debug: "Error"
-}), "buildTreeGridInitializationOptions"), Ve = /* @__PURE__ */ i((e) => Se(e, "Data.Data.Data.Body.0"), "getTreeGridBodyData"), Pe = /* @__PURE__ */ i((e, n, s) => {
-  var d;
-  const f = (d = e.Data) == null ? void 0 : d.Data;
+}), "buildTreeGridInitializationOptions"), De = /* @__PURE__ */ i((e) => je(e, "Data.Data.Data.Body.0"), "getTreeGridBodyData"), j = /* @__PURE__ */ i((e) => Array.isArray(e) ? e.length : 0, "getTreeGridBodyDataCount"), Xe = /* @__PURE__ */ i((e) => {
+  const t = e == null ? void 0 : e.Visible;
+  return !!e && t !== 0 && t !== !1 && t !== "0";
+}, "isVisibleTreeGridRow"), Ye = /* @__PURE__ */ i((e) => {
+  const t = e == null ? void 0 : e.Added;
+  return !!e && t !== 0 && t !== !1 && t !== "0" && t !== void 0;
+}, "isAddedTreeGridRow"), ve = /* @__PURE__ */ i((e) => !e || e.Fixed === "Foot" || !Xe(e) ? !1 : e.Kind === "Data" || Ye(e), "isDisplayTreeGridRow"), be = /* @__PURE__ */ i((e) => {
+  if (!e)
+    return !1;
+  if (typeof e.GetFirst == "function" && typeof e.GetNext == "function") {
+    let t = e.GetFirst();
+    for (; t; ) {
+      if (ve(t))
+        return !0;
+      t = e.GetNext(t);
+    }
+    return !1;
+  }
+  return Object.values(e.Rows ?? {}).some((t) => ve(t));
+}, "hasTreeGridDisplayDataRows"), Je = /* @__PURE__ */ i((e, t, a) => {
+  var R;
+  const G = (R = e.Data) == null ? void 0 : R.Data;
   e.Data.Data = {
-    ...f,
-    Data: { Body: [n || []] },
+    ...G,
+    Data: { Body: [t || []] },
     Url: ""
-  }, e.ReloadBody(s);
-}, "replaceTreeGridBodyData"), $e = /* @__PURE__ */ i(({
+  }, e.ReloadBody(a);
+}, "replaceTreeGridBodyData"), Ze = /* @__PURE__ */ i(({
   id: e,
-  onSelect: n,
-  onRowClick: s,
-  onRowAdd: f,
-  onRowDelete: d,
-  onRowUndelete: p,
-  onRowChange: y,
-  onClickButton: G,
-  onSave: I,
-  onReady: m,
-  onAfterValueChanged: a,
-  treeGridInstanceRef: A,
-  latestLayoutOverridesRef: M,
-  appliedLayoutOverridesRef: k,
-  appliedBodyDataPropRef: q,
-  hasAppliedInitialLayoutRef: S,
-  setIsTreeGridReady: H
+  latestEventHandlersRef: t,
+  treeGridInstanceRef: a,
+  treeGridInitStartedAtRef: G,
+  latestLayoutOverridesRef: R,
+  appliedLayoutOverridesRef: D,
+  appliedBodyDataPropRef: v,
+  hasAppliedInitialLayoutRef: b,
+  syncHasDisplayDataRows: w,
+  setIsTreeGridReady: S
 }) => {
-  const L = a ?? y;
-  window.TGSetEvent("OnRowAdd", e, (t, r) => {
-    r.CanEdit = 1, r.CanDelete = 1, f == null || f(t, r);
-  }), typeof s == "function" && window.TGSetEvent(
+  const r = t.current;
+  window.TGSetEvent("OnRowAdd", e, (o, c) => {
+    var n, u;
+    c.CanEdit = 1, c.CanDelete = 1, (u = (n = t.current) == null ? void 0 : n.onRowAdd) == null || u.call(n, o, c);
+  }), window.TGSetEvent("OnRowAdded", e, (o) => {
+    w(o);
+  }), typeof (r == null ? void 0 : r.onRowClick) == "function" && window.TGSetEvent(
     "OnClick",
     e,
-    $((t, r, u, v, h, c) => {
-      s(t, r, u, v, h, c);
+    M((o, c, n, u, s, l) => {
+      var p, C;
+      (C = (p = t.current) == null ? void 0 : p.onRowClick) == null || C.call(
+        p,
+        o,
+        c,
+        n,
+        u,
+        s,
+        l
+      );
     }, 300)
-  ), typeof G == "function" && window.TGSetEvent(
+  ), typeof (r == null ? void 0 : r.onClickButton) == "function" && window.TGSetEvent(
     "OnClickButton",
     e,
-    $((t, r, u, v) => {
-      G(t, r, u, v);
+    M((o, c, n, u) => {
+      var s, l;
+      (l = (s = t.current) == null ? void 0 : s.onClickButton) == null || l.call(
+        s,
+        o,
+        c,
+        n,
+        u
+      );
     }, 300)
-  ), typeof d == "function" && window.TGSetEvent("OnRowDelete", e, (t, r, u) => {
-    d(t, r, u);
-  }), typeof p == "function" && window.TGSetEvent("OnRowUndelete", e, (t, r) => {
-    p(t, r);
-  }), typeof L == "function" && window.TGSetEvent("OnAfterValueChanged", e, (t, r, u, v) => {
-    L(t, r, u, v);
-  }), typeof n == "function" && window.TGSetEvent(
+  ), typeof (r == null ? void 0 : r.onRowDelete) == "function" ? window.TGSetEvent("OnRowDelete", e, (o, c, n) => {
+    var u, s;
+    w(o), (s = (u = t.current) == null ? void 0 : u.onRowDelete) == null || s.call(
+      u,
+      o,
+      c,
+      n
+    );
+  }) : window.TGSetEvent("OnRowDelete", e, (o) => {
+    w(o);
+  }), typeof (r == null ? void 0 : r.onRowUndelete) == "function" ? window.TGSetEvent("OnRowUndelete", e, (o, c) => {
+    var n, u;
+    w(o), (u = (n = t.current) == null ? void 0 : n.onRowUndelete) == null || u.call(n, o, c);
+  }) : window.TGSetEvent("OnRowUndelete", e, (o) => {
+    w(o);
+  }), (typeof (r == null ? void 0 : r.onAfterValueChanged) == "function" || typeof (r == null ? void 0 : r.onRowChange) == "function") && window.TGSetEvent("OnAfterValueChanged", e, (o, c, n, u) => {
+    var l, p;
+    const s = ((l = t.current) == null ? void 0 : l.onAfterValueChanged) ?? ((p = t.current) == null ? void 0 : p.onRowChange);
+    s == null || s(o, c, n, u);
+  }), typeof (r == null ? void 0 : r.onSelect) == "function" && window.TGSetEvent(
     "OnSelect",
     e,
-    $((t) => {
-      const r = t.GetSelRows() ?? [];
-      n(r);
+    M((o) => {
+      var n, u;
+      const c = o.GetSelRows() ?? [];
+      (u = (n = t.current) == null ? void 0 : n.onSelect) == null || u.call(n, c);
     }, 100)
-  ), typeof I == "function" && window.TGSetEvent("OnSave", e, (t, r, u) => {
-    I(t, r, u);
+  ), typeof (r == null ? void 0 : r.onSave) == "function" && window.TGSetEvent("OnSave", e, (o, c, n) => {
+    var u, s;
+    (s = (u = t.current) == null ? void 0 : u.onSave) == null || s.call(
+      u,
+      o,
+      c,
+      n
+    );
   }), window.TGSetEvent(
     "OnReady",
     e,
-    $((t) => {
-      if (!S.current) {
-        const r = M.current;
-        S.current = !0, fe(t, r), A.current = t, k.current = r, q.current = Ve(t), H(!0), m == null || m(t);
+    M((o) => {
+      var c, n;
+      if (!b.current) {
+        const u = R.current;
+        b.current = !0, Be(o, u), a.current = o, D.current = u, v.current = De(o), w(o), S(!0), te(e, "TreeGrid init ready", G.current, {
+          bodyRowCount: j(
+            De(o)
+          )
+        }), G.current = null, (n = (c = t.current) == null ? void 0 : c.onReady) == null || n.call(c, o);
       }
     }, 100)
   );
-}, "bindTreeGridEvents"), Ze = /* @__PURE__ */ i(({
+}, "bindTreeGridEvents"), Gt = /* @__PURE__ */ i(({
   id: e = "treeGridWrapper",
-  containerStyle: n,
-  containerClassName: s,
-  className: f,
-  style: d,
-  height: p = "100%",
-  width: y = "100%",
-  layoutUrl: G,
-  dataUrl: I,
-  layoutOverrides: m,
-  data: a,
-  useDataUrl: A,
-  onSelect: M,
-  onRowClick: k,
-  onRowAdd: q,
-  onRowDelete: S,
-  onRowUndelete: H,
-  onRowChange: L,
-  onClickButton: t,
-  onSave: r,
-  onReady: u,
-  onAfterValueChanged: v,
-  loading: h,
-  showLoading: c = !0
+  containerStyle: t,
+  containerClassName: a,
+  className: G,
+  style: R,
+  height: D = "100%",
+  width: v = "100%",
+  layoutUrl: b,
+  dataUrl: w,
+  layoutOverrides: S,
+  data: r,
+  useDataUrl: o,
+  onSelect: c,
+  onRowClick: n,
+  onRowAdd: u,
+  onRowDelete: s,
+  onRowUndelete: l,
+  onRowChange: p,
+  onClickButton: C,
+  onSave: re,
+  onReady: oe,
+  onAfterValueChanged: ne,
+  loading: Se,
+  showLoading: T = !0
 }) => {
-  const { t: le } = De(), l = o(null), ee = o(null), j = o(m), te = o(a), w = o(void 0), F = o(!1), x = o(void 0), C = o(void 0), pe = o(!1), E = o(0), D = o(null), O = o(void 0), g = o(void 0), [U, me] = ce(!1), [ve, b] = ce(!1), _ = Re(), re = o(_.id), Te = c && a !== void 0 && U && C.current !== a, z = c && h === !0 || c && (ve || Te), K = !z && a !== void 0 && B(a);
-  j.current = m, te.current = a;
-  const ne = Ee({
-    visible: z || K,
-    containerRef: ee,
-    treeGridInstanceRef: l
-  }), N = /* @__PURE__ */ i(() => {
-    O.current !== void 0 && (window.clearTimeout(O.current), O.current = void 0);
-  }, "clearBindingLoadingHideTimeout"), Q = /* @__PURE__ */ i(() => {
-    g.current !== void 0 && (window.clearTimeout(g.current), g.current = void 0);
+  const { t: Ce } = Ne(), m = d(null), ue = d(null), ce = d(null), q = d(null), K = d(S), ie = d(r), se = d({
+    onSelect: c,
+    onRowClick: n,
+    onRowAdd: u,
+    onRowDelete: s,
+    onRowUndelete: l,
+    onRowChange: p,
+    onClickButton: C,
+    onSave: re,
+    onReady: oe,
+    onAfterValueChanged: ne
+  }), g = d(void 0), W = d(!1), P = d(void 0), h = d(void 0), ge = d(!1), I = d(0), B = d(null), A = d(void 0), L = d(void 0), [z, Ie] = ee(!1), [Ae, x] = ee(!1), [Le, de] = ee(!1), k = Ve(), fe = d(k.id), xe = T && r !== void 0 && z && h.current !== r, Q = T && Se === !0 || T && (Ae || xe), X = !Q && r !== void 0 && V(r) && !Le, ae = /* @__PURE__ */ i((f) => {
+    de(be(f));
+  }, "syncHasDisplayDataRows");
+  K.current = S, ie.current = r, se.current = {
+    onSelect: c,
+    onRowClick: n,
+    onRowAdd: u,
+    onRowDelete: s,
+    onRowUndelete: l,
+    onRowChange: p,
+    onClickButton: C,
+    onSave: re,
+    onReady: oe,
+    onAfterValueChanged: ne
+  };
+  const le = he({
+    visible: Q || X,
+    containerRef: ue,
+    treeGridInstanceRef: m,
+    debugId: e
+  }), F = /* @__PURE__ */ i(() => {
+    A.current !== void 0 && (window.clearTimeout(A.current), A.current = void 0);
+  }, "clearBindingLoadingHideTimeout"), Y = /* @__PURE__ */ i(() => {
+    L.current !== void 0 && (window.clearTimeout(L.current), L.current = void 0);
   }, "clearBodyReloadStartTimeout");
-  Z(() => {
-    c || (Q(), N(), D.current = null, b(!1));
-  }, [c]), Z(() => {
-    var R;
-    if (_.id !== re.current && !B(l.current) && ((R = l.current) == null || R.Dispose(), l.current = null, re.current = _.id), !!B(l.current))
-      return $e({
+  $(() => {
+    const f = /* @__PURE__ */ i((y) => {
+      var E;
+      ((E = y.detail) == null ? void 0 : E.gridId) === e && de(be(m.current));
+    }, "handleBodyRowsChanged");
+    return window.addEventListener(ye, f), () => {
+      window.removeEventListener(ye, f);
+    };
+  }, [e]), $(() => {
+    T || (Y(), F(), B.current = null, x(!1));
+  }, [T]), $(() => {
+    var f;
+    if (k.id !== fe.current && !V(m.current) && ((f = m.current) == null || f.Dispose(), m.current = null, fe.current = k.id), !!V(m.current))
+      return Ze({
         id: e,
-        onSelect: M,
-        onRowClick: k,
-        onRowAdd: q,
-        onRowDelete: S,
-        onRowUndelete: H,
-        onRowChange: L,
-        onClickButton: t,
-        onSave: r,
-        onReady: u,
-        onAfterValueChanged: v,
-        treeGridInstanceRef: l,
-        latestLayoutOverridesRef: j,
-        appliedLayoutOverridesRef: x,
-        appliedBodyDataPropRef: C,
-        hasAppliedInitialLayoutRef: pe,
-        setIsTreeGridReady: me
+        latestEventHandlersRef: se,
+        treeGridInstanceRef: m,
+        treeGridInitStartedAtRef: ce,
+        latestLayoutOverridesRef: K,
+        appliedLayoutOverridesRef: P,
+        appliedBodyDataPropRef: h,
+        hasAppliedInitialLayoutRef: ge,
+        syncHasDisplayDataRows: ae,
+        setIsTreeGridReady: Ie
+      }), ce.current = H(), Ge(e, "init"), Re(e, "TreeGrid init start", {
+        useDataUrl: !!o,
+        bodyRowCount: j(r)
       }), window.TreeGrid(
-        Ne({
+        Qe({
           id: e,
-          layoutUrl: G,
-          dataUrl: I,
-          bodyData: a,
-          useDataUrl: A,
-          width: y,
-          height: p,
-          languageId: _.id
+          layoutUrl: b,
+          dataUrl: w,
+          bodyData: r,
+          useDataUrl: o,
+          width: v,
+          height: D,
+          languageId: k.id
         }),
         e,
         e
       ), () => {
-        be(() => {
-          var T;
-          (T = l.current) == null || T.Dispose();
+        Ue(() => {
+          var y;
+          (y = m.current) == null || y.Dispose();
         }, 200);
       };
-  }, []), we(() => {
-    const R = l.current, T = j.current, V = te.current;
-    if (B(R) || !U)
+  }, []), Pe(() => {
+    const f = m.current, y = K.current, _ = ie.current;
+    if (V(f) || !z)
       return;
-    const oe = x.current !== T && !Be(x.current, T), X = C.current !== V && (!F.current || w.current !== V);
-    if (!(!oe && !X) && (oe && (fe(R, T, X), x.current = T), X)) {
-      const P = E.current + 1, ie = /* @__PURE__ */ i(() => {
-        const J = w.current;
-        g.current = void 0, Pe(R, J, () => {
-          if (E.current !== P)
-            return;
-          C.current = J, w.current === J && (w.current = void 0, F.current = !1);
-          const se = D.current;
-          if (!c || se === null) {
-            D.current = null, b(!1);
-            return;
-          }
-          const ue = Math.max(
-            0,
-            Le - (Date.now() - se)
-          );
-          if (N(), ue === 0) {
-            D.current = null, b(!1);
-            return;
-          }
-          O.current = window.setTimeout(() => {
-            E.current === P && (O.current = void 0, D.current = null, b(!1));
-          }, ue);
+    const E = P.current !== y && !$e(P.current, y), U = h.current !== _ && (!W.current || g.current !== _);
+    if (!(!E && !U)) {
+      if (E) {
+        const O = H();
+        Be(f, y, U), P.current = y, te(e, "apply layout", O, {
+          disableBodyReload: !!U
         });
-      }, "runBodyReload");
-      E.current = P, w.current = V, F.current = !0, c && V !== void 0 ? (Q(), N(), D.current = Date.now(), b(!0), g.current = window.setTimeout(() => {
-        E.current === P && ie();
-      }, 0)) : ie();
+      }
+      if (U) {
+        const O = I.current + 1, pe = /* @__PURE__ */ i(() => {
+          const N = g.current;
+          L.current = void 0, q.current = H(), Ge(e, "reload"), Re(e, "ReloadBody start", {
+            bodyRowCount: j(N)
+          }), Je(f, N, () => {
+            if (I.current !== O)
+              return;
+            h.current = N, ae(f), te(e, "ReloadBody end", q.current, {
+              bodyRowCount: j(N)
+            }), q.current = null, g.current === N && (g.current = void 0, W.current = !1);
+            const Te = B.current;
+            if (!T || Te === null) {
+              B.current = null, x(!1);
+              return;
+            }
+            const me = Math.max(
+              0,
+              qe - (Date.now() - Te)
+            );
+            if (F(), me === 0) {
+              B.current = null, x(!1);
+              return;
+            }
+            A.current = window.setTimeout(() => {
+              I.current === O && (A.current = void 0, B.current = null, x(!1));
+            }, me);
+          });
+        }, "runBodyReload");
+        I.current = O, g.current = _, W.current = !0, T && _ !== void 0 ? (Y(), F(), B.current = Date.now(), x(!0), L.current = window.setTimeout(() => {
+          I.current === O && pe();
+        }, 0)) : pe();
+      }
     }
-  }, [U, m, a, c]), Z(() => () => {
-    Q(), N();
+  }, [z, S, r, T, e]), $(() => () => {
+    Y(), F();
   }, []);
-  const W = {
-    height: p,
-    width: y,
-    ...n
+  const J = {
+    height: D,
+    width: v,
+    ...t
   };
-  return (c || K) && (W.position = n != null && n.position && n.position !== "static" ? n.position : "relative", W.isolation = "isolate"), /* @__PURE__ */ Ge("div", { ref: ee, className: s, style: W, children: [
-    /* @__PURE__ */ Y("div", { id: e, className: f, style: Ie(d, ["height", "width"]) }),
-    /* @__PURE__ */ Y(
-      ge,
+  return (T || X) && (J.position = t != null && t.position && t.position !== "static" ? t.position : "relative", J.isolation = "isolate"), /* @__PURE__ */ Ee("div", { ref: ue, className: a, style: J, children: [
+    /* @__PURE__ */ Z("div", { id: e, className: G, style: Me(R, ["height", "width"]) }),
+    /* @__PURE__ */ Z(
+      Fe,
       {
-        visible: K,
-        message: le("Message.조회된 결과가 없습니다."),
-        overlayFrame: ne
+        visible: X,
+        message: Ce("Message.조회된 결과가 없습니다."),
+        overlayFrame: le
       }
     ),
-    /* @__PURE__ */ Y(Oe, { visible: z, overlayFrame: ne })
+    /* @__PURE__ */ Z(ke, { visible: Q, overlayFrame: le })
   ] });
 }, "OwpTreeGrid");
 export {
-  Ze as OwpTreeGrid
+  Gt as OwpTreeGrid
 };
 //# sourceMappingURL=OwpTreeGrid.js.map