@owp/core 2.5.14 → 2.5.16

package/dist/components/OwpTable/internal/treeGridTableStyle.js

@@ -1,27 +1,22 @@
-var n = Object.defineProperty;
-var l = (o, r) => n(o, "name", { value: r, configurable: !0 });
-const d = "#6F7F94", c = "#CDD8E4", g = [
-  "Pretendard",
-  "Roboto",
-  '"Helvetica"',
-  "Arial",
-  "sans-serif"
-].join(", "), b = /* @__PURE__ */ l((o) => ({
+var g = Object.defineProperty;
+var l = (o, r) => g(o, "name", { value: r, configurable: !0 });
+import { TREEGRID_FONT_FAMILY_STACK as n } from "../../../constants/treeGrid.js";
+const d = "#6F7F94", c = "#CDD8E4", C = n, R = /* @__PURE__ */ l((o) => ({
   backgroundColor: o.body.backgroundColor,
   color: o.body.color
 }), "getTreeGridContainerSx"), a = /* @__PURE__ */ l((o, r = "normal") => ({
-  fontFamily: g,
+  fontFamily: C,
   fontSize: o,
   fontWeight: r,
   lineHeight: "16px"
-}), "getTreeGridTypographySx"), C = /* @__PURE__ */ l((o) => ({
+}), "getTreeGridTypographySx"), u = /* @__PURE__ */ l((o) => ({
   ...a(o.cell.fontSize),
   boxSizing: "border-box",
   overflow: "hidden",
   textOverflow: "ellipsis",
   verticalAlign: "middle",
   whiteSpace: "nowrap"
-}), "getTreeGridCellBaseSx"), s = /* @__PURE__ */ l((o) => ({
+}), "getTreeGridCellBaseSx"), x = /* @__PURE__ */ l((o) => ({
   ...a(
     o.header.fontSize,
     o.header.fontWeight
@@ -35,8 +30,8 @@ const d = "#6F7F94", c = "#CDD8E4", g = [
   height: o.header.height,
   minHeight: o.header.height,
   padding: "7px 2px 6px 10px"
-}), "getTreeGridHeaderCellSx"), x = /* @__PURE__ */ l((o) => ({
-  ...C(o),
+}), "getTreeGridHeaderCellSx"), k = /* @__PURE__ */ l((o) => ({
+  ...u(o),
   backgroundColor: o.row.backgroundColor,
   borderBottom: `1px solid ${c}`,
   borderLeft: 0,
@@ -44,7 +39,7 @@ const d = "#6F7F94", c = "#CDD8E4", g = [
   color: o.body.color,
   fontSize: o.cell.fontSize,
   padding: "7px 10px 6px"
-}), "getTreeGridBodyCellSx"), R = /* @__PURE__ */ l((o, r) => {
+}), "getTreeGridBodyCellSx"), B = /* @__PURE__ */ l((o, r) => {
   const e = r != null && r.selected ? o.state.selectedRowBackgroundColor : o.row.backgroundColor, t = r != null && r.selected ? o.state.selectedRowBackgroundColor : o.state.hoverRowBackgroundColor;
   return {
     "& > td": {
@@ -71,13 +66,13 @@ const d = "#6F7F94", c = "#CDD8E4", g = [
 }, "getTreeGridBodyRowSx");
 export {
   c as TREEGRID_TABLE_BODY_BORDER_COLOR,
-  g as TREEGRID_TABLE_FONT_FAMILY_STACK,
+  C as TREEGRID_TABLE_FONT_FAMILY_STACK,
   d as TREEGRID_TABLE_HEADER_BORDER_COLOR,
-  x as getTreeGridBodyCellSx,
-  R as getTreeGridBodyRowSx,
-  C as getTreeGridCellBaseSx,
-  b as getTreeGridContainerSx,
-  s as getTreeGridHeaderCellSx,
+  k as getTreeGridBodyCellSx,
+  B as getTreeGridBodyRowSx,
+  u as getTreeGridCellBaseSx,
+  R as getTreeGridContainerSx,
+  x as getTreeGridHeaderCellSx,
   a as getTreeGridTypographySx
 };
 //# sourceMappingURL=treeGridTableStyle.js.map

package/dist/components/OwpTable/internal/treeGridTableStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeGridTableStyle.js","sources":["../../../../src/components/OwpTable/internal/treeGridTableStyle.ts"],"sourcesContent":["import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';\n\nexport const TREEGRID_TABLE_HEADER_BORDER_COLOR = '#6F7F94';\nexport const TREEGRID_TABLE_BODY_BORDER_COLOR = '#CDD8E4';\nexport const TREEGRID_TABLE_FONT_FAMILY_STACK = [\n  'Pretendard',\n  'Roboto',\n  '\"Helvetica\"',\n  'Arial',\n  'sans-serif',\n].join(', ');\n\n/**\n * TreeGrid 컨테이너 색상 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridContainerSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  backgroundColor: treeGridTheme.body.backgroundColor,\n  color: treeGridTheme.body.color,\n});\n\n/**\n * TreeGrid 타이포그래피 매핑\n * @param fontSize 폰트 크기\n * @param fontWeight 폰트 두께\n */\nexport const getTreeGridTypographySx = (\n  fontSize: number | string,\n  fontWeight: number | string = 'normal',\n) => ({\n  fontFamily: TREEGRID_TABLE_FONT_FAMILY_STACK,\n  fontSize,\n  fontWeight,\n  lineHeight: '16px',\n});\n\n/**\n * TreeGrid 공통 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridCellBaseSx = (treeGridTheme: OwpResolvedGridThemeConfigType) => ({\n  ...getTreeGridTypographySx(treeGridTheme.cell.fontSize),\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  verticalAlign: 'middle',\n  whiteSpace: 'nowrap',\n});\n\n/**\n * TreeGrid header 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridHeaderCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridTypographySx(\n    treeGridTheme.header.fontSize,\n    treeGridTheme.header.fontWeight,\n  ),\n  backgroundColor: treeGridTheme.header.backgroundColor,\n  borderTop: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderBottom: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  color: treeGridTheme.header.color,\n  height: treeGridTheme.header.height,\n  minHeight: treeGridTheme.header.height,\n  padding: '7px 2px 6px 10px',\n});\n\n/**\n * TreeGrid body 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridBodyCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridCellBaseSx(treeGridTheme),\n  backgroundColor: treeGridTheme.row.backgroundColor,\n  borderBottom: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  color: treeGridTheme.body.color,\n  fontSize: treeGridTheme.cell.fontSize,\n  padding: '7px 10px 6px',\n});\n\n/**\n * TreeGrid body row 상태 스타일 매핑\n * @param treeGridTheme Grid theme 값\n * @param options hover, selected 여부\n */\nexport const getTreeGridBodyRowSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n  options?: {\n    canHover?: boolean;\n    selected?: boolean;\n  },\n) => {\n  const defaultBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.row.backgroundColor;\n  const hoverBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.state.hoverRowBackgroundColor;\n\n  return {\n    '& > td': {\n      backgroundColor: defaultBackgroundColor,\n    },\n    ...(options?.canHover && {\n      '&:hover > td': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    '&.Mui-selected > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&.Mui-selected:hover > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&:focus-within > td': {\n      backgroundColor: treeGridTheme.state.focusedRowBackgroundColor,\n    },\n    '& > td:focus-within': {\n      backgroundColor: treeGridTheme.state.focusedCellBackgroundColor,\n    },\n  };\n};\n"],"names":["TREEGRID_TABLE_HEADER_BORDER_COLOR","TREEGRID_TABLE_BODY_BORDER_COLOR","TREEGRID_TABLE_FONT_FAMILY_STACK","getTreeGridContainerSx","__name","treeGridTheme","getTreeGridTypographySx","fontSize","fontWeight","getTreeGridCellBaseSx","getTreeGridHeaderCellSx","getTreeGridBodyCellSx","getTreeGridBodyRowSx","options","defaultBackgroundColor","hoverBackgroundColor"],"mappings":";;AAEO,MAAMA,IAAqC,WACrCC,IAAmC,WACnCC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,IAAI,GAMEC,IAAyB,gBAAAC,EAAA,CACpCC,OACI;AAAA,EACJ,iBAAiBA,EAAc,KAAK;AAAA,EACpC,OAAOA,EAAc,KAAK;AAC5B,IALsC,2BAYzBC,IAA0B,gBAAAF,EAAA,CACrCG,GACAC,IAA8B,cAC1B;AAAA,EACJ,YAAYN;AAAA,EACZ,UAAAK;AAAA,EACA,YAAAC;AAAA,EACA,YAAY;AACd,IARuC,4BAc1BC,IAAwB,gBAAAL,EAAA,CAACC,OAAmD;AAAA,EACvF,GAAGC,EAAwBD,EAAc,KAAK,QAAQ;AAAA,EACtD,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AACd,IAPqC,0BAaxBK,IAA0B,gBAAAN,EAAA,CACrCC,OACI;AAAA,EACJ,GAAGC;AAAA,IACDD,EAAc,OAAO;AAAA,IACrBA,EAAc,OAAO;AAAA,EAAA;AAAA,EAEvB,iBAAiBA,EAAc,OAAO;AAAA,EACtC,WAAW,aAAaL,CAAkC;AAAA,EAC1D,cAAc,aAAaA,CAAkC;AAAA,EAC7D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAkC;AAAA,EAC5D,OAAOK,EAAc,OAAO;AAAA,EAC5B,QAAQA,EAAc,OAAO;AAAA,EAC7B,WAAWA,EAAc,OAAO;AAAA,EAChC,SAAS;AACX,IAhBuC,4BAsB1BM,IAAwB,gBAAAP,EAAA,CACnCC,OACI;AAAA,EACJ,GAAGI,EAAsBJ,CAAa;AAAA,EACtC,iBAAiBA,EAAc,IAAI;AAAA,EACnC,cAAc,aAAaJ,CAAgC;AAAA,EAC3D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAgC;AAAA,EAC1D,OAAOI,EAAc,KAAK;AAAA,EAC1B,UAAUA,EAAc,KAAK;AAAA,EAC7B,SAAS;AACX,IAXqC,0BAkBxBO,IAAuB,gBAAAR,EAAA,CAClCC,GACAQ,MAIG;AACH,QAAMC,IAAyBD,KAAA,QAAAA,EAAS,WACpCR,EAAc,MAAM,6BACpBA,EAAc,IAAI,iBAChBU,IAAuBF,KAAA,QAAAA,EAAS,WAClCR,EAAc,MAAM,6BACpBA,EAAc,MAAM;AAExB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,iBAAiBS;AAAA,IAAA;AAAA,IAEnB,IAAID,KAAA,gBAAAA,EAAS,aAAY;AAAA,MACvB,gBAAgB;AAAA,QACd,iBAAiBE;AAAA,MAAA;AAAA,IACnB;AAAA,IAEF,uBAAuB;AAAA,MACrB,iBAAiBV,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,6BAA6B;AAAA,MAC3B,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,EACvC;AAEJ,GApCoC;"}
+{"version":3,"file":"treeGridTableStyle.js","sources":["../../../../src/components/OwpTable/internal/treeGridTableStyle.ts"],"sourcesContent":["import { TREEGRID_FONT_FAMILY_STACK } from '@/constants/treeGrid';\nimport type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';\n\nexport const TREEGRID_TABLE_HEADER_BORDER_COLOR = '#6F7F94';\nexport const TREEGRID_TABLE_BODY_BORDER_COLOR = '#CDD8E4';\nexport const TREEGRID_TABLE_FONT_FAMILY_STACK = TREEGRID_FONT_FAMILY_STACK;\n\n/**\n * TreeGrid 컨테이너 색상 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridContainerSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  backgroundColor: treeGridTheme.body.backgroundColor,\n  color: treeGridTheme.body.color,\n});\n\n/**\n * TreeGrid 타이포그래피 매핑\n * @param fontSize 폰트 크기\n * @param fontWeight 폰트 두께\n */\nexport const getTreeGridTypographySx = (\n  fontSize: number | string,\n  fontWeight: number | string = 'normal',\n) => ({\n  fontFamily: TREEGRID_TABLE_FONT_FAMILY_STACK,\n  fontSize,\n  fontWeight,\n  lineHeight: '16px',\n});\n\n/**\n * TreeGrid 공통 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridCellBaseSx = (treeGridTheme: OwpResolvedGridThemeConfigType) => ({\n  ...getTreeGridTypographySx(treeGridTheme.cell.fontSize),\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  verticalAlign: 'middle',\n  whiteSpace: 'nowrap',\n});\n\n/**\n * TreeGrid header 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridHeaderCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridTypographySx(\n    treeGridTheme.header.fontSize,\n    treeGridTheme.header.fontWeight,\n  ),\n  backgroundColor: treeGridTheme.header.backgroundColor,\n  borderTop: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderBottom: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  color: treeGridTheme.header.color,\n  height: treeGridTheme.header.height,\n  minHeight: treeGridTheme.header.height,\n  padding: '7px 2px 6px 10px',\n});\n\n/**\n * TreeGrid body 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridBodyCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridCellBaseSx(treeGridTheme),\n  backgroundColor: treeGridTheme.row.backgroundColor,\n  borderBottom: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  color: treeGridTheme.body.color,\n  fontSize: treeGridTheme.cell.fontSize,\n  padding: '7px 10px 6px',\n});\n\n/**\n * TreeGrid body row 상태 스타일 매핑\n * @param treeGridTheme Grid theme 값\n * @param options hover, selected 여부\n */\nexport const getTreeGridBodyRowSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n  options?: {\n    canHover?: boolean;\n    selected?: boolean;\n  },\n) => {\n  const defaultBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.row.backgroundColor;\n  const hoverBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.state.hoverRowBackgroundColor;\n\n  return {\n    '& > td': {\n      backgroundColor: defaultBackgroundColor,\n    },\n    ...(options?.canHover && {\n      '&:hover > td': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    '&.Mui-selected > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&.Mui-selected:hover > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&:focus-within > td': {\n      backgroundColor: treeGridTheme.state.focusedRowBackgroundColor,\n    },\n    '& > td:focus-within': {\n      backgroundColor: treeGridTheme.state.focusedCellBackgroundColor,\n    },\n  };\n};\n"],"names":["TREEGRID_TABLE_HEADER_BORDER_COLOR","TREEGRID_TABLE_BODY_BORDER_COLOR","TREEGRID_TABLE_FONT_FAMILY_STACK","TREEGRID_FONT_FAMILY_STACK","getTreeGridContainerSx","__name","treeGridTheme","getTreeGridTypographySx","fontSize","fontWeight","getTreeGridCellBaseSx","getTreeGridHeaderCellSx","getTreeGridBodyCellSx","getTreeGridBodyRowSx","options","defaultBackgroundColor","hoverBackgroundColor"],"mappings":";;;AAGO,MAAMA,IAAqC,WACrCC,IAAmC,WACnCC,IAAmCC,GAMnCC,IAAyB,gBAAAC,EAAA,CACpCC,OACI;AAAA,EACJ,iBAAiBA,EAAc,KAAK;AAAA,EACpC,OAAOA,EAAc,KAAK;AAC5B,IALsC,2BAYzBC,IAA0B,gBAAAF,EAAA,CACrCG,GACAC,IAA8B,cAC1B;AAAA,EACJ,YAAYP;AAAA,EACZ,UAAAM;AAAA,EACA,YAAAC;AAAA,EACA,YAAY;AACd,IARuC,4BAc1BC,IAAwB,gBAAAL,EAAA,CAACC,OAAmD;AAAA,EACvF,GAAGC,EAAwBD,EAAc,KAAK,QAAQ;AAAA,EACtD,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AACd,IAPqC,0BAaxBK,IAA0B,gBAAAN,EAAA,CACrCC,OACI;AAAA,EACJ,GAAGC;AAAA,IACDD,EAAc,OAAO;AAAA,IACrBA,EAAc,OAAO;AAAA,EAAA;AAAA,EAEvB,iBAAiBA,EAAc,OAAO;AAAA,EACtC,WAAW,aAAaN,CAAkC;AAAA,EAC1D,cAAc,aAAaA,CAAkC;AAAA,EAC7D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAkC;AAAA,EAC5D,OAAOM,EAAc,OAAO;AAAA,EAC5B,QAAQA,EAAc,OAAO;AAAA,EAC7B,WAAWA,EAAc,OAAO;AAAA,EAChC,SAAS;AACX,IAhBuC,4BAsB1BM,IAAwB,gBAAAP,EAAA,CACnCC,OACI;AAAA,EACJ,GAAGI,EAAsBJ,CAAa;AAAA,EACtC,iBAAiBA,EAAc,IAAI;AAAA,EACnC,cAAc,aAAaL,CAAgC;AAAA,EAC3D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAgC;AAAA,EAC1D,OAAOK,EAAc,KAAK;AAAA,EAC1B,UAAUA,EAAc,KAAK;AAAA,EAC7B,SAAS;AACX,IAXqC,0BAkBxBO,IAAuB,gBAAAR,EAAA,CAClCC,GACAQ,MAIG;AACH,QAAMC,IAAyBD,KAAA,QAAAA,EAAS,WACpCR,EAAc,MAAM,6BACpBA,EAAc,IAAI,iBAChBU,IAAuBF,KAAA,QAAAA,EAAS,WAClCR,EAAc,MAAM,6BACpBA,EAAc,MAAM;AAExB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,iBAAiBS;AAAA,IAAA;AAAA,IAEnB,IAAID,KAAA,gBAAAA,EAAS,aAAY;AAAA,MACvB,gBAAgB;AAAA,QACd,iBAAiBE;AAAA,MAAA;AAAA,IACnB;AAAA,IAEF,uBAAuB;AAAA,MACrB,iBAAiBV,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,6BAA6B;AAAA,MAC3B,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,EACvC;AAEJ,GApCoC;"}

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

@@ -1,41 +1,42 @@
-var or = Object.defineProperty;
-var a = (r, l) => or(r, "name", { value: l, configurable: !0 });
-import { jsxs as nr, jsx as _ } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { resolveOwpGridTheme as ir } from "../../constants/gridTheme.js";
-import { resolveTreeGridColorNumber as O, TREEGRID_INPUT_CELL_COLOR as ke, TREEGRID_CELL_HIGHLIGHT_COLOR as Pe } from "../../constants/treeGrid.js";
-import { useGetCurrentSettings as sr } from "../../hooks/useOwpSettings.js";
-import { useOwpTranslation as ur } from "../../hooks/useOwpTranslation.js";
-import { useGetCurrentLanguage as lr } from "../../hooks/useCurrentLanguage.js";
-import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as Me } from "../../utils/treeGridBodyRowsEvent.js";
-import { getTreeGridPerfTimestamp as z, countTreeGridPerf as Ne, logTreeGridPerf as xe, measureTreeGridPerf as Ve } from "./internal/utils/perf.js";
-import { useRef as e, useState as Y, useMemo as ar, useEffect as w, useLayoutEffect as cr } from "react";
-import dr from "@mui/material/GlobalStyles";
-import { useOwpTreeGridOverlayFrame as fr } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
-import { bindTreeGridEvents as mr, getTreeGridBodyDataCount as J, buildTreeGridInitializationOptions as pr, hasTreeGridDisplayDataRows as je, replaceTreeGridBodyData as Rr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as Tr } from "./internal/treeGridRuntime.js";
-import { applyTreeGridLayoutToGrid as yr } from "./internal/treeGridLayout.js";
-import { OwpTreeGridLoadingOverlay as gr } from "./internal/OwpTreeGridLoadingOverlay.js";
-import { OwpTreeGridNoDataOverlay as Gr } from "./internal/OwpTreeGridNoDataOverlay.js";
-import { resolveTreeGridColumnEditRuleLookup as qe, createTreeGridColumnEditRulesState as vr, syncTreeGridColumnEditRules as Cr } from "./internal/treeGridColumnEditRules.js";
-import { createTreeGridThemeContainerStyle as Er, TREE_GRID_THEME_WRAPPER_CLASS as br, TREE_GRID_THEME_TABLE_RADIUS_CLASS as Dr, treeGridThemeStyles as Br } from "./internal/treeGridTheme.js";
-import { isEmpty as h } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-import { delay as Ir } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
+var sr = Object.defineProperty;
+var a = (r, l) => sr(r, "name", { value: l, configurable: !0 });
+import { jsxs as ur, jsx as w } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { resolveOwpGridTheme as lr } from "../../constants/gridTheme.js";
+import { resolveTreeGridColorNumber as O, TREEGRID_INPUT_CELL_COLOR as Me, TREEGRID_CELL_HIGHLIGHT_COLOR as Pe } from "../../constants/treeGrid.js";
+import { useGetCurrentSettings as ar } from "../../hooks/useOwpSettings.js";
+import { useOwpTranslation as cr } from "../../hooks/useOwpTranslation.js";
+import { useGetCurrentLanguage as dr } from "../../hooks/useCurrentLanguage.js";
+import { useConfirm as fr } from "../../hooks/useConfirm.js";
+import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as Ne } from "../../utils/treeGridBodyRowsEvent.js";
+import { getTreeGridPerfTimestamp as F, countTreeGridPerf as xe, logTreeGridPerf as Ve, measureTreeGridPerf as je } from "./internal/utils/perf.js";
+import { useRef as e, useState as z, useMemo as mr, useEffect as h, useLayoutEffect as pr } from "react";
+import Rr from "@mui/material/GlobalStyles";
+import { useOwpTreeGridOverlayFrame as Tr } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
+import { bindTreeGridEvents as yr, getTreeGridBodyDataCount as Y, buildTreeGridInitializationOptions as gr, hasTreeGridDisplayDataRows as qe, replaceTreeGridBodyData as vr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as Gr } from "./internal/treeGridRuntime.js";
+import { applyTreeGridLayoutToGrid as Cr } from "./internal/treeGridLayout.js";
+import { OwpTreeGridLoadingOverlay as Er } from "./internal/OwpTreeGridLoadingOverlay.js";
+import { OwpTreeGridNoDataOverlay as Br } from "./internal/OwpTreeGridNoDataOverlay.js";
+import { resolveTreeGridColumnEditRuleLookup as Ue, createTreeGridColumnEditRulesState as Dr, syncTreeGridColumnEditRules as br } from "./internal/treeGridColumnEditRules.js";
+import { createTreeGridThemeContainerStyle as Ir, TREE_GRID_THEME_WRAPPER_CLASS as Lr, TREE_GRID_THEME_TABLE_RADIUS_CLASS as _r, treeGridThemeStyles as wr } from "./internal/treeGridTheme.js";
+import { isEmpty as A } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+import { delay as Or } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
 import { isEqual as We } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { omit as Lr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
-const Xr = /* @__PURE__ */ a(({
+import { omit as hr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
+const tt = /* @__PURE__ */ a(({
   id: r = "treeGridWrapper",
   containerStyle: l,
   containerClassName: Fe,
-  toolbarRowBackgroundColor: K,
+  toolbarRowBackgroundColor: J,
   className: ze,
   style: Ye,
-  height: Q = "100%",
-  width: U = "100%",
+  height: K = "100%",
+  width: Q = "100%",
   canUseTableRadius: X = !1,
   tableBorderRadius: Je = ".8rem",
   layoutUrl: Ke,
   layoutData: Qe,
-  dataUrl: Ue,
-  layoutOverrides: A,
+  dataUrl: Xe,
+  layoutOverrides: S,
   data: o,
   useDataUrl: Z,
   onSelect: $,
@@ -48,50 +49,57 @@ const Xr = /* @__PURE__ */ a(({
   onSave: se,
   onReady: ue,
   onAfterValueChanged: le,
-  columnEditRules: m,
+  columnEditRules: p,
   highlightEditableCells: ae = !0,
   highlightChangedCells: ce = !0,
   syncDeletedRowCanEdit: de = !0,
-  loading: Xe,
+  confirmDeletedRowRemoval: Ze = !0,
+  loading: $e,
   showLoading: n = !0
 }) => {
-  var _e, Oe;
-  const { t: S } = ur(), H = sr(), k = (Oe = (_e = H == null ? void 0 : H.theme) == null ? void 0 : _e.main) == null ? void 0 : Oe.grid, i = e(null), fe = e(null), me = e(null), P = e(null), M = e(A), pe = e(o), N = e(
-    m
+  var we, Oe;
+  const { t: c } = cr(), { confirmDelete: er } = fr(), H = ar(), k = (Oe = (we = H == null ? void 0 : H.theme) == null ? void 0 : we.main) == null ? void 0 : Oe.grid, i = e(null), fe = e(null), me = e(null), M = e(null), P = e(S), pe = e(o), N = e(
+    p
   ), x = e(
-    qe(m, {
-      hourMinuteInvalidText: S("Message.시간은 HH:mm 형식으로 입력해주세요.")
+    Ue(p, {
+      hourMinuteInvalidText: c("Message.시간은 HH:mm 형식으로 입력해주세요.")
     })
-  ), Re = e({
+  ), Re = Ze ? async () => await er({
+    title: c("Message.삭제된 항목을 완전히 삭제하시겠습니까?"),
+    description: c("Message.취소하면 삭제 상태가 해제됩니다."),
+    okText: c("Button.완전 삭제")
+  }) ? "remove" : "undelete" : void 0, Te = e({
     onSelect: $,
     onRowClick: ee,
     onRowAdd: re,
     onRowDelete: te,
+    onBeforeRowUndelete: Re,
     onRowUndelete: oe,
     onRowChange: ne,
     onClickButton: ie,
     onSave: se,
     onReady: ue,
     onAfterValueChanged: le
-  }), p = e(void 0), V = e(!1), C = e(void 0), E = e(void 0), b = e(
+  }), R = e(void 0), V = e(!1), E = e(void 0), B = e(void 0), D = e(
     void 0
-  ), Te = e(vr()), Ze = e(!1), R = e(0), c = e(null), T = e(void 0), y = e(void 0), ye = e(ae), ge = e(ce), Ge = e(de), [j, $e] = Y(!1), [er, g] = Y(!1), [rr, ve] = Y(!1), D = lr(), s = ar(
-    () => ir(k),
+  ), ye = e(Dr()), rr = e(!1), T = e(0), d = e(null), y = e(void 0), g = e(void 0), ge = e(ae), ve = e(ce), Ge = e(de), [j, tr] = z(!1), [or, v] = z(!1), [nr, Ce] = z(!1), b = dr(), s = mr(
+    () => lr(k),
     [k]
-  ), Ce = e(
-    O(s.editable.backgroundColor) ?? O(ke)
   ), Ee = e(
+    O(s.editable.backgroundColor) ?? O(Me)
+  ), Be = e(
     s.changed.backgroundColor ?? Pe
-  ), be = e(s.state.selectedCellBackgroundColor), De = e(s.state.hoverCellBackgroundColor), Be = e(D.id), tr = n && o !== void 0 && j && E.current !== o, q = n && Xe === !0 || n && (er || tr), W = !q && o !== void 0 && h(o) && !rr, Ie = /* @__PURE__ */ a((t) => {
-    ve(je(t));
+  ), De = e(s.state.selectedCellBackgroundColor), be = e(s.state.hoverCellBackgroundColor), Ie = e(b.id), ir = n && o !== void 0 && j && B.current !== o, q = n && $e === !0 || n && (or || ir), U = !q && o !== void 0 && A(o) && !nr, Le = /* @__PURE__ */ a((t) => {
+    Ce(qe(t));
   }, "syncHasDisplayDataRows");
-  M.current = A, pe.current = o, N.current = m, x.current = qe(m, {
-    hourMinuteInvalidText: S("Message.시간은 HH:mm 형식으로 입력해주세요.")
-  }), ye.current = ae, ge.current = ce, Ge.current = de, Ce.current = O(s.editable.backgroundColor) ?? O(ke), Ee.current = s.changed.backgroundColor ?? Pe, be.current = s.state.selectedCellBackgroundColor, De.current = s.state.hoverCellBackgroundColor, Re.current = {
+  P.current = S, pe.current = o, N.current = p, x.current = Ue(p, {
+    hourMinuteInvalidText: c("Message.시간은 HH:mm 형식으로 입력해주세요.")
+  }), ge.current = ae, ve.current = ce, Ge.current = de, Ee.current = O(s.editable.backgroundColor) ?? O(Me), Be.current = s.changed.backgroundColor ?? Pe, De.current = s.state.selectedCellBackgroundColor, be.current = s.state.hoverCellBackgroundColor, Te.current = {
     onSelect: $,
     onRowClick: ee,
     onRowAdd: re,
     onRowDelete: te,
+    onBeforeRowUndelete: Re,
     onRowUndelete: oe,
     onRowChange: ne,
     onClickButton: ie,
@@ -99,163 +107,163 @@ const Xr = /* @__PURE__ */ a(({
     onReady: ue,
     onAfterValueChanged: le
   };
-  const Le = fr({
-    visible: q || W,
+  const _e = Tr({
+    visible: q || U,
     containerRef: fe,
     treeGridInstanceRef: i,
     debugId: r
-  }), B = /* @__PURE__ */ a(() => {
-    T.current !== void 0 && (window.clearTimeout(T.current), T.current = void 0);
-  }, "clearBindingLoadingHideTimeout"), F = /* @__PURE__ */ a(() => {
+  }), I = /* @__PURE__ */ a(() => {
     y.current !== void 0 && (window.clearTimeout(y.current), y.current = void 0);
+  }, "clearBindingLoadingHideTimeout"), W = /* @__PURE__ */ a(() => {
+    g.current !== void 0 && (window.clearTimeout(g.current), g.current = void 0);
   }, "clearBodyReloadStartTimeout");
-  w(() => {
+  h(() => {
     const t = /* @__PURE__ */ a((u) => {
-      var d;
-      ((d = u.detail) == null ? void 0 : d.gridId) === r && ve(je(i.current));
+      var f;
+      ((f = u.detail) == null ? void 0 : f.gridId) === r && Ce(qe(i.current));
     }, "handleBodyRowsChanged");
-    return window.addEventListener(Me, t), () => {
-      window.removeEventListener(Me, t);
+    return window.addEventListener(Ne, t), () => {
+      window.removeEventListener(Ne, t);
     };
-  }, [r]), w(() => {
-    n || (F(), B(), c.current = null, g(!1));
-  }, [n]), w(() => {
+  }, [r]), h(() => {
+    n || (W(), I(), d.current = null, v(!1));
+  }, [n]), h(() => {
     var t;
-    if (D.id !== Be.current && !h(i.current) && ((t = i.current) == null || t.Dispose(), i.current = null, Be.current = D.id), !!h(i.current))
-      return mr({
+    if (b.id !== Ie.current && !A(i.current) && ((t = i.current) == null || t.Dispose(), i.current = null, Ie.current = b.id), !!A(i.current))
+      return yr({
         id: r,
-        latestEventHandlersRef: Re,
-        highlightEditableCellsRef: ye,
-        highlightChangedCellsRef: ge,
+        latestEventHandlersRef: Te,
+        highlightEditableCellsRef: ge,
+        highlightChangedCellsRef: ve,
         syncDeletedRowCanEditRef: Ge,
-        editableCellBackgroundColorValueRef: Ce,
-        changedCellBackgroundColorRef: Ee,
-        selectedCellBackgroundColorRef: be,
-        hoverCellBackgroundColorRef: De,
+        editableCellBackgroundColorValueRef: Ee,
+        changedCellBackgroundColorRef: Be,
+        selectedCellBackgroundColorRef: De,
+        hoverCellBackgroundColorRef: be,
         treeGridInstanceRef: i,
         treeGridInitStartedAtRef: me,
-        latestLayoutOverridesRef: M,
-        appliedLayoutOverridesRef: C,
-        appliedBodyDataPropRef: E,
+        latestLayoutOverridesRef: P,
+        appliedLayoutOverridesRef: E,
+        appliedBodyDataPropRef: B,
         latestColumnEditRulesRef: N,
         latestColumnEditRuleLookupRef: x,
-        appliedColumnEditRulesRef: b,
-        columnEditRulesStateRef: Te,
-        hasAppliedInitialLayoutRef: Ze,
-        syncHasDisplayDataRows: Ie,
-        setIsTreeGridReady: $e
-      }), me.current = z(), Ne(r, "init"), xe(r, "TreeGrid init start", {
+        appliedColumnEditRulesRef: D,
+        columnEditRulesStateRef: ye,
+        hasAppliedInitialLayoutRef: rr,
+        syncHasDisplayDataRows: Le,
+        setIsTreeGridReady: tr
+      }), me.current = F(), xe(r, "init"), Ve(r, "TreeGrid init start", {
         useDataUrl: !!Z,
-        bodyRowCount: J(o)
+        bodyRowCount: Y(o)
       }), window.TreeGrid(
-        pr({
+        gr({
           id: r,
           layoutUrl: Ke,
           layoutData: Qe,
-          dataUrl: Ue,
+          dataUrl: Xe,
           bodyData: o,
           useDataUrl: Z,
-          width: U,
-          height: Q,
-          languageId: D.id
+          width: Q,
+          height: K,
+          languageId: b.id
         }),
         r,
         r
       ), () => {
-        Ir(() => {
+        Or(() => {
           var u;
           (u = i.current) == null || u.Dispose();
         }, 200);
       };
-  }, []), cr(() => {
-    const t = i.current, u = M.current, G = pe.current, d = N.current;
-    if (h(t) || !j)
+  }, []), pr(() => {
+    const t = i.current, u = P.current, G = pe.current, f = N.current;
+    if (A(t) || !j)
       return;
-    const we = C.current !== u && !We(C.current, u), L = E.current !== G && (!V.current || p.current !== G), he = b.current !== d && !We(b.current, d);
-    if (!(!we && !L && !he)) {
-      if (we) {
-        const f = z();
-        yr(t, u, L), C.current = u, Ve(r, "apply layout", f, {
-          disableBodyReload: !!L
+    const he = E.current !== u && !We(E.current, u), _ = B.current !== G && (!V.current || R.current !== G), Ae = D.current !== f && !We(D.current, f);
+    if (!(!he && !_ && !Ae)) {
+      if (he) {
+        const m = F();
+        Cr(t, u, _), E.current = u, je(r, "apply layout", m, {
+          disableBodyReload: !!_
         });
       }
-      if (L) {
-        const f = R.current + 1, Ae = /* @__PURE__ */ a(() => {
-          const v = p.current;
-          y.current = void 0, P.current = z(), Ne(r, "reload"), xe(r, "ReloadBody start", {
-            bodyRowCount: J(v)
-          }), Rr(t, v, () => {
-            if (R.current !== f)
+      if (_) {
+        const m = T.current + 1, Se = /* @__PURE__ */ a(() => {
+          const C = R.current;
+          g.current = void 0, M.current = F(), xe(r, "reload"), Ve(r, "ReloadBody start", {
+            bodyRowCount: Y(C)
+          }), vr(t, C, () => {
+            if (T.current !== m)
               return;
-            E.current = v, Ie(t), Ve(r, "ReloadBody end", P.current, {
-              bodyRowCount: J(v)
-            }), P.current = null, p.current === v && (p.current = void 0, V.current = !1);
-            const Se = c.current;
-            if (!n || Se === null) {
-              c.current = null, g(!1);
+            B.current = C, Le(t), je(r, "ReloadBody end", M.current, {
+              bodyRowCount: Y(C)
+            }), M.current = null, R.current === C && (R.current = void 0, V.current = !1);
+            const He = d.current;
+            if (!n || He === null) {
+              d.current = null, v(!1);
               return;
             }
-            const He = Math.max(
+            const ke = Math.max(
               0,
-              Tr - (Date.now() - Se)
+              Gr - (Date.now() - He)
             );
-            if (B(), He === 0) {
-              c.current = null, g(!1);
+            if (I(), ke === 0) {
+              d.current = null, v(!1);
               return;
             }
-            T.current = window.setTimeout(() => {
-              R.current === f && (T.current = void 0, c.current = null, g(!1));
-            }, He);
+            y.current = window.setTimeout(() => {
+              T.current === m && (y.current = void 0, d.current = null, v(!1));
+            }, ke);
           });
         }, "runBodyReload");
-        R.current = f, p.current = G, V.current = !0, n && G !== void 0 ? (F(), B(), c.current = Date.now(), g(!0), y.current = window.setTimeout(() => {
-          R.current === f && Ae();
-        }, 0)) : Ae();
+        T.current = m, R.current = G, V.current = !0, n && G !== void 0 ? (W(), I(), d.current = Date.now(), v(!0), g.current = window.setTimeout(() => {
+          T.current === m && Se();
+        }, 0)) : Se();
       }
-      he && (Cr(
+      Ae && (br(
         t,
         x.current,
-        Te.current
-      ), b.current = d);
+        ye.current
+      ), D.current = f);
     }
-  }, [j, A, o, m, n, r]), w(() => () => {
-    F(), B();
+  }, [j, S, o, p, n, r]), h(() => () => {
+    W(), I();
   }, []);
-  const I = Er({
-    width: U,
-    height: Q,
+  const L = Ir({
+    width: Q,
+    height: K,
     treeGridTheme: s,
     gridThemeConfig: k,
     containerStyle: l,
     tableBorderRadius: X ? Je : void 0
   });
-  return K !== void 0 && (I["--owp-tree-grid-toolbar-row-background-color"] = String(K)), (n || W) && (I.position = l != null && l.position && l.position !== "static" ? l.position : "relative", I.isolation = "isolate"), /* @__PURE__ */ nr(
+  return J !== void 0 && (L["--owp-tree-grid-toolbar-row-background-color"] = String(J)), (n || U) && (L.position = l != null && l.position && l.position !== "static" ? l.position : "relative", L.isolation = "isolate"), /* @__PURE__ */ ur(
     "div",
     {
       ref: fe,
       className: [
-        br,
-        X && Dr,
+        Lr,
+        X && _r,
         Fe
       ].filter(Boolean).join(" "),
-      style: I,
+      style: L,
       children: [
-        /* @__PURE__ */ _(dr, { styles: Br }),
-        /* @__PURE__ */ _("div", { id: r, className: ze, style: Lr(Ye, ["height", "width"]) }),
-        /* @__PURE__ */ _(
-          Gr,
+        /* @__PURE__ */ w(Rr, { styles: wr }),
+        /* @__PURE__ */ w("div", { id: r, className: ze, style: hr(Ye, ["height", "width"]) }),
+        /* @__PURE__ */ w(
+          Br,
           {
-            visible: W,
-            message: S("Message.조회된 결과가 없습니다."),
-            overlayFrame: Le
+            visible: U,
+            message: c("Message.조회된 결과가 없습니다."),
+            overlayFrame: _e
           }
         ),
-        /* @__PURE__ */ _(gr, { visible: q, overlayFrame: Le })
+        /* @__PURE__ */ w(Er, { visible: q, overlayFrame: _e })
       ]
     }
   );
 }, "OwpTreeGrid");
 export {
-  Xr as OwpTreeGrid
+  tt as OwpTreeGrid
 };
 //# sourceMappingURL=OwpTreeGrid.js.map