@owp/core 2.5.22 → 2.5.24

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

@@ -1,11 +1,12 @@
 var G = Object.defineProperty;
-var m = (o, a) => G(o, "name", { value: a, configurable: !0 });
+var s = (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 I } from "../../../constants/tableTheme.js";
+import { DEFAULT_TABLE_RADIUS as O } from "../../../constants/table.js";
 import { getTreeGridFontFaceStyles as $ } from "../../../constants/treeGrid.js";
 import { useGetCurrentSettings as k } from "../../../hooks/useOwpSettings.js";
-import { styled as O } from "@mui/material";
+import { styled as n } 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 N from "@mui/material/Paper";
@@ -13,32 +14,32 @@ import K from "@mui/material/Table";
 import S from "@mui/material/TableContainer";
 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 { TREEGRID_TABLE_BODY_BORDER_COLOR as _, 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 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: D
+  borderRadius: O
 }, ro = {
   borderRadius: 0
 }, E = {
   dark: "rgba(241,245,249,.12)",
   light: "#e2e8f0"
-}, yo = /* @__PURE__ */ m(({
+}, Eo = /* @__PURE__ */ s(({
   canBodyFullHeight: o,
   canTableRadiusZero: a = !1,
   canUseTableRadius: r = !1,
   canUseTreeGridStyle: t,
-  children: s,
+  children: m,
   className: i,
   containerProps: l,
   footerSlot: f,
   tableTheme: T,
   tableLayout: u,
-  tableBorderRadius: L = D,
+  tableBorderRadius: L = O,
   ...v
 }) => {
   var C, M, x;
@@ -52,13 +53,13 @@ const oo = {
     () => {
       var d, b;
       return T ?? I((b = (d = e == null ? void 0 : e.theme) == null ? void 0 : d.main) == null ? void 0 : b.table, {
-        ..._,
+        ...D,
         borderColor: R
       });
     },
     [e, R, T]
   ), A = a ? ro : t && r ? {
-    border: `1px solid ${n}`,
+    border: `1px solid ${_}`,
     borderRadius: U(L),
     overflow: "hidden"
   } : t ? void 0 : eo;
@@ -93,7 +94,7 @@ const oo = {
                 u === "fixed" ? "table-fixed" : u === "auto" ? "table-auto" : "",
                 i
               ),
-              children: s
+              children: m
             }
           ),
           f
@@ -101,17 +102,17 @@ const oo = {
       }
     )
   ] });
-}, "OwpTableBase"), to = O(K, {
-  shouldForwardProp: /* @__PURE__ */ m((o) => o !== "canBodyFullHeight" && o !== "canUseTableRadius" && o !== "canUseTreeGridStyle" && o !== "tableTheme" && o !== "treeGridTheme", "shouldForwardProp")
+}, "OwpTableBase"), to = n(K, {
+  shouldForwardProp: /* @__PURE__ */ s((o) => o !== "canBodyFullHeight" && o !== "canUseTableRadius" && o !== "canUseTreeGridStyle" && o !== "tableTheme" && o !== "treeGridTheme", "shouldForwardProp")
 })(
   ({
     canBodyFullHeight: o,
     canUseTableRadius: a,
     canUseTreeGridStyle: r,
     tableTheme: t,
-    treeGridTheme: s
+    treeGridTheme: m
   }) => {
-    const i = s ?? g(), l = t ?? _, f = `1px solid ${l.borderColor}`, T = r && a;
+    const i = m ?? g(), l = t ?? D, f = `1px solid ${l.borderColor}`, T = r && a;
     return {
       ...o && {
         height: "100%"
@@ -152,7 +153,7 @@ const oo = {
       "& td": r ? {
         ...q(i),
         "&:first-of-type": {
-          borderLeft: `1px solid ${n}`
+          borderLeft: `1px solid ${_}`
         }
       } : {
         ...W(l)
@@ -187,9 +188,9 @@ const oo = {
       }
     };
   }
-), Eo = O(V)({});
+), go = n(V)({});
 export {
-  yo as OwpTableBase,
-  Eo as OwpTableBaseRow
+  Eo as OwpTableBase,
+  go as OwpTableBaseRow
 };
 //# sourceMappingURL=OwpTableBase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OwpTableBase.js","sources":["../../../../src/components/OwpTable/internal/OwpTableBase.tsx"],"sourcesContent":["import {\n  resolveOwpGridTheme,\n  type OwpResolvedGridThemeConfigType,\n} from '@/constants/gridTheme';\nimport {\n  resolveOwpTableTheme,\n  type OwpResolvedTableThemeConfigType,\n} from '@/constants/tableTheme';\nimport { getTreeGridFontFaceStyles } from '@/constants/treeGrid';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport { styled } from '@mui/material';\nimport clsx from 'clsx';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport Paper from '@mui/material/Paper';\nimport Table, { type TableProps } from '@mui/material/Table';\nimport TableContainer, { type TableContainerProps } from '@mui/material/TableContainer';\nimport TableRow from '@mui/material/TableRow';\nimport { type ReactNode, useMemo } from 'react';\nimport {\n  getTreeGridBodyCellSx,\n  getTreeGridBodyRowSx,\n  getTreeGridCellBaseSx,\n  getTreeGridContainerSx,\n  getTreeGridHeaderCellSx,\n  TREEGRID_TABLE_BODY_BORDER_COLOR,\n  TREEGRID_TABLE_HEADER_BORDER_COLOR,\n} from './treeGridTableStyle';\nimport {\n  DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n  DEFAULT_TABLE_RADIUS,\n  defaultStyledTableTheme,\n  getDefaultTableCellSx,\n  getDefaultTableHeaderCellSx,\n} from './defaultTableStyle';\nimport { mergeSx, toTableRadiusCssValue } from '../utils/tableSx';\n\nconst treeGridContainerSx = {\n  border: 0,\n  borderRadius: 0,\n  overflow: 'visible',\n} as const;\nconst defaultTableRadiusSx = {\n  borderRadius: DEFAULT_TABLE_RADIUS,\n} as const;\nconst tableRadiusZeroSx = {\n  borderRadius: 0,\n} as const;\nconst defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\n} as const;\n\nexport interface OwpTableBaseProps extends TableProps {\n  canBodyFullHeight?: boolean;\n  canTableRadiusZero?: boolean;\n  canUseTableRadius?: boolean;\n  canUseTreeGridStyle?: boolean;\n  containerProps?: TableContainerProps;\n  footerSlot?: ReactNode;\n  tableTheme?: OwpResolvedTableThemeConfigType;\n  tableLayout?: 'auto' | 'fixed';\n  tableBorderRadius?: string | number;\n  treeGridTheme?: OwpResolvedGridThemeConfigType;\n  title?: string;\n  children: ReactNode;\n}\n\ntype OwpTableBaseInnerProps = Pick<\n  OwpTableBaseProps,\n  | 'canBodyFullHeight'\n  | 'canUseTableRadius'\n  | 'canUseTreeGridStyle'\n  | 'tableTheme'\n  | 'treeGridTheme'\n>;\n\n/**\n * OWP Table 기반 컨테이너\n * @param canBodyFullHeight body full height 사용 여부\n * @param canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param children 하위 콘텐츠\n * @param containerProps containerProps props\n * @param footerSlot footer 영역\n * @param tableLayout tableLayout 값\n * @param tableBorderRadius 테이블 radius 값\n */\nexport const OwpTableBase = ({\n  canBodyFullHeight,\n  canTableRadiusZero = false,\n  canUseTableRadius = false,\n  canUseTreeGridStyle,\n  children,\n  className,\n  containerProps,\n  footerSlot,\n  tableTheme: tableThemeProp,\n  tableLayout,\n  tableBorderRadius = DEFAULT_TABLE_RADIUS,\n  ...tableProps\n}: OwpTableBaseProps) => {\n  const currentSettings = useGetCurrentSettings();\n  const defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\n  const treeGridTheme = useMemo(\n    () => resolveOwpGridTheme(currentSettings?.theme?.main?.grid),\n    [currentSettings],\n  );\n  const tableTheme = useMemo(\n    () =>\n      tableThemeProp ??\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, {\n        ...defaultStyledTableTheme,\n        borderColor: defaultTableBorderColor,\n      }),\n    [currentSettings, defaultTableBorderColor, tableThemeProp],\n  );\n  const tableContainerRadiusSx = canTableRadiusZero\n    ? tableRadiusZeroSx\n    : canUseTreeGridStyle && canUseTableRadius\n      ? {\n          border: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n          borderRadius: toTableRadiusCssValue(tableBorderRadius),\n          overflow: 'hidden',\n        }\n      : !canUseTreeGridStyle\n        ? defaultTableRadiusSx\n        : undefined;\n\n  return (\n    <>\n      {canUseTreeGridStyle && <GlobalStyles styles={getTreeGridFontFaceStyles()} />}\n      <TableContainer\n        component={Paper}\n        variant=\"outlined\"\n        {...containerProps}\n        sx={mergeSx(\n          !canUseTreeGridStyle && { borderColor: tableTheme.borderColor },\n          canUseTreeGridStyle && treeGridContainerSx,\n          canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n          tableContainerRadiusSx,\n          canBodyFullHeight && { height: '100%' },\n          containerProps?.sx,\n        )}\n      >\n        <OwpTableBaseInner\n          {...tableProps}\n          canBodyFullHeight={canBodyFullHeight}\n          canUseTableRadius={canUseTableRadius}\n          canUseTreeGridStyle={canUseTreeGridStyle}\n          tableTheme={tableTheme}\n          treeGridTheme={treeGridTheme}\n          className={clsx(\n            canBodyFullHeight && 'h-full',\n            tableLayout === 'fixed' ? 'table-fixed' : tableLayout === 'auto' ? 'table-auto' : '',\n            className,\n          )}\n        >\n          {children}\n        </OwpTableBaseInner>\n        {footerSlot}\n      </TableContainer>\n    </>\n  );\n};\n\n/** OWP Table 기반 table element */\nconst OwpTableBaseInner = styled(Table, {\n  shouldForwardProp: (prop) =>\n    prop !== 'canBodyFullHeight' &&\n    prop !== 'canUseTableRadius' &&\n    prop !== 'canUseTreeGridStyle' &&\n    prop !== 'tableTheme' &&\n    prop !== 'treeGridTheme',\n})<OwpTableBaseInnerProps>(\n  ({\n    canBodyFullHeight,\n    canUseTableRadius,\n    canUseTreeGridStyle,\n    tableTheme,\n    treeGridTheme,\n  }) => {\n    const resolvedTreeGridTheme = treeGridTheme ?? resolveOwpGridTheme();\n    const resolvedTableTheme = tableTheme ?? defaultStyledTableTheme;\n    const defaultTableBorder = `1px solid ${resolvedTableTheme.borderColor}`;\n    const shouldUseTreeGridRadius = canUseTreeGridStyle && canUseTableRadius;\n\n    return {\n      ...(canBodyFullHeight && {\n        height: '100%',\n      }),\n      ...(canBodyFullHeight && {\n        '& .MuiTableBody-root': {\n          height: '100%',\n        },\n        '& .MuiTableBody-root > .MuiTableRow-root': {\n          height: '100%',\n        },\n      }),\n      '& .MuiTableCell-root': canUseTreeGridStyle\n        ? {\n            ...getTreeGridCellBaseSx(resolvedTreeGridTheme),\n          }\n        : undefined,\n      ...(!canUseTreeGridStyle && {\n        '& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root': {\n          borderLeft: defaultTableBorder,\n        },\n        '& .MuiTableRow-root > .MuiTableCell-root:not(:last-of-type)': {\n          borderRight: defaultTableBorder,\n        },\n        '& tbody > .MuiTableRow-root:last-of-type > .MuiTableCell-root': {\n          borderBottom: 'none',\n        },\n      }),\n      '& th': canUseTreeGridStyle\n        ? {\n            ...getTreeGridHeaderCellSx(resolvedTreeGridTheme),\n            '&:first-of-type': {\n              borderLeft: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n            },\n          }\n        : {\n            ...getDefaultTableHeaderCellSx(\n              resolvedTableTheme,\n              DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n            ),\n          },\n      '& td': canUseTreeGridStyle\n        ? {\n            ...getTreeGridBodyCellSx(resolvedTreeGridTheme),\n            '&:first-of-type': {\n              borderLeft: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n            },\n          }\n        : {\n            ...getDefaultTableCellSx(resolvedTableTheme),\n          },\n      ...(canUseTreeGridStyle && {\n        '& tbody > .MuiTableRow-root': getTreeGridBodyRowSx(resolvedTreeGridTheme),\n      }),\n      ...(canUseTreeGridStyle && {\n        '& tbody > tr:first-of-type > th:first-of-type': {\n          borderTopLeftRadius: 'inherit',\n        },\n        '& tbody > tr:first-of-type > td:last-of-type': {\n          borderTopRightRadius: 'inherit',\n        },\n      }),\n      ...(shouldUseTreeGridRadius && {\n        '& .MuiTableHead-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root':\n          {\n            borderTop: 0,\n          },\n        '& .MuiTableBody-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root':\n          {\n            borderTop: 0,\n          },\n        '& .MuiTableRow-root > .MuiTableCell-root:first-of-type': {\n          borderLeft: 0,\n        },\n        '& .MuiTableRow-root > .MuiTableCell-root:last-of-type': {\n          borderRight: 0,\n        },\n        '& .MuiTableBody-root > .MuiTableRow-root:last-of-type > .MuiTableCell-root': {\n          borderBottom: 0,\n        },\n      }),\n    };\n  },\n);\n\n/** OWP Table 기반 row */\nexport const OwpTableBaseRow = styled(TableRow)({});\n"],"names":["treeGridContainerSx","defaultTableRadiusSx","DEFAULT_TABLE_RADIUS","tableRadiusZeroSx","defaultTableBorderColorByMode","OwpTableBase","__name","canBodyFullHeight","canTableRadiusZero","canUseTableRadius","canUseTreeGridStyle","children","className","containerProps","footerSlot","tableThemeProp","tableLayout","tableBorderRadius","tableProps","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","treeGridTheme","useMemo","resolveOwpGridTheme","tableTheme","resolveOwpTableTheme","defaultStyledTableTheme","tableContainerRadiusSx","TREEGRID_TABLE_BODY_BORDER_COLOR","toTableRadiusCssValue","jsxs","Fragment","jsx","GlobalStyles","getTreeGridFontFaceStyles","TableContainer","Paper","mergeSx","getTreeGridContainerSx","OwpTableBaseInner","clsx","styled","Table","prop","resolvedTreeGridTheme","resolvedTableTheme","defaultTableBorder","shouldUseTreeGridRadius","getTreeGridCellBaseSx","getTreeGridHeaderCellSx","TREEGRID_TABLE_HEADER_BORDER_COLOR","getDefaultTableHeaderCellSx","DEFAULT_TABLE_HEADER_BACKGROUND_COLOR","getTreeGridBodyCellSx","getDefaultTableCellSx","getTreeGridBodyRowSx","OwpTableBaseRow","TableRow"],"mappings":"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"}
+{"version":3,"file":"OwpTableBase.js","sources":["../../../../src/components/OwpTable/internal/OwpTableBase.tsx"],"sourcesContent":["import {\n  resolveOwpGridTheme,\n  type OwpResolvedGridThemeConfigType,\n} from '@/constants/gridTheme';\nimport {\n  resolveOwpTableTheme,\n  type OwpResolvedTableThemeConfigType,\n} from '@/constants/tableTheme';\nimport { DEFAULT_TABLE_RADIUS } from '@/constants/table';\nimport { getTreeGridFontFaceStyles } from '@/constants/treeGrid';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport { styled } from '@mui/material';\nimport clsx from 'clsx';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport Paper from '@mui/material/Paper';\nimport Table, { type TableProps } from '@mui/material/Table';\nimport TableContainer, { type TableContainerProps } from '@mui/material/TableContainer';\nimport TableRow from '@mui/material/TableRow';\nimport { type ReactNode, useMemo } from 'react';\nimport {\n  getTreeGridBodyCellSx,\n  getTreeGridBodyRowSx,\n  getTreeGridCellBaseSx,\n  getTreeGridContainerSx,\n  getTreeGridHeaderCellSx,\n  TREEGRID_TABLE_BODY_BORDER_COLOR,\n  TREEGRID_TABLE_HEADER_BORDER_COLOR,\n} from './treeGridTableStyle';\nimport {\n  DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n  defaultStyledTableTheme,\n  getDefaultTableCellSx,\n  getDefaultTableHeaderCellSx,\n} from './defaultTableStyle';\nimport { mergeSx, toTableRadiusCssValue } from '../utils/tableSx';\n\nconst treeGridContainerSx = {\n  border: 0,\n  borderRadius: 0,\n  overflow: 'visible',\n} as const;\nconst defaultTableRadiusSx = {\n  borderRadius: DEFAULT_TABLE_RADIUS,\n} as const;\nconst tableRadiusZeroSx = {\n  borderRadius: 0,\n} as const;\nconst defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\n} as const;\n\nexport interface OwpTableBaseProps extends TableProps {\n  canBodyFullHeight?: boolean;\n  canTableRadiusZero?: boolean;\n  canUseTableRadius?: boolean;\n  canUseTreeGridStyle?: boolean;\n  containerProps?: TableContainerProps;\n  footerSlot?: ReactNode;\n  tableTheme?: OwpResolvedTableThemeConfigType;\n  tableLayout?: 'auto' | 'fixed';\n  tableBorderRadius?: string | number;\n  treeGridTheme?: OwpResolvedGridThemeConfigType;\n  title?: string;\n  children: ReactNode;\n}\n\ntype OwpTableBaseInnerProps = Pick<\n  OwpTableBaseProps,\n  | 'canBodyFullHeight'\n  | 'canUseTableRadius'\n  | 'canUseTreeGridStyle'\n  | 'tableTheme'\n  | 'treeGridTheme'\n>;\n\n/**\n * OWP Table 기반 컨테이너\n * @param canBodyFullHeight body full height 사용 여부\n * @param canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param children 하위 콘텐츠\n * @param containerProps containerProps props\n * @param footerSlot footer 영역\n * @param tableLayout tableLayout 값\n * @param tableBorderRadius 테이블 radius 값\n */\nexport const OwpTableBase = ({\n  canBodyFullHeight,\n  canTableRadiusZero = false,\n  canUseTableRadius = false,\n  canUseTreeGridStyle,\n  children,\n  className,\n  containerProps,\n  footerSlot,\n  tableTheme: tableThemeProp,\n  tableLayout,\n  tableBorderRadius = DEFAULT_TABLE_RADIUS,\n  ...tableProps\n}: OwpTableBaseProps) => {\n  const currentSettings = useGetCurrentSettings();\n  const defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\n  const treeGridTheme = useMemo(\n    () => resolveOwpGridTheme(currentSettings?.theme?.main?.grid),\n    [currentSettings],\n  );\n  const tableTheme = useMemo(\n    () =>\n      tableThemeProp ??\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, {\n        ...defaultStyledTableTheme,\n        borderColor: defaultTableBorderColor,\n      }),\n    [currentSettings, defaultTableBorderColor, tableThemeProp],\n  );\n  const tableContainerRadiusSx = canTableRadiusZero\n    ? tableRadiusZeroSx\n    : canUseTreeGridStyle && canUseTableRadius\n      ? {\n          border: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n          borderRadius: toTableRadiusCssValue(tableBorderRadius),\n          overflow: 'hidden',\n        }\n      : !canUseTreeGridStyle\n        ? defaultTableRadiusSx\n        : undefined;\n\n  return (\n    <>\n      {canUseTreeGridStyle && <GlobalStyles styles={getTreeGridFontFaceStyles()} />}\n      <TableContainer\n        component={Paper}\n        variant=\"outlined\"\n        {...containerProps}\n        sx={mergeSx(\n          !canUseTreeGridStyle && { borderColor: tableTheme.borderColor },\n          canUseTreeGridStyle && treeGridContainerSx,\n          canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n          tableContainerRadiusSx,\n          canBodyFullHeight && { height: '100%' },\n          containerProps?.sx,\n        )}\n      >\n        <OwpTableBaseInner\n          {...tableProps}\n          canBodyFullHeight={canBodyFullHeight}\n          canUseTableRadius={canUseTableRadius}\n          canUseTreeGridStyle={canUseTreeGridStyle}\n          tableTheme={tableTheme}\n          treeGridTheme={treeGridTheme}\n          className={clsx(\n            canBodyFullHeight && 'h-full',\n            tableLayout === 'fixed' ? 'table-fixed' : tableLayout === 'auto' ? 'table-auto' : '',\n            className,\n          )}\n        >\n          {children}\n        </OwpTableBaseInner>\n        {footerSlot}\n      </TableContainer>\n    </>\n  );\n};\n\n/** OWP Table 기반 table element */\nconst OwpTableBaseInner = styled(Table, {\n  shouldForwardProp: (prop) =>\n    prop !== 'canBodyFullHeight' &&\n    prop !== 'canUseTableRadius' &&\n    prop !== 'canUseTreeGridStyle' &&\n    prop !== 'tableTheme' &&\n    prop !== 'treeGridTheme',\n})<OwpTableBaseInnerProps>(\n  ({\n    canBodyFullHeight,\n    canUseTableRadius,\n    canUseTreeGridStyle,\n    tableTheme,\n    treeGridTheme,\n  }) => {\n    const resolvedTreeGridTheme = treeGridTheme ?? resolveOwpGridTheme();\n    const resolvedTableTheme = tableTheme ?? defaultStyledTableTheme;\n    const defaultTableBorder = `1px solid ${resolvedTableTheme.borderColor}`;\n    const shouldUseTreeGridRadius = canUseTreeGridStyle && canUseTableRadius;\n\n    return {\n      ...(canBodyFullHeight && {\n        height: '100%',\n      }),\n      ...(canBodyFullHeight && {\n        '& .MuiTableBody-root': {\n          height: '100%',\n        },\n        '& .MuiTableBody-root > .MuiTableRow-root': {\n          height: '100%',\n        },\n      }),\n      '& .MuiTableCell-root': canUseTreeGridStyle\n        ? {\n            ...getTreeGridCellBaseSx(resolvedTreeGridTheme),\n          }\n        : undefined,\n      ...(!canUseTreeGridStyle && {\n        '& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root': {\n          borderLeft: defaultTableBorder,\n        },\n        '& .MuiTableRow-root > .MuiTableCell-root:not(:last-of-type)': {\n          borderRight: defaultTableBorder,\n        },\n        '& tbody > .MuiTableRow-root:last-of-type > .MuiTableCell-root': {\n          borderBottom: 'none',\n        },\n      }),\n      '& th': canUseTreeGridStyle\n        ? {\n            ...getTreeGridHeaderCellSx(resolvedTreeGridTheme),\n            '&:first-of-type': {\n              borderLeft: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n            },\n          }\n        : {\n            ...getDefaultTableHeaderCellSx(\n              resolvedTableTheme,\n              DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n            ),\n          },\n      '& td': canUseTreeGridStyle\n        ? {\n            ...getTreeGridBodyCellSx(resolvedTreeGridTheme),\n            '&:first-of-type': {\n              borderLeft: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n            },\n          }\n        : {\n            ...getDefaultTableCellSx(resolvedTableTheme),\n          },\n      ...(canUseTreeGridStyle && {\n        '& tbody > .MuiTableRow-root': getTreeGridBodyRowSx(resolvedTreeGridTheme),\n      }),\n      ...(canUseTreeGridStyle && {\n        '& tbody > tr:first-of-type > th:first-of-type': {\n          borderTopLeftRadius: 'inherit',\n        },\n        '& tbody > tr:first-of-type > td:last-of-type': {\n          borderTopRightRadius: 'inherit',\n        },\n      }),\n      ...(shouldUseTreeGridRadius && {\n        '& .MuiTableHead-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root':\n          {\n            borderTop: 0,\n          },\n        '& .MuiTableBody-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root':\n          {\n            borderTop: 0,\n          },\n        '& .MuiTableRow-root > .MuiTableCell-root:first-of-type': {\n          borderLeft: 0,\n        },\n        '& .MuiTableRow-root > .MuiTableCell-root:last-of-type': {\n          borderRight: 0,\n        },\n        '& .MuiTableBody-root > .MuiTableRow-root:last-of-type > .MuiTableCell-root': {\n          borderBottom: 0,\n        },\n      }),\n    };\n  },\n);\n\n/** OWP Table 기반 row */\nexport const OwpTableBaseRow = styled(TableRow)({});\n"],"names":["treeGridContainerSx","defaultTableRadiusSx","DEFAULT_TABLE_RADIUS","tableRadiusZeroSx","defaultTableBorderColorByMode","OwpTableBase","__name","canBodyFullHeight","canTableRadiusZero","canUseTableRadius","canUseTreeGridStyle","children","className","containerProps","footerSlot","tableThemeProp","tableLayout","tableBorderRadius","tableProps","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","treeGridTheme","useMemo","resolveOwpGridTheme","tableTheme","resolveOwpTableTheme","defaultStyledTableTheme","tableContainerRadiusSx","TREEGRID_TABLE_BODY_BORDER_COLOR","toTableRadiusCssValue","jsxs","Fragment","jsx","GlobalStyles","getTreeGridFontFaceStyles","TableContainer","Paper","mergeSx","getTreeGridContainerSx","OwpTableBaseInner","clsx","styled","Table","prop","resolvedTreeGridTheme","resolvedTableTheme","defaultTableBorder","shouldUseTreeGridRadius","getTreeGridCellBaseSx","getTreeGridHeaderCellSx","TREEGRID_TABLE_HEADER_BORDER_COLOR","getDefaultTableHeaderCellSx","DEFAULT_TABLE_HEADER_BACKGROUND_COLOR","getTreeGridBodyCellSx","getDefaultTableCellSx","getTreeGridBodyRowSx","OwpTableBaseRow","TableRow"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 var l = Object.defineProperty;
 var r = (o, e) => l(o, "name", { value: e, configurable: !0 });
-const n = "7px 10px", i = "0.5rem", a = "#f5f5f5", d = {
+const n = "7px 10px", a = "#f5f5f5", i = {
   borderColor: "#e2e8f0",
   header: {
     backgroundColor: "",
@@ -17,13 +17,13 @@ const n = "7px 10px", i = "0.5rem", a = "#f5f5f5", d = {
   borderBottom: `1px solid ${o.borderColor}`,
   borderLeft: "none",
   borderRight: "none"
-}), "getDefaultTableCellBaseSx"), f = /* @__PURE__ */ r((o) => ({
+}), "getDefaultTableCellBaseSx"), d = /* @__PURE__ */ r((o) => ({
   ...t(o),
   ...o.cell.backgroundColor && {
     backgroundColor: o.cell.backgroundColor
   },
   fontSize: o.cell.fontSize
-}), "getDefaultTableCellSx"), S = /* @__PURE__ */ r((o, e = a) => ({
+}), "getDefaultTableCellSx"), f = /* @__PURE__ */ r((o, e = a) => ({
   ...t(o),
   backgroundColor: o.header.backgroundColor || e,
   color: o.header.color,
@@ -49,11 +49,10 @@ const n = "7px 10px", i = "0.5rem", a = "#f5f5f5", d = {
 };
 export {
   a as DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,
-  i as DEFAULT_TABLE_RADIUS,
-  d as defaultStyledTableTheme,
+  i as defaultStyledTableTheme,
   u as defaultTableSortLabelSx,
-  f as getDefaultTableCellSx,
-  S as getDefaultTableHeaderCellSx,
+  d as getDefaultTableCellSx,
+  f as getDefaultTableHeaderCellSx,
   g as getDefaultTableHeaderLabelSx
 };
 //# sourceMappingURL=defaultTableStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"defaultTableStyle.js","sources":["../../../../src/components/OwpTable/internal/defaultTableStyle.ts"],"sourcesContent":["import type { OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';\n\nconst DEFAULT_TABLE_CELL_PADDING = '7px 10px';\n\nexport const DEFAULT_TABLE_RADIUS = '0.5rem';\nexport const DEFAULT_TABLE_HEADER_BACKGROUND_COLOR = '#f5f5f5';\n\nexport const defaultStyledTableTheme = {\n  borderColor: '#e2e8f0',\n  header: {\n    backgroundColor: '',\n    color: 'inherit',\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\n    backgroundColor: '',\n    fontSize: '1.7rem',\n  },\n} satisfies OwpResolvedTableThemeConfigType;\n\n/** 기본 table cell 공통 sx */\nconst getDefaultTableCellBaseSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    padding: DEFAULT_TABLE_CELL_PADDING,\n    borderBottom: `1px solid ${tableTheme.borderColor}`,\n    borderLeft: 'none',\n    borderRight: 'none',\n  }) as const;\n\n/** 기본 table cell sx */\nexport const getDefaultTableCellSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    ...getDefaultTableCellBaseSx(tableTheme),\n    ...(tableTheme.cell.backgroundColor && {\n      backgroundColor: tableTheme.cell.backgroundColor,\n    }),\n    fontSize: tableTheme.cell.fontSize,\n  }) as const;\n\n/** 기본 table header cell sx */\nexport const getDefaultTableHeaderCellSx = (\n  tableTheme: OwpResolvedTableThemeConfigType,\n  fallbackBackgroundColor: string = DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n) =>\n  ({\n    ...getDefaultTableCellBaseSx(tableTheme),\n    backgroundColor: tableTheme.header.backgroundColor || fallbackBackgroundColor,\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\n/** 기본 table header label sx */\nexport const getDefaultTableHeaderLabelSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\nexport const defaultTableSortLabelSx = {\n  '&.MuiTableSortLabel-root': {\n    color: 'inherit',\n  },\n  '&.MuiTableSortLabel-root:hover': {\n    color: 'inherit',\n  },\n  '&.Mui-active': {\n    color: 'inherit',\n  },\n  '& .MuiTableSortLabel-icon': {\n    color: 'currentColor !important',\n  },\n} as const;\n"],"names":["DEFAULT_TABLE_CELL_PADDING","DEFAULT_TABLE_RADIUS","DEFAULT_TABLE_HEADER_BACKGROUND_COLOR","defaultStyledTableTheme","getDefaultTableCellBaseSx","__name","tableTheme","getDefaultTableCellSx","getDefaultTableHeaderCellSx","fallbackBackgroundColor","getDefaultTableHeaderLabelSx","defaultTableSortLabelSx"],"mappings":";;AAEA,MAAMA,IAA6B,YAEtBC,IAAuB,UACvBC,IAAwC,WAExCC,IAA0B;AAAA,EACrC,aAAa;AAAA,EACb,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,EAAA;AAAA,EAEd,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,GAGMC,IAA4B,gBAAAC,EAAA,CAACC,OAChC;AAAA,EACC,SAASN;AAAA,EACT,cAAc,aAAaM,EAAW,WAAW;AAAA,EACjD,YAAY;AAAA,EACZ,aAAa;AACf,IANgC,8BASrBC,IAAwB,gBAAAF,EAAA,CAACC,OACnC;AAAA,EACC,GAAGF,EAA0BE,CAAU;AAAA,EACvC,GAAIA,EAAW,KAAK,mBAAmB;AAAA,IACrC,iBAAiBA,EAAW,KAAK;AAAA,EAAA;AAAA,EAEnC,UAAUA,EAAW,KAAK;AAC5B,IAPmC,0BAUxBE,IAA8B,gBAAAH,EAAA,CACzCC,GACAG,IAAkCP,OAEjC;AAAA,EACC,GAAGE,EAA0BE,CAAU;AAAA,EACvC,iBAAiBA,EAAW,OAAO,mBAAmBG;AAAA,EACtD,OAAOH,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAVyC,gCAa9BI,IAA+B,gBAAAL,EAAA,CAACC,OAC1C;AAAA,EACC,OAAOA,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAL0C,iCAO/BK,IAA0B;AAAA,EACrC,4BAA4B;AAAA,IAC1B,OAAO;AAAA,EAAA;AAAA,EAET,kCAAkC;AAAA,IAChC,OAAO;AAAA,EAAA;AAAA,EAET,gBAAgB;AAAA,IACd,OAAO;AAAA,EAAA;AAAA,EAET,6BAA6B;AAAA,IAC3B,OAAO;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"defaultTableStyle.js","sources":["../../../../src/components/OwpTable/internal/defaultTableStyle.ts"],"sourcesContent":["import type { OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';\n\nconst DEFAULT_TABLE_CELL_PADDING = '7px 10px';\n\nexport const DEFAULT_TABLE_HEADER_BACKGROUND_COLOR = '#f5f5f5';\n\nexport const defaultStyledTableTheme = {\n  borderColor: '#e2e8f0',\n  header: {\n    backgroundColor: '',\n    color: 'inherit',\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\n    backgroundColor: '',\n    fontSize: '1.7rem',\n  },\n} satisfies OwpResolvedTableThemeConfigType;\n\n/** 기본 table cell 공통 sx */\nconst getDefaultTableCellBaseSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    padding: DEFAULT_TABLE_CELL_PADDING,\n    borderBottom: `1px solid ${tableTheme.borderColor}`,\n    borderLeft: 'none',\n    borderRight: 'none',\n  }) as const;\n\n/** 기본 table cell sx */\nexport const getDefaultTableCellSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    ...getDefaultTableCellBaseSx(tableTheme),\n    ...(tableTheme.cell.backgroundColor && {\n      backgroundColor: tableTheme.cell.backgroundColor,\n    }),\n    fontSize: tableTheme.cell.fontSize,\n  }) as const;\n\n/** 기본 table header cell sx */\nexport const getDefaultTableHeaderCellSx = (\n  tableTheme: OwpResolvedTableThemeConfigType,\n  fallbackBackgroundColor: string = DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n) =>\n  ({\n    ...getDefaultTableCellBaseSx(tableTheme),\n    backgroundColor: tableTheme.header.backgroundColor || fallbackBackgroundColor,\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\n/** 기본 table header label sx */\nexport const getDefaultTableHeaderLabelSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\nexport const defaultTableSortLabelSx = {\n  '&.MuiTableSortLabel-root': {\n    color: 'inherit',\n  },\n  '&.MuiTableSortLabel-root:hover': {\n    color: 'inherit',\n  },\n  '&.Mui-active': {\n    color: 'inherit',\n  },\n  '& .MuiTableSortLabel-icon': {\n    color: 'currentColor !important',\n  },\n} as const;\n"],"names":["DEFAULT_TABLE_CELL_PADDING","DEFAULT_TABLE_HEADER_BACKGROUND_COLOR","defaultStyledTableTheme","getDefaultTableCellBaseSx","__name","tableTheme","getDefaultTableCellSx","getDefaultTableHeaderCellSx","fallbackBackgroundColor","getDefaultTableHeaderLabelSx","defaultTableSortLabelSx"],"mappings":";;AAEA,MAAMA,IAA6B,YAEtBC,IAAwC,WAExCC,IAA0B;AAAA,EACrC,aAAa;AAAA,EACb,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,EAAA;AAAA,EAEd,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,GAGMC,IAA4B,gBAAAC,EAAA,CAACC,OAChC;AAAA,EACC,SAASL;AAAA,EACT,cAAc,aAAaK,EAAW,WAAW;AAAA,EACjD,YAAY;AAAA,EACZ,aAAa;AACf,IANgC,8BASrBC,IAAwB,gBAAAF,EAAA,CAACC,OACnC;AAAA,EACC,GAAGF,EAA0BE,CAAU;AAAA,EACvC,GAAIA,EAAW,KAAK,mBAAmB;AAAA,IACrC,iBAAiBA,EAAW,KAAK;AAAA,EAAA;AAAA,EAEnC,UAAUA,EAAW,KAAK;AAC5B,IAPmC,0BAUxBE,IAA8B,gBAAAH,EAAA,CACzCC,GACAG,IAAkCP,OAEjC;AAAA,EACC,GAAGE,EAA0BE,CAAU;AAAA,EACvC,iBAAiBA,EAAW,OAAO,mBAAmBG;AAAA,EACtD,OAAOH,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAVyC,gCAa9BI,IAA+B,gBAAAL,EAAA,CAACC,OAC1C;AAAA,EACC,OAAOA,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAL0C,iCAO/BK,IAA0B;AAAA,EACrC,4BAA4B;AAAA,IAC1B,OAAO;AAAA,EAAA;AAAA,EAET,kCAAkC;AAAA,IAChC,OAAO;AAAA,EAAA;AAAA,EAET,gBAAgB;AAAA,IACd,OAAO;AAAA,EAAA;AAAA,EAET,6BAA6B;AAAA,IAC3B,OAAO;AAAA,EAAA;AAEX;"}

package/dist/components/OwpTable/utils/tableSx.js

@@ -1,9 +1,19 @@
-var t = Object.defineProperty;
-var n = (r, e) => t(r, "name", { value: e, configurable: !0 });
-import { isArray as u } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
-const p = /* @__PURE__ */ n((...r) => r.reduce((e, o) => o ? [...e, ...u(o) ? o : [o]] : e, []), "mergeSx"), f = /* @__PURE__ */ n((r) => typeof r == "number" ? `${r}px` : r, "toTableRadiusCssValue");
+var p = Object.defineProperty;
+var t = (r, e) => p(r, "name", { value: e, configurable: !0 });
+import { isArray as i } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+const n = "calc(0.75rem * 1.66 + 3px)", a = /* @__PURE__ */ t((...r) => r.reduce((e, o) => o ? [...e, ...i(o) ? o : [o]] : e, []), "mergeSx"), s = /* @__PURE__ */ t((r) => typeof r == "number" ? `${r}px` : r, "toTableRadiusCssValue"), u = /* @__PURE__ */ t((r) => ({
+  [`&:has(.MuiFormHelperText-root) .${r}::after`]: {
+    content: '""',
+    display: "block",
+    height: n
+  },
+  [`&:has(.MuiFormHelperText-root) .${r}:has(.MuiFormHelperText-root)::after`]: {
+    display: "none"
+  }
+}), "getTableHelperTextRowSx");
 export {
-  p as mergeSx,
-  f as toTableRadiusCssValue
+  u as getTableHelperTextRowSx,
+  a as mergeSx,
+  s as toTableRadiusCssValue
 };
 //# sourceMappingURL=tableSx.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableSx.js","sources":["../../../../src/components/OwpTable/utils/tableSx.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\nimport { isArray } from 'es-toolkit/compat';\n\n/**\n * sx 조건부 배열 병합\n * @param styles sx 목록\n */\nexport const mergeSx = (...styles: Array<SxProps<Theme> | undefined | false>): SxProps<Theme> =>\n  styles.reduce<Array<Exclude<SxProps<Theme>, readonly unknown[]>>>((acc, style) => {\n    if (!style) {\n      return acc;\n    }\n\n    return [...acc, ...(isArray(style) ? style : [style])];\n  }, []) as SxProps<Theme>;\n\n/**\n * table radius CSS 값 변환\n * @param value radius 값\n */\nexport const toTableRadiusCssValue = (value: number | string) => {\n  return typeof value === 'number' ? `${value}px` : value;\n};\n"],"names":["mergeSx","__name","styles","acc","style","isArray","toTableRadiusCssValue","value"],"mappings":";;;AAOO,MAAMA,IAAU,gBAAAC,EAAA,IAAIC,MACzBA,EAAO,OAA2D,CAACC,GAAKC,MACjEA,IAIE,CAAC,GAAGD,GAAK,GAAIE,EAAQD,CAAK,IAAIA,IAAQ,CAACA,CAAK,CAAE,IAH5CD,GAIR,CAAA,CAAE,GAPgB,YAaVG,IAAwB,gBAAAL,EAAA,CAACM,MAC7B,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,GADf;"}
+{"version":3,"file":"tableSx.js","sources":["../../../../src/components/OwpTable/utils/tableSx.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\nimport { isArray } from 'es-toolkit/compat';\n\nconst TABLE_HELPER_TEXT_RESERVED_SPACE = 'calc(0.75rem * 1.66 + 3px)';\n\n/**\n * sx 조건부 배열 병합\n * @param styles sx 목록\n */\nexport const mergeSx = (...styles: Array<SxProps<Theme> | undefined | false>): SxProps<Theme> =>\n  styles.reduce<Array<Exclude<SxProps<Theme>, readonly unknown[]>>>((acc, style) => {\n    if (!style) {\n      return acc;\n    }\n\n    return [...acc, ...(isArray(style) ? style : [style])];\n  }, []) as SxProps<Theme>;\n\n/**\n * table radius CSS 값 변환\n * @param value radius 값\n */\nexport const toTableRadiusCssValue = (value: number | string) => {\n  return typeof value === 'number' ? `${value}px` : value;\n};\n\n/**\n * table row helper text 높이 보정 sx\n * @param contentClassName 셀 콘텐츠 className\n */\nexport const getTableHelperTextRowSx = (contentClassName: string) =>\n  ({\n    [`&:has(.MuiFormHelperText-root) .${contentClassName}::after`]: {\n      content: '\"\"',\n      display: 'block',\n      height: TABLE_HELPER_TEXT_RESERVED_SPACE,\n    },\n    [`&:has(.MuiFormHelperText-root) .${contentClassName}:has(.MuiFormHelperText-root)::after`]: {\n      display: 'none',\n    },\n  }) as const;\n"],"names":["TABLE_HELPER_TEXT_RESERVED_SPACE","mergeSx","__name","styles","acc","style","isArray","toTableRadiusCssValue","value","getTableHelperTextRowSx","contentClassName"],"mappings":";;;AAGA,MAAMA,IAAmC,8BAM5BC,IAAU,gBAAAC,EAAA,IAAIC,MACzBA,EAAO,OAA2D,CAACC,GAAKC,MACjEA,IAIE,CAAC,GAAGD,GAAK,GAAIE,EAAQD,CAAK,IAAIA,IAAQ,CAACA,CAAK,CAAE,IAH5CD,GAIR,CAAA,CAAE,GAPgB,YAaVG,IAAwB,gBAAAL,EAAA,CAACM,MAC7B,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,GADf,0BAQxBC,IAA0B,gBAAAP,EAAA,CAACQ,OACrC;AAAA,EACC,CAAC,mCAAmCA,CAAgB,SAAS,GAAG;AAAA,IAC9D,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQV;AAAA,EAAA;AAAA,EAEV,CAAC,mCAAmCU,CAAgB,sCAAsC,GAAG;AAAA,IAC3F,SAAS;AAAA,EAAA;AAEb,IAVqC;"}