npm - @owp/core - Versions diffs - 2.5.26 → 2.5.28 - Mend

@owp/core 2.5.26 → 2.5.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/dist/components/OwpTable/OwpDataTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OwpDataTable.js","sources":["../../../src/components/OwpTable/OwpDataTable.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 {\n getTreeGridFontFaceStyles,\n} from '@/constants/treeGrid';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport { Divider, TextField, Typography, TypographyProps } from '@mui/material';\nimport Checkbox, { checkboxClasses } from '@mui/material/Checkbox';\nimport { grey } from '@mui/material/colors';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport Paper from '@mui/material/Paper';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell, { TableCellProps } from '@mui/material/TableCell';\nimport TableContainer, { TableContainerProps } from '@mui/material/TableContainer';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport TableSortLabel from '@mui/material/TableSortLabel';\nimport { type SxProps, type Theme } from '@mui/material/styles';\nimport { isArray, isBoolean, isEmpty, isEqual, isNumber, uniqueId } from 'es-toolkit/compat';\nimport { ChangeEvent, MouseEvent, ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport { OwpNumberField } from '../OwpNumberField';\nimport {\n getTreeGridBodyCellSx,\n getTreeGridBodyRowSx,\n getTreeGridContainerSx,\n getTreeGridHeaderCellSx,\n TREEGRID_TABLE_BODY_BORDER_COLOR,\n TREEGRID_TABLE_HEADER_BORDER_COLOR,\n} from './internal/treeGridTableStyle';\nimport {\n DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n defaultStyledTableTheme,\n defaultTableSortLabelSx,\n getDefaultTableCellSx,\n getDefaultTableHeaderCellSx,\n getDefaultTableHeaderLabelSx,\n} from './internal/defaultTableStyle';\nimport { toTableRadiusCssValue } from './utils/tableSx';\n\ntype Row = object;\ntype TableCellAlign = NonNullable<TableCellProps['align']>;\n\ninterface HeadCell {\n enablePadding?: boolean;\n id: string;\n label: string;\n sx?: TypographyProps['sx'];\n inputLabel?: string;\n rangeKey?: string;\n rangeLabel?: { start: string; end: string };\n align?: string;\n valueAlign?: string;\n canTextField?: boolean;\n textFieldType?: string;\n}\n\ninterface DataTableHeadProps {\n sx?: TableCellProps['sx'];\n headCells: HeadCell[];\n numSelected: number;\n onRequestSort: (event: MouseEvent<unknown>, property: string) => void;\n onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;\n order: Order;\n orderBy: string;\n rowCount: number;\n canCheckbox?: boolean;\n canUseOrderBy?: boolean;\n canTableRadiusZero?: boolean;\n canUseTreeGridStyle?: boolean;\n gridTheme: OwpResolvedGridThemeConfigType;\n tableTheme: OwpResolvedTableThemeConfigType;\n}\n\ninterface OwpDataTableProps<T extends Row = Row> {\n className?: string;\n sx?: TableContainerProps['sx'];\n headSx?: TableCellProps['sx'];\n headCells: HeadCell[];\n rows?: T[];\n canCheckbox?: boolean;\n canTotalCountRow?: boolean;\n selected?: T[];\n onSelect?: (rows: T[] \| []) => void;\n onBlur?: (evt: OwpDataTableBlurEvent, dataIndex: number) => void;\n canSelectingSingle?: boolean;\n canUseOrderBy?: boolean;\n canTableRadiusZero?: boolean;\n canUseTableRadius?: boolean;\n canUseTreeGridStyle?: boolean;\n tableBorderRadius?: string \| number;\n fixedRowCount?: number;\n}\n\nconst defaultHeadCellsSx = (\n tableTheme: OwpResolvedTableThemeConfigType,\n fallbackBackgroundColor: string,\n) =>\n ({\n ...getDefaultTableHeaderCellSx(tableTheme, fallbackBackgroundColor),\n borderBottom: `1px solid ${tableTheme.borderColor}`,\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n }) as const;\n\nconst headerBorderRight = {\n borderRight: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n};\n\n/** 기본 body cell 우측선 sx /\nconst getDefaultRowBorderRightSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n ({\n borderRight: `1px solid ${tableTheme.borderColor}`,\n }) as const;\n\nconst treeGridRowBorderRight = {\n borderRight: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n};\n\nconst getDefaultTableBodyCellSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n ({\n ...getDefaultTableCellSx(tableTheme),\n }) as const;\n\n/* 기본 header cell 구분선 sx /\nconst getDefaultHeaderDividerSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n ({\n borderRight: `1px solid ${tableTheme.borderColor}`,\n }) as const;\n\nconst tableRadiusZeroSx = {\n borderRadius: 0,\n} as const;\nconst defaultTableRadiusSx = {\n borderRadius: DEFAULT_TABLE_RADIUS,\n} as const;\n\nconst lastRowRadiusZeroSx = {\n '& > th, & > td': {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n },\n} as const;\n\nconst defaultLastRowBottomBorderNoneSx = {\n '& > th, & > td': {\n borderBottom: 'none',\n },\n} as const;\n\nconst treeGridSortLabelSx = {\n '&.MuiTableSortLabel-root': {\n color: 'inherit',\n display: 'flex',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n fontWeight: 'inherit',\n justifyContent: 'center',\n lineHeight: 'inherit',\n overflow: 'hidden',\n position: 'relative',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n width: '100%',\n },\n '&.MuiTableSortLabel-root:hover': {\n color: 'inherit',\n },\n '&.Mui-active': {\n color: 'inherit',\n },\n '& .MuiTableSortLabel-icon': {\n color: 'currentColor !important',\n margin: 0,\n position: 'absolute',\n right: 0,\n },\n} as const;\n\n/\n sx 병합 유틸\n * @param styles 병합 대상 sx 목록\n /\nconst 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 고정 row 수 계산\n * @param fixedRowCount 고정 row 수\n /\nconst getFixedRowCount = (fixedRowCount?: number) => {\n if (!isNumber(fixedRowCount) \|\| fixedRowCount < 1) {\n return undefined;\n }\n\n return fixedRowCount;\n};\n\n/\n 빈 row 목록 생성\n * @param count 생성 수\n /\nconst createEmptyRows = (count: number) => Array.from({ length: count }, () => ({}) as Row);\n\n/\n TableCell align 정규화\n * @param align align 값\n * @param fallback 기본 align 값\n /\nconst getTableCellAlign = (align: string \| undefined, fallback: TableCellAlign): TableCellAlign => {\n switch (align) {\n case 'center':\n case 'right':\n case 'left':\n case 'inherit':\n case 'justify':\n return align;\n default:\n return fallback;\n }\n};\n\n/\n row 값 조회\n * @param row row 값\n * @param key 조회 key\n /\nconst getRowValue = (row: Row, key?: string) => {\n if (!key) {\n return undefined;\n }\n\n return (row as Record<string, unknown>)?.[key];\n};\n\nconst getComparableValue = (value: unknown) => {\n if (typeof value === 'string' \|\| isNumber(value)) {\n return value;\n }\n\n return undefined;\n};\n\nfunction descendingComparator(a: Row, b: Row, orderBy: string) {\n const aValue = getComparableValue(getRowValue(a, orderBy));\n const bValue = getComparableValue(getRowValue(b, orderBy));\n\n if (bValue == null && aValue == null) {\n return 0;\n }\n if (bValue == null) {\n return -1;\n }\n if (aValue == null) {\n return 1;\n }\n if (bValue < aValue) {\n return -1;\n }\n if (bValue > aValue) {\n return 1;\n }\n return 0;\n}\n\ntype Order = 'asc' \| 'desc';\ntype OwpDataTableBlurEvent = Record<string, unknown> & {\n target: {\n value: string \| number \| undefined;\n };\n};\n\nfunction getComparator(order: Order, orderBy: string): (a: Row, b: Row) => number {\n return order === 'desc'\n ? (a, b) => descendingComparator(a, b, orderBy)\n : (a, b) => -descendingComparator(a, b, orderBy);\n}\n\ntype RowRangeValue = {\n start?: string \| number;\n end?: string \| number;\n};\n\nconst getRowRangeValue = (row: Row, rangeKey?: string) => {\n if (!rangeKey) {\n return undefined;\n }\n\n return getRowValue(row, rangeKey) as RowRangeValue \| undefined;\n};\n\nconst getRangeLabel = (row: Row, cell: HeadCell) => {\n if (!(cell.inputLabel ?? cell.rangeKey)) {\n return '';\n }\n\n const rangeValue = getRowRangeValue(row, cell.rangeKey);\n\n return `${cell.rangeLabel?.start ? `${cell.rangeLabel?.start}: ` : ''}${rangeValue?.start} ~ ${cell.rangeLabel?.end ? `${cell.rangeLabel?.end}: ` : ''}${rangeValue?.end}`;\n};\n\nconst getRowTabIndex = (row: Row, fallbackIndex: number) => {\n const rowIndex = getRowValue(row, 'index');\n\n return isNumber(rowIndex) ? rowIndex : fallbackIndex;\n};\n\nconst getEditableCellSx = (\n valueAlign?: HeadCell['valueAlign'],\n fontSize?: number \| string,\n) => ({\n '& input': {\n fontSize,\n textAlign: valueAlign ?? 'center',\n },\n '& .MuiInputBase-input': {\n fontSize,\n },\n height: 34,\n});\n\nfunction DataTableHead(props: DataTableHeadProps) {\n const {\n sx,\n headCells,\n onSelectAllClick,\n order,\n orderBy,\n numSelected,\n rowCount,\n onRequestSort,\n canCheckbox,\n canUseOrderBy = true,\n canTableRadiusZero,\n canUseTreeGridStyle,\n gridTheme,\n tableTheme,\n } = props;\n const createSortHandler = (property: string) => (event: MouseEvent<unknown>) => {\n onRequestSort(event, property);\n };\n\n return (\n <TableHead sx={mergeSx(canTableRadiusZero && tableRadiusZeroSx)}>\n <TableRow\n sx={mergeSx(\n canUseTreeGridStyle && { height: gridTheme.header.height },\n canTableRadiusZero && tableRadiusZeroSx,\n )}\n >\n {canCheckbox && (\n <TableCell\n padding=\"checkbox\"\n sx={mergeSx(\n {\n ...defaultHeadCellsSx(tableTheme, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR),\n },\n !canUseTreeGridStyle && getDefaultHeaderDividerSx(tableTheme),\n canUseTreeGridStyle && headerBorderRight,\n canUseTreeGridStyle && getTreeGridHeaderCellSx(gridTheme),\n canTableRadiusZero && tableRadiusZeroSx,\n sx,\n )}\n >\n <Checkbox\n color=\"default\"\n sx={mergeSx(\n {\n [`&, &.${checkboxClasses.checked}`]: canUseTreeGridStyle\n ? { color: grey[50] }\n : { color: 'inherit' },\n },\n canUseTreeGridStyle && { p: 0 },\n )}\n indeterminate={numSelected > 0 && numSelected < rowCount}\n checked={rowCount > 0 && numSelected === rowCount}\n onChange={onSelectAllClick}\n />\n </TableCell>\n )}\n {headCells.map((headCell, index) => (\n <TableCell\n className={canUseTreeGridStyle ? undefined : 'pl-20'}\n key={headCell.id}\n align={getTableCellAlign(headCell.align, 'center')}\n padding={headCell.enablePadding ? 'normal' : 'none'}\n sortDirection={orderBy === headCell.id ? order : false}\n sx={mergeSx(\n {\n ...defaultHeadCellsSx(tableTheme, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR),\n },\n !canUseTreeGridStyle &&\n headCells.length - 1 !== index &&\n getDefaultHeaderDividerSx(tableTheme),\n canUseTreeGridStyle && headCells.length - 1 !== index && headerBorderRight,\n canUseTreeGridStyle && getTreeGridHeaderCellSx(gridTheme),\n canTableRadiusZero && tableRadiusZeroSx,\n sx,\n canUseTreeGridStyle && headCell?.sx,\n )}\n >\n {canUseOrderBy ? (\n <TableSortLabel\n sx={canUseTreeGridStyle ? treeGridSortLabelSx : defaultTableSortLabelSx}\n active={orderBy === headCell.id}\n direction={orderBy === headCell.id ? order : 'asc'}\n onClick={createSortHandler(headCell.id)}\n >\n {canUseTreeGridStyle ? (\n headCell.label\n ) : (\n <Typography sx={mergeSx(getDefaultTableHeaderLabelSx(tableTheme), headCell?.sx)}>\n {headCell.label}\n </Typography>\n )}\n </TableSortLabel>\n ) : canUseTreeGridStyle ? (\n headCell.label\n ) : (\n <Typography sx={mergeSx(getDefaultTableHeaderLabelSx(tableTheme), headCell?.sx)}>\n {headCell.label}\n </Typography>\n )}\n </TableCell>\n ))}\n </TableRow>\n </TableHead>\n );\n}\n\n/\n OwpDataTable 컴포넌트\n * @param className CSS 클래스명\n * @param sx sx 값\n * @param headSx headSx 값\n * @param headCells headCells 값\n * @param rows 행 데이터 목록\n * @param selected selected 값\n * @param canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param tableBorderRadius 테이블 radius 값\n * @param fixedRowCount 고정 row 수\n */\nexport function OwpDataTable<T extends Row = Row>({\n className,\n sx,\n headSx,\n headCells,\n rows,\n selected,\n canCheckbox,\n canTotalCountRow,\n canSelectingSingle,\n canUseOrderBy = true,\n canTableRadiusZero,\n canUseTableRadius = false,\n canUseTreeGridStyle = false,\n tableBorderRadius = DEFAULT_TABLE_RADIUS,\n fixedRowCount,\n onSelect,\n onBlur,\n}: OwpDataTableProps<T>) {\n const currentSettings = useGetCurrentSettings();\n const [order, setOrder] = useState<Order>('asc');\n const [orderBy, setOrderBy] = useState<string>('');\n const [selectedRows, setSelectedRows] = useState<T[] \| []>([]);\n const tableIdRef = useRef(uniqueId('owp-data-table'));\n const useFixedRowCount = useMemo(() => getFixedRowCount(fixedRowCount), [fixedRowCount]);\n const resolvedRows = useMemo(() => {\n const nextRows = isArray(rows) ? rows : [];\n\n return useFixedRowCount ? nextRows.slice(0, useFixedRowCount) : nextRows;\n }, [rows, useFixedRowCount]);\n const resolvedHeadCells = useMemo(() => headCells ?? [], [headCells]);\n const treeGridTheme = useMemo(\n () => resolveOwpGridTheme(currentSettings?.theme?.main?.grid),\n [currentSettings],\n );\n const tableTheme = useMemo(\n () => resolveOwpTableTheme(currentSettings?.theme?.main?.table, defaultStyledTableTheme),\n [currentSettings],\n );\n const tableRowBackgroundColor = currentSettings?.theme?.main?.table?.row?.backgroundColor;\n const tableRowHoverBackgroundColor =\n currentSettings?.theme?.main?.table?.row?.hoverBackgroundColor;\n const tableRowSelectedBackgroundColor =\n currentSettings?.theme?.main?.table?.row?.selectedBackgroundColor;\n const useTableRadiusZero = !!canTableRadiusZero;\n const tableContainerRadiusSx = useTableRadiusZero\n ? tableRadiusZeroSx\n : canUseTreeGridStyle && canUseTableRadius\n ? {\n borderRadius: toTableRadiusCssValue(tableBorderRadius),\n overflow: 'hidden',\n }\n : !canUseTreeGridStyle\n ? defaultTableRadiusSx\n : undefined;\n const useCheckBox = isBoolean(canCheckbox) ? canCheckbox : true;\n const useTotalCountRow = isBoolean(canTotalCountRow) ? canTotalCountRow : true;\n\n useEffect(() => {\n if (!isEmpty(selected)) {\n setSelectedRows(selected);\n }\n }, [selected]);\n\n useEffect(() => {\n onSelect?.(selectedRows);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectedRows]);\n\n const handleRequestSort = (_: MouseEvent<unknown>, property: string) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const handleSelectAllClick = (event: ChangeEvent<HTMLInputElement>) => {\n if (event.target.checked) {\n setSelectedRows(resolvedRows);\n return;\n }\n setSelectedRows([]);\n };\n\n const handleClick = (_: MouseEvent<unknown>, row: T) => {\n if (canSelectingSingle) {\n setSelectedRows([row]);\n return;\n }\n setSelectedRows((prev: T[]) => {\n const isIncluded = !!prev.find((item) => isEqual(item, row));\n return isIncluded ? prev?.filter((item: T) => !isEqual(item, row)) : [...prev, row];\n });\n };\n\n const visibleRows = useMemo(\n () => [...resolvedRows].sort(getComparator(order, orderBy)),\n [order, orderBy, resolvedRows],\n );\n const displayRows = useMemo(() => {\n if (!useFixedRowCount \|\| visibleRows.length >= useFixedRowCount) {\n return visibleRows;\n }\n\n return [...visibleRows, ...createEmptyRows(useFixedRowCount - visibleRows.length)];\n }, [useFixedRowCount, visibleRows]);\n\n return (\n <Paper\n className={className}\n sx={mergeSx(\n { width: '100%' },\n !canUseTreeGridStyle &&\n tableRowBackgroundColor && { backgroundColor: tableRowBackgroundColor },\n canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n tableContainerRadiusSx,\n )}\n >\n {canUseTreeGridStyle && <GlobalStyles styles={getTreeGridFontFaceStyles()} />}\n <TableContainer\n sx={mergeSx(\n { height: useFixedRowCount ? 'auto' : 500 },\n !canUseTreeGridStyle &&\n tableRowBackgroundColor && { backgroundColor: tableRowBackgroundColor },\n canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n useFixedRowCount && { overflowY: 'hidden' },\n tableContainerRadiusSx,\n sx,\n )}\n >\n <Table\n stickyHeader={!canUseTreeGridStyle}\n sx={mergeSx({ minWidth: 200 }, useTableRadiusZero && tableRadiusZeroSx)}\n aria-labelledby=\"owp-data-table\"\n >\n <DataTableHead\n sx={headSx}\n headCells={resolvedHeadCells}\n gridTheme={treeGridTheme}\n tableTheme={tableTheme}\n numSelected={selectedRows.length}\n order={order}\n orderBy={orderBy}\n onSelectAllClick={handleSelectAllClick}\n canCheckbox={!canSelectingSingle && useCheckBox}\n canUseOrderBy={canUseOrderBy}\n canTableRadiusZero={useTableRadiusZero}\n canUseTreeGridStyle={canUseTreeGridStyle}\n onRequestSort={handleRequestSort}\n rowCount={resolvedRows.length}\n />\n <TableBody sx={mergeSx(useTableRadiusZero && tableRadiusZeroSx)}>\n {displayRows.map((row, index) => {\n const isItemSelected = selectedRows.some((item) => isEqual(item, row));\n const isLastRow = displayRows.length - 1 === index;\n const isPlaceholderRow = useFixedRowCount ? index >= visibleRows.length : false;\n const labelId = `${tableIdRef.current}-${index}`;\n\n return (\n <TableRow\n hover\n role={canUseTreeGridStyle ? undefined : 'checkbox'}\n aria-checked={canUseTreeGridStyle ? undefined : isItemSelected}\n tabIndex={-1}\n key={`${labelId}-row-${index}`}\n selected={isItemSelected}\n sx={mergeSx(\n { cursor: isPlaceholderRow ? 'default' : 'pointer' },\n !canUseTreeGridStyle &&\n tableRowBackgroundColor &&\n !isItemSelected && { backgroundColor: tableRowBackgroundColor },\n !canUseTreeGridStyle &&\n tableRowHoverBackgroundColor &&\n !isPlaceholderRow &&\n !isItemSelected && {\n '&.MuiTableRow-hover:hover': {\n backgroundColor: tableRowHoverBackgroundColor,\n },\n },\n !canUseTreeGridStyle &&\n tableRowSelectedBackgroundColor &&\n isItemSelected && {\n '&.Mui-selected, &.Mui-selected:hover': {\n backgroundColor: tableRowSelectedBackgroundColor,\n },\n },\n canUseTreeGridStyle &&\n getTreeGridBodyRowSx(treeGridTheme, {\n canHover: !isPlaceholderRow,\n selected: isItemSelected,\n }),\n !canUseTreeGridStyle && isLastRow && defaultLastRowBottomBorderNoneSx,\n canUseTreeGridStyle && { height: 30 },\n useTableRadiusZero && tableRadiusZeroSx,\n useTableRadiusZero && isLastRow && lastRowRadiusZeroSx,\n )}\n >\n {useCheckBox && (\n <TableCell\n padding=\"checkbox\"\n onClick={(event) => {\n if (!isPlaceholderRow) {\n handleClick(event, row as T);\n }\n }}\n sx={mergeSx(\n !canUseTreeGridStyle && getDefaultTableBodyCellSx(tableTheme),\n canUseTreeGridStyle && getTreeGridBodyCellSx(treeGridTheme),\n canUseTreeGridStyle\n ? treeGridRowBorderRight\n : getDefaultRowBorderRightSx(tableTheme),\n useTableRadiusZero && tableRadiusZeroSx,\n )}\n >\n <Checkbox\n color=\"default\"\n checked={isItemSelected}\n disabled={isPlaceholderRow}\n sx={mergeSx(canUseTreeGridStyle && { p: 0 })}\n />\n </TableCell>\n )}\n {resolvedHeadCells.map((cell, cellIndex) => {\n const _key = `${labelId}-row-${index}-cell-${cellIndex}`;\n const rangeLabel = getRangeLabel(row, cell);\n const rowTabIndex = getRowTabIndex(row, index);\n const cellValue = getRowValue(row, String(cell?.id));\n if (cellIndex === 0) {\n return (\n <TableCell\n className={canUseTreeGridStyle ? undefined : 'px-4'}\n key={_key}\n component={canUseTreeGridStyle ? 'td' : 'th'}\n id={labelId}\n scope={canUseTreeGridStyle ? undefined : 'row'}\n padding=\"none\"\n role={canUseTreeGridStyle ? 'cell' : undefined}\n align={getTableCellAlign(cell.valueAlign, 'left')}\n sx={mergeSx(\n !canUseTreeGridStyle && getDefaultTableBodyCellSx(tableTheme),\n canUseTreeGridStyle && getTreeGridBodyCellSx(treeGridTheme),\n resolvedHeadCells.length > 1 &&\n (canUseTreeGridStyle\n ? treeGridRowBorderRight\n : getDefaultRowBorderRightSx(tableTheme)),\n useTableRadiusZero && tableRadiusZeroSx,\n )}\n >\n {cellValue as ReactNode}\n </TableCell>\n );\n }\n\n return (\n <TableCell\n className={canUseTreeGridStyle ? undefined : 'px-4'}\n key={_key}\n role={canUseTreeGridStyle ? 'cell' : undefined}\n align={getTableCellAlign(cell.valueAlign, 'left')}\n sx={mergeSx(\n !canUseTreeGridStyle && getDefaultTableBodyCellSx(tableTheme),\n canUseTreeGridStyle && getTreeGridBodyCellSx(treeGridTheme),\n resolvedHeadCells.length - 1 !== cellIndex &&\n (canUseTreeGridStyle\n ? treeGridRowBorderRight\n : getDefaultRowBorderRightSx(tableTheme)),\n useTableRadiusZero && tableRadiusZeroSx,\n )}\n >\n {cell?.canTextField ? (\n cell?.textFieldType === 'number' ? (\n <OwpNumberField\n variant=\"standard\"\n decimalScale={2}\n label={rangeLabel}\n fullWidth\n size=\"small\"\n sx={getEditableCellSx(\n cell?.valueAlign,\n canUseTreeGridStyle\n ? treeGridTheme.cell.fontSize\n : tableTheme.cell.fontSize,\n )}\n slotProps={{\n input: {\n tabIndex: rowTabIndex,\n },\n inputLabel: {\n shrink: true,\n },\n }}\n isAllowed={(values) => {\n const { floatValue } = values;\n const end = getRowRangeValue(row, cell?.rangeKey)?.end;\n\n if (isNumber(floatValue) && isNumber(end)) {\n return floatValue <= end;\n }\n\n return true;\n }}\n value={cellValue as string \| number \| undefined}\n onBlur={(evt) => {\n const start = getRowRangeValue(row, cell?.rangeKey)?.start;\n const nextValue = evt.target.value?.replace(/,/g, '');\n\n onBlur?.(\n {\n ...evt,\n target: {\n ...evt.target,\n value:\n isNumber(start) && nextValue !== ''\n ? Number(start > Number(nextValue) ? start : nextValue)\n : nextValue,\n },\n },\n rowTabIndex,\n );\n }}\n />\n ) : (\n <TextField\n variant=\"standard\"\n label={rangeLabel}\n fullWidth\n size=\"small\"\n sx={getEditableCellSx(\n cell?.valueAlign,\n canUseTreeGridStyle\n ? treeGridTheme.cell.fontSize\n : tableTheme.cell.fontSize,\n )}\n slotProps={{\n input: {\n tabIndex: rowTabIndex,\n },\n inputLabel: {\n shrink: true,\n },\n }}\n type={cell?.textFieldType ?? 'text'}\n defaultValue={\n cellValue as string \| number \| readonly string[] \| undefined\n }\n onBlur={(evt) =>\n onBlur?.(\n { ...evt, target: { ...evt.target, value: evt.target.value } },\n rowTabIndex,\n )\n }\n />\n )\n ) : (\n (cellValue as ReactNode)\n )}\n </TableCell>\n );\n })}\n </TableRow>\n );\n })}\n </TableBody>\n </Table>\n </TableContainer>\n {useTotalCountRow && <Divider sx={mergeSx(useTableRadiusZero && tableRadiusZeroSx)} />}\n {useTotalCountRow && (\n <Typography\n className=\"w-full py-8 pr-12\"\n align=\"right\"\n sx={mergeSx(\n canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n useTableRadiusZero && tableRadiusZeroSx,\n )}\n >\n 전체: {resolvedRows.length.toLocaleString()} 건\n </Typography>\n )}\n </Paper>\n );\n}\n"],"names":["defaultHeadCellsSx","__name","tableTheme","fallbackBackgroundColor","getDefaultTableHeaderCellSx","headerBorderRight","TREEGRID_TABLE_HEADER_BORDER_COLOR","getDefaultRowBorderRightSx","treeGridRowBorderRight","TREEGRID_TABLE_BODY_BORDER_COLOR","getDefaultTableBodyCellSx","getDefaultTableCellSx","getDefaultHeaderDividerSx","tableRadiusZeroSx","defaultTableRadiusSx","DEFAULT_TABLE_RADIUS","lastRowRadiusZeroSx","defaultLastRowBottomBorderNoneSx","treeGridSortLabelSx","mergeSx","styles","acc","style","isArray","getFixedRowCount","fixedRowCount","isNumber","createEmptyRows","count","getTableCellAlign","align","fallback","getRowValue","row","key","getComparableValue","value","descendingComparator","a","b","orderBy","aValue","bValue","getComparator","order","getRowRangeValue","rangeKey","getRangeLabel","cell","rangeValue","_a","_b","_c","_d","getRowTabIndex","fallbackIndex","rowIndex","getEditableCellSx","valueAlign","fontSize","DataTableHead","props","sx","headCells","onSelectAllClick","numSelected","rowCount","onRequestSort","canCheckbox","canUseOrderBy","canTableRadiusZero","canUseTreeGridStyle","gridTheme","createSortHandler","property","event","TableHead","jsxs","TableRow","jsx","TableCell","DEFAULT_TABLE_HEADER_BACKGROUND_COLOR","getTreeGridHeaderCellSx","Checkbox","checkboxClasses","grey","headCell","index","TableSortLabel","defaultTableSortLabelSx","Typography","getDefaultTableHeaderLabelSx","OwpDataTable","className","headSx","rows","selected","canTotalCountRow","canSelectingSingle","canUseTableRadius","tableBorderRadius","onSelect","onBlur","currentSettings","useGetCurrentSettings","setOrder","useState","setOrderBy","selectedRows","setSelectedRows","tableIdRef","useRef","uniqueId","useFixedRowCount","useMemo","resolvedRows","nextRows","resolvedHeadCells","treeGridTheme","resolveOwpGridTheme","resolveOwpTableTheme","defaultStyledTableTheme","tableRowBackgroundColor","tableRowHoverBackgroundColor","_h","_g","_f","_e","tableRowSelectedBackgroundColor","_l","_k","_j","_i","useTableRadiusZero","tableContainerRadiusSx","toTableRadiusCssValue","useCheckBox","isBoolean","useTotalCountRow","useEffect","isEmpty","handleRequestSort","_","handleSelectAllClick","handleClick","prev","item","isEqual","visibleRows","displayRows","Paper","getTreeGridContainerSx","GlobalStyles","getTreeGridFontFaceStyles","TableContainer","Table","TableBody","isItemSelected","isLastRow","isPlaceholderRow","labelId","getTreeGridBodyRowSx","getTreeGridBodyCellSx","cellIndex","_key","rangeLabel","rowTabIndex","cellValue","OwpNumberField","values","floatValue","end","evt","start","nextValue","TextField","Divider"],"mappings":"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"}
1	+ {"version":3,"file":"OwpDataTable.js","sources":["../../../src/components/OwpTable/OwpDataTable.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 {\n getTreeGridFontFaceStyles,\n} from '@/constants/treeGrid';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport { TextField, Typography, TypographyProps } from '@mui/material';\nimport Checkbox, { checkboxClasses } from '@mui/material/Checkbox';\nimport { grey } from '@mui/material/colors';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport Paper from '@mui/material/Paper';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell, { TableCellProps } from '@mui/material/TableCell';\nimport TableContainer, { TableContainerProps } from '@mui/material/TableContainer';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport TableSortLabel from '@mui/material/TableSortLabel';\nimport { type SxProps, type Theme } from '@mui/material/styles';\nimport { isArray, isBoolean, isEmpty, isEqual, isNumber, uniqueId } from 'es-toolkit/compat';\nimport { ChangeEvent, MouseEvent, ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport { OwpNumberField } from '../OwpNumberField';\nimport {\n getTreeGridBodyCellSx,\n getTreeGridBodyRowSx,\n getTreeGridContainerSx,\n getTreeGridHeaderCellSx,\n TREEGRID_TABLE_BODY_BORDER_COLOR,\n TREEGRID_TABLE_HEADER_BORDER_COLOR,\n} from './internal/treeGridTableStyle';\nimport {\n DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n defaultStyledTableTheme,\n defaultTableSortLabelSx,\n getDefaultTableCellSx,\n getDefaultTableHeaderCellSx,\n getDefaultTableHeaderLabelSx,\n} from './internal/defaultTableStyle';\nimport { OwpTableTotalCount } from './internal/OwpTableTotalCount';\nimport { toTableRadiusCssValue } from './utils/tableSx';\n\ntype Row = object;\ntype TableCellAlign = NonNullable<TableCellProps['align']>;\n\ninterface HeadCell {\n enablePadding?: boolean;\n id: string;\n label: string;\n sx?: TypographyProps['sx'];\n inputLabel?: string;\n rangeKey?: string;\n rangeLabel?: { start: string; end: string };\n align?: string;\n valueAlign?: string;\n canTextField?: boolean;\n textFieldType?: string;\n}\n\ninterface DataTableHeadProps {\n sx?: TableCellProps['sx'];\n headCells: HeadCell[];\n numSelected: number;\n onRequestSort: (event: MouseEvent<unknown>, property: string) => void;\n onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;\n order: Order;\n orderBy: string;\n rowCount: number;\n canCheckbox?: boolean;\n canUseOrderBy?: boolean;\n canTableRadiusZero?: boolean;\n canUseTreeGridStyle?: boolean;\n gridTheme: OwpResolvedGridThemeConfigType;\n tableTheme: OwpResolvedTableThemeConfigType;\n}\n\ninterface OwpDataTableProps<T extends Row = Row> {\n className?: string;\n sx?: TableContainerProps['sx'];\n headSx?: TableCellProps['sx'];\n headCells: HeadCell[];\n rows?: T[];\n canCheckbox?: boolean;\n canTotalCountRow?: boolean;\n selected?: T[];\n onSelect?: (rows: T[] \| []) => void;\n onBlur?: (evt: OwpDataTableBlurEvent, dataIndex: number) => void;\n canSelectingSingle?: boolean;\n canUseOrderBy?: boolean;\n canTableRadiusZero?: boolean;\n canUseTableRadius?: boolean;\n canUseTreeGridStyle?: boolean;\n tableBorderRadius?: string \| number;\n fixedRowCount?: number;\n}\n\nconst defaultHeadCellsSx = (\n tableTheme: OwpResolvedTableThemeConfigType,\n fallbackBackgroundColor: string,\n) =>\n ({\n ...getDefaultTableHeaderCellSx(tableTheme, fallbackBackgroundColor),\n borderBottom: `1px solid ${tableTheme.borderColor}`,\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n }) as const;\n\nconst headerBorderRight = {\n borderRight: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n};\n\n/** 기본 body cell 우측선 sx /\nconst getDefaultRowBorderRightSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n ({\n borderRight: `1px solid ${tableTheme.borderColor}`,\n }) as const;\n\nconst treeGridRowBorderRight = {\n borderRight: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n};\n\nconst getDefaultTableBodyCellSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n ({\n ...getDefaultTableCellSx(tableTheme),\n }) as const;\n\n/* 기본 header cell 구분선 sx /\nconst getDefaultHeaderDividerSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n ({\n borderRight: `1px solid ${tableTheme.borderColor}`,\n }) as const;\n\nconst tableRadiusZeroSx = {\n borderRadius: 0,\n} as const;\nconst defaultTableRadiusSx = {\n borderRadius: DEFAULT_TABLE_RADIUS,\n} as const;\n\nconst lastRowRadiusZeroSx = {\n '& > th, & > td': {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n },\n} as const;\n\nconst defaultLastRowBottomBorderNoneSx = {\n '& > th, & > td': {\n borderBottom: 'none',\n },\n} as const;\n\nconst treeGridSortLabelSx = {\n '&.MuiTableSortLabel-root': {\n color: 'inherit',\n display: 'flex',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n fontWeight: 'inherit',\n justifyContent: 'center',\n lineHeight: 'inherit',\n overflow: 'hidden',\n position: 'relative',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n width: '100%',\n },\n '&.MuiTableSortLabel-root:hover': {\n color: 'inherit',\n },\n '&.Mui-active': {\n color: 'inherit',\n },\n '& .MuiTableSortLabel-icon': {\n color: 'currentColor !important',\n margin: 0,\n position: 'absolute',\n right: 0,\n },\n} as const;\n\n/\n sx 병합 유틸\n * @param styles 병합 대상 sx 목록\n /\nconst 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 고정 row 수 계산\n * @param fixedRowCount 고정 row 수\n /\nconst getFixedRowCount = (fixedRowCount?: number) => {\n if (!isNumber(fixedRowCount) \|\| fixedRowCount < 1) {\n return undefined;\n }\n\n return fixedRowCount;\n};\n\n/\n 빈 row 목록 생성\n * @param count 생성 수\n /\nconst createEmptyRows = (count: number) => Array.from({ length: count }, () => ({}) as Row);\n\n/\n TableCell align 정규화\n * @param align align 값\n * @param fallback 기본 align 값\n /\nconst getTableCellAlign = (align: string \| undefined, fallback: TableCellAlign): TableCellAlign => {\n switch (align) {\n case 'center':\n case 'right':\n case 'left':\n case 'inherit':\n case 'justify':\n return align;\n default:\n return fallback;\n }\n};\n\n/\n row 값 조회\n * @param row row 값\n * @param key 조회 key\n /\nconst getRowValue = (row: Row, key?: string) => {\n if (!key) {\n return undefined;\n }\n\n return (row as Record<string, unknown>)?.[key];\n};\n\nconst getComparableValue = (value: unknown) => {\n if (typeof value === 'string' \|\| isNumber(value)) {\n return value;\n }\n\n return undefined;\n};\n\nfunction descendingComparator(a: Row, b: Row, orderBy: string) {\n const aValue = getComparableValue(getRowValue(a, orderBy));\n const bValue = getComparableValue(getRowValue(b, orderBy));\n\n if (bValue == null && aValue == null) {\n return 0;\n }\n if (bValue == null) {\n return -1;\n }\n if (aValue == null) {\n return 1;\n }\n if (bValue < aValue) {\n return -1;\n }\n if (bValue > aValue) {\n return 1;\n }\n return 0;\n}\n\ntype Order = 'asc' \| 'desc';\ntype OwpDataTableBlurEvent = Record<string, unknown> & {\n target: {\n value: string \| number \| undefined;\n };\n};\n\nfunction getComparator(order: Order, orderBy: string): (a: Row, b: Row) => number {\n return order === 'desc'\n ? (a, b) => descendingComparator(a, b, orderBy)\n : (a, b) => -descendingComparator(a, b, orderBy);\n}\n\ntype RowRangeValue = {\n start?: string \| number;\n end?: string \| number;\n};\n\nconst getRowRangeValue = (row: Row, rangeKey?: string) => {\n if (!rangeKey) {\n return undefined;\n }\n\n return getRowValue(row, rangeKey) as RowRangeValue \| undefined;\n};\n\nconst getRangeLabel = (row: Row, cell: HeadCell) => {\n if (!(cell.inputLabel ?? cell.rangeKey)) {\n return '';\n }\n\n const rangeValue = getRowRangeValue(row, cell.rangeKey);\n\n return `${cell.rangeLabel?.start ? `${cell.rangeLabel?.start}: ` : ''}${rangeValue?.start} ~ ${cell.rangeLabel?.end ? `${cell.rangeLabel?.end}: ` : ''}${rangeValue?.end}`;\n};\n\nconst getRowTabIndex = (row: Row, fallbackIndex: number) => {\n const rowIndex = getRowValue(row, 'index');\n\n return isNumber(rowIndex) ? rowIndex : fallbackIndex;\n};\n\nconst getEditableCellSx = (\n valueAlign?: HeadCell['valueAlign'],\n fontSize?: number \| string,\n) => ({\n '& input': {\n fontSize,\n textAlign: valueAlign ?? 'center',\n },\n '& .MuiInputBase-input': {\n fontSize,\n },\n height: 34,\n});\n\nfunction DataTableHead(props: DataTableHeadProps) {\n const {\n sx,\n headCells,\n onSelectAllClick,\n order,\n orderBy,\n numSelected,\n rowCount,\n onRequestSort,\n canCheckbox,\n canUseOrderBy = true,\n canTableRadiusZero,\n canUseTreeGridStyle,\n gridTheme,\n tableTheme,\n } = props;\n const createSortHandler = (property: string) => (event: MouseEvent<unknown>) => {\n onRequestSort(event, property);\n };\n\n return (\n <TableHead sx={mergeSx(canTableRadiusZero && tableRadiusZeroSx)}>\n <TableRow\n sx={mergeSx(\n canUseTreeGridStyle && { height: gridTheme.header.height },\n canTableRadiusZero && tableRadiusZeroSx,\n )}\n >\n {canCheckbox && (\n <TableCell\n padding=\"checkbox\"\n sx={mergeSx(\n {\n ...defaultHeadCellsSx(tableTheme, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR),\n },\n !canUseTreeGridStyle && getDefaultHeaderDividerSx(tableTheme),\n canUseTreeGridStyle && headerBorderRight,\n canUseTreeGridStyle && getTreeGridHeaderCellSx(gridTheme),\n canTableRadiusZero && tableRadiusZeroSx,\n sx,\n )}\n >\n <Checkbox\n color=\"default\"\n sx={mergeSx(\n {\n [`&, &.${checkboxClasses.checked}`]: canUseTreeGridStyle\n ? { color: grey[50] }\n : { color: 'inherit' },\n },\n canUseTreeGridStyle && { p: 0 },\n )}\n indeterminate={numSelected > 0 && numSelected < rowCount}\n checked={rowCount > 0 && numSelected === rowCount}\n onChange={onSelectAllClick}\n />\n </TableCell>\n )}\n {headCells.map((headCell, index) => (\n <TableCell\n className={canUseTreeGridStyle ? undefined : 'pl-20'}\n key={headCell.id}\n align={getTableCellAlign(headCell.align, 'center')}\n padding={headCell.enablePadding ? 'normal' : 'none'}\n sortDirection={orderBy === headCell.id ? order : false}\n sx={mergeSx(\n {\n ...defaultHeadCellsSx(tableTheme, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR),\n },\n !canUseTreeGridStyle &&\n headCells.length - 1 !== index &&\n getDefaultHeaderDividerSx(tableTheme),\n canUseTreeGridStyle && headCells.length - 1 !== index && headerBorderRight,\n canUseTreeGridStyle && getTreeGridHeaderCellSx(gridTheme),\n canTableRadiusZero && tableRadiusZeroSx,\n sx,\n canUseTreeGridStyle && headCell?.sx,\n )}\n >\n {canUseOrderBy ? (\n <TableSortLabel\n sx={canUseTreeGridStyle ? treeGridSortLabelSx : defaultTableSortLabelSx}\n active={orderBy === headCell.id}\n direction={orderBy === headCell.id ? order : 'asc'}\n onClick={createSortHandler(headCell.id)}\n >\n {canUseTreeGridStyle ? (\n headCell.label\n ) : (\n <Typography sx={mergeSx(getDefaultTableHeaderLabelSx(tableTheme), headCell?.sx)}>\n {headCell.label}\n </Typography>\n )}\n </TableSortLabel>\n ) : canUseTreeGridStyle ? (\n headCell.label\n ) : (\n <Typography sx={mergeSx(getDefaultTableHeaderLabelSx(tableTheme), headCell?.sx)}>\n {headCell.label}\n </Typography>\n )}\n </TableCell>\n ))}\n </TableRow>\n </TableHead>\n );\n}\n\n/\n OwpDataTable 컴포넌트\n * @param className CSS 클래스명\n * @param sx sx 값\n * @param headSx headSx 값\n * @param headCells headCells 값\n * @param rows 행 데이터 목록\n * @param selected selected 값\n * @param canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param tableBorderRadius 테이블 radius 값\n * @param fixedRowCount 고정 row 수\n */\nexport function OwpDataTable<T extends Row = Row>({\n className,\n sx,\n headSx,\n headCells,\n rows,\n selected,\n canCheckbox,\n canTotalCountRow,\n canSelectingSingle,\n canUseOrderBy = true,\n canTableRadiusZero,\n canUseTableRadius = false,\n canUseTreeGridStyle = false,\n tableBorderRadius = DEFAULT_TABLE_RADIUS,\n fixedRowCount,\n onSelect,\n onBlur,\n}: OwpDataTableProps<T>) {\n const currentSettings = useGetCurrentSettings();\n const [order, setOrder] = useState<Order>('asc');\n const [orderBy, setOrderBy] = useState<string>('');\n const [selectedRows, setSelectedRows] = useState<T[] \| []>([]);\n const tableIdRef = useRef(uniqueId('owp-data-table'));\n const useFixedRowCount = useMemo(() => getFixedRowCount(fixedRowCount), [fixedRowCount]);\n const resolvedRows = useMemo(() => {\n const nextRows = isArray(rows) ? rows : [];\n\n return useFixedRowCount ? nextRows.slice(0, useFixedRowCount) : nextRows;\n }, [rows, useFixedRowCount]);\n const resolvedHeadCells = useMemo(() => headCells ?? [], [headCells]);\n const treeGridTheme = useMemo(\n () => resolveOwpGridTheme(currentSettings?.theme?.main?.grid),\n [currentSettings],\n );\n const tableTheme = useMemo(\n () => resolveOwpTableTheme(currentSettings?.theme?.main?.table, defaultStyledTableTheme),\n [currentSettings],\n );\n const tableRowBackgroundColor = currentSettings?.theme?.main?.table?.row?.backgroundColor;\n const tableRowHoverBackgroundColor =\n currentSettings?.theme?.main?.table?.row?.hoverBackgroundColor;\n const tableRowSelectedBackgroundColor =\n currentSettings?.theme?.main?.table?.row?.selectedBackgroundColor;\n const useTableRadiusZero = !!canTableRadiusZero;\n const tableContainerRadiusSx = useTableRadiusZero\n ? tableRadiusZeroSx\n : canUseTreeGridStyle && canUseTableRadius\n ? {\n borderRadius: toTableRadiusCssValue(tableBorderRadius),\n overflow: 'hidden',\n }\n : !canUseTreeGridStyle\n ? defaultTableRadiusSx\n : undefined;\n const useCheckBox = isBoolean(canCheckbox) ? canCheckbox : true;\n const useTotalCountRow = isBoolean(canTotalCountRow) ? canTotalCountRow : true;\n\n useEffect(() => {\n if (!isEmpty(selected)) {\n setSelectedRows(selected);\n }\n }, [selected]);\n\n useEffect(() => {\n onSelect?.(selectedRows);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectedRows]);\n\n const handleRequestSort = (_: MouseEvent<unknown>, property: string) => {\n const isAsc = orderBy === property && order === 'asc';\n setOrder(isAsc ? 'desc' : 'asc');\n setOrderBy(property);\n };\n\n const handleSelectAllClick = (event: ChangeEvent<HTMLInputElement>) => {\n if (event.target.checked) {\n setSelectedRows(resolvedRows);\n return;\n }\n setSelectedRows([]);\n };\n\n const handleClick = (_: MouseEvent<unknown>, row: T) => {\n if (canSelectingSingle) {\n setSelectedRows([row]);\n return;\n }\n setSelectedRows((prev: T[]) => {\n const isIncluded = !!prev.find((item) => isEqual(item, row));\n return isIncluded ? prev?.filter((item: T) => !isEqual(item, row)) : [...prev, row];\n });\n };\n\n const visibleRows = useMemo(\n () => [...resolvedRows].sort(getComparator(order, orderBy)),\n [order, orderBy, resolvedRows],\n );\n const displayRows = useMemo(() => {\n if (!useFixedRowCount \|\| visibleRows.length >= useFixedRowCount) {\n return visibleRows;\n }\n\n return [...visibleRows, ...createEmptyRows(useFixedRowCount - visibleRows.length)];\n }, [useFixedRowCount, visibleRows]);\n\n return (\n <Paper\n className={className}\n sx={mergeSx(\n { width: '100%' },\n !canUseTreeGridStyle &&\n tableRowBackgroundColor && { backgroundColor: tableRowBackgroundColor },\n canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n tableContainerRadiusSx,\n )}\n >\n {canUseTreeGridStyle && <GlobalStyles styles={getTreeGridFontFaceStyles()} />}\n <TableContainer\n sx={mergeSx(\n { height: useFixedRowCount ? 'auto' : 500 },\n !canUseTreeGridStyle &&\n tableRowBackgroundColor && { backgroundColor: tableRowBackgroundColor },\n canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n useFixedRowCount && { overflowY: 'hidden' },\n tableContainerRadiusSx,\n sx,\n )}\n >\n <Table\n stickyHeader={!canUseTreeGridStyle}\n sx={mergeSx({ minWidth: 200 }, useTableRadiusZero && tableRadiusZeroSx)}\n aria-labelledby=\"owp-data-table\"\n >\n <DataTableHead\n sx={headSx}\n headCells={resolvedHeadCells}\n gridTheme={treeGridTheme}\n tableTheme={tableTheme}\n numSelected={selectedRows.length}\n order={order}\n orderBy={orderBy}\n onSelectAllClick={handleSelectAllClick}\n canCheckbox={!canSelectingSingle && useCheckBox}\n canUseOrderBy={canUseOrderBy}\n canTableRadiusZero={useTableRadiusZero}\n canUseTreeGridStyle={canUseTreeGridStyle}\n onRequestSort={handleRequestSort}\n rowCount={resolvedRows.length}\n />\n <TableBody sx={mergeSx(useTableRadiusZero && tableRadiusZeroSx)}>\n {displayRows.map((row, index) => {\n const isItemSelected = selectedRows.some((item) => isEqual(item, row));\n const isLastRow = displayRows.length - 1 === index;\n const isPlaceholderRow = useFixedRowCount ? index >= visibleRows.length : false;\n const labelId = `${tableIdRef.current}-${index}`;\n\n return (\n <TableRow\n hover\n role={canUseTreeGridStyle ? undefined : 'checkbox'}\n aria-checked={canUseTreeGridStyle ? undefined : isItemSelected}\n tabIndex={-1}\n key={`${labelId}-row-${index}`}\n selected={isItemSelected}\n sx={mergeSx(\n { cursor: isPlaceholderRow ? 'default' : 'pointer' },\n !canUseTreeGridStyle &&\n tableRowBackgroundColor &&\n !isItemSelected && { backgroundColor: tableRowBackgroundColor },\n !canUseTreeGridStyle &&\n tableRowHoverBackgroundColor &&\n !isPlaceholderRow &&\n !isItemSelected && {\n '&.MuiTableRow-hover:hover': {\n backgroundColor: tableRowHoverBackgroundColor,\n },\n },\n !canUseTreeGridStyle &&\n tableRowSelectedBackgroundColor &&\n isItemSelected && {\n '&.Mui-selected, &.Mui-selected:hover': {\n backgroundColor: tableRowSelectedBackgroundColor,\n },\n },\n canUseTreeGridStyle &&\n getTreeGridBodyRowSx(treeGridTheme, {\n canHover: !isPlaceholderRow,\n selected: isItemSelected,\n }),\n !canUseTreeGridStyle && isLastRow && defaultLastRowBottomBorderNoneSx,\n canUseTreeGridStyle && { height: 30 },\n useTableRadiusZero && tableRadiusZeroSx,\n useTableRadiusZero && isLastRow && lastRowRadiusZeroSx,\n )}\n >\n {useCheckBox && (\n <TableCell\n padding=\"checkbox\"\n onClick={(event) => {\n if (!isPlaceholderRow) {\n handleClick(event, row as T);\n }\n }}\n sx={mergeSx(\n !canUseTreeGridStyle && getDefaultTableBodyCellSx(tableTheme),\n canUseTreeGridStyle && getTreeGridBodyCellSx(treeGridTheme),\n canUseTreeGridStyle\n ? treeGridRowBorderRight\n : getDefaultRowBorderRightSx(tableTheme),\n useTableRadiusZero && tableRadiusZeroSx,\n )}\n >\n <Checkbox\n color=\"default\"\n checked={isItemSelected}\n disabled={isPlaceholderRow}\n sx={mergeSx(canUseTreeGridStyle && { p: 0 })}\n />\n </TableCell>\n )}\n {resolvedHeadCells.map((cell, cellIndex) => {\n const _key = `${labelId}-row-${index}-cell-${cellIndex}`;\n const rangeLabel = getRangeLabel(row, cell);\n const rowTabIndex = getRowTabIndex(row, index);\n const cellValue = getRowValue(row, String(cell?.id));\n if (cellIndex === 0) {\n return (\n <TableCell\n className={canUseTreeGridStyle ? undefined : 'px-4'}\n key={_key}\n component={canUseTreeGridStyle ? 'td' : 'th'}\n id={labelId}\n scope={canUseTreeGridStyle ? undefined : 'row'}\n padding=\"none\"\n role={canUseTreeGridStyle ? 'cell' : undefined}\n align={getTableCellAlign(cell.valueAlign, 'left')}\n sx={mergeSx(\n !canUseTreeGridStyle && getDefaultTableBodyCellSx(tableTheme),\n canUseTreeGridStyle && getTreeGridBodyCellSx(treeGridTheme),\n resolvedHeadCells.length > 1 &&\n (canUseTreeGridStyle\n ? treeGridRowBorderRight\n : getDefaultRowBorderRightSx(tableTheme)),\n useTableRadiusZero && tableRadiusZeroSx,\n )}\n >\n {cellValue as ReactNode}\n </TableCell>\n );\n }\n\n return (\n <TableCell\n className={canUseTreeGridStyle ? undefined : 'px-4'}\n key={_key}\n role={canUseTreeGridStyle ? 'cell' : undefined}\n align={getTableCellAlign(cell.valueAlign, 'left')}\n sx={mergeSx(\n !canUseTreeGridStyle && getDefaultTableBodyCellSx(tableTheme),\n canUseTreeGridStyle && getTreeGridBodyCellSx(treeGridTheme),\n resolvedHeadCells.length - 1 !== cellIndex &&\n (canUseTreeGridStyle\n ? treeGridRowBorderRight\n : getDefaultRowBorderRightSx(tableTheme)),\n useTableRadiusZero && tableRadiusZeroSx,\n )}\n >\n {cell?.canTextField ? (\n cell?.textFieldType === 'number' ? (\n <OwpNumberField\n variant=\"standard\"\n decimalScale={2}\n label={rangeLabel}\n fullWidth\n size=\"small\"\n sx={getEditableCellSx(\n cell?.valueAlign,\n canUseTreeGridStyle\n ? treeGridTheme.cell.fontSize\n : tableTheme.cell.fontSize,\n )}\n slotProps={{\n input: {\n tabIndex: rowTabIndex,\n },\n inputLabel: {\n shrink: true,\n },\n }}\n isAllowed={(values) => {\n const { floatValue } = values;\n const end = getRowRangeValue(row, cell?.rangeKey)?.end;\n\n if (isNumber(floatValue) && isNumber(end)) {\n return floatValue <= end;\n }\n\n return true;\n }}\n value={cellValue as string \| number \| undefined}\n onBlur={(evt) => {\n const start = getRowRangeValue(row, cell?.rangeKey)?.start;\n const nextValue = evt.target.value?.replace(/,/g, '');\n\n onBlur?.(\n {\n ...evt,\n target: {\n ...evt.target,\n value:\n isNumber(start) && nextValue !== ''\n ? Number(start > Number(nextValue) ? start : nextValue)\n : nextValue,\n },\n },\n rowTabIndex,\n );\n }}\n />\n ) : (\n <TextField\n variant=\"standard\"\n label={rangeLabel}\n fullWidth\n size=\"small\"\n sx={getEditableCellSx(\n cell?.valueAlign,\n canUseTreeGridStyle\n ? treeGridTheme.cell.fontSize\n : tableTheme.cell.fontSize,\n )}\n slotProps={{\n input: {\n tabIndex: rowTabIndex,\n },\n inputLabel: {\n shrink: true,\n },\n }}\n type={cell?.textFieldType ?? 'text'}\n defaultValue={\n cellValue as string \| number \| readonly string[] \| undefined\n }\n onBlur={(evt) =>\n onBlur?.(\n { ...evt, target: { ...evt.target, value: evt.target.value } },\n rowTabIndex,\n )\n }\n />\n )\n ) : (\n (cellValue as ReactNode)\n )}\n </TableCell>\n );\n })}\n </TableRow>\n );\n })}\n </TableBody>\n </Table>\n </TableContainer>\n {useTotalCountRow && (\n <OwpTableTotalCount\n dividerSx={mergeSx(useTableRadiusZero && tableRadiusZeroSx)}\n totalCount={resolvedRows.length}\n typographySx={mergeSx(\n canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n useTableRadiusZero && tableRadiusZeroSx,\n )}\n />\n )}\n </Paper>\n );\n}\n"],"names":["defaultHeadCellsSx","__name","tableTheme","fallbackBackgroundColor","getDefaultTableHeaderCellSx","headerBorderRight","TREEGRID_TABLE_HEADER_BORDER_COLOR","getDefaultRowBorderRightSx","treeGridRowBorderRight","TREEGRID_TABLE_BODY_BORDER_COLOR","getDefaultTableBodyCellSx","getDefaultTableCellSx","getDefaultHeaderDividerSx","tableRadiusZeroSx","defaultTableRadiusSx","DEFAULT_TABLE_RADIUS","lastRowRadiusZeroSx","defaultLastRowBottomBorderNoneSx","treeGridSortLabelSx","mergeSx","styles","acc","style","isArray","getFixedRowCount","fixedRowCount","isNumber","createEmptyRows","count","getTableCellAlign","align","fallback","getRowValue","row","key","getComparableValue","value","descendingComparator","a","b","orderBy","aValue","bValue","getComparator","order","getRowRangeValue","rangeKey","getRangeLabel","cell","rangeValue","_a","_b","_c","_d","getRowTabIndex","fallbackIndex","rowIndex","getEditableCellSx","valueAlign","fontSize","DataTableHead","props","sx","headCells","onSelectAllClick","numSelected","rowCount","onRequestSort","canCheckbox","canUseOrderBy","canTableRadiusZero","canUseTreeGridStyle","gridTheme","createSortHandler","property","event","TableHead","jsxs","TableRow","jsx","TableCell","DEFAULT_TABLE_HEADER_BACKGROUND_COLOR","getTreeGridHeaderCellSx","Checkbox","checkboxClasses","grey","headCell","index","TableSortLabel","defaultTableSortLabelSx","Typography","getDefaultTableHeaderLabelSx","OwpDataTable","className","headSx","rows","selected","canTotalCountRow","canSelectingSingle","canUseTableRadius","tableBorderRadius","onSelect","onBlur","currentSettings","useGetCurrentSettings","setOrder","useState","setOrderBy","selectedRows","setSelectedRows","tableIdRef","useRef","uniqueId","useFixedRowCount","useMemo","resolvedRows","nextRows","resolvedHeadCells","treeGridTheme","resolveOwpGridTheme","resolveOwpTableTheme","defaultStyledTableTheme","tableRowBackgroundColor","tableRowHoverBackgroundColor","_h","_g","_f","_e","tableRowSelectedBackgroundColor","_l","_k","_j","_i","useTableRadiusZero","tableContainerRadiusSx","toTableRadiusCssValue","useCheckBox","isBoolean","useTotalCountRow","useEffect","isEmpty","handleRequestSort","_","handleSelectAllClick","handleClick","prev","item","isEqual","visibleRows","displayRows","Paper","getTreeGridContainerSx","GlobalStyles","getTreeGridFontFaceStyles","TableContainer","Table","TableBody","isItemSelected","isLastRow","isPlaceholderRow","labelId","getTreeGridBodyRowSx","getTreeGridBodyCellSx","cellIndex","_key","rangeLabel","rowTabIndex","cellValue","OwpNumberField","values","floatValue","end","evt","start","nextValue","TextField","OwpTableTotalCount"],"mappings":"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"}

package/dist/components/OwpTable/internal/OwpTableTotalCount.js CHANGED Viewed

@@ -1,23 +1,30 @@
-var o = Object.defineProperty;
-var e = (r, i) => o(r, "name", { value: i, configurable: !0 });
-import { jsxs as m, jsx as p, Fragment as t } 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 { Divider as n, Typography as a } from "@mui/material";
-import { isNumber as l } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
-function h({
-  borderColor: r,
-  totalCount: i
+var p = Object.defineProperty;
+var t = (o, r) => p(o, "name", { value: r, configurable: !0 });
+import { jsxs as n, jsx as a, Fragment as l } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpTranslation as c } from "../../../hooks/useOwpTranslation.js";
+import { Divider as f, Typography as g } from "@mui/material";
+import { mergeSx as x } from "../utils/tableSx.js";
+import { isNumber as u } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
+function j({
+  borderColor: o,
+  dividerSx: r,
+  totalCount: m,
+  typographySx: e
 }) {
-  return /* @__PURE__ */ m(t, { children: [
-    /* @__PURE__ */ p(n, { sx: r ? { borderColor: r } : void 0 }),
-    /* @__PURE__ */ m(a, { className: "w-full py-8 pr-12", align: "right", children: [
-      "전체: ",
-      l(i) ? i.toLocaleString() : 0,
-      " 건"
+  const { t: i } = c(), s = o || r ? x(o ? { borderColor: o } : void 0, r) : void 0;
+  return /* @__PURE__ */ n(l, { children: [
+    /* @__PURE__ */ a(f, { sx: s }),
+    /* @__PURE__ */ n(g, { className: "w-full py-8 pr-12", align: "right", sx: e, children: [
+      i("Common.전체"),
+      ": ",
+      u(m) ? m.toLocaleString() : 0,
+      " ",
+      i("Common.건")
     ] })
   ] });
 }
-e(h, "OwpTableTotalCount");
+t(j, "OwpTableTotalCount");
 export {
-  h as OwpTableTotalCount
+  j as OwpTableTotalCount
 };
 //# sourceMappingURL=OwpTableTotalCount.js.map

package/dist/components/OwpTable/internal/OwpTableTotalCount.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OwpTableTotalCount.js","sources":["../../../../src/components/OwpTable/internal/OwpTableTotalCount.tsx"],"sourcesContent":["import { Divider, Typography } from '@mui/material';\nimport { isNumber } from 'es-toolkit/compat';\n\n/*\n 총 row 수 표시 영역\n * @param borderColor 경계선 색상\n * @param totalCount 전체 row 수\n */\nexport function OwpTableTotalCount({\n borderColor,\n totalCount,\n}: {\n ~~borderColor?:~~ ~~string~~;\n ~~totalCount?:~~ ~~number;\~~n}) {\n return (\n <>\n <Divider sx={~~borderColor ? { borderColor~~ } ~~: undefined}~~ />\n <Typography className=\"w-full py-8 pr-12\" align=\"right\">\n ~~전체:~~ {isNumber(totalCount) ? totalCount.toLocaleString() : 0} 건\n </Typography>\n </>\n );\n}\n"],"names":["OwpTableTotalCount","borderColor","totalCount","jsxs","Fragment","jsx","Divider","Typography","isNumber","__name"],"mappings":"~~;;;;;AAQO~~,SAASA,EAAmB;AAAA,EACjC,aAAAC;AAAA,EACA,YAAAC;AACF,~~GAGG~~;~~AACD~~,SACE,~~gBAAAC~~,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,~~KAAQ~~,IAAIL,~~IAAc,EAAE,aAAAA,~~EAAA,~~IAAgB,QAAW~~;AAAA,~~IACxD~~,~~gBAAAE,EAACI,~~GAAA,EAAW,WAAU,qBAAoB,OAAM,SAAQ,UAAA;AAAA,~~MAAA~~;AAAA,~~MACjDC~~,~~EAASN~~,CAAU,IAAIA,EAAW,mBAAmB;AAAA,~~MAAE~~;AAAA,IAAA,EAAA,~~CAC9D~~;AAAA,EAAA,GACF;AAEJ;~~AAfgBO~~,~~EAAAT~~,GAAA;"}
1	+ {"version":3,"file":"OwpTableTotalCount.js","sources":["../../../../src/components/OwpTable/internal/OwpTableTotalCount.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { Divider, Typography } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { isNumber } from 'es-toolkit/compat';\nimport { mergeSx } from '../utils/tableSx';\n\ninterface OwpTableTotalCountProps {\n borderColor?: string;\n dividerSx?: SxProps<Theme>;\n totalCount?: number;\n typographySx?: SxProps<Theme>;\n}\n\n/*\n 총 row 수 표시 영역\n * @param borderColor 경계선 색상\n * @param dividerSx 구분선 sx\n * @param totalCount 전체 row 수\n * @param typographySx 문구 sx\n */\nexport function OwpTableTotalCount({\n borderColor,\n dividerSx,\n totalCount,\n typographySx,\n}: OwpTableTotalCountProps) {\n const { t } = useOwpTranslation();\n const resolvedDividerSx =\n borderColor \|\| dividerSx\n ? mergeSx(borderColor ? { borderColor } : undefined, dividerSx)\n : undefined;\n\n return (\n <>\n <Divider sx={resolvedDividerSx} />\n <Typography className=\"w-full py-8 pr-12\" align=\"right\" sx={typographySx}>\n {t('Common.전체')}: {isNumber(totalCount) ? totalCount.toLocaleString() : 0}{' '}\n {t('Common.건')}\n </Typography>\n </>\n );\n}\n"],"names":["OwpTableTotalCount","borderColor","dividerSx","totalCount","typographySx","t","useOwpTranslation","resolvedDividerSx","mergeSx","jsxs","Fragment","jsx","Divider","Typography","isNumber","__name"],"mappings":";;;;;;;AAoBO,SAASA,EAAmB;AAAA,EACjC,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AACF,GAA4B;AAC1B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IACJN,KAAeC,IACXM,EAAQP,IAAc,EAAE,aAAAA,MAAgB,QAAWC,CAAS,IAC5D;AAEN,SACE,gBAAAO,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,IAAIL,EAAA,CAAmB;AAAA,sBAC/BM,GAAA,EAAW,WAAU,qBAAoB,OAAM,SAAQ,IAAIT,GACzD,UAAA;AAAA,MAAAC,EAAE,WAAW;AAAA,MAAE;AAAA,MAAGS,EAASX,CAAU,IAAIA,EAAW,mBAAmB;AAAA,MAAG;AAAA,MAC1EE,EAAE,UAAU;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,GACF;AAEJ;AArBgBU,EAAAf,GAAA;"}

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

@@ -1,37 +1,37 @@
-var g = Object.defineProperty;
-var l = (o, r) => g(o, "name", { value: r, configurable: !0 });
-import { TREEGRID_FONT_FAMILY_STACK as n } from "../../../constants/treeGrid.js";
-const d = "#6F7F94", c = "#CDD8E4", C = n, R = /* @__PURE__ */ l((o) => ({
+var n = Object.defineProperty;
+var l = (o, r) => n(o, "name", { value: r, configurable: !0 });
+import { TREEGRID_FONT_FAMILY_STACK as C } from "../../../constants/treeGrid.js";
+const e = "#6F7F94", c = "#CDD8E4", u = C, R = /* @__PURE__ */ l((o) => ({
   backgroundColor: o.body.backgroundColor,
   color: o.body.color
-}), "getTreeGridContainerSx"), a = /* @__PURE__ */ l((o, r = "normal") => ({
-  fontFamily: C,
+}), "getTreeGridContainerSx"), t = /* @__PURE__ */ l((o, r = "normal") => ({
+  fontFamily: u,
   fontSize: o,
   fontWeight: r,
   lineHeight: "16px"
-}), "getTreeGridTypographySx"), u = /* @__PURE__ */ l((o) => ({
-  ...a(o.cell.fontSize),
+}), "getTreeGridTypographySx"), b = /* @__PURE__ */ l((o) => ({
+  ...t(o.cell.fontSize),
   boxSizing: "border-box",
   overflow: "hidden",
   textOverflow: "ellipsis",
   verticalAlign: "middle",
   whiteSpace: "nowrap"
-}), "getTreeGridCellBaseSx"), x = /* @__PURE__ */ l((o) => ({
-  ...a(
+}), "getTreeGridCellBaseSx"), i = /* @__PURE__ */ l((o) => ({
+  ...t(
     o.header.fontSize,
     o.header.fontWeight
   ),
   backgroundColor: o.header.backgroundColor,
-  borderTop: `1px solid ${d}`,
-  borderBottom: `1px solid ${d}`,
+  borderTop: `1px solid ${e}`,
+  borderBottom: `1px solid ${e}`,
   borderLeft: 0,
-  borderRight: `1px solid ${d}`,
+  borderRight: `1px solid ${e}`,
   color: o.header.color,
   height: o.header.height,
   minHeight: o.header.height,
   padding: "7px 2px 6px 10px"
-}), "getTreeGridHeaderCellSx"), k = /* @__PURE__ */ l((o) => ({
-  ...u(o),
+}), "getTreeGridHeaderCellSx"), B = /* @__PURE__ */ l((o) => ({
+  ...b(o),
   backgroundColor: o.row.backgroundColor,
   borderBottom: `1px solid ${c}`,
   borderLeft: 0,
@@ -39,22 +39,22 @@ const d = "#6F7F94", c = "#CDD8E4", C = n, R = /* @__PURE__ */ l((o) => ({
   color: o.body.color,
   fontSize: o.cell.fontSize,
   padding: "7px 10px 6px"
-}), "getTreeGridBodyCellSx"), B = /* @__PURE__ */ l((o, r) => {
-  const e = r != null && r.selected ? o.state.selectedRowBackgroundColor : o.row.backgroundColor, t = r != null && r.selected ? o.state.selectedRowBackgroundColor : o.state.hoverRowBackgroundColor;
+}), "getTreeGridBodyCellSx"), x = /* @__PURE__ */ l((o) => o.state.selectedCellBackgroundColor, "getTreeGridSelectedCellBackgroundColor"), f = /* @__PURE__ */ l((o, r) => {
+  const d = x(o), a = r != null && r.selected ? d : o.row.backgroundColor, g = r != null && r.selected ? d : o.state.hoverRowBackgroundColor;
   return {
     "& > td": {
-      backgroundColor: e
+      backgroundColor: a
     },
     ...(r == null ? void 0 : r.canHover) && {
       "&:hover > td": {
-        backgroundColor: t
+        backgroundColor: g
       }
     },
     "&.Mui-selected > td": {
-      backgroundColor: o.state.selectedRowBackgroundColor
+      backgroundColor: d
     },
     "&.Mui-selected:hover > td": {
-      backgroundColor: o.state.selectedRowBackgroundColor
+      backgroundColor: d
     },
     "&:focus-within > td": {
       backgroundColor: o.state.focusedRowBackgroundColor
@@ -66,13 +66,14 @@ const d = "#6F7F94", c = "#CDD8E4", C = n, R = /* @__PURE__ */ l((o) => ({
 }, "getTreeGridBodyRowSx");
 export {
   c as TREEGRID_TABLE_BODY_BORDER_COLOR,
-  C as TREEGRID_TABLE_FONT_FAMILY_STACK,
-  d as TREEGRID_TABLE_HEADER_BORDER_COLOR,
-  k as getTreeGridBodyCellSx,
-  B as getTreeGridBodyRowSx,
-  u as getTreeGridCellBaseSx,
+  u as TREEGRID_TABLE_FONT_FAMILY_STACK,
+  e as TREEGRID_TABLE_HEADER_BORDER_COLOR,
+  B as getTreeGridBodyCellSx,
+  f as getTreeGridBodyRowSx,
+  b as getTreeGridCellBaseSx,
   R as getTreeGridContainerSx,
-  x as getTreeGridHeaderCellSx,
-  a as getTreeGridTypographySx
+  i as getTreeGridHeaderCellSx,
+  x as getTreeGridSelectedCellBackgroundColor,
+  t as getTreeGridTypographySx
 };
 //# sourceMappingURL=treeGridTableStyle.js.map

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

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

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

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

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

	@@ -1 +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\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~~;"}
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\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 contentSelector 셀 콘텐츠 selector\n /\nexport const getTableHelperTextContentSx = (contentSelector: string) =>\n ({\n [`&:has(.MuiFormHelperText-root) ${contentSelector}::after`]: {\n content: '\"\"',\n display: 'block',\n height: TABLE_HELPER_TEXT_RESERVED_SPACE,\n },\n [`&:has(.MuiFormHelperText-root) ${contentSelector}:has(.MuiFormHelperText-root)::after`]: {\n display: 'none',\n },\n }) as const;\n\n/\n table row helper text 높이 보정 sx\n * @param contentClassName 셀 콘텐츠 className\n */\nexport const getTableHelperTextRowSx = (contentClassName: string) =>\n getTableHelperTextContentSx(`.${contentClassName}`);\n"],"names":["TABLE_HELPER_TEXT_RESERVED_SPACE","mergeSx","__name","styles","acc","style","isArray","toTableRadiusCssValue","value","getTableHelperTextContentSx","contentSelector","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,IAA8B,gBAAAP,EAAA,CAACQ,OACzC;AAAA,EACC,CAAC,kCAAkCA,CAAe,SAAS,GAAG;AAAA,IAC5D,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQV;AAAA,EAAA;AAAA,EAEV,CAAC,kCAAkCU,CAAe,sCAAsC,GAAG;AAAA,IACzF,SAAS;AAAA,EAAA;AAEb,IAVyC,gCAgB9BC,IAA0B,gBAAAT,EAAA,CAACU,MACtCH,EAA4B,IAAIG,CAAgB,EAAE,GADb;"}