@owp/core 2.1.6 → 2.1.7

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,186 @@
+var Y = Object.defineProperty;
+var i = (e, n) => Y(e, "name", { value: n, configurable: !0 });
+import { 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 { useGetCurrentLanguage as Z } from "../../hooks/useCurrentLanguage.js";
+import { useRef as l, useState as ee, useEffect as K } from "react";
+import { applyTreeGridLayoutToGrid as V } from "./utils.js";
+import { isEmpty as R } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+import { delay as te } 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 ne } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
+import { debounce as L } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/debounce.js";
+import { get as oe } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/get.js";
+const Q = {
+  en: "/assets/vendors/Grid/TextEN.xml",
+  kr: "/assets/vendors/Grid/TextKR.xml"
+}, W = /* @__PURE__ */ i((e) => `${e}?noCache=${Date.now()}`, "appendNoCacheQuery"), se = /* @__PURE__ */ i((e) => e === "kr" ? Q.kr : Q.en, "getTreeGridTextResourceUrl"), ue = /* @__PURE__ */ i((e) => e != null && e.includes("assets") ? W(e) : (
+  // @ts-expect-error - API base URL env is provided by host app
+  `undefined/${e}?noCache=${Date.now()}`
+), "resolveTreeGridDataUrl"), ie = /* @__PURE__ */ i((e, n, o) => e ? { Url: ue(n) } : { Data: { Body: [R(o) ? [] : o] } }, "buildTreeGridDataSource"), ce = /* @__PURE__ */ i(({
+  id: e,
+  layoutUrl: n,
+  dataUrl: o,
+  bodyData: u,
+  useDataUrl: p,
+  width: c,
+  height: y,
+  languageId: G
+}) => ({
+  id: e,
+  Layout: { Url: W(n ?? "") },
+  Data: ie(p, o, u),
+  Text: {
+    Url: se(G)
+  },
+  width: c,
+  height: y,
+  Debug: "Error"
+}), "buildTreeGridInitializationOptions"), ae = /* @__PURE__ */ i((e) => oe(e, "Data.Data.Data.Body.0"), "getTreeGridBodyData"), fe = /* @__PURE__ */ i((e, n) => {
+  var u;
+  const o = (u = e.Data) == null ? void 0 : u.Data;
+  e.Data.Data = {
+    ...o,
+    Data: { Body: [n || []] },
+    Url: ""
+  }, e.ReloadBody();
+}, "replaceTreeGridBodyData"), de = /* @__PURE__ */ i(({
+  id: e,
+  onSelect: n,
+  onRowClick: o,
+  onRowAdd: u,
+  onRowDelete: p,
+  onRowUndelete: c,
+  onRowChange: y,
+  onClickButton: G,
+  onSave: m,
+  onReady: D,
+  onAfterValueChanged: g,
+  treeGridInstanceRef: x,
+  latestLayoutOverridesRef: T,
+  appliedLayoutOverridesRef: B,
+  appliedBodyDataPropRef: C,
+  hasAppliedInitialLayoutRef: E,
+  setIsTreeGridReady: h
+}) => {
+  const w = g ?? y;
+  window.TGSetEvent("OnRowAdd", e, (t, r) => {
+    r.CanEdit = 1, r.CanDelete = 1, u == null || u(t, r);
+  }), typeof o == "function" && window.TGSetEvent(
+    "OnClick",
+    e,
+    L((t, r, s, a, I, U) => {
+      o(t, r, s, a, I, U);
+    }, 300)
+  ), typeof G == "function" && window.TGSetEvent(
+    "OnClickButton",
+    e,
+    L((t, r, s, a) => {
+      G(t, r, s, a);
+    }, 300)
+  ), typeof p == "function" && window.TGSetEvent("OnRowDelete", e, (t, r, s) => {
+    p(t, r, s);
+  }), typeof c == "function" && window.TGSetEvent("OnRowUndelete", e, (t, r) => {
+    c(t, r);
+  }), typeof w == "function" && window.TGSetEvent("OnAfterValueChanged", e, (t, r, s, a) => {
+    w(t, r, s, a);
+  }), typeof n == "function" && window.TGSetEvent(
+    "OnSelect",
+    e,
+    L((t) => {
+      const r = t.GetSelRows() ?? [];
+      n(r);
+    }, 100)
+  ), typeof m == "function" && window.TGSetEvent("OnSave", e, (t, r, s) => {
+    m(t, r, s);
+  }), window.TGSetEvent(
+    "OnReady",
+    e,
+    L((t) => {
+      if (!E.current) {
+        const r = T.current;
+        E.current = !0, V(t, r), x.current = t, B.current = r, C.current = ae(t), h(!0), D == null || D(t);
+      }
+    }, 100)
+  );
+}, "bindTreeGridEvents"), Se = /* @__PURE__ */ i(({
+  id: e = "treeGridWrapper",
+  containerStyle: n,
+  containerClassName: o,
+  className: u,
+  style: p,
+  height: c = "100%",
+  width: y = "100%",
+  layoutUrl: G,
+  dataUrl: m,
+  layoutOverrides: D,
+  LayoutUrl: g,
+  DataUrl: x,
+  data: T,
+  layout: B,
+  useDataUrl: C,
+  onSelect: E,
+  onRowClick: h,
+  onRowAdd: w,
+  onRowDelete: t,
+  onRowUndelete: r,
+  onRowChange: s,
+  onClickButton: a,
+  onSave: I,
+  onReady: U,
+  onAfterValueChanged: X
+}) => {
+  const A = G ?? g, F = m ?? x, b = D ?? B, f = l(null), $ = l(
+    b
+  ), P = l(T), O = l(void 0), _ = l(void 0), J = l(!1), [j, M] = ee(!1), S = Z(), q = l(S.id);
+  return $.current = b, P.current = T, K(() => {
+    var v;
+    if (S.id !== q.current && !R(f.current) && ((v = f.current) == null || v.Dispose(), f.current = null, q.current = S.id), !!R(f.current))
+      return window.TreeGrid(
+        ce({
+          id: e,
+          layoutUrl: A,
+          dataUrl: F,
+          bodyData: T,
+          useDataUrl: C,
+          width: y,
+          height: c,
+          languageId: S.id
+        }),
+        e,
+        e
+      ), de({
+        id: e,
+        onSelect: E,
+        onRowClick: h,
+        onRowAdd: w,
+        onRowDelete: t,
+        onRowUndelete: r,
+        onRowChange: s,
+        onClickButton: a,
+        onSave: I,
+        onReady: U,
+        onAfterValueChanged: X,
+        treeGridInstanceRef: f,
+        latestLayoutOverridesRef: $,
+        appliedLayoutOverridesRef: O,
+        appliedBodyDataPropRef: _,
+        hasAppliedInitialLayoutRef: J,
+        setIsTreeGridReady: M
+      }), () => {
+        te(() => {
+          var d;
+          (d = f.current) == null || d.Dispose();
+        }, 200);
+      };
+  }, []), K(() => {
+    const v = f.current, d = $.current, k = P.current;
+    if (R(v) || !j)
+      return;
+    const z = O.current !== d && !re(O.current, d), N = _.current !== k;
+    !z && !N || (z && (V(v, d, N), O.current = d), N && (fe(v, k), _.current = k));
+  }, [j, b, T]), /* @__PURE__ */ H("div", { className: o, style: { height: c, width: y, ...n }, children: /* @__PURE__ */ H("div", { id: e, className: u, style: ne(p, ["height", "width"]) }) });
+}, "OwpTreeGrid");
+export {
+  Se 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 { useGetCurrentLanguage } from '@/hooks/useCurrentLanguage';\nimport { debounce, delay, get, isEmpty, isEqual, omit } from 'es-toolkit/compat';\nimport {\n  type CSSProperties,\n  type Dispatch,\n  type MutableRefObject,\n  type SetStateAction,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\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\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  /** @deprecated use layoutUrl */\n  LayoutUrl?: string;\n  /** @deprecated use dataUrl */\n  DataUrl?: string;\n  data?: OwpTreeGridBodyData<T>;\n  /** @deprecated use layoutOverrides */\n  layout?: OwpTreeGridLayoutConfig;\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}\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: MutableRefObject<TGrid | null>;\n  latestLayoutOverridesRef: MutableRefObject<OwpTreeGridLayoutConfig | undefined>;\n  appliedLayoutOverridesRef: MutableRefObject<OwpTreeGridLayoutConfig | undefined>;\n  appliedBodyDataPropRef: MutableRefObject<OwpTreeGridBodyData<T>>;\n  hasAppliedInitialLayoutRef: MutableRefObject<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,>(grid: TGrid, bodyData: OwpTreeGridBodyData<T>) => {\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();\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  \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  LayoutUrl,\n  DataUrl,\n  data,\n  layout,\n  useDataUrl,\n  onSelect,\n  onRowClick,\n  onRowAdd,\n  onRowDelete,\n  onRowUndelete,\n  onRowChange,\n  onClickButton,\n  onSave,\n  onReady,\n  onAfterValueChanged,\n}: OwpTreeGridProps<T>) => {\n  const resolvedLayoutUrl = layoutUrl ?? LayoutUrl;\n  const resolvedDataUrl = dataUrl ?? DataUrl;\n  const resolvedLayoutOverrides = layoutOverrides ?? layout;\n  const treeGridInstanceRef = useRef<TGrid>(null);\n  const latestLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(\n    resolvedLayoutOverrides,\n  );\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 [isTreeGridReady, setIsTreeGridReady] = useState(false);\n  const currentLanguage = useGetCurrentLanguage();\n  const currentLanguageIdRef = useRef(currentLanguage.id);\n\n  latestLayoutOverridesRef.current = resolvedLayoutOverrides;\n  latestBodyDataPropRef.current = data;\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    window.TreeGrid(\n      buildTreeGridInitializationOptions({\n        id,\n        layoutUrl: resolvedLayoutUrl,\n        dataUrl: resolvedDataUrl,\n        bodyData: data,\n        useDataUrl,\n        width,\n        height,\n        languageId: currentLanguage.id,\n      }),\n      id,\n      id,\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    return () => {\n      delay(() => {\n        treeGridInstanceRef.current?.Dispose();\n      }, 200);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\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      replaceTreeGridBodyData(treeGrid, nextBodyData);\n      appliedBodyDataPropRef.current = nextBodyData;\n    }\n  }, [isTreeGridReady, resolvedLayoutOverrides, data]);\n\n  return (\n    <div className={containerClassName} style={{ height, width, ...containerStyle }}>\n      <div id={id} className={className} style={omit(style, ['height', 'width'])} />\n    </div>\n  );\n};\n\nexport { OwpTreeGrid };\n"],"names":["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","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","LayoutUrl","DataUrl","data","layout","resolvedLayoutUrl","resolvedDataUrl","resolvedLayoutOverrides","useRef","latestBodyDataPropRef","isTreeGridReady","useState","currentLanguage","useGetCurrentLanguage","currentLanguageIdRef","useEffect","delay","treeGrid","nextLayoutOverrides","nextBodyData","shouldApplyLayoutOverrides","isEqual","shouldApplyBodyData","jsx","omit"],"mappings":"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"}

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;"}

package/dist/components/OwpTreeGrid/utils.js

@@ -0,0 +1,76 @@
+var O = Object.defineProperty;
+var u = (e, o) => O(e, "name", { value: o, configurable: !0 });
+import { isPlainObject as E } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isPlainObject.js";
+const I = "Header", R = "Toolbar", _ = "Foot", p = "nextSibling", S = [
+  I,
+  R,
+  _
+], b = Object.prototype.hasOwnProperty;
+let f;
+const T = /* @__PURE__ */ u((e, o) => {
+  const n = e;
+  for (const t in o) {
+    if (!b.call(o, t) || t === p)
+      continue;
+    const r = o[t];
+    r !== void 0 && (n[t] = r);
+  }
+}, "assignTreeGridSectionFields"), m = /* @__PURE__ */ u((e, o) => {
+  if (!o || !(e != null && e.Header))
+    return;
+  let n = o[p], t = e.Header.nextSibling;
+  for (; n && t; )
+    T(t, n), n = n.nextSibling, t = t.nextSibling;
+}, "applyTreeGridSubHeaderLayoutText"), h = /* @__PURE__ */ u((e) => {
+  var o;
+  try {
+    if (!e || typeof DOMParser != "function")
+      return;
+    f ?? (f = new DOMParser());
+    const t = (o = f.parseFromString(e, "text/xml").documentElement) == null ? void 0 : o.children;
+    if (!(t != null && t.length))
+      return;
+    const r = new Array(t.length);
+    for (let s = 0; s < t.length; s += 1) {
+      const i = t[s].attributes, l = {};
+      for (let c = 0; c < i.length; c += 1) {
+        const a = i[c];
+        l[a.name] = a.value;
+      }
+      r[s] = l;
+    }
+    return r;
+  } catch (n) {
+    console.error(n);
+    return;
+  }
+}, "parseTreeGridXmlToJson"), H = /* @__PURE__ */ u((e, o, n) => {
+  var i, l;
+  if (!o || !e)
+    return;
+  const t = (((i = e == null ? void 0 : e.Header) == null ? void 0 : i.Block) ?? 0) > 0, r = o.Header, s = (l = e.Foot) == null ? void 0 : l.lastChild;
+  t && r && E(r) && m(e, r);
+  for (const c of S) {
+    const a = o[c];
+    if (!a || !E(a))
+      continue;
+    if (c === _ && s) {
+      T(s, a);
+      continue;
+    }
+    const d = e[c];
+    d && T(d, a);
+  }
+  n || e.ReloadBody();
+}, "applyTreeGridLayoutToGrid");
+export {
+  _ as TREE_GRID_FOOT_SECTION,
+  I as TREE_GRID_HEADER_SECTION,
+  S as TREE_GRID_LAYOUT_SECTION_KEYS,
+  p as TREE_GRID_NEXT_SIBLING_KEY,
+  R as TREE_GRID_TOOLBAR_SECTION,
+  H as applyTreeGridLayoutToGrid,
+  m as applyTreeGridSubHeaderLayoutText,
+  h as parseTreeGridXmlToJson
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/OwpTreeGrid/utils.ts"],"sourcesContent":["import { isPlainObject } from 'es-toolkit/compat';\nimport { type OwpTreeGridLayoutConfig } from './OwpTreeGrid';\n\ntype TreeGridHeaderLayoutConfig = NonNullable<OwpTreeGridLayoutConfig['Header']>;\ntype TreeGridSectionConfig = Record<string, unknown>;\ntype TreeGridLayoutNode = TreeGridSectionConfig & { nextSibling?: TreeGridLayoutNode };\n\nexport const TREE_GRID_HEADER_SECTION = 'Header';\nexport const TREE_GRID_TOOLBAR_SECTION = 'Toolbar';\nexport const TREE_GRID_FOOT_SECTION = 'Foot';\nexport const TREE_GRID_NEXT_SIBLING_KEY = 'nextSibling';\nexport const TREE_GRID_LAYOUT_SECTION_KEYS = [\n  TREE_GRID_HEADER_SECTION,\n  TREE_GRID_TOOLBAR_SECTION,\n  TREE_GRID_FOOT_SECTION,\n] as const;\n\nexport const HEADER = TREE_GRID_HEADER_SECTION;\nexport const TOOLBAR = TREE_GRID_TOOLBAR_SECTION;\nexport const FOOTER = TREE_GRID_FOOT_SECTION;\nexport const NEXT_SIBLING = TREE_GRID_NEXT_SIBLING_KEY;\n\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\nlet treeGridXmlParser: DOMParser | undefined;\n\nconst assignTreeGridSectionFields = (\n  targetSection: TRow,\n  sectionConfig: TreeGridSectionConfig,\n) => {\n  const mutableTargetSection = targetSection as unknown as TreeGridSectionConfig;\n\n  for (const fieldName in sectionConfig) {\n    if (!hasOwnProperty.call(sectionConfig, fieldName) || fieldName === TREE_GRID_NEXT_SIBLING_KEY) {\n      continue;\n    }\n\n    const fieldValue = sectionConfig[fieldName];\n\n    if (fieldValue === undefined) {\n      continue;\n    }\n\n    mutableTargetSection[fieldName] = fieldValue;\n  }\n};\n\n/**\n * applyTreeGridSubHeaderLayoutText 적용 함수\n * @param grid TreeGrid 인스턴스\n * @param headerLayout headerLayout 값\n */\nexport const applyTreeGridSubHeaderLayoutText = (\n  grid: TTGrid,\n  headerLayout?: TreeGridHeaderLayoutConfig,\n) => {\n  if (!headerLayout || !grid?.Header) {\n    return;\n  }\n\n  let currentHeaderLayout = headerLayout[TREE_GRID_NEXT_SIBLING_KEY] as TreeGridLayoutNode | undefined;\n  let currentGridHeader = grid.Header.nextSibling;\n\n  while (currentHeaderLayout && currentGridHeader) {\n    assignTreeGridSectionFields(currentGridHeader, currentHeaderLayout);\n    currentHeaderLayout = currentHeaderLayout.nextSibling;\n    currentGridHeader = currentGridHeader.nextSibling;\n  }\n};\n\nexport const applySubHeaderLayoutTextToGrid = applyTreeGridSubHeaderLayoutText;\nexport const changeSubHeaderLayoutTextByGrid = applyTreeGridSubHeaderLayoutText;\n\n/**\n * parseTreeGridXmlToJson 파싱 함수\n * @param xmlString XML 문자열\n */\nexport const parseTreeGridXmlToJson = (xmlString?: string) => {\n  try {\n    if (!xmlString || typeof DOMParser !== 'function') {\n      return undefined;\n    }\n\n    treeGridXmlParser ??= new DOMParser();\n\n    const parsedXml = treeGridXmlParser.parseFromString(xmlString, 'text/xml');\n    const childElements = parsedXml.documentElement?.children;\n\n    if (!childElements?.length) {\n      return undefined;\n    }\n\n    const parsedItems = new Array<TreeGridSectionConfig>(childElements.length);\n\n    for (let nodeIndex = 0; nodeIndex < childElements.length; nodeIndex += 1) {\n      const attributes = childElements[nodeIndex].attributes;\n      const item: TreeGridSectionConfig = {};\n\n      for (let attrIndex = 0; attrIndex < attributes.length; attrIndex += 1) {\n        const attribute = attributes[attrIndex];\n        item[attribute.name] = attribute.value;\n      }\n\n      parsedItems[nodeIndex] = item;\n    }\n\n    return parsedItems;\n  } catch (error) {\n    console.error(error);\n    return undefined;\n  }\n};\nexport const convertXmlToJson = parseTreeGridXmlToJson;\n\n/**\n * applyTreeGridLayoutToGrid 적용 함수\n * @param grid TreeGrid 인스턴스\n * @param layoutConfig 레이아웃 설정\n * @param disableBodyReload disableBodyReload 값\n */\nexport const applyTreeGridLayoutToGrid = (\n  grid: TTGrid | TGrid,\n  layoutConfig?: OwpTreeGridLayoutConfig,\n  disableBodyReload?: boolean,\n) => {\n  if (!layoutConfig || !grid) {\n    return;\n  }\n\n  // @ts-expect-error - TreeGrid header block metadata is not declared in bundled types\n  const hasSubHeaderBlock = (grid?.Header?.Block ?? 0) > 0;\n  const headerLayout = layoutConfig.Header;\n  const footerRow = grid.Foot?.lastChild;\n\n  if (hasSubHeaderBlock && headerLayout && isPlainObject(headerLayout)) {\n    applyTreeGridSubHeaderLayoutText(grid, headerLayout);\n  }\n\n  for (const sectionKey of TREE_GRID_LAYOUT_SECTION_KEYS) {\n    const sectionLayout = layoutConfig[sectionKey] as TreeGridSectionConfig | undefined;\n\n    if (!sectionLayout || !isPlainObject(sectionLayout)) {\n      continue;\n    }\n\n    if (sectionKey === TREE_GRID_FOOT_SECTION && footerRow) {\n      assignTreeGridSectionFields(footerRow, sectionLayout);\n      continue;\n    }\n\n    const sectionTarget = grid[sectionKey];\n\n    if (!sectionTarget) {\n      continue;\n    }\n\n    assignTreeGridSectionFields(sectionTarget, sectionLayout);\n  }\n\n  if (!disableBodyReload) {\n    grid.ReloadBody();\n  }\n};\n\nexport const updateLayoutByGrid = applyTreeGridLayoutToGrid;\nexport const applyTreeGridLayoutByGrid = applyTreeGridLayoutToGrid;\n"],"names":["TREE_GRID_HEADER_SECTION","TREE_GRID_TOOLBAR_SECTION","TREE_GRID_FOOT_SECTION","TREE_GRID_NEXT_SIBLING_KEY","TREE_GRID_LAYOUT_SECTION_KEYS","hasOwnProperty","treeGridXmlParser","assignTreeGridSectionFields","__name","targetSection","sectionConfig","mutableTargetSection","fieldName","fieldValue","applyTreeGridSubHeaderLayoutText","grid","headerLayout","currentHeaderLayout","currentGridHeader","parseTreeGridXmlToJson","xmlString","childElements","_a","parsedItems","nodeIndex","attributes","item","attrIndex","attribute","error","applyTreeGridLayoutToGrid","layoutConfig","disableBodyReload","hasSubHeaderBlock","footerRow","_b","isPlainObject","sectionKey","sectionLayout","sectionTarget"],"mappings":";;;AAOO,MAAMA,IAA2B,UAC3BC,IAA4B,WAC5BC,IAAyB,QACzBC,IAA6B,eAC7BC,IAAgC;AAAA,EAC3CJ;AAAA,EACAC;AAAA,EACAC;AACF,GAOMG,IAAiB,OAAO,UAAU;AACxC,IAAIC;AAEJ,MAAMC,IAA8B,gBAAAC,EAAA,CAClCC,GACAC,MACG;AACH,QAAMC,IAAuBF;AAE7B,aAAWG,KAAaF,GAAe;AACrC,QAAI,CAACL,EAAe,KAAKK,GAAeE,CAAS,KAAKA,MAAcT;AAClE;AAGF,UAAMU,IAAaH,EAAcE,CAAS;AAE1C,IAAIC,MAAe,WAInBF,EAAqBC,CAAS,IAAIC;AAAA,EACpC;AACF,GAnBoC,gCA0BvBC,IAAmC,gBAAAN,EAAA,CAC9CO,GACAC,MACG;AACH,MAAI,CAACA,KAAgB,EAACD,KAAA,QAAAA,EAAM;AAC1B;AAGF,MAAIE,IAAsBD,EAAab,CAA0B,GAC7De,IAAoBH,EAAK,OAAO;AAEpC,SAAOE,KAAuBC;AAC5B,IAAAX,EAA4BW,GAAmBD,CAAmB,GAClEA,IAAsBA,EAAoB,aAC1CC,IAAoBA,EAAkB;AAE1C,GAhBgD,qCAyBnCC,IAAyB,gBAAAX,EAAA,CAACY,MAAuB;;AAC5D,MAAI;AACF,QAAI,CAACA,KAAa,OAAO,aAAc;AACrC;AAGF,IAAAd,UAAsB,IAAI,UAAA;AAG1B,UAAMe,KAAgBC,IADJhB,EAAkB,gBAAgBc,GAAW,UAAU,EACzC,oBAAV,gBAAAE,EAA2B;AAEjD,QAAI,EAACD,KAAA,QAAAA,EAAe;AAClB;AAGF,UAAME,IAAc,IAAI,MAA6BF,EAAc,MAAM;AAEzE,aAASG,IAAY,GAAGA,IAAYH,EAAc,QAAQG,KAAa,GAAG;AACxE,YAAMC,IAAaJ,EAAcG,CAAS,EAAE,YACtCE,IAA8B,CAAA;AAEpC,eAASC,IAAY,GAAGA,IAAYF,EAAW,QAAQE,KAAa,GAAG;AACrE,cAAMC,IAAYH,EAAWE,CAAS;AACtC,QAAAD,EAAKE,EAAU,IAAI,IAAIA,EAAU;AAAA,MACnC;AAEA,MAAAL,EAAYC,CAAS,IAAIE;AAAA,IAC3B;AAEA,WAAOH;AAAA,EACT,SAASM,GAAO;AACd,YAAQ,MAAMA,CAAK;AACnB;AAAA,EACF;AACF,GAlCsC,2BA2CzBC,IAA4B,gBAAAtB,EAAA,CACvCO,GACAgB,GACAC,MACG;;AACH,MAAI,CAACD,KAAgB,CAAChB;AACpB;AAIF,QAAMkB,OAAqBX,IAAAP,KAAA,gBAAAA,EAAM,WAAN,gBAAAO,EAAc,UAAS,KAAK,GACjDN,IAAee,EAAa,QAC5BG,KAAYC,IAAApB,EAAK,SAAL,gBAAAoB,EAAW;AAE7B,EAAIF,KAAqBjB,KAAgBoB,EAAcpB,CAAY,KACjEF,EAAiCC,GAAMC,CAAY;AAGrD,aAAWqB,KAAcjC,GAA+B;AACtD,UAAMkC,IAAgBP,EAAaM,CAAU;AAE7C,QAAI,CAACC,KAAiB,CAACF,EAAcE,CAAa;AAChD;AAGF,QAAID,MAAenC,KAA0BgC,GAAW;AACtD,MAAA3B,EAA4B2B,GAAWI,CAAa;AACpD;AAAA,IACF;AAEA,UAAMC,IAAgBxB,EAAKsB,CAAU;AAErC,IAAKE,KAILhC,EAA4BgC,GAAeD,CAAa;AAAA,EAC1D;AAEA,EAAKN,KACHjB,EAAK,WAAA;AAET,GA1CyC;"}

package/dist/components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.js

@@ -0,0 +1,35 @@
+var u = Object.defineProperty;
+var e = (t, r) => u(t, "name", { value: r, configurable: !0 });
+import { jsx as m } 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 x } from "../../hooks/useOwpTranslation.js";
+import { useTreeGridExcelExport as f } from "../../hooks/useTreeGridExcelExport.js";
+import { Button as B } from "@mui/material";
+const O = /* @__PURE__ */ e(({
+  gridId: t,
+  exportName: r,
+  children: a,
+  loading: n,
+  loadingPosition: c,
+  onClick: o,
+  ...p
+}) => {
+  const { t: d } = x(), { exportByTreeGrid: l, isExporting: i } = f(t);
+  return /* @__PURE__ */ m(
+    B,
+    {
+      variant: "contained",
+      color: "success",
+      ...p,
+      loading: !!(n || i),
+      loadingPosition: c ?? "start",
+      onClick: /* @__PURE__ */ e((s) => {
+        o == null || o(s), !(s.defaultPrevented || n || i) && l(r ?? t);
+      }, "handleClick"),
+      children: a ?? d("Button.엑셀 다운로드")
+    }
+  );
+}, "OwpTreeGridExcelButton");
+export {
+  O as OwpTreeGridExcelButton
+};
+//# sourceMappingURL=OwpTreeGridExcelButton.js.map

package/dist/components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpTreeGridExcelButton.js","sources":["../../../src/components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useTreeGridExcelExport } from '@/hooks/useTreeGridExcelExport';\nimport { Button, type ButtonProps } from '@mui/material';\nimport { type MouseEventHandler } from 'react';\n\nexport interface OwpTreeGridExcelButtonProps extends ButtonProps {\n  gridId: string;\n  exportName?: string;\n}\n\n/**\n * TreeGrid 엑셀 내보내기 버튼\n * @param gridId TreeGrid 인스턴스 ID\n * @param exportName 다운로드 파일명\n */\nconst OwpTreeGridExcelButton = ({\n  gridId,\n  exportName,\n  children,\n  loading,\n  loadingPosition,\n  onClick,\n  ...buttonProps\n}: OwpTreeGridExcelButtonProps) => {\n  const { t } = useOwpTranslation();\n  const { exportByTreeGrid, isExporting } = useTreeGridExcelExport(gridId);\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onClick?.(event);\n\n    if (event.defaultPrevented || loading || isExporting) {\n      return;\n    }\n\n    void exportByTreeGrid(exportName ?? gridId);\n  };\n\n  return (\n    <Button\n      variant=\"contained\"\n      color=\"success\"\n      {...buttonProps}\n      loading={Boolean(loading || isExporting)}\n      loadingPosition={loadingPosition ?? 'start'}\n      onClick={handleClick}\n    >\n      {children ?? t('Button.엑셀 다운로드')}\n    </Button>\n  );\n};\n\nexport { OwpTreeGridExcelButton };\n"],"names":["OwpTreeGridExcelButton","__name","gridId","exportName","children","loading","loadingPosition","onClick","buttonProps","t","useOwpTranslation","exportByTreeGrid","isExporting","useTreeGridExcelExport","jsx","Button","event"],"mappings":";;;;;;AAeA,MAAMA,IAAyB,gBAAAC,EAAA,CAAC;AAAA,EAC9B,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,kBAAAC,GAAkB,aAAAC,MAAgBC,EAAuBX,CAAM;AAYvE,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,OAAM;AAAA,MACL,GAAGP;AAAA,MACJ,SAAS,GAAQH,KAAWO;AAAA,MAC5B,iBAAiBN,KAAmB;AAAA,MACpC,SAjBsD,gBAAAL,EAAA,CAACe,MAAU;AAGnE,QAFAT,KAAA,QAAAA,EAAUS,IAEN,EAAAA,EAAM,oBAAoBX,KAAWO,MAIpCD,EAAiBR,KAAcD,CAAM;AAAA,MAC5C,GAR0D;AAAA,MAmBrD,UAAAE,KAAYK,EAAE,gBAAgB;AAAA,IAAA;AAAA,EAAA;AAGrC,GAlC+B;"}

package/dist/components/OwpYesNoSelector/OwpYesNoSelector.js

@@ -0,0 +1,22 @@
+var l = Object.defineProperty;
+var r = (o, e) => l(o, "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 { OwpOptionSelector as a } from "../OwpOptionSelector/OwpOptionSelector.js";
+const s = /* @__PURE__ */ r(({
+  yesLabel: o,
+  noLabel: e,
+  ...t
+}) => /* @__PURE__ */ p(
+  a,
+  {
+    ...t,
+    options: [
+      { value: "Y", label: o ?? "Y" },
+      { value: "N", label: e ?? "N" }
+    ]
+  }
+), "OwpYesNoSelector");
+export {
+  s as OwpYesNoSelector
+};
+//# sourceMappingURL=OwpYesNoSelector.js.map