@owp/core 2.1.6 → 2.2.0

package/dist/components/OwpTextField/OwpTextMaskField.js

@@ -0,0 +1,106 @@
+var j = Object.defineProperty;
+var r = (o, t) => j(o, "name", { value: t, configurable: !0 });
+import { jsxs as v, jsx as n } 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 { FormHelperText as O } from "@mui/material";
+import P from "@mui/material/FormControl";
+import R from "@mui/material/Input";
+import V from "@mui/material/InputLabel";
+import { useId as b, forwardRef as A } from "react";
+import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/index.js";
+import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/input.js";
+import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/masked/factory.js";
+import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/mask-element.js";
+import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-input-mask-element.js";
+import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-mask-element.js";
+import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
+import "../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/input-history.js";
+import H from "../../node_modules/.pnpm/react-imask@7.6.1_react@19.2.4/node_modules/react-imask/esm/input.js";
+import "../../node_modules/.pnpm/react-imask@7.6.1_react@19.2.4/node_modules/react-imask/esm/mixin.js";
+const L = A(/* @__PURE__ */ r(function(t, e) {
+  const { onMaskChange: m, mask: i, definitions: p, name: s, ...a } = t, { onChange: c, ...u } = a;
+  return /* @__PURE__ */ n(
+    H,
+    {
+      ...u,
+      mask: i,
+      definitions: p,
+      inputRef: e,
+      onAccept: /* @__PURE__ */ r((d, f) => {
+        m({
+          target: {
+            name: s ?? "",
+            value: String(d ?? "")
+          },
+          unmaskedValue: f.unmaskedValue
+        });
+      }, "onAccept"),
+      overwrite: !0
+    }
+  );
+}, "TextMaskCustom2"));
+function Z({
+  className: o,
+  sx: t,
+  id: e,
+  name: m,
+  label: i,
+  value: p,
+  defaultValue: s,
+  color: a,
+  onChange: c,
+  error: u,
+  helperText: d,
+  mask: f,
+  definitions: l,
+  variant: h,
+  fullWidth: g,
+  disabled: x,
+  required: C,
+  placeholder: I,
+  autoFocus: M,
+  inputProps: F,
+  inputRef: T
+}) {
+  const w = b(), k = e ?? `text-mask-input-${w}`;
+  return /* @__PURE__ */ v(
+    P,
+    {
+      color: a,
+      variant: h,
+      fullWidth: g,
+      error: u,
+      disabled: x,
+      required: C,
+      children: [
+        /* @__PURE__ */ n(V, { htmlFor: k, children: i }),
+        /* @__PURE__ */ n(
+          R,
+          {
+            className: o,
+            sx: t,
+            value: p,
+            defaultValue: s,
+            name: m,
+            id: k,
+            placeholder: I,
+            autoFocus: M,
+            inputRef: T,
+            inputComponent: L,
+            inputProps: {
+              ...F,
+              onMaskChange: c,
+              mask: f,
+              definitions: l
+            }
+          }
+        ),
+        /* @__PURE__ */ n(O, { children: d })
+      ]
+    }
+  );
+}
+r(Z, "OwpTextMaskField");
+export {
+  Z as OwpTextMaskField
+};
+//# sourceMappingURL=OwpTextMaskField.js.map

package/dist/components/OwpTextField/OwpTextMaskField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpTextMaskField.js","sources":["../../../src/components/OwpTextField/OwpTextMaskField.tsx"],"sourcesContent":["import { FormHelperText } from '@mui/material';\nimport FormControl from '@mui/material/FormControl';\nimport type { FormControlProps } from '@mui/material/FormControl';\nimport Input from '@mui/material/Input';\nimport type { InputProps as MuiInputProps } from '@mui/material/Input';\nimport type { InputBaseComponentProps } from '@mui/material/InputBase';\nimport InputLabel from '@mui/material/InputLabel';\nimport { forwardRef, type ReactNode, useId } from 'react';\nimport { IMaskInput } from 'react-imask';\n\ntype TextMaskFieldChangeEvent = {\n  target: { name: string; value: string };\n  unmaskedValue: string;\n};\n\ninterface CustomProps {\n  onMaskChange: (event: TextMaskFieldChangeEvent) => void;\n  name?: string;\n  mask: string;\n  definitions?: Record<string, unknown>;\n}\n\ntype OwpTextMaskFieldProps = Omit<MuiInputProps, 'onChange' | 'inputComponent'> &\n  Omit<CustomProps, 'onMaskChange'> & {\n    label?: ReactNode;\n    helperText?: ReactNode;\n    variant?: FormControlProps['variant'];\n    onChange: CustomProps['onMaskChange'];\n  };\n\n/** 마스크 입력 어댑터 */\ntype TextMaskCustomProps = InputBaseComponentProps & CustomProps;\n\nconst TextMaskCustom = forwardRef<HTMLInputElement, TextMaskCustomProps>(function TextMaskCustom(\n  props,\n  ref,\n) {\n  const { onMaskChange, mask, definitions, name, ...other } = props;\n  const { onChange: ignoredOnChange, ...imaskInputProps } = other;\n\n  void ignoredOnChange;\n\n  return (\n    <IMaskInput\n      {...imaskInputProps}\n      mask={mask}\n      definitions={definitions}\n      inputRef={ref}\n      onAccept={(value, maskRef) => {\n        onMaskChange({\n          target: {\n            name: name ?? '',\n            value: String(value ?? ''),\n          },\n          unmaskedValue: maskRef.unmaskedValue,\n        });\n      }}\n      overwrite\n    />\n  );\n});\n\n/**\n * 마스크 텍스트 입력 필드\n * @param mask 입력 마스크 문자열\n * @param definitions 사용자 정의 마스크 정의\n * @param onChange 마스크 변경 이벤트 핸들러\n */\nexport function OwpTextMaskField({\n  className,\n  sx,\n  id: idProp,\n  name,\n  label,\n  value,\n  defaultValue,\n  color,\n  onChange,\n  error,\n  helperText,\n  mask,\n  definitions,\n  variant,\n  fullWidth,\n  disabled,\n  required,\n  placeholder,\n  autoFocus,\n  inputProps,\n  inputRef,\n}: OwpTextMaskFieldProps) {\n  const generatedId = useId();\n  const id = idProp ?? `text-mask-input-${generatedId}`;\n\n  return (\n    <FormControl\n      color={color}\n      variant={variant}\n      fullWidth={fullWidth}\n      error={error}\n      disabled={disabled}\n      required={required}\n    >\n      <InputLabel htmlFor={id}>{label}</InputLabel>\n      <Input\n        className={className}\n        sx={sx}\n        value={value}\n        defaultValue={defaultValue}\n        name={name}\n        id={id}\n        placeholder={placeholder}\n        autoFocus={autoFocus}\n        inputRef={inputRef}\n        inputComponent={TextMaskCustom}\n        inputProps={{\n          ...inputProps,\n          onMaskChange: onChange,\n          mask,\n          definitions,\n        }}\n      />\n      <FormHelperText>{helperText}</FormHelperText>\n    </FormControl>\n  );\n}\n"],"names":["TextMaskCustom","forwardRef","__name","props","ref","onMaskChange","mask","definitions","name","other","ignoredOnChange","imaskInputProps","jsx","IMaskInput","value","maskRef","OwpTextMaskField","className","sx","idProp","label","defaultValue","color","onChange","error","helperText","variant","fullWidth","disabled","required","placeholder","autoFocus","inputProps","inputRef","generatedId","useId","id","jsxs","FormControl","InputLabel","Input","FormHelperText"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,MAAMA,IAAiBC,EAAkD,gBAAAC,EAAA,SACvEC,GACAC,GACA;AACA,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,aAAAC,GAAa,MAAAC,GAAM,GAAGC,MAAUN,GACtD,EAAE,UAAUO,GAAiB,GAAGC,MAAoBF;AAI1D,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAAL;AAAA,MACA,aAAAC;AAAA,MACA,UAAUH;AAAA,MACV,UAAU,gBAAAF,EAAA,CAACY,GAAOC,MAAY;AAC5B,QAAAV,EAAa;AAAA,UACX,QAAQ;AAAA,YACN,MAAMG,KAAQ;AAAA,YACd,OAAO,OAAOM,KAAS,EAAE;AAAA,UAAA;AAAA,UAE3B,eAAeC,EAAQ;AAAA,QAAA,CACxB;AAAA,MACH,GARU;AAAA,MASV,WAAS;AAAA,IAAA;AAAA,EAAA;AAGf,GA3ByE,kBA2BxE;AAQM,SAASC,EAAiB;AAAA,EAC/B,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,MAAAX;AAAA,EACA,OAAAY;AAAA,EACA,OAAAN;AAAA,EACA,cAAAO;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAnB;AAAA,EACA,aAAAC;AAAA,EACA,SAAAmB;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,GAA0B;AACxB,QAAMC,IAAcC,EAAA,GACdC,IAAKjB,KAAU,mBAAmBe,CAAW;AAEnD,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAhB;AAAA,MACA,SAAAI;AAAA,MACA,WAAAC;AAAA,MACA,OAAAH;AAAA,MACA,UAAAI;AAAA,MACA,UAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAjB,EAAC2B,GAAA,EAAW,SAASH,GAAK,UAAAhB,GAAM;AAAA,QAChC,gBAAAR;AAAA,UAAC4B;AAAA,UAAA;AAAA,YACC,WAAAvB;AAAA,YACA,IAAAC;AAAA,YACA,OAAAJ;AAAA,YACA,cAAAO;AAAA,YACA,MAAAb;AAAA,YACA,IAAA4B;AAAA,YACA,aAAAN;AAAA,YACA,WAAAC;AAAA,YACA,UAAAE;AAAA,YACA,gBAAgBjC;AAAA,YAChB,YAAY;AAAA,cACV,GAAGgC;AAAA,cACH,cAAcT;AAAA,cACd,MAAAjB;AAAA,cACA,aAAAC;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEF,gBAAAK,EAAC6B,KAAgB,UAAAhB,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC;AAzDgBvB,EAAAc,GAAA;"}

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

@@ -0,0 +1,243 @@
+var pe = Object.defineProperty;
+var o = (e, n) => pe(e, "name", { value: n, configurable: !0 });
+import { jsxs as me, 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 { useOwpTranslation as Te } from "../../hooks/useOwpTranslation.js";
+import { useGetCurrentLanguage as ve } from "../../hooks/useCurrentLanguage.js";
+import { useRef as i, useState as ie, useEffect as X, useLayoutEffect as Ge } from "react";
+import { useOwpTreeGridOverlayFrame as ye } from "./hooks/useOwpTreeGridOverlayFrame.js";
+import { OwpTreeGridLoadingOverlay as De } from "./OwpTreeGridLoadingOverlay.js";
+import { OwpTreeGridNoDataOverlay as we } from "./OwpTreeGridNoDataOverlay.js";
+import { applyTreeGridLayoutToGrid as ue } 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 Ee } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
+import { isEqual as Re } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { omit as Oe } 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 ge } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/get.js";
+const Be = 300, se = {
+  en: "/assets/vendors/Grid/TextEN.xml",
+  kr: "/assets/vendors/Grid/TextKR.xml"
+}, ce = /* @__PURE__ */ o((e) => `${e}?noCache=${Date.now()}`, "appendNoCacheQuery"), be = /* @__PURE__ */ o((e) => e === "kr" ? se.kr : se.en, "getTreeGridTextResourceUrl"), Se = /* @__PURE__ */ o((e) => e != null && e.includes("assets") ? ce(e) : (
+  // @ts-expect-error - API base URL env is provided by host app
+  `undefined/${e}?noCache=${Date.now()}`
+), "resolveTreeGridDataUrl"), Ie = /* @__PURE__ */ o((e, n, s) => e ? { Url: Se(n) } : { Data: { Body: [B(s) ? [] : s] } }, "buildTreeGridDataSource"), Le = /* @__PURE__ */ o(({
+  id: e,
+  layoutUrl: n,
+  dataUrl: s,
+  bodyData: f,
+  useDataUrl: l,
+  width: p,
+  height: G,
+  languageId: y
+}) => ({
+  id: e,
+  Layout: { Url: ce(n ?? "") },
+  Data: Ie(l, s, f),
+  Text: {
+    Url: be(y)
+  },
+  width: p,
+  height: G,
+  Debug: "Error"
+}), "buildTreeGridInitializationOptions"), xe = /* @__PURE__ */ o((e) => ge(e, "Data.Data.Data.Body.0"), "getTreeGridBodyData"), Ce = /* @__PURE__ */ o((e, n, s) => {
+  var l;
+  const f = (l = e.Data) == null ? void 0 : l.Data;
+  e.Data.Data = {
+    ...f,
+    Data: { Body: [n || []] },
+    Url: ""
+  }, e.ReloadBody(s);
+}, "replaceTreeGridBodyData"), _e = /* @__PURE__ */ o(({
+  id: e,
+  onSelect: n,
+  onRowClick: s,
+  onRowAdd: f,
+  onRowDelete: l,
+  onRowUndelete: p,
+  onRowChange: G,
+  onClickButton: y,
+  onSave: b,
+  onReady: m,
+  onAfterValueChanged: c,
+  treeGridInstanceRef: M,
+  latestLayoutOverridesRef: k,
+  appliedLayoutOverridesRef: q,
+  appliedBodyDataPropRef: A,
+  hasAppliedInitialLayoutRef: S,
+  setIsTreeGridReady: H
+}) => {
+  const I = c ?? G;
+  window.TGSetEvent("OnRowAdd", e, (t, r) => {
+    r.CanEdit = 1, r.CanDelete = 1, f == null || f(t, r);
+  }), typeof s == "function" && window.TGSetEvent(
+    "OnClick",
+    e,
+    $((t, r, u, T, a, P) => {
+      s(t, r, u, T, a, P);
+    }, 300)
+  ), typeof y == "function" && window.TGSetEvent(
+    "OnClickButton",
+    e,
+    $((t, r, u, T) => {
+      y(t, r, u, T);
+    }, 300)
+  ), typeof l == "function" && window.TGSetEvent("OnRowDelete", e, (t, r, u) => {
+    l(t, r, u);
+  }), typeof p == "function" && window.TGSetEvent("OnRowUndelete", e, (t, r) => {
+    p(t, r);
+  }), typeof I == "function" && window.TGSetEvent("OnAfterValueChanged", e, (t, r, u, T) => {
+    I(t, r, u, T);
+  }), typeof n == "function" && window.TGSetEvent(
+    "OnSelect",
+    e,
+    $((t) => {
+      const r = t.GetSelRows() ?? [];
+      n(r);
+    }, 100)
+  ), typeof b == "function" && window.TGSetEvent("OnSave", e, (t, r, u) => {
+    b(t, r, u);
+  }), window.TGSetEvent(
+    "OnReady",
+    e,
+    $((t) => {
+      if (!S.current) {
+        const r = k.current;
+        S.current = !0, ue(t, r), M.current = t, q.current = r, A.current = xe(t), H(!0), m == null || m(t);
+      }
+    }, 100)
+  );
+}, "bindTreeGridEvents"), Qe = /* @__PURE__ */ o(({
+  id: e = "treeGridWrapper",
+  containerStyle: n,
+  containerClassName: s,
+  className: f,
+  style: l,
+  height: p = "100%",
+  width: G = "100%",
+  layoutUrl: y,
+  dataUrl: b,
+  layoutOverrides: m,
+  data: c,
+  useDataUrl: M,
+  onSelect: k,
+  onRowClick: q,
+  onRowAdd: A,
+  onRowDelete: S,
+  onRowUndelete: H,
+  onRowChange: I,
+  onClickButton: t,
+  onSave: r,
+  onReady: u,
+  onAfterValueChanged: T,
+  showLoading: a = !0
+}) => {
+  const { t: P } = Te(), d = i(null), J = i(null), h = i(m), Y = i(c), L = i(void 0), x = i(void 0), ae = i(!1), E = i(0), D = i(null), R = i(void 0), O = i(void 0), [j, fe] = ie(!1), [le, g] = ie(!1), C = ve(), Z = i(C.id), de = a && c !== void 0 && j && x.current !== c, F = a && (le || de), U = !F && c !== void 0 && B(c);
+  h.current = m, Y.current = c;
+  const ee = ye({
+    visible: F || U,
+    containerRef: J,
+    treeGridInstanceRef: d
+  }), _ = /* @__PURE__ */ o(() => {
+    R.current !== void 0 && (window.clearTimeout(R.current), R.current = void 0);
+  }, "clearBindingLoadingHideTimeout"), z = /* @__PURE__ */ o(() => {
+    O.current !== void 0 && (window.clearTimeout(O.current), O.current = void 0);
+  }, "clearBodyReloadStartTimeout");
+  X(() => {
+    a || (z(), _(), D.current = null, g(!1));
+  }, [a]), X(() => {
+    var w;
+    if (C.id !== Z.current && !B(d.current) && ((w = d.current) == null || w.Dispose(), d.current = null, Z.current = C.id), !!B(d.current))
+      return _e({
+        id: e,
+        onSelect: k,
+        onRowClick: q,
+        onRowAdd: A,
+        onRowDelete: S,
+        onRowUndelete: H,
+        onRowChange: I,
+        onClickButton: t,
+        onSave: r,
+        onReady: u,
+        onAfterValueChanged: T,
+        treeGridInstanceRef: d,
+        latestLayoutOverridesRef: h,
+        appliedLayoutOverridesRef: L,
+        appliedBodyDataPropRef: x,
+        hasAppliedInitialLayoutRef: ae,
+        setIsTreeGridReady: fe
+      }), window.TreeGrid(
+        Le({
+          id: e,
+          layoutUrl: y,
+          dataUrl: b,
+          bodyData: c,
+          useDataUrl: M,
+          width: G,
+          height: p,
+          languageId: C.id
+        }),
+        e,
+        e
+      ), () => {
+        Ee(() => {
+          var v;
+          (v = d.current) == null || v.Dispose();
+        }, 200);
+      };
+  }, []), Ge(() => {
+    const w = d.current, v = h.current, N = Y.current;
+    if (B(w) || !j)
+      return;
+    const te = L.current !== v && !Re(L.current, v), Q = x.current !== N;
+    if (!(!te && !Q) && (te && (ue(w, v, Q), L.current = v), Q)) {
+      const V = E.current + 1, re = /* @__PURE__ */ o(() => {
+        O.current = void 0, Ce(w, N, () => {
+          if (E.current !== V)
+            return;
+          const ne = D.current;
+          if (!a || ne === null) {
+            D.current = null, g(!1);
+            return;
+          }
+          const oe = Math.max(
+            0,
+            Be - (Date.now() - ne)
+          );
+          if (_(), oe === 0) {
+            D.current = null, g(!1);
+            return;
+          }
+          R.current = window.setTimeout(() => {
+            E.current === V && (R.current = void 0, D.current = null, g(!1));
+          }, oe);
+        });
+      }, "runBodyReload");
+      E.current = V, a && N !== void 0 ? (z(), _(), D.current = Date.now(), g(!0), O.current = window.setTimeout(() => {
+        E.current === V && re();
+      }, 0)) : re(), x.current = N;
+    }
+  }, [j, m, c, a]), X(() => () => {
+    z(), _();
+  }, []);
+  const K = {
+    height: p,
+    width: G,
+    ...n
+  };
+  return (a || U) && (K.position = n != null && n.position && n.position !== "static" ? n.position : "relative", K.isolation = "isolate"), /* @__PURE__ */ me("div", { ref: J, className: s, style: K, children: [
+    /* @__PURE__ */ W("div", { id: e, className: f, style: Oe(l, ["height", "width"]) }),
+    /* @__PURE__ */ W(
+      we,
+      {
+        visible: U,
+        message: P("Message.조회된 결과가 없습니다."),
+        overlayFrame: ee
+      }
+    ),
+    /* @__PURE__ */ W(De, { visible: F, overlayFrame: ee })
+  ] });
+}, "OwpTreeGrid");
+export {
+  Qe as OwpTreeGrid
+};
+//# sourceMappingURL=OwpTreeGrid.js.map

package/dist/components/OwpTreeGrid/OwpTreeGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpTreeGrid.js","sources":["../../../src/components/OwpTreeGrid/OwpTreeGrid.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useGetCurrentLanguage } from '@/hooks/useCurrentLanguage';\nimport { debounce, delay, get, isEmpty, isEqual, omit } from 'es-toolkit/compat';\nimport {\n  type CSSProperties,\n  type Dispatch,\n  type RefObject,\n  type SetStateAction,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useOwpTreeGridOverlayFrame } from './hooks/useOwpTreeGridOverlayFrame';\nimport { OwpTreeGridLoadingOverlay } from './OwpTreeGridLoadingOverlay';\nimport { OwpTreeGridNoDataOverlay } from './OwpTreeGridNoDataOverlay';\nimport { applyTreeGridLayoutToGrid } from './utils';\n\ntype TreeGridLayoutScalarValue = string | number;\ntype TreeGridNestedLayoutFields = Record<string, TreeGridLayoutScalarValue>;\ntype TreeGridLayoutFields = Record<string, TreeGridLayoutScalarValue | TreeGridNestedLayoutFields>;\ntype TreeGridSectionFields = Record<string, TreeGridLayoutScalarValue>;\n\nconst TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS = 300;\n\nexport interface OwpTreeGridLayout {\n  Header?: TreeGridLayoutFields;\n  Toolbar?: TreeGridSectionFields;\n  Foot?: TreeGridSectionFields;\n}\n\nexport type OwpTreeGridLayoutConfig = OwpTreeGridLayout;\nexport type THeader = OwpTreeGridLayoutConfig;\nexport type OwpTreeGridBodyData<T> = Record<string, never> | [] | undefined | T[];\nexport type OwpTreeGridData<T> = OwpTreeGridBodyData<T>;\nexport type TData<T> = OwpTreeGridBodyData<T>;\nexport type OwpTreeGridRowModel<T> = TRow & T;\nexport type OwpTreeGridSelectedRows<T> = OwpTreeGridRowModel<T>[];\n\ntype OwpTreeGridSelectHandler<T> = (selectedRows: OwpTreeGridSelectedRows<T>) => void;\ntype OwpTreeGridRowAddHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridRowDeleteHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  deleteType: number,\n) => void;\ntype OwpTreeGridRowUndeleteHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridButtonClickHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  col: string,\n  event: Event,\n) => void;\ntype OwpTreeGridRowClickHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  col: string,\n  x: number,\n  y: number,\n  event: Event,\n) => void;\ntype OwpTreeGridSaveHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  autoupdate: boolean | number,\n) => void;\ntype OwpTreeGridCellValue = unknown;\ntype OwpTreeGridAfterValueChangedHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  col: string,\n  value: OwpTreeGridCellValue,\n) => void;\n\nexport interface OwpTreeGridProps<T> {\n  id: string;\n  className?: string;\n  containerStyle?: CSSProperties;\n  containerClassName?: string;\n  layoutUrl?: string;\n  dataUrl?: string;\n  layoutOverrides?: OwpTreeGridLayoutConfig;\n  data?: OwpTreeGridBodyData<T>;\n  style?: CSSProperties;\n  height?: string | number;\n  width?: string | number;\n  useDataUrl?: boolean;\n  onSelect?: OwpTreeGridSelectHandler<T>;\n  onRowAdd?: OwpTreeGridRowAddHandler<T>;\n  onRowDelete?: OwpTreeGridRowDeleteHandler<T>;\n  onRowUndelete?: OwpTreeGridRowUndeleteHandler<T>;\n  onRowChange?: OwpTreeGridAfterValueChangedHandler<T>;\n  onClickButton?: OwpTreeGridButtonClickHandler<T>;\n  onReady?: (grid: TGrid) => void;\n  onRowClick?: OwpTreeGridRowClickHandler<T>;\n  onSave?: OwpTreeGridSaveHandler<T>;\n  onAfterValueChanged?: OwpTreeGridAfterValueChangedHandler<T>;\n  showLoading?: boolean;\n}\n\ntype TreeGridEventBindingOptions<T> = Pick<\n  OwpTreeGridProps<T>,\n  | 'id'\n  | 'onSelect'\n  | 'onRowClick'\n  | 'onRowAdd'\n  | 'onRowDelete'\n  | 'onRowUndelete'\n  | 'onRowChange'\n  | 'onClickButton'\n  | 'onSave'\n  | 'onReady'\n  | 'onAfterValueChanged'\n> & {\n  treeGridInstanceRef: RefObject<TGrid>;\n  latestLayoutOverridesRef: RefObject<OwpTreeGridLayoutConfig | undefined>;\n  appliedLayoutOverridesRef: RefObject<OwpTreeGridLayoutConfig | undefined>;\n  appliedBodyDataPropRef: RefObject<OwpTreeGridBodyData<T>>;\n  hasAppliedInitialLayoutRef: RefObject<boolean>;\n  setIsTreeGridReady: Dispatch<SetStateAction<boolean>>;\n};\n\ntype TreeGridInitializationInput<T> = {\n  id: string;\n  layoutUrl?: string;\n  dataUrl?: string;\n  bodyData: OwpTreeGridBodyData<T>;\n  useDataUrl?: boolean;\n  width?: string | number;\n  height?: string | number;\n  languageId: string;\n};\n\nconst TREE_GRID_TEXT_RESOURCE_URLS = {\n  en: '/assets/vendors/Grid/TextEN.xml',\n  kr: '/assets/vendors/Grid/TextKR.xml',\n} as const;\n\nconst appendNoCacheQuery = (url: string) => {\n  return `${url}?noCache=${Date.now()}`;\n};\n\nconst getTreeGridTextResourceUrl = (languageId: string) => {\n  return languageId === 'kr' ? TREE_GRID_TEXT_RESOURCE_URLS.kr : TREE_GRID_TEXT_RESOURCE_URLS.en;\n};\n\nconst resolveTreeGridDataUrl = (dataUrl?: string) => {\n  return dataUrl?.includes('assets')\n    ? appendNoCacheQuery(dataUrl)\n    : // @ts-expect-error - API base URL env is provided by host app\n      `${import.meta.env.VITE_API_BASE_URL}/${dataUrl}?noCache=${Date.now()}`;\n};\n\nconst buildTreeGridDataSource = <T,>(\n  useDataUrl: boolean | undefined,\n  dataUrl: string | undefined,\n  bodyData: OwpTreeGridBodyData<T>,\n) => {\n  if (useDataUrl) {\n    return { Url: resolveTreeGridDataUrl(dataUrl) };\n  }\n\n  return { Data: { Body: [isEmpty(bodyData) ? [] : bodyData] } };\n};\n\nconst buildTreeGridInitializationOptions = <T,>({\n  id,\n  layoutUrl,\n  dataUrl,\n  bodyData,\n  useDataUrl,\n  width,\n  height,\n  languageId,\n}: TreeGridInitializationInput<T>) => {\n  return {\n    id,\n    Layout: { Url: appendNoCacheQuery(layoutUrl ?? '') },\n    Data: buildTreeGridDataSource(useDataUrl, dataUrl, bodyData),\n    Text: {\n      Url: getTreeGridTextResourceUrl(languageId),\n    },\n    width,\n    height,\n    Debug: 'Error',\n  };\n};\n\nconst getTreeGridBodyData = (grid: TGrid | null) => {\n  return get(grid, 'Data.Data.Data.Body.0');\n};\n\nconst replaceTreeGridBodyData = <T,>(\n  grid: TGrid,\n  bodyData: OwpTreeGridBodyData<T>,\n  onReloadFinish?: (code: number) => void,\n) => {\n  // @ts-expect-error - TreeGrid Data.Data shape is not reflected in bundled types\n  const currentDataConfig = grid.Data?.Data;\n\n  // @ts-expect-error - TreeGrid Data.Data shape is not reflected in bundled types\n  grid.Data.Data = {\n    ...currentDataConfig,\n    Data: { Body: [bodyData || []] },\n    Url: '',\n  };\n\n  grid.ReloadBody(onReloadFinish);\n};\n\nconst bindTreeGridEvents = <T,>({\n  id,\n  onSelect,\n  onRowClick,\n  onRowAdd,\n  onRowDelete,\n  onRowUndelete,\n  onRowChange,\n  onClickButton,\n  onSave,\n  onReady,\n  onAfterValueChanged,\n  treeGridInstanceRef,\n  latestLayoutOverridesRef,\n  appliedLayoutOverridesRef,\n  appliedBodyDataPropRef,\n  hasAppliedInitialLayoutRef,\n  setIsTreeGridReady,\n}: TreeGridEventBindingOptions<T>) => {\n  const valueChangedHandler = onAfterValueChanged ?? onRowChange;\n\n  window.TGSetEvent('OnRowAdd', id, (grid, row) => {\n    row.CanEdit = 1;\n    row.CanDelete = 1;\n\n    onRowAdd?.(grid, row as OwpTreeGridRowModel<T>);\n  });\n\n  if (typeof onRowClick === 'function') {\n    window.TGSetEvent(\n      'OnClick',\n      id,\n      debounce((grid, row, col, x, y, event) => {\n        onRowClick(grid, row as OwpTreeGridRowModel<T>, col, x, y, event);\n      }, 300),\n    );\n  }\n\n  if (typeof onClickButton === 'function') {\n    window.TGSetEvent(\n      'OnClickButton',\n      id,\n      debounce((grid, row, col, event) => {\n        onClickButton(grid, row as OwpTreeGridRowModel<T>, col, event);\n      }, 300),\n    );\n  }\n\n  if (typeof onRowDelete === 'function') {\n    window.TGSetEvent('OnRowDelete', id, (grid, row, deleteType) => {\n      onRowDelete(grid, row as OwpTreeGridRowModel<T>, deleteType);\n    });\n  }\n  if (typeof onRowUndelete === 'function') {\n    window.TGSetEvent('OnRowUndelete', id, (grid, row) => {\n      onRowUndelete(grid, row as OwpTreeGridRowModel<T>);\n    });\n  }\n  if (typeof valueChangedHandler === 'function') {\n    window.TGSetEvent('OnAfterValueChanged', id, (grid, row, col, value) => {\n      valueChangedHandler(grid, row as OwpTreeGridRowModel<T>, col, value);\n    });\n  }\n  if (typeof onSelect === 'function') {\n    window.TGSetEvent(\n      'OnSelect',\n      id,\n      debounce((grid) => {\n        const selectedRows = (grid.GetSelRows() ?? []) as OwpTreeGridSelectedRows<T>;\n        onSelect(selectedRows);\n      }, 100),\n    );\n  }\n  if (typeof onSave === 'function') {\n    window.TGSetEvent('OnSave', id, (grid, row, autoupdate) => {\n      onSave(grid, row as OwpTreeGridRowModel<T>, autoupdate);\n    });\n  }\n\n  window.TGSetEvent(\n    'OnReady',\n    id,\n    debounce((grid) => {\n      if (!hasAppliedInitialLayoutRef.current) {\n        const latestLayoutOverrides = latestLayoutOverridesRef.current;\n\n        hasAppliedInitialLayoutRef.current = true;\n        applyTreeGridLayoutToGrid(grid, latestLayoutOverrides);\n        treeGridInstanceRef.current = grid;\n        appliedLayoutOverridesRef.current = latestLayoutOverrides;\n        appliedBodyDataPropRef.current = getTreeGridBodyData(grid) as OwpTreeGridBodyData<T>;\n        setIsTreeGridReady(true);\n        onReady?.(grid);\n      }\n    }, 100),\n  );\n};\n\n/**\n * OwpTreeGrid 컴포넌트\n * @param id 식별자\n * @param containerStyle containerStyle 값\n * @param containerClassName containerClassName 값\n * @param className CSS 클래스명\n * @param style 스타일 객체\n * @param height height 값\n */\nconst OwpTreeGrid = <T,>({\n  id = 'treeGridWrapper',\n  containerStyle,\n  containerClassName,\n  className,\n  style,\n  height = '100%',\n  width = '100%',\n  layoutUrl,\n  dataUrl,\n  layoutOverrides,\n  data,\n  useDataUrl,\n  onSelect,\n  onRowClick,\n  onRowAdd,\n  onRowDelete,\n  onRowUndelete,\n  onRowChange,\n  onClickButton,\n  onSave,\n  onReady,\n  onAfterValueChanged,\n  showLoading = true,\n}: OwpTreeGridProps<T>) => {\n  const { t } = useOwpTranslation();\n  const treeGridInstanceRef = useRef<TGrid>(null);\n  const treeGridContainerRef = useRef<HTMLDivElement | null>(null);\n  const latestLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(layoutOverrides);\n  const latestBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(data);\n  const appliedLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(undefined);\n  const appliedBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(undefined);\n  const hasAppliedInitialLayoutRef = useRef(false);\n  const bodyReloadSequenceRef = useRef(0);\n  const bindingLoadingStartedAtRef = useRef<number | null>(null);\n  const bindingLoadingHideTimeoutRef = useRef<number | undefined>(undefined);\n  const bodyReloadStartTimeoutRef = useRef<number | undefined>(undefined);\n  const [isTreeGridReady, setIsTreeGridReady] = useState(false);\n  const [isBindingLoadingVisible, setIsBindingLoadingVisible] = useState(false);\n  const currentLanguage = useGetCurrentLanguage();\n  const currentLanguageIdRef = useRef(currentLanguage.id);\n  const isPendingBodyReload =\n    showLoading &&\n    data !== undefined &&\n    isTreeGridReady &&\n    appliedBodyDataPropRef.current !== data;\n  const isLoadingOverlayVisible = showLoading && (isBindingLoadingVisible || isPendingBodyReload);\n  const isNoDataVisible = !isLoadingOverlayVisible && data !== undefined && isEmpty(data);\n\n  latestLayoutOverridesRef.current = layoutOverrides;\n  latestBodyDataPropRef.current = data;\n\n  const overlayFrame = useOwpTreeGridOverlayFrame({\n    visible: isLoadingOverlayVisible || isNoDataVisible,\n    containerRef: treeGridContainerRef,\n    treeGridInstanceRef,\n  });\n\n  const clearBindingLoadingHideTimeout = () => {\n    if (bindingLoadingHideTimeoutRef.current !== undefined) {\n      window.clearTimeout(bindingLoadingHideTimeoutRef.current);\n      bindingLoadingHideTimeoutRef.current = undefined;\n    }\n  };\n\n  const clearBodyReloadStartTimeout = () => {\n    if (bodyReloadStartTimeoutRef.current !== undefined) {\n      window.clearTimeout(bodyReloadStartTimeoutRef.current);\n      bodyReloadStartTimeoutRef.current = undefined;\n    }\n  };\n\n  useEffect(() => {\n    if (!showLoading) {\n      clearBodyReloadStartTimeout();\n      clearBindingLoadingHideTimeout();\n      bindingLoadingStartedAtRef.current = null;\n      setIsBindingLoadingVisible(false);\n    }\n  }, [showLoading]);\n\n  useEffect(() => {\n    if (\n      currentLanguage.id !== currentLanguageIdRef.current &&\n      !isEmpty(treeGridInstanceRef.current)\n    ) {\n      treeGridInstanceRef.current?.Dispose();\n      treeGridInstanceRef.current = null;\n      currentLanguageIdRef.current = currentLanguage.id;\n    }\n\n    if (!isEmpty(treeGridInstanceRef.current)) {\n      return;\n    }\n\n    bindTreeGridEvents({\n      id,\n      onSelect,\n      onRowClick,\n      onRowAdd,\n      onRowDelete,\n      onRowUndelete,\n      onRowChange,\n      onClickButton,\n      onSave,\n      onReady,\n      onAfterValueChanged,\n      treeGridInstanceRef,\n      latestLayoutOverridesRef,\n      appliedLayoutOverridesRef,\n      appliedBodyDataPropRef,\n      hasAppliedInitialLayoutRef,\n      setIsTreeGridReady,\n    });\n\n    window.TreeGrid(\n      buildTreeGridInitializationOptions({\n        id,\n        layoutUrl,\n        dataUrl,\n        bodyData: data,\n        useDataUrl,\n        width,\n        height,\n        languageId: currentLanguage.id,\n      }),\n      id,\n      id,\n    );\n\n    return () => {\n      delay(() => {\n        treeGridInstanceRef.current?.Dispose();\n      }, 200);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useLayoutEffect(() => {\n    const treeGrid = treeGridInstanceRef.current;\n    const nextLayoutOverrides = latestLayoutOverridesRef.current;\n    const nextBodyData = latestBodyDataPropRef.current;\n\n    if (isEmpty(treeGrid) || !isTreeGridReady) {\n      return;\n    }\n\n    const shouldApplyLayoutOverrides =\n      appliedLayoutOverridesRef.current !== nextLayoutOverrides &&\n      !isEqual(appliedLayoutOverridesRef.current, nextLayoutOverrides);\n    const shouldApplyBodyData = appliedBodyDataPropRef.current !== nextBodyData;\n\n    if (!shouldApplyLayoutOverrides && !shouldApplyBodyData) {\n      return;\n    }\n\n    if (shouldApplyLayoutOverrides) {\n      applyTreeGridLayoutToGrid(treeGrid, nextLayoutOverrides, shouldApplyBodyData);\n      appliedLayoutOverridesRef.current = nextLayoutOverrides;\n    }\n\n    if (shouldApplyBodyData) {\n      const reloadSequence = bodyReloadSequenceRef.current + 1;\n      const runBodyReload = () => {\n        bodyReloadStartTimeoutRef.current = undefined;\n        replaceTreeGridBodyData(treeGrid, nextBodyData, () => {\n          if (bodyReloadSequenceRef.current !== reloadSequence) {\n            return;\n          }\n\n          const startedAt = bindingLoadingStartedAtRef.current;\n\n          if (!showLoading || startedAt === null) {\n            bindingLoadingStartedAtRef.current = null;\n            setIsBindingLoadingVisible(false);\n            return;\n          }\n\n          const remainingVisibleTime = Math.max(\n            0,\n            TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS - (Date.now() - startedAt),\n          );\n\n          clearBindingLoadingHideTimeout();\n\n          if (remainingVisibleTime === 0) {\n            bindingLoadingStartedAtRef.current = null;\n            setIsBindingLoadingVisible(false);\n            return;\n          }\n\n          bindingLoadingHideTimeoutRef.current = window.setTimeout(() => {\n            if (bodyReloadSequenceRef.current !== reloadSequence) {\n              return;\n            }\n\n            bindingLoadingHideTimeoutRef.current = undefined;\n            bindingLoadingStartedAtRef.current = null;\n            setIsBindingLoadingVisible(false);\n          }, remainingVisibleTime);\n        });\n      };\n\n      bodyReloadSequenceRef.current = reloadSequence;\n\n      if (showLoading && nextBodyData !== undefined) {\n        clearBodyReloadStartTimeout();\n        clearBindingLoadingHideTimeout();\n        bindingLoadingStartedAtRef.current = Date.now();\n        setIsBindingLoadingVisible(true);\n        bodyReloadStartTimeoutRef.current = window.setTimeout(() => {\n          if (bodyReloadSequenceRef.current !== reloadSequence) {\n            return;\n          }\n\n          runBodyReload();\n        }, 0);\n      } else {\n        runBodyReload();\n      }\n\n      appliedBodyDataPropRef.current = nextBodyData;\n    }\n  }, [isTreeGridReady, layoutOverrides, data, showLoading]);\n\n  useEffect(() => {\n    return () => {\n      clearBodyReloadStartTimeout();\n      clearBindingLoadingHideTimeout();\n    };\n  }, []);\n\n  const resolvedContainerStyle: CSSProperties = {\n    height,\n    width,\n    ...containerStyle,\n  };\n\n  if (showLoading || isNoDataVisible) {\n    resolvedContainerStyle.position =\n      containerStyle?.position && containerStyle.position !== 'static'\n        ? containerStyle.position\n        : 'relative';\n    resolvedContainerStyle.isolation = 'isolate';\n  }\n\n  return (\n    <div ref={treeGridContainerRef} className={containerClassName} style={resolvedContainerStyle}>\n      <div id={id} className={className} style={omit(style, ['height', 'width'])} />\n      <OwpTreeGridNoDataOverlay\n        visible={isNoDataVisible}\n        message={t('Message.조회된 결과가 없습니다.')}\n        overlayFrame={overlayFrame}\n      />\n      <OwpTreeGridLoadingOverlay visible={isLoadingOverlayVisible} overlayFrame={overlayFrame} />\n    </div>\n  );\n};\n\nexport { OwpTreeGrid };\n"],"names":["TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS","TREE_GRID_TEXT_RESOURCE_URLS","appendNoCacheQuery","__name","url","getTreeGridTextResourceUrl","languageId","resolveTreeGridDataUrl","dataUrl","buildTreeGridDataSource","useDataUrl","bodyData","isEmpty","buildTreeGridInitializationOptions","id","layoutUrl","width","height","getTreeGridBodyData","grid","get","replaceTreeGridBodyData","onReloadFinish","currentDataConfig","_a","bindTreeGridEvents","onSelect","onRowClick","onRowAdd","onRowDelete","onRowUndelete","onRowChange","onClickButton","onSave","onReady","onAfterValueChanged","treeGridInstanceRef","latestLayoutOverridesRef","appliedLayoutOverridesRef","appliedBodyDataPropRef","hasAppliedInitialLayoutRef","setIsTreeGridReady","valueChangedHandler","row","debounce","col","x","y","event","deleteType","value","selectedRows","autoupdate","latestLayoutOverrides","applyTreeGridLayoutToGrid","OwpTreeGrid","containerStyle","containerClassName","className","style","layoutOverrides","data","showLoading","t","useOwpTranslation","useRef","treeGridContainerRef","latestBodyDataPropRef","bodyReloadSequenceRef","bindingLoadingStartedAtRef","bindingLoadingHideTimeoutRef","bodyReloadStartTimeoutRef","isTreeGridReady","useState","isBindingLoadingVisible","setIsBindingLoadingVisible","currentLanguage","useGetCurrentLanguage","currentLanguageIdRef","isPendingBodyReload","isLoadingOverlayVisible","isNoDataVisible","overlayFrame","useOwpTreeGridOverlayFrame","clearBindingLoadingHideTimeout","clearBodyReloadStartTimeout","useEffect","delay","useLayoutEffect","treeGrid","nextLayoutOverrides","nextBodyData","shouldApplyLayoutOverrides","isEqual","shouldApplyBodyData","reloadSequence","runBodyReload","startedAt","remainingVisibleTime","resolvedContainerStyle","jsx","omit","OwpTreeGridNoDataOverlay","OwpTreeGridLoadingOverlay"],"mappings":"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"}

package/dist/components/OwpTreeGrid/OwpTreeGridLoadingOverlay.js

@@ -0,0 +1,28 @@
+var r = Object.defineProperty;
+var i = (e, t) => r(e, "name", { value: t, configurable: !0 });
+import { jsx as n } 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 o from "@mui/material/CircularProgress";
+import { TREE_GRID_LOADING_OVERLAY_Z_INDEX as s } from "./hooks/useOwpTreeGridOverlayFrame.js";
+const c = /* @__PURE__ */ i(({ visible: e, overlayFrame: t }) => e ? /* @__PURE__ */ n(
+  "div",
+  {
+    "aria-hidden": "true",
+    style: {
+      position: "absolute",
+      left: t.left,
+      top: t.top,
+      width: t.width,
+      height: t.height,
+      zIndex: s,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      pointerEvents: "none"
+    },
+    children: /* @__PURE__ */ n(o, { color: "secondary", size: 44, thickness: 3.6 })
+  }
+) : null, "OwpTreeGridLoadingOverlay");
+export {
+  c as OwpTreeGridLoadingOverlay
+};
+//# sourceMappingURL=OwpTreeGridLoadingOverlay.js.map

package/dist/components/OwpTreeGrid/OwpTreeGridLoadingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpTreeGridLoadingOverlay.js","sources":["../../../src/components/OwpTreeGrid/OwpTreeGridLoadingOverlay.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress';\nimport {\n  type OwpTreeGridOverlayFrame,\n  TREE_GRID_LOADING_OVERLAY_Z_INDEX,\n} from './hooks/useOwpTreeGridOverlayFrame';\n\ntype OwpTreeGridLoadingOverlayProps = {\n  visible: boolean;\n  overlayFrame: OwpTreeGridOverlayFrame;\n};\n\n/**\n * TreeGrid loading overlay\n */\nconst OwpTreeGridLoadingOverlay = ({ visible, overlayFrame }: OwpTreeGridLoadingOverlayProps) => {\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{\n        position: 'absolute',\n        left: overlayFrame.left,\n        top: overlayFrame.top,\n        width: overlayFrame.width,\n        height: overlayFrame.height,\n        zIndex: TREE_GRID_LOADING_OVERLAY_Z_INDEX,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'none',\n      }}\n    >\n      <CircularProgress color=\"secondary\" size={44} thickness={3.6} />\n    </div>\n  );\n};\n\nexport { OwpTreeGridLoadingOverlay };\n"],"names":["OwpTreeGridLoadingOverlay","__name","visible","overlayFrame","jsx","TREE_GRID_LOADING_OVERLAY_Z_INDEX","CircularProgress"],"mappings":";;;;;AAcA,MAAMA,IAA4B,gBAAAC,EAAA,CAAC,EAAE,SAAAC,GAAS,cAAAC,QACvCD,IAKH,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,OAAO;AAAA,MACL,UAAU;AAAA,MACV,MAAMD,EAAa;AAAA,MACnB,KAAKA,EAAa;AAAA,MAClB,OAAOA,EAAa;AAAA,MACpB,QAAQA,EAAa;AAAA,MACrB,QAAQE;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,eAAe;AAAA,IAAA;AAAA,IAGjB,4BAACC,GAAA,EAAiB,OAAM,aAAY,MAAM,IAAI,WAAW,IAAA,CAAK;AAAA,EAAA;AAAA,IAnBzD,MAFuB;"}

package/dist/components/OwpTreeGrid/OwpTreeGridNoDataOverlay.js

@@ -0,0 +1,45 @@
+var r = Object.defineProperty;
+var n = (e, i) => r(e, "name", { value: i, configurable: !0 });
+import { jsx as o } 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 p from "@mui/material/Typography";
+import { TREE_GRID_NO_DATA_OVERLAY_Z_INDEX as s } from "./hooks/useOwpTreeGridOverlayFrame.js";
+const c = /* @__PURE__ */ n(({
+  visible: e,
+  message: i,
+  overlayFrame: t
+}) => e ? /* @__PURE__ */ o(
+  "div",
+  {
+    "aria-hidden": "true",
+    style: {
+      position: "absolute",
+      left: t.left,
+      top: t.top,
+      width: t.width,
+      height: t.height,
+      zIndex: s,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      pointerEvents: "none"
+    },
+    children: /* @__PURE__ */ o(
+      p,
+      {
+        color: "text.secondary",
+        sx: {
+          fontFamily: "RobotoLight, sans-serif",
+          fontSize: "14px",
+          fontWeight: 700,
+          lineHeight: "16px",
+          letterSpacing: "0.04em"
+        },
+        children: i
+      }
+    )
+  }
+) : null, "OwpTreeGridNoDataOverlay");
+export {
+  c as OwpTreeGridNoDataOverlay
+};
+//# sourceMappingURL=OwpTreeGridNoDataOverlay.js.map

package/dist/components/OwpTreeGrid/OwpTreeGridNoDataOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpTreeGridNoDataOverlay.js","sources":["../../../src/components/OwpTreeGrid/OwpTreeGridNoDataOverlay.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport {\n  type OwpTreeGridOverlayFrame,\n  TREE_GRID_NO_DATA_OVERLAY_Z_INDEX,\n} from './hooks/useOwpTreeGridOverlayFrame';\n\ntype OwpTreeGridNoDataOverlayProps = {\n  visible: boolean;\n  message: string;\n  overlayFrame: OwpTreeGridOverlayFrame;\n};\n\n/**\n * TreeGrid no-data overlay\n * @param visible overlay visibility\n * @param message no-data message\n * @param overlayFrame overlay frame\n */\nconst OwpTreeGridNoDataOverlay = ({\n  visible,\n  message,\n  overlayFrame,\n}: OwpTreeGridNoDataOverlayProps) => {\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{\n        position: 'absolute',\n        left: overlayFrame.left,\n        top: overlayFrame.top,\n        width: overlayFrame.width,\n        height: overlayFrame.height,\n        zIndex: TREE_GRID_NO_DATA_OVERLAY_Z_INDEX,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        pointerEvents: 'none',\n      }}\n    >\n      <Typography\n        color=\"text.secondary\"\n        sx={{\n          fontFamily: 'RobotoLight, sans-serif',\n          fontSize: '14px',\n          fontWeight: 700,\n          lineHeight: '16px',\n          letterSpacing: '0.04em',\n        }}\n      >\n        {message}\n      </Typography>\n    </div>\n  );\n};\n\nexport { OwpTreeGridNoDataOverlay };\n"],"names":["OwpTreeGridNoDataOverlay","__name","visible","message","overlayFrame","jsx","TREE_GRID_NO_DATA_OVERLAY_Z_INDEX","Typography"],"mappings":";;;;;AAkBA,MAAMA,IAA2B,gBAAAC,EAAA,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AACF,MACOF,IAKH,gBAAAG;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,OAAO;AAAA,MACL,UAAU;AAAA,MACV,MAAMD,EAAa;AAAA,MACnB,KAAKA,EAAa;AAAA,MAClB,OAAOA,EAAa;AAAA,MACpB,QAAQA,EAAa;AAAA,MACrB,QAAQE;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,eAAe;AAAA,IAAA;AAAA,IAGjB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,eAAe;AAAA,QAAA;AAAA,QAGhB,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAAA,IA9BK,MANsB;"}

package/dist/components/OwpTreeGrid/OwpTreeGridToolbar.js

@@ -0,0 +1,57 @@
+var s = Object.defineProperty;
+var o = (a, c) => s(a, "name", { value: c, configurable: !0 });
+import { jsx as i, Fragment as C } 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 { setTreeGridColumnVisibilityById as d } from "../../utils/treeGridUtil.js";
+import { FormGroup as k, FormControlLabel as x, Checkbox as y } from "@mui/material";
+import { clsx as p } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useState as V, useLayoutEffect as E } from "react";
+import { isArray as f } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+import { uniqueId as F } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/uniqueId.js";
+import { isEmpty as G } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+const B = /* @__PURE__ */ o(({
+  gridId: a,
+  canVisibleHeaderFilter: c,
+  options: r,
+  className: n,
+  ...u
+}) => {
+  const [l, h] = V({}), b = F(a);
+  E(() => {
+    f(r == null ? void 0 : r.header) && h(r.header.reduce((t, e) => ({ ...t, [e.name]: !0 }), {}));
+  }, []);
+  const g = /* @__PURE__ */ o((t) => (e) => {
+    d(a, {
+      targetKey: e.target.name,
+      canVisible: e.target.checked
+    }), !G(t) && f(t) && t.forEach(
+      (m) => d(a, {
+        targetKey: m,
+        canVisible: e.target.checked
+      })
+    ), h((m) => ({
+      ...m,
+      [e.target.name]: e.target.checked
+    }));
+  }, "handleChangeVisibleCell");
+  return /* @__PURE__ */ i(C, { children: c && /* @__PURE__ */ i(k, { "aria-label": "position", row: !0, className: p("mx-12", n), ...u, children: ((r == null ? void 0 : r.header) ?? []).map(({ label: t, name: e, relatedKeys: m }) => /* @__PURE__ */ i(
+    x,
+    {
+      control: /* @__PURE__ */ i(
+        y,
+        {
+          name: e,
+          size: "medium",
+          checked: l == null ? void 0 : l[e],
+          onChange: g(m)
+        }
+      ),
+      label: t,
+      labelPlacement: "end"
+    },
+    `treegrid-setting-visible-cell-${b}-${e}`
+  )) }) });
+}, "OwpTreeGridToolbar");
+export {
+  B as OwpTreeGridToolbar
+};
+//# sourceMappingURL=OwpTreeGridToolbar.js.map

package/dist/components/OwpTreeGrid/OwpTreeGridToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpTreeGridToolbar.js","sources":["../../../src/components/OwpTreeGrid/OwpTreeGridToolbar.tsx"],"sourcesContent":["import { setTreeGridColumnVisibilityById } from '@/utils/treeGridUtil';\nimport { Checkbox, FormControlLabel, FormGroup, FormGroupProps } from '@mui/material';\nimport clsx from 'clsx';\nimport { isArray, isEmpty, uniqueId } from 'es-toolkit/compat';\nimport { ChangeEvent, useLayoutEffect, useState } from 'react';\n\ninterface OwpTreeGridToolbarProps {\n  gridId: string;\n  canVisibleHeaderFilter?: boolean;\n  options?: {\n    header?: Array<{ label: string; name: string; relatedKeys?: string[] }>;\n  };\n}\n\n/**\n * OwpTreeGridToolbar 컴포넌트\n * @param gridId TreeGrid 인스턴스 ID\n * @param canVisibleHeaderFilter canVisibleHeaderFilter 값\n * @param options options 값\n */\nconst OwpTreeGridToolbar = ({\n  gridId,\n  canVisibleHeaderFilter,\n  options,\n  className,\n  ...formGroupProps\n}: OwpTreeGridToolbarProps & FormGroupProps) => {\n  const [selectedData, setSeletedData] = useState<{ [key: string]: boolean }>({});\n  const _id = uniqueId(gridId);\n\n  useLayoutEffect(() => {\n    if (isArray(options?.header)) {\n      setSeletedData(options.header.reduce((acc, item) => ({ ...acc, [item.name]: true }), {}));\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChangeVisibleCell =\n    (relatedKeys?: string[]) => (evt: ChangeEvent<HTMLInputElement>) => {\n      setTreeGridColumnVisibilityById(gridId, {\n        targetKey: evt.target.name,\n        canVisible: evt.target.checked,\n      });\n\n      if (!isEmpty(relatedKeys) && isArray(relatedKeys)) {\n        relatedKeys.forEach((key) =>\n          setTreeGridColumnVisibilityById(gridId, {\n            targetKey: key,\n            canVisible: evt.target.checked,\n          }),\n        );\n      }\n\n      setSeletedData((prev) => ({\n        ...prev,\n        [evt.target.name]: evt.target.checked,\n      }));\n    };\n\n  return (\n    <>\n      {canVisibleHeaderFilter && (\n        <FormGroup aria-label=\"position\" row className={clsx('mx-12', className)} {...formGroupProps}>\n          {(options?.header ?? []).map(({ label, name, relatedKeys }) => (\n            <FormControlLabel\n              key={`treegrid-setting-visible-cell-${_id}-${name}`}\n              control={\n                <Checkbox\n                  name={name}\n                  size=\"medium\"\n                  checked={selectedData?.[name]}\n                  onChange={handleChangeVisibleCell(relatedKeys)}\n                />\n              }\n              label={label}\n              labelPlacement=\"end\"\n            />\n          ))}\n        </FormGroup>\n      )}\n    </>\n  );\n};\n\nexport { OwpTreeGridToolbar };\n"],"names":["OwpTreeGridToolbar","__name","gridId","canVisibleHeaderFilter","options","className","formGroupProps","selectedData","setSeletedData","useState","_id","uniqueId","useLayoutEffect","isArray","acc","item","handleChangeVisibleCell","relatedKeys","evt","setTreeGridColumnVisibilityById","isEmpty","key","prev","jsx","Fragment","FormGroup","clsx","label","name","FormControlLabel","Checkbox"],"mappings":";;;;;;;;;;AAoBA,MAAMA,IAAqB,gBAAAC,EAAA,CAAC;AAAA,EAC1B,QAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAgD;AAC9C,QAAM,CAACC,GAAcC,CAAc,IAAIC,EAAqC,CAAA,CAAE,GACxEC,IAAMC,EAAST,CAAM;AAE3B,EAAAU,EAAgB,MAAM;AACpB,IAAIC,EAAQT,KAAA,gBAAAA,EAAS,MAAM,KACzBI,EAAeJ,EAAQ,OAAO,OAAO,CAACU,GAAKC,OAAU,EAAE,GAAGD,GAAK,CAACC,EAAK,IAAI,GAAG,OAAS,CAAA,CAAE,CAAC;AAAA,EAI5F,GAAG,CAAA,CAAE;AAEL,QAAMC,IACJ,gBAAAf,EAAA,CAACgB,MAA2B,CAACC,MAAuC;AAClE,IAAAC,EAAgCjB,GAAQ;AAAA,MACtC,WAAWgB,EAAI,OAAO;AAAA,MACtB,YAAYA,EAAI,OAAO;AAAA,IAAA,CACxB,GAEG,CAACE,EAAQH,CAAW,KAAKJ,EAAQI,CAAW,KAC9CA,EAAY;AAAA,MAAQ,CAACI,MACnBF,EAAgCjB,GAAQ;AAAA,QACtC,WAAWmB;AAAA,QACX,YAAYH,EAAI,OAAO;AAAA,MAAA,CACxB;AAAA,IAAA,GAILV,EAAe,CAACc,OAAU;AAAA,MACxB,GAAGA;AAAA,MACH,CAACJ,EAAI,OAAO,IAAI,GAAGA,EAAI,OAAO;AAAA,IAAA,EAC9B;AAAA,EACJ,GAnBA;AAqBF,SACE,gBAAAK,EAAAC,GAAA,EACG,UAAArB,KACC,gBAAAoB,EAACE,GAAA,EAAU,cAAW,YAAW,KAAG,IAAC,WAAWC,EAAK,SAASrB,CAAS,GAAI,GAAGC,GAC1E,YAAAF,KAAA,gBAAAA,EAAS,WAAU,IAAI,IAAI,CAAC,EAAE,OAAAuB,GAAO,MAAAC,GAAM,aAAAX,EAAA,MAC3C,gBAAAM;AAAA,IAACM;AAAA,IAAA;AAAA,MAEC,SACE,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAAF;AAAA,UACA,MAAK;AAAA,UACL,SAASrB,KAAA,gBAAAA,EAAeqB;AAAA,UACxB,UAAUZ,EAAwBC,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGjD,OAAAU;AAAA,MACA,gBAAe;AAAA,IAAA;AAAA,IAVV,iCAAiCjB,CAAG,IAAIkB,CAAI;AAAA,EAAA,CAYpD,GACH,EAAA,CAEJ;AAEJ,GA/D2B;"}

package/dist/components/OwpTreeGrid/TreeGrid.js

@@ -0,0 +1,43 @@
+var d = Object.defineProperty;
+var c = (r, e) => d(r, "name", { value: e, configurable: !0 });
+import { jsx as p } 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 { useRef as a, useLayoutEffect as m, useEffect as v } from "react";
+import { isEqual as D } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+const G = /* @__PURE__ */ c((r, e) => window.TreeGrid(
+  {
+    id: r,
+    Layout: {},
+    Data: { Data: e },
+    Debug: "Error"
+  },
+  r,
+  r
+), "createTreeGridInstance"), R = /* @__PURE__ */ c((r, e, u) => {
+  r.Reload(
+    {
+      Layout: {
+        Data: u,
+        id: e
+      },
+      Data: {
+        Data: {}
+      }
+    },
+    e,
+    1
+  );
+}, "reloadTreeGridLayout"), L = /* @__PURE__ */ c((r) => {
+  r == null || r.Dispose();
+}, "disposeTreeGridInstance"), w = /* @__PURE__ */ c(({ id: r = "tree-grid", className: e, style: u, layoutDef: t }) => {
+  const n = a(null), s = a(t), o = a(void 0);
+  return s.current = t, m(() => (L(n.current), n.current = G(r, s.current), o.current = s.current, () => {
+    L(n.current), n.current = null, o.current = void 0;
+  }), [r]), v(() => {
+    const i = n.current, f = o.current;
+    !i || !f || D(f, t) || (R(i, r, t), o.current = t);
+  }, [r, t]), /* @__PURE__ */ p("div", { className: e, style: u, children: /* @__PURE__ */ p("div", { id: r }) });
+}, "TreeGrid");
+export {
+  w as TreeGrid
+};
+//# sourceMappingURL=TreeGrid.js.map

package/dist/components/OwpTreeGrid/TreeGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeGrid.js","sources":["../../../src/components/OwpTreeGrid/TreeGrid.tsx"],"sourcesContent":["import { isEqual } from 'es-toolkit/compat';\nimport { CSSProperties, useEffect, useLayoutEffect, useRef } from 'react';\n\ntype LayoutDef = {\n  Cfg: any;\n  Def?: TRow;\n  LeftCols?: TCol[];\n  Cols: TCol[];\n  Header: TRow;\n  Head?: TRow[];\n  Body?: TRow[];\n};\ninterface TreeGridProps {\n  id: string;\n  className?: string;\n  style?: CSSProperties;\n  layoutDef: LayoutDef;\n}\n\n/** TreeGrid 인스턴스 생성 */\nconst createTreeGridInstance = (id: string, layoutDef: LayoutDef) => {\n  return window.TreeGrid(\n    {\n      id,\n      Layout: {},\n      Data: { Data: layoutDef },\n      Debug: 'Error',\n    },\n    id,\n    id,\n  );\n};\n\n/** TreeGrid 레이아웃 리로드 */\nconst reloadTreeGridLayout = (grid: TGrid, id: string, layoutDef: LayoutDef) => {\n  grid.Reload(\n    {\n      Layout: {\n        Data: layoutDef,\n        id,\n      },\n      Data: {\n        Data: {},\n      },\n    },\n    id,\n    1,\n  );\n};\n\n/** TreeGrid 인스턴스 정리 */\nconst disposeTreeGridInstance = (grid: TGrid | null) => {\n  grid?.Dispose();\n};\n\n/**\n * 레거시 TreeGrid 래퍼\n * @param id 식별자\n * @param className CSS 클래스명\n * @param style 스타일 객체\n  * @param layoutDef 레이아웃 정의\n */\nexport const TreeGrid = ({ id = 'tree-grid', className, style, layoutDef }: TreeGridProps) => {\n  const gridInstanceRef = useRef<TGrid | null>(null);\n  const latestLayoutDefRef = useRef(layoutDef);\n  const previousLayoutDefRef = useRef<LayoutDef | undefined>(undefined);\n\n  latestLayoutDefRef.current = layoutDef;\n\n  useLayoutEffect(() => {\n    disposeTreeGridInstance(gridInstanceRef.current);\n    gridInstanceRef.current = createTreeGridInstance(id, latestLayoutDefRef.current);\n    previousLayoutDefRef.current = latestLayoutDefRef.current;\n\n    return () => {\n      disposeTreeGridInstance(gridInstanceRef.current);\n      gridInstanceRef.current = null;\n      previousLayoutDefRef.current = undefined;\n    };\n  }, [id]);\n\n  useEffect(() => {\n    const gridInstance = gridInstanceRef.current;\n    const previousLayoutDef = previousLayoutDefRef.current;\n\n    if (!gridInstance || !previousLayoutDef || isEqual(previousLayoutDef, layoutDef)) {\n      return;\n    }\n\n    reloadTreeGridLayout(gridInstance, id, layoutDef);\n    previousLayoutDefRef.current = layoutDef;\n  }, [id, layoutDef]);\n\n  return (\n    <div className={className} style={style}>\n      <div id={id} />\n    </div>\n  );\n};\n"],"names":["createTreeGridInstance","__name","id","layoutDef","reloadTreeGridLayout","grid","disposeTreeGridInstance","TreeGrid","className","style","gridInstanceRef","useRef","latestLayoutDefRef","previousLayoutDefRef","useLayoutEffect","useEffect","gridInstance","previousLayoutDef","isEqual","jsx"],"mappings":";;;;;AAoBA,MAAMA,IAAyB,gBAAAC,EAAA,CAACC,GAAYC,MACnC,OAAO;AAAA,EACZ;AAAA,IACE,IAAAD;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,MAAM,EAAE,MAAMC,EAAA;AAAA,IACd,OAAO;AAAA,EAAA;AAAA,EAETD;AAAA,EACAA;AAAA,GAT2B,2BAczBE,IAAuB,gBAAAH,EAAA,CAACI,GAAaH,GAAYC,MAAyB;AAC9E,EAAAE,EAAK;AAAA,IACH;AAAA,MACE,QAAQ;AAAA,QACN,MAAMF;AAAA,QACN,IAAAD;AAAA,MAAA;AAAA,MAEF,MAAM;AAAA,QACJ,MAAM,CAAA;AAAA,MAAC;AAAA,IACT;AAAA,IAEFA;AAAA,IACA;AAAA,EAAA;AAEJ,GAd6B,yBAiBvBI,IAA0B,gBAAAL,EAAA,CAACI,MAAuB;AACtD,EAAAA,KAAA,QAAAA,EAAM;AACR,GAFgC,4BAWnBE,IAAW,gBAAAN,EAAA,CAAC,EAAE,IAAAC,IAAK,aAAa,WAAAM,GAAW,OAAAC,GAAO,WAAAN,QAA+B;AAC5F,QAAMO,IAAkBC,EAAqB,IAAI,GAC3CC,IAAqBD,EAAOR,CAAS,GACrCU,IAAuBF,EAA8B,MAAS;AAEpE,SAAAC,EAAmB,UAAUT,GAE7BW,EAAgB,OACdR,EAAwBI,EAAgB,OAAO,GAC/CA,EAAgB,UAAUV,EAAuBE,GAAIU,EAAmB,OAAO,GAC/EC,EAAqB,UAAUD,EAAmB,SAE3C,MAAM;AACX,IAAAN,EAAwBI,EAAgB,OAAO,GAC/CA,EAAgB,UAAU,MAC1BG,EAAqB,UAAU;AAAA,EACjC,IACC,CAACX,CAAE,CAAC,GAEPa,EAAU,MAAM;AACd,UAAMC,IAAeN,EAAgB,SAC/BO,IAAoBJ,EAAqB;AAE/C,IAAI,CAACG,KAAgB,CAACC,KAAqBC,EAAQD,GAAmBd,CAAS,MAI/EC,EAAqBY,GAAcd,GAAIC,CAAS,GAChDU,EAAqB,UAAUV;AAAA,EACjC,GAAG,CAACD,GAAIC,CAAS,CAAC,qBAGf,OAAA,EAAI,WAAAK,GAAsB,OAAAC,GACzB,UAAA,gBAAAU,EAAC,OAAA,EAAI,IAAAjB,GAAQ,EAAA,CACf;AAEJ,GApCwB;"}