@owp/core 2.5.21 → 2.5.22

package/dist/components/OwpTable/OwpFieldTable.js

@@ -1,19 +1,19 @@
 var v = Object.defineProperty;
 var i = (e, t) => v(e, "name", { value: t, configurable: !0 });
-import { jsxs as p, 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 { 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 _, Box as j, TableBody as W, Checkbox as G } from "@mui/material";
+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";
-import P from "dayjs";
+import { owpDayjs as P } from "../../dayjs.js";
 import { useMemo as q, Fragment as X } from "react";
-import { FieldTableNumberValue as U, FieldTableTextValue as Z } from "./internal/FieldTableValue.js";
-import { OwpTableBaseRow as J, OwpTableBase as Q } from "./internal/OwpTableBase.js";
+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 { 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 { 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)", k = {
+const ie = 28, le = "calc(0.75rem * 1.66 + 3px)", w = {
   dark: "rgba(241,245,249,.12)",
   light: "#e2e8f0"
 }, me = {
@@ -25,27 +25,24 @@ const ie = 28, le = "calc(0.75rem * 1.66 + 3px)", k = {
     minHeight: "unset",
     padding: "7px 10px"
   }
-}, se = {
-  borderRadius: 0,
-  overflow: "visible"
-}, w = {
+}, N = {
   borderTop: "1px solid #CDD8E4"
-}, b = "owp-field-table-cell-content", fe = {
-  [`&:has(.MuiFormHelperText-root) .${b}::after`]: {
+}, c = "owp-field-table-cell-content", fe = {
+  [`&:has(.MuiFormHelperText-root) .${c}::after`]: {
     content: '""',
     display: "block",
     height: le
   },
-  [`&:has(.MuiFormHelperText-root) .${b}:has(.MuiFormHelperText-root)::after`]: {
+  [`&:has(.MuiFormHelperText-root) .${c}:has(.MuiFormHelperText-root)::after`]: {
     display: "none"
   }
-}, L = /* @__PURE__ */ i((e) => e ? (Array.isArray(e) ? e : [e]).filter(Boolean) : [], "normalizeTableCellSx"), N = /* @__PURE__ */ i((...e) => e.flatMap(L).map(
+}, B = /* @__PURE__ */ i((e) => e ? (Array.isArray(e) ? e : [e]).filter(Boolean) : [], "normalizeTableCellSx"), L = /* @__PURE__ */ i((...e) => e.flatMap(B).map(
   (t) => typeof t == "function" ? (n) => ({
     "&&&": t(n)
   }) : {
     "&&&": t
   }
-), "getTreeGridCellOverrideSx"), de = /* @__PURE__ */ i((e) => {
+), "getTreeGridCellOverrideSx"), se = /* @__PURE__ */ i((e) => {
   if (!e)
     return;
   const t = Array.isArray(e) ? e : [e];
@@ -54,7 +51,7 @@ const ie = 28, le = "calc(0.75rem * 1.66 + 3px)", k = {
     if (!(!r || typeof r == "function" || Array.isArray(r)) && typeof r == "object" && "fontSize" in r)
       return r.fontSize;
   }
-}, "getTableCellFontSize"), s = {
+}, "getTableCellFontSize"), f = {
   header: {
     backgroundColor: oe,
     color: "#111827",
@@ -65,23 +62,23 @@ const ie = 28, le = "calc(0.75rem * 1.66 + 3px)", k = {
     backgroundColor: "#FFFFFF",
     fontSize: "1.7rem"
   }
-}, ue = /* @__PURE__ */ i((e) => /* @__PURE__ */ p(I, { children: [
+}, de = /* @__PURE__ */ i((e) => /* @__PURE__ */ h(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"), be = /* @__PURE__ */ i((e, t) => typeof t == "function" ? t(e) : ne(ae(e)) ? e === "Y" : !!Number(e), "getCheckboxChecked"), ce = /* @__PURE__ */ i((e) => e.withTime ? "YYYY-MM-DD HH:mm" : e.withTimeAndSec ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD", "getDateFormat"), he = /* @__PURE__ */ i((e, t, n) => {
+] }), "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) => {
   const r = pe(t, e.key);
   return typeof e.render == "function" ? e.render() : e.useCheckbox ? /* @__PURE__ */ l(
     G,
     {
-      checked: be(r, e.validate),
+      checked: ue(r, e.validate),
       sx: {
         "& .MuiSvgIcon-root": {
-          fontSize: de(n) ?? ie
+          fontSize: se(n) ?? ie
         }
       }
     }
-  ) : e.useDate ? r && P(r).format(ce(e)) : e.contentType === "number" ? /* @__PURE__ */ l(
-    U,
+  ) : e.useDate ? r && P(r).format(he(e)) : e.contentType === "number" ? /* @__PURE__ */ l(
+    Z,
     {
       value: r,
       valueDecimals: e.valueDecimals,
@@ -89,7 +86,7 @@ const ie = 28, le = "calc(0.75rem * 1.66 + 3px)", k = {
       sx: e.valueSx
     }
   ) : e.contentType === "text" ? /* @__PURE__ */ l(
-    Z,
+    J,
     {
       value: r,
       className: e.valueClassName,
@@ -97,93 +94,93 @@ const ie = 28, le = "calc(0.75rem * 1.66 + 3px)", k = {
     }
   ) : e.disableLocaleString ? r : r == null ? void 0 : r.toLocaleString();
 }, "renderFieldTableCellValue");
-function Be({
+function Le({
   layout: e,
   titleWidth: t,
   titleSx: n,
   treeGridTitleCellSx: r,
-  cellSx: u,
-  data: B,
-  colGroupSlot: M,
-  className: R,
-  tableLayout: Y = "fixed",
-  canTableRadiusZero: H = !1,
-  canUseTableRadius: y = !1,
-  canUseTreeGridStyle: f = !1,
-  tableBorderRadius: z = re
+  cellSx: p,
+  data: M,
+  colGroupSlot: Y,
+  className: y,
+  tableLayout: H = "fixed",
+  canTableRadiusZero: z = !1,
+  canUseTableRadius: u = !1,
+  canUseTreeGridStyle: s = !1,
+  tableBorderRadius: O = re
 }) {
-  var C, g, x, F, E, S, A, D;
-  const a = V(), c = ((x = (g = (C = a == null ? void 0 : a.theme) == null ? void 0 : C.main) == null ? void 0 : g.palette) == null ? void 0 : x.mode) === "dark" ? k.dark : k.light, h = ((D = (A = (S = (E = (F = a == null ? void 0 : a.theme) == null ? void 0 : F.main) == null ? void 0 : E.table) == null ? void 0 : S.field) == null ? void 0 : A.cell) == null ? void 0 : D.backgroundColor) ?? s.cell.backgroundColor, T = q(
+  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 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: c,
+        borderColor: T,
         header: {
-          backgroundColor: s.header.backgroundColor,
-          color: s.header.color,
-          fontSize: s.header.fontSize,
-          fontWeight: s.header.fontWeight
+          backgroundColor: f.header.backgroundColor,
+          color: f.header.color,
+          fontSize: f.header.fontSize,
+          fontWeight: f.header.fontWeight
         },
         cell: {
-          backgroundColor: s.cell.backgroundColor,
-          fontSize: s.cell.fontSize
+          backgroundColor: f.cell.backgroundColor,
+          fontSize: f.cell.fontSize
         }
       });
     },
-    [a, c]
+    [a, T]
   );
-  return /* @__PURE__ */ p(
-    Q,
+  return /* @__PURE__ */ h(
+    U,
     {
-      canTableRadiusZero: H,
-      canUseTableRadius: y,
-      canUseTreeGridStyle: f,
-      className: K("w-full", R),
+      canTableRadiusZero: z,
+      canUseTableRadius: u,
+      canUseTreeGridStyle: s,
+      className: K("w-full", y),
       containerProps: {
-        sx: [
-          f ? se : void 0,
-          !f && h ? { backgroundColor: h } : void 0
-        ]
+        sx: !s && b ? { backgroundColor: b } : void 0
       },
-      tableTheme: T,
-      tableLayout: Y,
-      tableBorderRadius: z,
+      tableTheme: C,
+      tableLayout: H,
+      tableBorderRadius: O,
       children: [
-        M,
-        /* @__PURE__ */ l(W, { children: e.map((d, m) => /* @__PURE__ */ l(J, { sx: fe, children: d.map((o, O) => /* @__PURE__ */ p(X, { 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,
             {
               component: "th",
               className: "whitespace-pre-wrap",
               width: t ?? 200,
-              sx: f ? [
+              sx: s ? [
                 me,
-                m === 0 && w,
-                ...N(r, n)
-              ] : [ee(T), ...L(n)],
+                m === 0 && !u && N,
+                ...L(r, n)
+              ] : [ee(C), ...B(n)],
               rowSpan: o == null ? void 0 : o.rowSpan,
-              children: o.required ? ue(o.title) : o.title
+              children: o.required ? de(o.title) : o.title
             }
           ),
           /* @__PURE__ */ l(
-            _,
+            k,
             {
               className: "whitespace-pre-wrap",
-              sx: f ? [m === 0 && w, ...N(u)] : u,
+              sx: s ? [
+                m === 0 && !u && N,
+                ...L(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: b, children: he(o, B, u) })
+              children: /* @__PURE__ */ l(j, { className: c, children: ce(o, M, p) })
             }
           )
-        ] }, `owp-field-cell-${m}-${O}`)) }, `owp-field-col-${m}`)) })
+        ] }, `owp-field-cell-${m}-${R}`)) }, `owp-field-col-${m}`)) })
       ]
     }
   );
 }
-i(Be, "OwpFieldTable");
+i(Le, "OwpFieldTable");
 export {
-  Be as OwpFieldTable
+  Le 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 treeGridContainerSx = {\n  borderRadius: 0,\n  overflow: 'visible',\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 ? treeGridContainerSx : undefined,\n          !canUseTreeGridStyle && tableBackgroundColor\n            ? { backgroundColor: tableBackgroundColor }\n            : undefined,\n        ],\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 && 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                      ? [rowIndex === 0 && treeGridFirstRowCellSx, ...getTreeGridCellOverrideSx(cellSx)]\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","treeGridContainerSx","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 {\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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"}

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

@@ -1,78 +1,79 @@
-var y = Object.defineProperty;
-var f = (o, r) => y(o, "name", { value: r, configurable: !0 });
-import { jsxs as B, jsx as w, Fragment as G } 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";
+var G = Object.defineProperty;
+var m = (o, a) => G(o, "name", { value: a, configurable: !0 });
+import { jsxs as B, jsx as w, Fragment as F } 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 g } from "../../../constants/gridTheme.js";
-import { resolveOwpTableTheme as F } from "../../../constants/tableTheme.js";
-import { getTreeGridFontFaceStyles as I } from "../../../constants/treeGrid.js";
+import { resolveOwpTableTheme as I } from "../../../constants/tableTheme.js";
+import { getTreeGridFontFaceStyles as $ } from "../../../constants/treeGrid.js";
 import { useGetCurrentSettings as k } from "../../../hooks/useOwpSettings.js";
-import { styled as n } from "@mui/material";
-import { clsx as $ } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { styled as O } from "@mui/material";
+import { clsx as H } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import j from "@mui/material/GlobalStyles";
-import H from "@mui/material/Paper";
-import N from "@mui/material/Table";
+import N from "@mui/material/Paper";
+import K from "@mui/material/Table";
 import S from "@mui/material/TableContainer";
-import K from "@mui/material/TableRow";
-import { useMemo as E } from "react";
-import { getTreeGridContainerSx as V, getTreeGridBodyRowSx as Y, TREEGRID_TABLE_BODY_BORDER_COLOR as Z, getTreeGridBodyCellSx as q, TREEGRID_TABLE_HEADER_BORDER_COLOR as z, getTreeGridHeaderCellSx as J, getTreeGridCellBaseSx as Q } from "./treeGridTableStyle.js";
-import { defaultStyledTableTheme as M, DEFAULT_TABLE_RADIUS as _, getDefaultTableCellSx as W, getDefaultTableHeaderCellSx as X, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR as c } from "./defaultTableStyle.js";
+import V from "@mui/material/TableRow";
+import { useMemo as y } from "react";
+import { TREEGRID_TABLE_BODY_BORDER_COLOR as n, getTreeGridContainerSx as Y, getTreeGridBodyRowSx as Z, getTreeGridBodyCellSx as q, TREEGRID_TABLE_HEADER_BORDER_COLOR as z, getTreeGridHeaderCellSx as J, getTreeGridCellBaseSx as Q } from "./treeGridTableStyle.js";
+import { defaultStyledTableTheme as _, DEFAULT_TABLE_RADIUS as D, getDefaultTableCellSx as W, getDefaultTableHeaderCellSx as X, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR as c } from "./defaultTableStyle.js";
 import { mergeSx as P, toTableRadiusCssValue as U } from "../utils/tableSx.js";
 const oo = {
   border: 0,
   borderRadius: 0,
   overflow: "visible"
 }, eo = {
-  borderRadius: _
+  borderRadius: D
 }, ro = {
   borderRadius: 0
-}, O = {
+}, E = {
   dark: "rgba(241,245,249,.12)",
   light: "#e2e8f0"
-}, Oo = /* @__PURE__ */ f(({
+}, yo = /* @__PURE__ */ m(({
   canBodyFullHeight: o,
-  canTableRadiusZero: r = !1,
-  canUseTableRadius: m = !1,
+  canTableRadiusZero: a = !1,
+  canUseTableRadius: r = !1,
   canUseTreeGridStyle: t,
-  children: d,
-  className: a,
+  children: s,
+  className: i,
   containerProps: l,
-  footerSlot: D,
-  tableTheme: s,
-  tableLayout: T,
-  tableBorderRadius: L = _,
+  footerSlot: f,
+  tableTheme: T,
+  tableLayout: u,
+  tableBorderRadius: L = D,
   ...v
 }) => {
-  var p, C, x;
-  const e = k(), R = ((x = (C = (p = e == null ? void 0 : e.theme) == null ? void 0 : p.main) == null ? void 0 : C.palette) == null ? void 0 : x.mode) === "dark" ? O.dark : O.light, u = E(
+  var C, M, x;
+  const e = k(), R = ((x = (M = (C = e == null ? void 0 : e.theme) == null ? void 0 : C.main) == null ? void 0 : M.palette) == null ? void 0 : x.mode) === "dark" ? E.dark : E.light, p = y(
     () => {
-      var i, b;
-      return g((b = (i = e == null ? void 0 : e.theme) == null ? void 0 : i.main) == null ? void 0 : b.grid);
+      var d, b;
+      return g((b = (d = e == null ? void 0 : e.theme) == null ? void 0 : d.main) == null ? void 0 : b.grid);
     },
     [e]
-  ), h = E(
+  ), h = y(
     () => {
-      var i, b;
-      return s ?? F((b = (i = e == null ? void 0 : e.theme) == null ? void 0 : i.main) == null ? void 0 : b.table, {
-        ...M,
+      var d, b;
+      return T ?? I((b = (d = e == null ? void 0 : e.theme) == null ? void 0 : d.main) == null ? void 0 : b.table, {
+        ..._,
         borderColor: R
       });
     },
-    [e, R, s]
-  ), A = r ? ro : t && m ? {
+    [e, R, T]
+  ), A = a ? ro : t && r ? {
+    border: `1px solid ${n}`,
     borderRadius: U(L),
     overflow: "hidden"
   } : t ? void 0 : eo;
-  return /* @__PURE__ */ B(G, { children: [
-    t && /* @__PURE__ */ w(j, { styles: I() }),
+  return /* @__PURE__ */ B(F, { children: [
+    t && /* @__PURE__ */ w(j, { styles: $() }),
     /* @__PURE__ */ B(
       S,
       {
-        component: H,
+        component: N,
         variant: "outlined",
         ...l,
         sx: P(
           !t && { borderColor: h.borderColor },
           t && oo,
-          t && V(u),
+          t && Y(p),
           A,
           o && { height: "100%" },
           l == null ? void 0 : l.sx
@@ -83,27 +84,34 @@ const oo = {
             {
               ...v,
               canBodyFullHeight: o,
+              canUseTableRadius: r,
               canUseTreeGridStyle: t,
               tableTheme: h,
-              treeGridTheme: u,
-              className: $(
+              treeGridTheme: p,
+              className: H(
                 o && "h-full",
-                T === "fixed" ? "table-fixed" : T === "auto" ? "table-auto" : "",
-                a
+                u === "fixed" ? "table-fixed" : u === "auto" ? "table-auto" : "",
+                i
               ),
-              children: d
+              children: s
             }
           ),
-          D
+          f
         ]
       }
     )
   ] });
-}, "OwpTableBase"), to = n(N, {
-  shouldForwardProp: /* @__PURE__ */ f((o) => o !== "canBodyFullHeight" && o !== "canUseTreeGridStyle" && o !== "tableTheme" && o !== "treeGridTheme", "shouldForwardProp")
+}, "OwpTableBase"), to = O(K, {
+  shouldForwardProp: /* @__PURE__ */ m((o) => o !== "canBodyFullHeight" && o !== "canUseTableRadius" && o !== "canUseTreeGridStyle" && o !== "tableTheme" && o !== "treeGridTheme", "shouldForwardProp")
 })(
-  ({ canBodyFullHeight: o, canUseTreeGridStyle: r, tableTheme: m, treeGridTheme: t }) => {
-    const d = t ?? g(), a = m ?? M, l = `1px solid ${a.borderColor}`;
+  ({
+    canBodyFullHeight: o,
+    canUseTableRadius: a,
+    canUseTreeGridStyle: r,
+    tableTheme: t,
+    treeGridTheme: s
+  }) => {
+    const i = s ?? g(), l = t ?? _, f = `1px solid ${l.borderColor}`, T = r && a;
     return {
       ...o && {
         height: "100%"
@@ -117,40 +125,40 @@ const oo = {
         }
       },
       "& .MuiTableCell-root": r ? {
-        ...Q(d)
+        ...Q(i)
       } : void 0,
       ...!r && {
         "& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root": {
-          borderLeft: l
+          borderLeft: f
         },
         "& .MuiTableRow-root > .MuiTableCell-root:not(:last-of-type)": {
-          borderRight: l
+          borderRight: f
         },
         "& tbody > .MuiTableRow-root:last-of-type > .MuiTableCell-root": {
           borderBottom: "none"
         }
       },
       "& th": r ? {
-        ...J(d),
+        ...J(i),
         "&:first-of-type": {
           borderLeft: `1px solid ${z}`
         }
       } : {
         ...X(
-          a,
+          l,
           c
         )
       },
       "& td": r ? {
-        ...q(d),
+        ...q(i),
         "&:first-of-type": {
-          borderLeft: `1px solid ${Z}`
+          borderLeft: `1px solid ${n}`
         }
       } : {
-        ...W(a)
+        ...W(l)
       },
       ...r && {
-        "& tbody > .MuiTableRow-root": Y(d)
+        "& tbody > .MuiTableRow-root": Z(i)
       },
       ...r && {
         "& tbody > tr:first-of-type > th:first-of-type": {
@@ -159,12 +167,29 @@ const oo = {
         "& tbody > tr:first-of-type > td:last-of-type": {
           borderTopRightRadius: "inherit"
         }
+      },
+      ...T && {
+        "& .MuiTableHead-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root": {
+          borderTop: 0
+        },
+        "& .MuiTableBody-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root": {
+          borderTop: 0
+        },
+        "& .MuiTableRow-root > .MuiTableCell-root:first-of-type": {
+          borderLeft: 0
+        },
+        "& .MuiTableRow-root > .MuiTableCell-root:last-of-type": {
+          borderRight: 0
+        },
+        "& .MuiTableBody-root > .MuiTableRow-root:last-of-type > .MuiTableCell-root": {
+          borderBottom: 0
+        }
       }
     };
   }
-), go = n(K)({});
+), Eo = O(V)({});
 export {
-  Oo as OwpTableBase,
-  go as OwpTableBaseRow
+  yo as OwpTableBase,
+  Eo as OwpTableBaseRow
 };
 //# sourceMappingURL=OwpTableBase.js.map