@owp/core 2.5.22 → 2.5.24

package/dist/components/OwpTable/OwpFieldTable.js

@@ -1,22 +1,24 @@
 var v = Object.defineProperty;
-var i = (e, t) => v(e, "name", { value: t, configurable: !0 });
-import { jsxs as h, jsx as l, Fragment as I } 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 { resolveOwpTableTheme as $ } from "../../constants/tableTheme.js";
-import { useGetCurrentSettings as V } from "../../hooks/useOwpSettings.js";
-import { TableCell as k, Box as j, TableBody as W, Checkbox as G } from "@mui/material";
-import { clsx as K } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+var a = (e, t) => v(e, "name", { value: t, configurable: !0 });
+import { jsxs as b, jsx as m, Fragment as I } 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 { resolveOwpTableTheme as j } from "../../constants/tableTheme.js";
+import { DEFAULT_TABLE_RADIUS as V } from "../../constants/table.js";
+import { useGetCurrentSettings as W } from "../../hooks/useOwpSettings.js";
+import { TableCell as N, Box as $, TableBody as G, Checkbox as K } from "@mui/material";
+import { clsx as q } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { owpDayjs as P } from "../../dayjs.js";
-import { useMemo as q, Fragment as X } from "react";
-import { FieldTableNumberValue as Z, FieldTableTextValue as J } from "./internal/FieldTableValue.js";
-import { OwpTableBaseRow as Q, OwpTableBase as U } from "./internal/OwpTableBase.js";
-import { getDefaultTableHeaderCellSx as ee, DEFAULT_TABLE_RADIUS as re, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR as oe } from "./internal/defaultTableStyle.js";
+import { useMemo as X, Fragment as Z } from "react";
+import { FieldTableNumberValue as J, FieldTableTextValue as Q } from "./internal/FieldTableValue.js";
+import { OwpTableBaseRow as U, OwpTableBase as ee } from "./internal/OwpTableBase.js";
+import { getDefaultTableHeaderCellSx as re, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR as oe } from "./internal/defaultTableStyle.js";
 import { TREEGRID_TABLE_FONT_FAMILY_STACK as te } from "./internal/treeGridTableStyle.js";
-import { isNaN as ne } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNaN.js";
+import { getTableHelperTextRowSx as ne } from "./utils/tableSx.js";
+import { isNaN as ie } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNaN.js";
 import { toNumber as ae } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/toNumber.js";
-const ie = 28, le = "calc(0.75rem * 1.66 + 3px)", w = {
+const me = 28, k = {
   dark: "rgba(241,245,249,.12)",
   light: "#e2e8f0"
-}, me = {
+}, le = {
   "&&": {
     fontFamily: te,
     fontSize: "1.7rem",
@@ -25,24 +27,15 @@ const ie = 28, le = "calc(0.75rem * 1.66 + 3px)", w = {
     minHeight: "unset",
     padding: "7px 10px"
   }
-}, N = {
+}, E = {
   borderTop: "1px solid #CDD8E4"
-}, c = "owp-field-table-cell-content", fe = {
-  [`&:has(.MuiFormHelperText-root) .${c}::after`]: {
-    content: '""',
-    display: "block",
-    height: le
-  },
-  [`&:has(.MuiFormHelperText-root) .${c}:has(.MuiFormHelperText-root)::after`]: {
-    display: "none"
-  }
-}, B = /* @__PURE__ */ i((e) => e ? (Array.isArray(e) ? e : [e]).filter(Boolean) : [], "normalizeTableCellSx"), L = /* @__PURE__ */ i((...e) => e.flatMap(B).map(
+}, B = "owp-field-table-cell-content", fe = ne(B), L = /* @__PURE__ */ a((e) => e ? (Array.isArray(e) ? e : [e]).filter(Boolean) : [], "normalizeTableCellSx"), _ = /* @__PURE__ */ a((...e) => e.flatMap(L).map(
   (t) => typeof t == "function" ? (n) => ({
     "&&&": t(n)
   }) : {
     "&&&": t
   }
-), "getTreeGridCellOverrideSx"), se = /* @__PURE__ */ i((e) => {
+), "getTreeGridCellOverrideSx"), se = /* @__PURE__ */ a((e) => {
   if (!e)
     return;
   const t = Array.isArray(e) ? e : [e];
@@ -62,59 +55,52 @@ const ie = 28, le = "calc(0.75rem * 1.66 + 3px)", w = {
     backgroundColor: "#FFFFFF",
     fontSize: "1.7rem"
   }
-}, de = /* @__PURE__ */ i((e) => /* @__PURE__ */ h(I, { children: [
+}, de = /* @__PURE__ */ a((e) => /* @__PURE__ */ b(I, { children: [
   e,
-  /* @__PURE__ */ l("span", { className: "ml-4 text-red-600", children: "*" })
-] }), "getRequiredTitle"), pe = /* @__PURE__ */ i((e, t) => e == null ? void 0 : e[t], "getFieldTableValue"), ue = /* @__PURE__ */ i((e, t) => typeof t == "function" ? t(e) : ne(ae(e)) ? e === "Y" : !!Number(e), "getCheckboxChecked"), he = /* @__PURE__ */ i((e) => e.withTime ? "YYYY-MM-DD HH:mm" : e.withTimeAndSec ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD", "getDateFormat"), ce = /* @__PURE__ */ i((e, t, n) => {
+  /* @__PURE__ */ m("span", { className: "ml-4 text-red-600", children: "*" })
+] }), "getRequiredTitle"), pe = /* @__PURE__ */ a((e, t) => e == null ? void 0 : e[t], "getFieldTableValue"), ue = /* @__PURE__ */ a((e, t) => typeof t == "function" ? t(e) : ie(ae(e)) ? e === "Y" : !!Number(e), "getCheckboxChecked"), be = /* @__PURE__ */ a((e) => e.withTime ? "YYYY-MM-DD HH:mm" : e.withTimeAndSec ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD", "getDateFormat"), he = /* @__PURE__ */ a((e, t, n) => {
   const r = pe(t, e.key);
-  return typeof e.render == "function" ? e.render() : e.useCheckbox ? /* @__PURE__ */ l(
-    G,
+  return typeof e.render == "function" ? e.render() : e.useCheckbox ? /* @__PURE__ */ m(
+    K,
     {
       checked: ue(r, e.validate),
       sx: {
         "& .MuiSvgIcon-root": {
-          fontSize: se(n) ?? ie
+          fontSize: se(n) ?? me
         }
       }
     }
-  ) : e.useDate ? r && P(r).format(he(e)) : e.contentType === "number" ? /* @__PURE__ */ l(
-    Z,
-    {
-      value: r,
-      valueDecimals: e.valueDecimals,
-      className: e.valueClassName,
-      sx: e.valueSx
-    }
-  ) : e.contentType === "text" ? /* @__PURE__ */ l(
+  ) : e.useDate ? r && P(r).format(be(e)) : e.contentType === "number" ? /* @__PURE__ */ m(
     J,
     {
       value: r,
+      valueDecimals: e.valueDecimals,
       className: e.valueClassName,
       sx: e.valueSx
     }
-  ) : e.disableLocaleString ? r : r == null ? void 0 : r.toLocaleString();
+  ) : e.contentType === "text" ? /* @__PURE__ */ m(Q, { value: r, className: e.valueClassName, sx: e.valueSx }) : e.disableLocaleString ? r : r == null ? void 0 : r.toLocaleString();
 }, "renderFieldTableCellValue");
-function Le({
+function Ye({
   layout: e,
   titleWidth: t,
   titleSx: n,
   treeGridTitleCellSx: r,
   cellSx: p,
-  data: M,
-  colGroupSlot: Y,
-  className: y,
-  tableLayout: H = "fixed",
-  canTableRadiusZero: z = !1,
+  data: Y,
+  colGroupSlot: z,
+  className: M,
+  tableLayout: O = "fixed",
+  canTableRadiusZero: y = !1,
   canUseTableRadius: u = !1,
   canUseTreeGridStyle: s = !1,
-  tableBorderRadius: O = re
+  tableBorderRadius: H = V
 }) {
-  var g, F, x, E, S, D, A, _;
-  const a = V(), T = ((x = (F = (g = a == null ? void 0 : a.theme) == null ? void 0 : g.main) == null ? void 0 : F.palette) == null ? void 0 : x.mode) === "dark" ? w.dark : w.light, b = ((_ = (A = (D = (S = (E = a == null ? void 0 : a.theme) == null ? void 0 : E.main) == null ? void 0 : S.table) == null ? void 0 : D.field) == null ? void 0 : A.cell) == null ? void 0 : _.backgroundColor) ?? f.cell.backgroundColor, C = q(
+  var C, g, x, F, S, D, w, A;
+  const i = W(), h = ((x = (g = (C = i == null ? void 0 : i.theme) == null ? void 0 : C.main) == null ? void 0 : g.palette) == null ? void 0 : x.mode) === "dark" ? k.dark : k.light, T = ((A = (w = (D = (S = (F = i == null ? void 0 : i.theme) == null ? void 0 : F.main) == null ? void 0 : S.table) == null ? void 0 : D.field) == null ? void 0 : w.cell) == null ? void 0 : A.backgroundColor) ?? f.cell.backgroundColor, c = X(
     () => {
-      var d, m, o;
-      return $((o = (m = (d = a == null ? void 0 : a.theme) == null ? void 0 : d.main) == null ? void 0 : m.table) == null ? void 0 : o.field, {
-        borderColor: T,
+      var d, l, o;
+      return j((o = (l = (d = i == null ? void 0 : i.theme) == null ? void 0 : d.main) == null ? void 0 : l.table) == null ? void 0 : o.field, {
+        borderColor: h,
         header: {
           backgroundColor: f.header.backgroundColor,
           color: f.header.color,
@@ -127,60 +113,60 @@ function Le({
         }
       });
     },
-    [a, T]
+    [i, h]
   );
-  return /* @__PURE__ */ h(
-    U,
+  return /* @__PURE__ */ b(
+    ee,
     {
-      canTableRadiusZero: z,
+      canTableRadiusZero: y,
       canUseTableRadius: u,
       canUseTreeGridStyle: s,
-      className: K("w-full", y),
+      className: q("w-full", M),
       containerProps: {
-        sx: !s && b ? { backgroundColor: b } : void 0
+        sx: !s && T ? { backgroundColor: T } : void 0
       },
-      tableTheme: C,
-      tableLayout: H,
-      tableBorderRadius: O,
+      tableTheme: c,
+      tableLayout: O,
+      tableBorderRadius: H,
       children: [
-        Y,
-        /* @__PURE__ */ l(W, { children: e.map((d, m) => /* @__PURE__ */ l(Q, { sx: fe, children: d.map((o, R) => /* @__PURE__ */ h(X, { children: [
-          /* @__PURE__ */ l(
-            k,
+        z,
+        /* @__PURE__ */ m(G, { children: e.map((d, l) => /* @__PURE__ */ m(U, { sx: fe, children: d.map((o, R) => /* @__PURE__ */ b(Z, { children: [
+          /* @__PURE__ */ m(
+            N,
             {
               component: "th",
               className: "whitespace-pre-wrap",
               width: t ?? 200,
               sx: s ? [
-                me,
-                m === 0 && !u && N,
-                ...L(r, n)
-              ] : [ee(C), ...B(n)],
+                le,
+                l === 0 && !u && E,
+                ..._(r, n)
+              ] : [re(c), ...L(n)],
               rowSpan: o == null ? void 0 : o.rowSpan,
               children: o.required ? de(o.title) : o.title
             }
           ),
-          /* @__PURE__ */ l(
-            k,
+          /* @__PURE__ */ m(
+            N,
             {
               className: "whitespace-pre-wrap",
               sx: s ? [
-                m === 0 && !u && N,
-                ...L(p)
+                l === 0 && !u && E,
+                ..._(p)
               ] : p,
               style: (o == null ? void 0 : o.style) ?? {},
               colSpan: o == null ? void 0 : o.colSpan,
               rowSpan: o == null ? void 0 : o.rowSpan,
-              children: /* @__PURE__ */ l(j, { className: c, children: ce(o, M, p) })
+              children: /* @__PURE__ */ m($, { className: B, children: he(o, Y, p) })
             }
           )
-        ] }, `owp-field-cell-${m}-${R}`)) }, `owp-field-col-${m}`)) })
+        ] }, `owp-field-cell-${l}-${R}`)) }, `owp-field-col-${l}`)) })
       ]
     }
   );
 }
-i(Le, "OwpFieldTable");
+a(Ye, "OwpFieldTable");
 export {
-  Le as OwpFieldTable
+  Ye as OwpFieldTable
 };
 //# sourceMappingURL=OwpFieldTable.js.map

package/dist/components/OwpTable/OwpFieldTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpFieldTable.js","sources":["../../../src/components/OwpTable/OwpFieldTable.tsx"],"sourcesContent":["import {\n  resolveOwpTableTheme,\n} from '@/constants/tableTheme';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport type { OwpTableVariantThemeConfigType } from '@/types/OwpTableThemeTypes';\nimport { Box, Checkbox, TableBody, TableCell, type TableCellProps } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport dayjs from '@/dayjs';\nimport { isNaN, toNumber } from 'es-toolkit/compat';\nimport { Fragment, type CSSProperties, type ReactNode, useMemo } from 'react';\nimport { FieldTableNumberValue, FieldTableTextValue } from './internal/FieldTableValue';\nimport { OwpTableBase, OwpTableBaseRow } from './internal/OwpTableBase';\nimport {\n  DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n  DEFAULT_TABLE_RADIUS,\n  getDefaultTableHeaderCellSx,\n} from './internal/defaultTableStyle';\nimport { TREEGRID_TABLE_FONT_FAMILY_STACK } from './internal/treeGridTableStyle';\n\ntype OwpFieldTableCell = {\n  title: string;\n  key: string;\n  contentType?: 'input' | 'text' | 'number' | (string & {});\n  required?: boolean;\n  disableLocaleString?: boolean;\n  useDate?: boolean;\n  withTime?: boolean;\n  withTimeAndSec?: boolean;\n  useCheckbox?: boolean;\n  colSpan?: number;\n  rowSpan?: number;\n  style?: CSSProperties;\n  render?: () => ReactNode;\n  validate?: (v?: number | string | null) => boolean;\n  valueClassName?: string;\n  valueSx?: SxProps<Theme>;\n  valueDecimals?: number;\n};\n\ntype OwpFieldTableValue = string | number | '' | null;\ntype OwpFieldTableDataRecord = Record<string, OwpFieldTableValue | undefined>;\n\ninterface OwpFieldTableProps {\n  layout: OwpFieldTableCell[][];\n  data?: OwpFieldTableDataRecord;\n  titleSx?: TableCellProps['sx'];\n  treeGridTitleCellSx?: TableCellProps['sx'];\n  cellSx?: TableCellProps['sx'];\n  titleWidth?: number | string;\n  colGroupSlot?: ReactNode;\n  className?: string;\n  tableLayout?: 'auto' | 'fixed';\n  canTableRadiusZero?: boolean;\n  canUseTableRadius?: boolean;\n  canUseTreeGridStyle?: boolean;\n  tableBorderRadius?: string | number;\n}\n\nconst DEFAULT_CHECKBOX_FONT_SIZE = 28;\nconst FIELD_TABLE_HELPER_TEXT_RESERVED_SPACE = 'calc(0.75rem * 1.66 + 3px)';\nconst defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\n} as const;\n\nconst defaultTreeGridTitleCellSx = {\n  '&&': {\n    fontFamily: TREEGRID_TABLE_FONT_FAMILY_STACK,\n    fontSize: '1.7rem',\n    fontWeight: 600,\n    lineHeight: 'normal',\n    minHeight: 'unset',\n    padding: '7px 10px',\n  },\n} as const;\n\nconst treeGridFirstRowCellSx = {\n  borderTop: '1px solid #CDD8E4',\n} as const;\n\nconst FIELD_TABLE_CELL_CONTENT_CLASS_NAME = 'owp-field-table-cell-content';\n\n/** 필드 테이블 row helper text 보정 */\nconst fieldTableRowSx = {\n  [`&:has(.MuiFormHelperText-root) .${FIELD_TABLE_CELL_CONTENT_CLASS_NAME}::after`]: {\n    content: '\"\"',\n    display: 'block',\n    height: FIELD_TABLE_HELPER_TEXT_RESERVED_SPACE,\n  },\n  [`&:has(.MuiFormHelperText-root) .${FIELD_TABLE_CELL_CONTENT_CLASS_NAME}:has(.MuiFormHelperText-root)::after`]: {\n    display: 'none',\n  },\n} as const;\n\ntype TableCellSxItem = Exclude<SxProps<Theme>, readonly unknown[] | false | null | undefined>;\n\nconst normalizeTableCellSx = (\n  style?: TableCellProps['sx'],\n): TableCellSxItem[] => {\n  if (!style) {\n    return [];\n  }\n\n  return (Array.isArray(style) ? style : [style]).filter(Boolean) as TableCellSxItem[];\n};\n\nconst getTreeGridCellOverrideSx = (\n  ...styles: Array<TableCellProps['sx'] | undefined>\n): TableCellSxItem[] =>\n  styles.flatMap(normalizeTableCellSx).map((style) =>\n    typeof style === 'function'\n      ? (theme: Theme) => ({\n          '&&&': style(theme),\n        })\n      : {\n          '&&&': style,\n        },\n  );\n\nconst getTableCellFontSize = (\n  style?: TableCellProps['sx'],\n): number | string | undefined => {\n  if (!style) {\n    return undefined;\n  }\n\n  const styleItems = Array.isArray(style) ? style : [style];\n\n  for (let index = styleItems.length - 1; index >= 0; index -= 1) {\n    const styleItem = styleItems[index];\n\n    if (!styleItem || typeof styleItem === 'function' || Array.isArray(styleItem)) {\n      continue;\n    }\n\n    if (typeof styleItem === 'object' && 'fontSize' in styleItem) {\n      return styleItem.fontSize as number | string | undefined;\n    }\n  }\n\n  return undefined;\n};\n\nconst defaultFieldTableTheme = {\n  borderColor: '#e2e8f0',\n  header: {\n    backgroundColor: DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n    color: '#111827',\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\n    backgroundColor: '#FFFFFF',\n    fontSize: '1.7rem',\n  },\n} satisfies OwpTableVariantThemeConfigType;\n\n/** 필수 헤더 타이틀 */\nconst getRequiredTitle = (title: string) => (\n  <>\n    {title}\n    <span className=\"ml-4 text-red-600\">*</span>\n  </>\n);\n\nconst getFieldTableValue = (data: OwpFieldTableProps['data'], key: string) => {\n  return data?.[key];\n};\n\nconst getCheckboxChecked = (\n  value: OwpFieldTableValue | undefined,\n  validate?: OwpFieldTableCell['validate'],\n) => {\n  if (typeof validate === 'function') {\n    return validate(value);\n  }\n\n  if (isNaN(toNumber(value))) {\n    return value === 'Y';\n  }\n\n  return Boolean(Number(value));\n};\n\nconst getDateFormat = (cell: OwpFieldTableCell) => {\n  if (cell.withTime) {\n    return 'YYYY-MM-DD HH:mm';\n  }\n\n  if (cell.withTimeAndSec) {\n    return 'YYYY-MM-DD HH:mm:ss';\n  }\n\n  return 'YYYY-MM-DD';\n};\n\nconst renderFieldTableCellValue = (\n  cell: OwpFieldTableCell,\n  data: OwpFieldTableProps['data'],\n  cellSx?: OwpFieldTableProps['cellSx'],\n): ReactNode => {\n  const value = getFieldTableValue(data, cell.key);\n\n  if (typeof cell.render === 'function') {\n    return cell.render();\n  }\n\n  if (cell.useCheckbox) {\n    return (\n      <Checkbox\n        checked={getCheckboxChecked(value, cell.validate)}\n        sx={{\n          '& .MuiSvgIcon-root': {\n            fontSize: getTableCellFontSize(cellSx) ?? DEFAULT_CHECKBOX_FONT_SIZE,\n          },\n        }}\n      />\n    );\n  }\n\n  if (cell.useDate) {\n    return value ? dayjs(value).format(getDateFormat(cell)) : value;\n  }\n\n  if (cell.contentType === 'number') {\n    return (\n      <FieldTableNumberValue\n        value={value}\n        valueDecimals={cell.valueDecimals}\n        className={cell.valueClassName}\n        sx={cell.valueSx}\n      />\n    );\n  }\n\n  if (cell.contentType === 'text') {\n    return (\n      <FieldTableTextValue\n        value={value}\n        className={cell.valueClassName}\n        sx={cell.valueSx}\n      />\n    );\n  }\n\n  if (cell.disableLocaleString) {\n    return value;\n  }\n\n  return value?.toLocaleString();\n};\n\n/**\n * OwpFieldTable 컴포넌트\n * @param layout layout 값\n * @param titleWidth titleWidth 값\n * @param titleSx titleSx 값\n * @param treeGridTitleCellSx TreeGrid title cell sx 값\n * @param cellSx cellSx 값\n * @param data 데이터\n * @param colGroupSlot colGroupSlot 값\n * @param className className 값\n * @param tableLayout tableLayout 값\n * @param canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param tableBorderRadius 테이블 radius 값\n */\nexport function OwpFieldTable({\n  layout,\n  titleWidth,\n  titleSx,\n  treeGridTitleCellSx,\n  cellSx,\n  data,\n  colGroupSlot,\n  className,\n  tableLayout = 'fixed',\n  canTableRadiusZero = false,\n  canUseTableRadius = false,\n  canUseTreeGridStyle = false,\n  tableBorderRadius = DEFAULT_TABLE_RADIUS,\n}: OwpFieldTableProps) {\n  const currentSettings = useGetCurrentSettings();\n  const defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\n  const tableBackgroundColor =\n    currentSettings?.theme?.main?.table?.field?.cell?.backgroundColor ??\n    defaultFieldTableTheme.cell.backgroundColor;\n  const tableTheme = useMemo(\n    () =>\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table?.field, {\n        borderColor: defaultTableBorderColor,\n        header: {\n          backgroundColor: defaultFieldTableTheme.header.backgroundColor,\n          color: defaultFieldTableTheme.header.color,\n          fontSize: defaultFieldTableTheme.header.fontSize,\n          fontWeight: defaultFieldTableTheme.header.fontWeight,\n        },\n        cell: {\n          backgroundColor: defaultFieldTableTheme.cell.backgroundColor,\n          fontSize: defaultFieldTableTheme.cell.fontSize,\n        },\n      }),\n    [currentSettings, defaultTableBorderColor],\n  );\n\n  return (\n    <OwpTableBase\n      canTableRadiusZero={canTableRadiusZero}\n      canUseTableRadius={canUseTableRadius}\n      canUseTreeGridStyle={canUseTreeGridStyle}\n      className={clsx('w-full', className)}\n      containerProps={{\n        sx:\n          !canUseTreeGridStyle && tableBackgroundColor\n            ? { backgroundColor: tableBackgroundColor }\n            : undefined,\n      }}\n      tableTheme={tableTheme}\n      tableLayout={tableLayout}\n      tableBorderRadius={tableBorderRadius}\n    >\n      {colGroupSlot}\n      <TableBody>\n        {layout.map((cols, rowIndex) => (\n          <OwpTableBaseRow key={`owp-field-col-${rowIndex}`} sx={fieldTableRowSx}>\n            {cols.map((col, colIndex) => (\n              <Fragment key={`owp-field-cell-${rowIndex}-${colIndex}`}>\n                <TableCell\n                  component=\"th\"\n                  className=\"whitespace-pre-wrap\"\n                  width={titleWidth ?? 200}\n                  sx={\n                    canUseTreeGridStyle\n                      ? [\n                          defaultTreeGridTitleCellSx,\n                          rowIndex === 0 && !canUseTableRadius && treeGridFirstRowCellSx,\n                          ...getTreeGridCellOverrideSx(treeGridTitleCellSx, titleSx),\n                        ]\n                      : [getDefaultTableHeaderCellSx(tableTheme), ...normalizeTableCellSx(titleSx)]\n                  }\n                  rowSpan={col?.rowSpan}\n                >\n                  {col.required ? getRequiredTitle(col.title) : col.title}\n                </TableCell>\n                <TableCell\n                  className=\"whitespace-pre-wrap\"\n                  sx={\n                    canUseTreeGridStyle\n                      ? [\n                          rowIndex === 0 && !canUseTableRadius && treeGridFirstRowCellSx,\n                          ...getTreeGridCellOverrideSx(cellSx),\n                        ]\n                      : cellSx\n                  }\n                  style={col?.style ?? {}}\n                  colSpan={col?.colSpan}\n                  rowSpan={col?.rowSpan}\n                >\n                  <Box className={FIELD_TABLE_CELL_CONTENT_CLASS_NAME}>\n                    {renderFieldTableCellValue(col, data, cellSx)}\n                  </Box>\n                </TableCell>\n              </Fragment>\n            ))}\n          </OwpTableBaseRow>\n        ))}\n      </TableBody>\n    </OwpTableBase>\n  );\n}\n"],"names":["DEFAULT_CHECKBOX_FONT_SIZE","FIELD_TABLE_HELPER_TEXT_RESERVED_SPACE","defaultTableBorderColorByMode","defaultTreeGridTitleCellSx","TREEGRID_TABLE_FONT_FAMILY_STACK","treeGridFirstRowCellSx","FIELD_TABLE_CELL_CONTENT_CLASS_NAME","fieldTableRowSx","normalizeTableCellSx","__name","style","getTreeGridCellOverrideSx","styles","theme","getTableCellFontSize","styleItems","index","styleItem","defaultFieldTableTheme","DEFAULT_TABLE_HEADER_BACKGROUND_COLOR","getRequiredTitle","title","jsxs","Fragment","jsx","getFieldTableValue","data","key","getCheckboxChecked","value","validate","isNaN","toNumber","getDateFormat","cell","renderFieldTableCellValue","cellSx","Checkbox","dayjs","FieldTableNumberValue","FieldTableTextValue","OwpFieldTable","layout","titleWidth","titleSx","treeGridTitleCellSx","colGroupSlot","className","tableLayout","canTableRadiusZero","canUseTableRadius","canUseTreeGridStyle","tableBorderRadius","DEFAULT_TABLE_RADIUS","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","tableBackgroundColor","_h","_g","_f","_e","_d","tableTheme","useMemo","resolveOwpTableTheme","OwpTableBase","clsx","TableBody","cols","rowIndex","OwpTableBaseRow","col","colIndex","TableCell","getDefaultTableHeaderCellSx","Box"],"mappings":"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"}
+{"version":3,"file":"OwpFieldTable.js","sources":["../../../src/components/OwpTable/OwpFieldTable.tsx"],"sourcesContent":["import { resolveOwpTableTheme } from '@/constants/tableTheme';\nimport { DEFAULT_TABLE_RADIUS } from '@/constants/table';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport type { OwpTableVariantThemeConfigType } from '@/types/OwpTableThemeTypes';\nimport { Box, Checkbox, TableBody, TableCell, type TableCellProps } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport dayjs from '@/dayjs';\nimport { isNaN, toNumber } from 'es-toolkit/compat';\nimport { Fragment, type CSSProperties, type ReactNode, useMemo } from 'react';\nimport { FieldTableNumberValue, FieldTableTextValue } from './internal/FieldTableValue';\nimport { OwpTableBase, OwpTableBaseRow } from './internal/OwpTableBase';\nimport {\n  DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n  getDefaultTableHeaderCellSx,\n} from './internal/defaultTableStyle';\nimport { TREEGRID_TABLE_FONT_FAMILY_STACK } from './internal/treeGridTableStyle';\nimport { getTableHelperTextRowSx } from './utils/tableSx';\n\ntype OwpFieldTableCell = {\n  title: string;\n  key: string;\n  contentType?: 'input' | 'text' | 'number' | (string & {});\n  required?: boolean;\n  disableLocaleString?: boolean;\n  useDate?: boolean;\n  withTime?: boolean;\n  withTimeAndSec?: boolean;\n  useCheckbox?: boolean;\n  colSpan?: number;\n  rowSpan?: number;\n  style?: CSSProperties;\n  render?: () => ReactNode;\n  validate?: (v?: number | string | null) => boolean;\n  valueClassName?: string;\n  valueSx?: SxProps<Theme>;\n  valueDecimals?: number;\n};\n\ntype OwpFieldTableValue = string | number | '' | null;\ntype OwpFieldTableDataRecord = Record<string, OwpFieldTableValue | undefined>;\n\ninterface OwpFieldTableProps {\n  layout: OwpFieldTableCell[][];\n  data?: OwpFieldTableDataRecord;\n  titleSx?: TableCellProps['sx'];\n  treeGridTitleCellSx?: TableCellProps['sx'];\n  cellSx?: TableCellProps['sx'];\n  titleWidth?: number | string;\n  colGroupSlot?: ReactNode;\n  className?: string;\n  tableLayout?: 'auto' | 'fixed';\n  canTableRadiusZero?: boolean;\n  canUseTableRadius?: boolean;\n  canUseTreeGridStyle?: boolean;\n  tableBorderRadius?: string | number;\n}\n\nconst DEFAULT_CHECKBOX_FONT_SIZE = 28;\nconst defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\n} as const;\n\nconst defaultTreeGridTitleCellSx = {\n  '&&': {\n    fontFamily: TREEGRID_TABLE_FONT_FAMILY_STACK,\n    fontSize: '1.7rem',\n    fontWeight: 600,\n    lineHeight: 'normal',\n    minHeight: 'unset',\n    padding: '7px 10px',\n  },\n} as const;\n\nconst treeGridFirstRowCellSx = {\n  borderTop: '1px solid #CDD8E4',\n} as const;\n\nconst FIELD_TABLE_CELL_CONTENT_CLASS_NAME = 'owp-field-table-cell-content';\n\nconst fieldTableRowSx = getTableHelperTextRowSx(FIELD_TABLE_CELL_CONTENT_CLASS_NAME);\n\ntype TableCellSxItem = Exclude<SxProps<Theme>, readonly unknown[] | false | null | undefined>;\n\nconst normalizeTableCellSx = (style?: TableCellProps['sx']): TableCellSxItem[] => {\n  if (!style) {\n    return [];\n  }\n\n  return (Array.isArray(style) ? style : [style]).filter(Boolean) as TableCellSxItem[];\n};\n\nconst getTreeGridCellOverrideSx = (\n  ...styles: Array<TableCellProps['sx'] | undefined>\n): TableCellSxItem[] =>\n  styles.flatMap(normalizeTableCellSx).map((style) =>\n    typeof style === 'function'\n      ? (theme: Theme) => ({\n          '&&&': style(theme),\n        })\n      : {\n          '&&&': style,\n        },\n  );\n\nconst getTableCellFontSize = (style?: TableCellProps['sx']): number | string | undefined => {\n  if (!style) {\n    return undefined;\n  }\n\n  const styleItems = Array.isArray(style) ? style : [style];\n\n  for (let index = styleItems.length - 1; index >= 0; index -= 1) {\n    const styleItem = styleItems[index];\n\n    if (!styleItem || typeof styleItem === 'function' || Array.isArray(styleItem)) {\n      continue;\n    }\n\n    if (typeof styleItem === 'object' && 'fontSize' in styleItem) {\n      return styleItem.fontSize as number | string | undefined;\n    }\n  }\n\n  return undefined;\n};\n\nconst defaultFieldTableTheme = {\n  borderColor: '#e2e8f0',\n  header: {\n    backgroundColor: DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n    color: '#111827',\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\n    backgroundColor: '#FFFFFF',\n    fontSize: '1.7rem',\n  },\n} satisfies OwpTableVariantThemeConfigType;\n\n/** 필수 헤더 타이틀 */\nconst getRequiredTitle = (title: string) => (\n  <>\n    {title}\n    <span className=\"ml-4 text-red-600\">*</span>\n  </>\n);\n\nconst getFieldTableValue = (data: OwpFieldTableProps['data'], key: string) => {\n  return data?.[key];\n};\n\nconst getCheckboxChecked = (\n  value: OwpFieldTableValue | undefined,\n  validate?: OwpFieldTableCell['validate'],\n) => {\n  if (typeof validate === 'function') {\n    return validate(value);\n  }\n\n  if (isNaN(toNumber(value))) {\n    return value === 'Y';\n  }\n\n  return Boolean(Number(value));\n};\n\nconst getDateFormat = (cell: OwpFieldTableCell) => {\n  if (cell.withTime) {\n    return 'YYYY-MM-DD HH:mm';\n  }\n\n  if (cell.withTimeAndSec) {\n    return 'YYYY-MM-DD HH:mm:ss';\n  }\n\n  return 'YYYY-MM-DD';\n};\n\nconst renderFieldTableCellValue = (\n  cell: OwpFieldTableCell,\n  data: OwpFieldTableProps['data'],\n  cellSx?: OwpFieldTableProps['cellSx'],\n): ReactNode => {\n  const value = getFieldTableValue(data, cell.key);\n\n  if (typeof cell.render === 'function') {\n    return cell.render();\n  }\n\n  if (cell.useCheckbox) {\n    return (\n      <Checkbox\n        checked={getCheckboxChecked(value, cell.validate)}\n        sx={{\n          '& .MuiSvgIcon-root': {\n            fontSize: getTableCellFontSize(cellSx) ?? DEFAULT_CHECKBOX_FONT_SIZE,\n          },\n        }}\n      />\n    );\n  }\n\n  if (cell.useDate) {\n    return value ? dayjs(value).format(getDateFormat(cell)) : value;\n  }\n\n  if (cell.contentType === 'number') {\n    return (\n      <FieldTableNumberValue\n        value={value}\n        valueDecimals={cell.valueDecimals}\n        className={cell.valueClassName}\n        sx={cell.valueSx}\n      />\n    );\n  }\n\n  if (cell.contentType === 'text') {\n    return <FieldTableTextValue value={value} className={cell.valueClassName} sx={cell.valueSx} />;\n  }\n\n  if (cell.disableLocaleString) {\n    return value;\n  }\n\n  return value?.toLocaleString();\n};\n\n/**\n * OwpFieldTable 컴포넌트\n * @param layout layout 값\n * @param titleWidth titleWidth 값\n * @param titleSx titleSx 값\n * @param treeGridTitleCellSx TreeGrid title cell sx 값\n * @param cellSx cellSx 값\n * @param data 데이터\n * @param colGroupSlot colGroupSlot 값\n * @param className className 값\n * @param tableLayout tableLayout 값\n * @param canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param tableBorderRadius 테이블 radius 값\n */\nexport function OwpFieldTable({\n  layout,\n  titleWidth,\n  titleSx,\n  treeGridTitleCellSx,\n  cellSx,\n  data,\n  colGroupSlot,\n  className,\n  tableLayout = 'fixed',\n  canTableRadiusZero = false,\n  canUseTableRadius = false,\n  canUseTreeGridStyle = false,\n  tableBorderRadius = DEFAULT_TABLE_RADIUS,\n}: OwpFieldTableProps) {\n  const currentSettings = useGetCurrentSettings();\n  const defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\n  const tableBackgroundColor =\n    currentSettings?.theme?.main?.table?.field?.cell?.backgroundColor ??\n    defaultFieldTableTheme.cell.backgroundColor;\n  const tableTheme = useMemo(\n    () =>\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table?.field, {\n        borderColor: defaultTableBorderColor,\n        header: {\n          backgroundColor: defaultFieldTableTheme.header.backgroundColor,\n          color: defaultFieldTableTheme.header.color,\n          fontSize: defaultFieldTableTheme.header.fontSize,\n          fontWeight: defaultFieldTableTheme.header.fontWeight,\n        },\n        cell: {\n          backgroundColor: defaultFieldTableTheme.cell.backgroundColor,\n          fontSize: defaultFieldTableTheme.cell.fontSize,\n        },\n      }),\n    [currentSettings, defaultTableBorderColor],\n  );\n\n  return (\n    <OwpTableBase\n      canTableRadiusZero={canTableRadiusZero}\n      canUseTableRadius={canUseTableRadius}\n      canUseTreeGridStyle={canUseTreeGridStyle}\n      className={clsx('w-full', className)}\n      containerProps={{\n        sx:\n          !canUseTreeGridStyle && tableBackgroundColor\n            ? { backgroundColor: tableBackgroundColor }\n            : undefined,\n      }}\n      tableTheme={tableTheme}\n      tableLayout={tableLayout}\n      tableBorderRadius={tableBorderRadius}\n    >\n      {colGroupSlot}\n      <TableBody>\n        {layout.map((cols, rowIndex) => (\n          <OwpTableBaseRow key={`owp-field-col-${rowIndex}`} sx={fieldTableRowSx}>\n            {cols.map((col, colIndex) => (\n              <Fragment key={`owp-field-cell-${rowIndex}-${colIndex}`}>\n                <TableCell\n                  component=\"th\"\n                  className=\"whitespace-pre-wrap\"\n                  width={titleWidth ?? 200}\n                  sx={\n                    canUseTreeGridStyle\n                      ? [\n                          defaultTreeGridTitleCellSx,\n                          rowIndex === 0 && !canUseTableRadius && treeGridFirstRowCellSx,\n                          ...getTreeGridCellOverrideSx(treeGridTitleCellSx, titleSx),\n                        ]\n                      : [getDefaultTableHeaderCellSx(tableTheme), ...normalizeTableCellSx(titleSx)]\n                  }\n                  rowSpan={col?.rowSpan}\n                >\n                  {col.required ? getRequiredTitle(col.title) : col.title}\n                </TableCell>\n                <TableCell\n                  className=\"whitespace-pre-wrap\"\n                  sx={\n                    canUseTreeGridStyle\n                      ? [\n                          rowIndex === 0 && !canUseTableRadius && treeGridFirstRowCellSx,\n                          ...getTreeGridCellOverrideSx(cellSx),\n                        ]\n                      : cellSx\n                  }\n                  style={col?.style ?? {}}\n                  colSpan={col?.colSpan}\n                  rowSpan={col?.rowSpan}\n                >\n                  <Box className={FIELD_TABLE_CELL_CONTENT_CLASS_NAME}>\n                    {renderFieldTableCellValue(col, data, cellSx)}\n                  </Box>\n                </TableCell>\n              </Fragment>\n            ))}\n          </OwpTableBaseRow>\n        ))}\n      </TableBody>\n    </OwpTableBase>\n  );\n}\n"],"names":["DEFAULT_CHECKBOX_FONT_SIZE","defaultTableBorderColorByMode","defaultTreeGridTitleCellSx","TREEGRID_TABLE_FONT_FAMILY_STACK","treeGridFirstRowCellSx","FIELD_TABLE_CELL_CONTENT_CLASS_NAME","fieldTableRowSx","getTableHelperTextRowSx","normalizeTableCellSx","__name","style","getTreeGridCellOverrideSx","styles","theme","getTableCellFontSize","styleItems","index","styleItem","defaultFieldTableTheme","DEFAULT_TABLE_HEADER_BACKGROUND_COLOR","getRequiredTitle","title","jsxs","Fragment","jsx","getFieldTableValue","data","key","getCheckboxChecked","value","validate","isNaN","toNumber","getDateFormat","cell","renderFieldTableCellValue","cellSx","Checkbox","dayjs","FieldTableNumberValue","FieldTableTextValue","OwpFieldTable","layout","titleWidth","titleSx","treeGridTitleCellSx","colGroupSlot","className","tableLayout","canTableRadiusZero","canUseTableRadius","canUseTreeGridStyle","tableBorderRadius","DEFAULT_TABLE_RADIUS","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","tableBackgroundColor","_h","_g","_f","_e","_d","tableTheme","useMemo","resolveOwpTableTheme","OwpTableBase","clsx","TableBody","cols","rowIndex","OwpTableBaseRow","col","colIndex","TableCell","getDefaultTableHeaderCellSx","Box"],"mappings":"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"}

package/dist/components/OwpTable/OwpTable.js

@@ -1,102 +1,103 @@
-var M = Object.defineProperty;
-var i = (e, o) => M(e, "name", { value: o, configurable: !0 });
-import { jsxs as U, 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 { resolveOwpTableTheme as k } from "../../constants/tableTheme.js";
-import { useGetCurrentSettings as A } from "../../hooks/useOwpSettings.js";
-import { clsx as E } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import q from "@mui/material/TableBody";
-import B from "@mui/material/TableCell";
-import z from "@mui/material/TableHead";
-import { useMemo as b } from "react";
-import { getDefaultTableHeaderCellSx as F, defaultStyledTableTheme as I } from "./internal/defaultTableStyle.js";
-import { OwpTableBaseRow as y, OwpTableBase as J } from "./internal/OwpTableBase.js";
-import { OwpTableTotalCount as Q } from "./internal/OwpTableTotalCount.js";
-import { mergeSx as O } from "./utils/tableSx.js";
-import { isArray as v } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+var G = Object.defineProperty;
+var c = (e, o) => G(e, "name", { value: o, configurable: !0 });
+import { jsxs as M, 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 { resolveOwpTableTheme as K } from "../../constants/tableTheme.js";
+import { useGetCurrentSettings as N } from "../../hooks/useOwpSettings.js";
+import { clsx as U } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import k from "@mui/material/Box";
+import W from "@mui/material/TableBody";
+import $ from "@mui/material/TableCell";
+import q from "@mui/material/TableHead";
+import { useMemo as f } from "react";
+import { getDefaultTableHeaderCellSx as z, defaultStyledTableTheme as F } from "./internal/defaultTableStyle.js";
+import { OwpTableBaseRow as O, OwpTableBase as I } from "./internal/OwpTableBase.js";
+import { OwpTableTotalCount as J } from "./internal/OwpTableTotalCount.js";
+import { mergeSx as y, getTableHelperTextRowSx as Q } from "./utils/tableSx.js";
+import { isArray as L } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
 import { isEmpty as V } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-const R = /* @__PURE__ */ i((e) => e ? Object.keys(e).filter((o) => !o.includes("Span")) : [], "getTableColumnKeys"), j = /* @__PURE__ */ i((e, o) => e[`${o}Sx`] ?? {}, "getTableCellSx"), G = /* @__PURE__ */ i((e, o, c) => e[`${o}${c}`] ?? void 0, "getTableCellSpan"), H = {
+const R = /* @__PURE__ */ c((e) => e ? Object.keys(e).filter((o) => !o.includes("Span")) : [], "getTableColumnKeys"), E = /* @__PURE__ */ c((e, o) => e[`${o}Sx`] ?? {}, "getTableCellSx"), _ = /* @__PURE__ */ c((e, o, i) => e[`${o}${i}`] ?? void 0, "getTableCellSpan"), v = {
   dark: "rgba(241,245,249,.12)",
   light: "#e2e8f0"
-};
-function no({
+}, A = "owp-table-cell-content", X = Q(A);
+function fo({
   canTotalCountRow: e = !1,
   headers: o,
-  rows: c,
+  rows: i,
   totalCount: d,
   ...t
 }) {
-  var w, C, T, h, g, x, S, $;
-  const l = A(), s = ((T = (C = (w = l == null ? void 0 : l.theme) == null ? void 0 : w.main) == null ? void 0 : C.palette) == null ? void 0 : T.mode) === "dark" ? H.dark : H.light, p = b(
+  var u, w, C, x, S, h, g, B;
+  const l = N(), s = ((C = (w = (u = l == null ? void 0 : l.theme) == null ? void 0 : u.main) == null ? void 0 : w.palette) == null ? void 0 : C.mode) === "dark" ? v.dark : v.light, p = f(
     () => {
       var r, a;
-      return t.tableTheme ?? k((a = (r = l == null ? void 0 : l.theme) == null ? void 0 : r.main) == null ? void 0 : a.table, {
-        ...I,
+      return t.tableTheme ?? K((a = (r = l == null ? void 0 : l.theme) == null ? void 0 : r.main) == null ? void 0 : a.table, {
+        ...F,
         borderColor: s
       });
     },
     [l, s, t.tableTheme]
-  ), K = b(
-    () => v(o) ? o : V(o) ? [] : [o],
+  ), H = f(
+    () => L(o) ? o : V(o) ? [] : [o],
     [o]
-  ), L = b(
-    () => R(v(o) ? o[0] : o),
+  ), j = f(
+    () => R(L(o) ? o[0] : o),
     [o]
-  ), u = (S = (x = (g = (h = l == null ? void 0 : l.theme) == null ? void 0 : h.main) == null ? void 0 : g.table) == null ? void 0 : x.row) == null ? void 0 : S.backgroundColor;
-  return /* @__PURE__ */ U(
-    J,
+  ), T = (g = (h = (S = (x = l == null ? void 0 : l.theme) == null ? void 0 : x.main) == null ? void 0 : S.table) == null ? void 0 : h.row) == null ? void 0 : g.backgroundColor;
+  return /* @__PURE__ */ M(
+    I,
     {
       ...t,
       containerProps: {
         ...t.containerProps,
-        sx: O(
-          !t.canUseTreeGridStyle && u && { backgroundColor: u },
-          ($ = t.containerProps) == null ? void 0 : $.sx
+        sx: y(
+          !t.canUseTreeGridStyle && T && { backgroundColor: T },
+          (B = t.containerProps) == null ? void 0 : B.sx
         )
       },
-      footerSlot: e ? /* @__PURE__ */ n(
-        Q,
+      footerSlot: e ? /* @__PURE__ */ m(
+        J,
         {
           borderColor: p.borderColor,
-          totalCount: typeof d > "u" ? c.length : d
+          totalCount: typeof d > "u" ? i.length : d
         }
       ) : void 0,
-      className: E(t.tableLayout && "w-full", t.className),
+      className: U(t.tableLayout && "w-full", t.className),
       tableTheme: p,
       children: [
-        /* @__PURE__ */ n(z, { children: K.map((r, a) => /* @__PURE__ */ n(y, { children: R(r).map((m) => /* @__PURE__ */ n(
-          B,
+        /* @__PURE__ */ m(q, { children: H.map((r, a) => /* @__PURE__ */ m(O, { children: R(r).map((n) => /* @__PURE__ */ m(
+          $,
           {
             className: "whitespace-pre-wrap",
-            sx: O(
-              !t.canUseTreeGridStyle && F(p),
-              j(r, m)
+            sx: y(
+              !t.canUseTreeGridStyle && z(p),
+              E(r, n)
             ),
-            colSpan: G(r, m, "ColSpan"),
-            rowSpan: G(r, m, "RowSpan"),
+            colSpan: _(r, n, "ColSpan"),
+            rowSpan: _(r, n, "RowSpan"),
             align: "center",
-            children: r[m]
+            children: r[n]
           },
-          `table-header-${a}-${m}`
+          `table-header-${a}-${n}`
         )) }, `table-header-${a}`)) }),
-        /* @__PURE__ */ n(q, { children: c.map((r, a) => {
-          const m = r;
-          return /* @__PURE__ */ n(y, { children: L.map((f) => /* @__PURE__ */ n(
-            B,
+        /* @__PURE__ */ m(W, { children: i.map((r, a) => {
+          const n = r;
+          return /* @__PURE__ */ m(O, { sx: X, children: j.map((b) => /* @__PURE__ */ m(
+            $,
             {
               className: "whitespace-pre-wrap h-64",
-              sx: j(m, f),
+              sx: E(n, b),
               align: "center",
-              children: m[f]
+              children: /* @__PURE__ */ m(k, { className: A, children: n[b] })
             },
-            `table-row-cell-${a}-${f}`
+            `table-row-cell-${a}-${b}`
           )) }, `table-row-${a}`);
         }) })
       ]
     }
   );
 }
-i(no, "OwpTable");
+c(fo, "OwpTable");
 export {
-  no as OwpTable
+  fo as OwpTable
 };
 //# sourceMappingURL=OwpTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OwpTable.js","sources":["../../../src/components/OwpTable/OwpTable.tsx"],"sourcesContent":["import { resolveOwpTableTheme } from '@/constants/tableTheme';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport type { SxProps, Theme } from '@mui/material';\nimport clsx from 'clsx';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport { isArray, isEmpty } from 'es-toolkit/compat';\nimport { type ReactNode, useMemo } from 'react';\nimport {\n  defaultStyledTableTheme,\n  getDefaultTableHeaderCellSx,\n} from './internal/defaultTableStyle';\nimport {\n  OwpTableBase,\n  type OwpTableBaseProps,\n  OwpTableBaseRow,\n} from './internal/OwpTableBase';\nimport { OwpTableTotalCount } from './internal/OwpTableTotalCount';\nimport { mergeSx } from './utils/tableSx';\n\ntype OwpTableCellValue = string | number;\ntype OwpTableHeaderRow = Record<string, OwpTableCellValue>;\ntype OwpTableRowData = Record<string, unknown>;\n\nconst getTableColumnKeys = (row?: Record<string, unknown>) => {\n  if (!row) {\n    return [];\n  }\n\n  return Object.keys(row).filter((keyName) => !keyName.includes('Span'));\n};\n\nconst getTableCellSx = (row: Record<string, unknown>, keyName: string) => {\n  return (row[`${keyName}Sx`] as SxProps<Theme>) ?? {};\n};\n\nconst getTableCellSpan = (\n  row: Record<string, unknown>,\n  keyName: string,\n  spanType: 'ColSpan' | 'RowSpan',\n) => {\n  return (row[`${keyName}${spanType}`] as number | undefined) ?? undefined;\n};\n\nconst defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\n} as const;\n\ninterface OwpTableProps<T> extends Omit<OwpTableBaseProps, 'children'> {\n  canTotalCountRow?: boolean;\n  headers: OwpTableHeaderRow | OwpTableHeaderRow[];\n  rows: T[];\n  totalCount?: number;\n}\n\n/**\n * OwpTable 컴포넌트\n * @param canTotalCountRow 전체 row 수 표시 여부\n * @param canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param headers headers 값\n * @param rows 행 데이터 목록\n * @param tableBorderRadius 테이블 radius 값\n * @param totalCount 전체 row 수\n */\nexport function OwpTable<T>({\n  canTotalCountRow = false,\n  headers,\n  rows,\n  totalCount,\n  ...restTableProps\n}: OwpTableProps<T>) {\n  const currentSettings = useGetCurrentSettings();\n  const defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\n  const tableTheme = useMemo(\n    () =>\n      restTableProps.tableTheme ??\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, {\n        ...defaultStyledTableTheme,\n        borderColor: defaultTableBorderColor,\n      }),\n    [currentSettings, defaultTableBorderColor, restTableProps.tableTheme],\n  );\n  const resolvedHeaderRows = useMemo(\n    () => (isArray(headers) ? headers : isEmpty(headers) ? [] : [headers]),\n    [headers],\n  );\n  const commonKeyListData = useMemo(\n    () => getTableColumnKeys(isArray(headers) ? headers[0] : headers),\n    [headers],\n  );\n  const tableBackgroundColor = currentSettings?.theme?.main?.table?.row?.backgroundColor;\n\n  return (\n    <OwpTableBase\n      {...restTableProps}\n      containerProps={{\n        ...restTableProps.containerProps,\n        sx: mergeSx(\n          !restTableProps.canUseTreeGridStyle &&\n            tableBackgroundColor && { backgroundColor: tableBackgroundColor },\n          restTableProps.containerProps?.sx,\n        ),\n      }}\n      footerSlot={\n        canTotalCountRow ? (\n          <OwpTableTotalCount\n            borderColor={tableTheme.borderColor}\n            totalCount={typeof totalCount === 'undefined' ? rows.length : totalCount}\n          />\n        ) : undefined\n      }\n      className={clsx(restTableProps.tableLayout && 'w-full', restTableProps.className)}\n      tableTheme={tableTheme}\n    >\n      <TableHead>\n        {resolvedHeaderRows.map((headerData, index) => (\n          <OwpTableBaseRow key={`table-header-${index}`}>\n            {getTableColumnKeys(headerData).map((keyName) => (\n              <TableCell\n                key={`table-header-${index}-${keyName}`}\n                className=\"whitespace-pre-wrap\"\n                sx={mergeSx(\n                  !restTableProps.canUseTreeGridStyle && getDefaultTableHeaderCellSx(tableTheme),\n                  getTableCellSx(headerData, keyName),\n                )}\n                colSpan={getTableCellSpan(headerData, keyName, 'ColSpan')}\n                rowSpan={getTableCellSpan(headerData, keyName, 'RowSpan')}\n                align=\"center\"\n              >\n                {headerData[keyName]}\n              </TableCell>\n            ))}\n          </OwpTableBaseRow>\n        ))}\n      </TableHead>\n      <TableBody>\n        {rows.map((row, index) => {\n          const currentRow = row as OwpTableRowData;\n\n          return (\n            <OwpTableBaseRow key={`table-row-${index}`}>\n              {commonKeyListData.map((keyName) => (\n                <TableCell\n                  key={`table-row-cell-${index}-${keyName}`}\n                  className=\"whitespace-pre-wrap h-64\"\n                  sx={getTableCellSx(currentRow, keyName)}\n                  align=\"center\"\n                >\n                  {currentRow[keyName] as ReactNode}\n                </TableCell>\n              ))}\n            </OwpTableBaseRow>\n          );\n        })}\n      </TableBody>\n    </OwpTableBase>\n  );\n}\n"],"names":["getTableColumnKeys","__name","row","keyName","getTableCellSx","getTableCellSpan","spanType","defaultTableBorderColorByMode","OwpTable","canTotalCountRow","headers","rows","totalCount","restTableProps","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","tableTheme","useMemo","resolveOwpTableTheme","defaultStyledTableTheme","resolvedHeaderRows","isArray","isEmpty","commonKeyListData","tableBackgroundColor","_g","_f","_e","_d","jsxs","OwpTableBase","mergeSx","_h","jsx","OwpTableTotalCount","clsx","TableHead","headerData","index","OwpTableBaseRow","TableCell","getDefaultTableHeaderCellSx","TableBody","currentRow"],"mappings":";;;;;;;;;;;;;;;;AAyBA,MAAMA,IAAqB,gBAAAC,EAAA,CAACC,MACrBA,IAIE,OAAO,KAAKA,CAAG,EAAE,OAAO,CAACC,MAAY,CAACA,EAAQ,SAAS,MAAM,CAAC,IAH5D,CAAA,GAFgB,uBAQrBC,IAAiB,gBAAAH,EAAA,CAACC,GAA8BC,MAC5CD,EAAI,GAAGC,CAAO,IAAI,KAAwB,CAAA,GAD7B,mBAIjBE,IAAmB,gBAAAJ,EAAA,CACvBC,GACAC,GACAG,MAEQJ,EAAI,GAAGC,CAAO,GAAGG,CAAQ,EAAE,KAA4B,QALxC,qBAQnBC,IAAgC;AAAA,EACpC,MAAM;AAAA,EACN,OAAO;AACT;AAoBO,SAASC,GAAY;AAAA,EAC1B,kBAAAC,IAAmB;AAAA,EACnB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;;AACnB,QAAMC,IAAkBC,EAAA,GAClBC,MACJC,KAAAC,KAAAC,IAAAL,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAK,EAAwB,SAAxB,gBAAAD,EAA8B,YAA9B,gBAAAD,EAAuC,UAAS,SAC5CV,EAA8B,OAC9BA,EAA8B,OAC9Ba,IAAaC;AAAA,IACjB,MAAA;;AACE,aAAAR,EAAe,cACfS,GAAqBJ,KAAAC,IAAAL,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAK,EAAwB,SAAxB,gBAAAD,EAA8B,OAAO;AAAA,QACxD,GAAGK;AAAA,QACH,aAAaP;AAAA,MAAA,CACd;AAAA;AAAA,IACH,CAACF,GAAiBE,GAAyBH,EAAe,UAAU;AAAA,EAAA,GAEhEW,IAAqBH;AAAA,IACzB,MAAOI,EAAQf,CAAO,IAAIA,IAAUgB,EAAQhB,CAAO,IAAI,KAAK,CAACA,CAAO;AAAA,IACpE,CAACA,CAAO;AAAA,EAAA,GAEJiB,IAAoBN;AAAA,IACxB,MAAMrB,EAAmByB,EAAQf,CAAO,IAAIA,EAAQ,CAAC,IAAIA,CAAO;AAAA,IAChE,CAACA,CAAO;AAAA,EAAA,GAEJkB,KAAuBC,KAAAC,KAAAC,KAAAC,IAAAlB,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAkB,EAAwB,SAAxB,gBAAAD,EAA8B,UAA9B,gBAAAD,EAAqC,QAArC,gBAAAD,EAA0C;AAEvE,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGrB;AAAA,MACJ,gBAAgB;AAAA,QACd,GAAGA,EAAe;AAAA,QAClB,IAAIsB;AAAA,UACF,CAACtB,EAAe,uBACde,KAAwB,EAAE,iBAAiBA,EAAA;AAAA,WAC7CQ,IAAAvB,EAAe,mBAAf,gBAAAuB,EAA+B;AAAA,QAAA;AAAA,MACjC;AAAA,MAEF,YACE3B,IACE,gBAAA4B;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAalB,EAAW;AAAA,UACxB,YAAY,OAAOR,IAAe,MAAcD,EAAK,SAASC;AAAA,QAAA;AAAA,MAAA,IAE9D;AAAA,MAEN,WAAW2B,EAAK1B,EAAe,eAAe,UAAUA,EAAe,SAAS;AAAA,MAChF,YAAAO;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAiB,EAACG,GAAA,EACE,UAAAhB,EAAmB,IAAI,CAACiB,GAAYC,MACnC,gBAAAL,EAACM,GAAA,EACE,UAAA3C,EAAmByC,CAAU,EAAE,IAAI,CAACtC,MACnC,gBAAAkC;AAAA,UAACO;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,IAAIT;AAAA,cACF,CAACtB,EAAe,uBAAuBgC,EAA4BzB,CAAU;AAAA,cAC7EhB,EAAeqC,GAAYtC,CAAO;AAAA,YAAA;AAAA,YAEpC,SAASE,EAAiBoC,GAAYtC,GAAS,SAAS;AAAA,YACxD,SAASE,EAAiBoC,GAAYtC,GAAS,SAAS;AAAA,YACxD,OAAM;AAAA,YAEL,YAAWA,CAAO;AAAA,UAAA;AAAA,UAVd,gBAAgBuC,CAAK,IAAIvC,CAAO;AAAA,QAAA,CAYxC,EAAA,GAfmB,gBAAgBuC,CAAK,EAgB3C,CACD,EAAA,CACH;AAAA,0BACCI,GAAA,EACE,UAAAnC,EAAK,IAAI,CAACT,GAAKwC,MAAU;AACxB,gBAAMK,IAAa7C;AAEnB,iBACE,gBAAAmC,EAACM,GAAA,EACE,UAAAhB,EAAkB,IAAI,CAACxB,MACtB,gBAAAkC;AAAA,YAACO;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cACV,IAAIxC,EAAe2C,GAAY5C,CAAO;AAAA,cACtC,OAAM;AAAA,cAEL,YAAWA,CAAO;AAAA,YAAA;AAAA,YALd,kBAAkBuC,CAAK,IAAIvC,CAAO;AAAA,UAAA,CAO1C,KAVmB,aAAauC,CAAK,EAWxC;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAhGgBzC,EAAAO,IAAA;"}
+{"version":3,"file":"OwpTable.js","sources":["../../../src/components/OwpTable/OwpTable.tsx"],"sourcesContent":["import { resolveOwpTableTheme } from '@/constants/tableTheme';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport type { SxProps, Theme } from '@mui/material';\nimport clsx from 'clsx';\nimport Box from '@mui/material/Box';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport { isArray, isEmpty } from 'es-toolkit/compat';\nimport { type ReactNode, useMemo } from 'react';\nimport { defaultStyledTableTheme, getDefaultTableHeaderCellSx } from './internal/defaultTableStyle';\nimport { OwpTableBase, type OwpTableBaseProps, OwpTableBaseRow } from './internal/OwpTableBase';\nimport { OwpTableTotalCount } from './internal/OwpTableTotalCount';\nimport { getTableHelperTextRowSx, mergeSx } from './utils/tableSx';\n\ntype OwpTableCellValue = string | number;\ntype OwpTableHeaderRow = Record<string, OwpTableCellValue>;\ntype OwpTableRowData = Record<string, unknown>;\n\nconst getTableColumnKeys = (row?: Record<string, unknown>) => {\n  if (!row) {\n    return [];\n  }\n\n  return Object.keys(row).filter((keyName) => !keyName.includes('Span'));\n};\n\nconst getTableCellSx = (row: Record<string, unknown>, keyName: string) => {\n  return (row[`${keyName}Sx`] as SxProps<Theme>) ?? {};\n};\n\nconst getTableCellSpan = (\n  row: Record<string, unknown>,\n  keyName: string,\n  spanType: 'ColSpan' | 'RowSpan',\n) => {\n  return (row[`${keyName}${spanType}`] as number | undefined) ?? undefined;\n};\n\nconst defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\n} as const;\n\nconst OWP_TABLE_CELL_CONTENT_CLASS_NAME = 'owp-table-cell-content';\nconst tableRowSx = getTableHelperTextRowSx(OWP_TABLE_CELL_CONTENT_CLASS_NAME);\n\ninterface OwpTableProps<T> extends Omit<OwpTableBaseProps, 'children'> {\n  canTotalCountRow?: boolean;\n  headers: OwpTableHeaderRow | OwpTableHeaderRow[];\n  rows: T[];\n  totalCount?: number;\n}\n\n/**\n * OwpTable 컴포넌트\n * @param canTotalCountRow 전체 row 수 표시 여부\n * @param canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param headers headers 값\n * @param rows 행 데이터 목록\n * @param tableBorderRadius 테이블 radius 값\n * @param totalCount 전체 row 수\n */\nexport function OwpTable<T>({\n  canTotalCountRow = false,\n  headers,\n  rows,\n  totalCount,\n  ...restTableProps\n}: OwpTableProps<T>) {\n  const currentSettings = useGetCurrentSettings();\n  const defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\n  const tableTheme = useMemo(\n    () =>\n      restTableProps.tableTheme ??\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, {\n        ...defaultStyledTableTheme,\n        borderColor: defaultTableBorderColor,\n      }),\n    [currentSettings, defaultTableBorderColor, restTableProps.tableTheme],\n  );\n  const resolvedHeaderRows = useMemo(\n    () => (isArray(headers) ? headers : isEmpty(headers) ? [] : [headers]),\n    [headers],\n  );\n  const commonKeyListData = useMemo(\n    () => getTableColumnKeys(isArray(headers) ? headers[0] : headers),\n    [headers],\n  );\n  const tableBackgroundColor = currentSettings?.theme?.main?.table?.row?.backgroundColor;\n\n  return (\n    <OwpTableBase\n      {...restTableProps}\n      containerProps={{\n        ...restTableProps.containerProps,\n        sx: mergeSx(\n          !restTableProps.canUseTreeGridStyle &&\n            tableBackgroundColor && { backgroundColor: tableBackgroundColor },\n          restTableProps.containerProps?.sx,\n        ),\n      }}\n      footerSlot={\n        canTotalCountRow ? (\n          <OwpTableTotalCount\n            borderColor={tableTheme.borderColor}\n            totalCount={typeof totalCount === 'undefined' ? rows.length : totalCount}\n          />\n        ) : undefined\n      }\n      className={clsx(restTableProps.tableLayout && 'w-full', restTableProps.className)}\n      tableTheme={tableTheme}\n    >\n      <TableHead>\n        {resolvedHeaderRows.map((headerData, index) => (\n          <OwpTableBaseRow key={`table-header-${index}`}>\n            {getTableColumnKeys(headerData).map((keyName) => (\n              <TableCell\n                key={`table-header-${index}-${keyName}`}\n                className=\"whitespace-pre-wrap\"\n                sx={mergeSx(\n                  !restTableProps.canUseTreeGridStyle && getDefaultTableHeaderCellSx(tableTheme),\n                  getTableCellSx(headerData, keyName),\n                )}\n                colSpan={getTableCellSpan(headerData, keyName, 'ColSpan')}\n                rowSpan={getTableCellSpan(headerData, keyName, 'RowSpan')}\n                align=\"center\"\n              >\n                {headerData[keyName]}\n              </TableCell>\n            ))}\n          </OwpTableBaseRow>\n        ))}\n      </TableHead>\n      <TableBody>\n        {rows.map((row, index) => {\n          const currentRow = row as OwpTableRowData;\n\n          return (\n            <OwpTableBaseRow key={`table-row-${index}`} sx={tableRowSx}>\n              {commonKeyListData.map((keyName) => (\n                <TableCell\n                  key={`table-row-cell-${index}-${keyName}`}\n                  className=\"whitespace-pre-wrap h-64\"\n                  sx={getTableCellSx(currentRow, keyName)}\n                  align=\"center\"\n                >\n                  <Box className={OWP_TABLE_CELL_CONTENT_CLASS_NAME}>\n                    {currentRow[keyName] as ReactNode}\n                  </Box>\n                </TableCell>\n              ))}\n            </OwpTableBaseRow>\n          );\n        })}\n      </TableBody>\n    </OwpTableBase>\n  );\n}\n"],"names":["getTableColumnKeys","__name","row","keyName","getTableCellSx","getTableCellSpan","spanType","defaultTableBorderColorByMode","OWP_TABLE_CELL_CONTENT_CLASS_NAME","tableRowSx","getTableHelperTextRowSx","OwpTable","canTotalCountRow","headers","rows","totalCount","restTableProps","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","tableTheme","useMemo","resolveOwpTableTheme","defaultStyledTableTheme","resolvedHeaderRows","isArray","isEmpty","commonKeyListData","tableBackgroundColor","_g","_f","_e","_d","jsxs","OwpTableBase","mergeSx","_h","jsx","OwpTableTotalCount","clsx","TableHead","headerData","index","OwpTableBaseRow","TableCell","getDefaultTableHeaderCellSx","TableBody","currentRow","Box"],"mappings":"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"}