@owp/core 2.3.0 → 2.4.0

package/dist/components/OwpMrtTable/OwpMrtTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpMrtTable.js","sources":["../../../src/components/OwpMrtTable/OwpMrtTable.tsx"],"sourcesContent":["import ArrowDropDownRoundedIcon from '@mui/icons-material/ArrowDropDownRounded';\nimport UnfoldMoreRoundedIcon from '@mui/icons-material/UnfoldMoreRounded';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentLanguage } from '@/hooks/useCurrentLanguage';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type {\n  BoxProps,\n  CheckboxProps,\n  PaperProps,\n  RadioProps,\n  SvgIconProps,\n  TableCellProps,\n  TableContainerProps,\n  TableProps,\n  TableRowProps,\n} from '@mui/material';\nimport clsx from 'clsx';\nimport type { Theme } from '@mui/material/styles';\nimport { defaults as defaultsFC, isArray, isNumber } from 'es-toolkit/compat';\nimport {\n  MaterialReactTable,\n  type MaterialReactTableProps,\n  MRT_BottomToolbar,\n  type MRT_Cell,\n  type MRT_Column,\n  type MRT_Icons,\n  type MRT_Row,\n  type MRT_RowData,\n  type MRT_TableInstance,\n  useMaterialReactTable,\n} from 'material-react-table';\nimport { MRT_Localization_KO } from 'material-react-table/locales/ko';\nimport { OwpTableTotalCount } from '../OwpTable/OwpTable';\nimport { OwpMrtTableNoDataOverlay } from './internal/OwpMrtTableNoDataOverlay';\nimport OwpMrtTableTopToolbar from './internal/OwpMrtTableTopToolbar';\n\ntype PropsWithSx = {\n  className?: string;\n  sx?: unknown;\n};\n\ntype HeadCellArgs<TData extends MRT_RowData> = {\n  column: MRT_Column<TData>;\n  table: MRT_TableInstance<TData>;\n};\n\ntype BodyCellArgs<TData extends MRT_RowData> = {\n  cell: MRT_Cell<TData>;\n  column: MRT_Column<TData>;\n  row: MRT_Row<TData>;\n  table: MRT_TableInstance<TData>;\n};\n\ntype BodyRowArgs<TData extends MRT_RowData> = {\n  isDetailPanel?: boolean;\n  row: MRT_Row<TData>;\n  staticRowIndex: number;\n  table: MRT_TableInstance<TData>;\n};\n\ntype TableInstanceArgs<TData extends MRT_RowData> = {\n  table: MRT_TableInstance<TData>;\n};\n\ntype SelectAllCheckboxArgs<TData extends MRT_RowData> = {\n  table: MRT_TableInstance<TData>;\n};\n\ntype SelectCheckboxArgs<TData extends MRT_RowData> = {\n  row: MRT_Row<TData>;\n  staticRowIndex?: number;\n  table: MRT_TableInstance<TData>;\n};\n\ntype DataTableProps<TData extends MRT_RowData> = MaterialReactTableProps<TData> & {\n  canHideTotalCountFooterBorder?: boolean;\n  canUseNoDataOverlay?: boolean;\n  canTotalCountRow?: boolean;\n  canUseTreeGridStyle?: boolean;\n  totalCount?: number;\n};\n\nexport type OwpMrtTableProps<TData extends MRT_RowData> = DataTableProps<TData>;\n\nconst treeGridHeaderBackgroundColor = '#586980';\nconst treeGridSortIconColor = '#cbd5e1';\n\nconst treeGridFontFaceStyles = {\n  '@font-face': {\n    fontFamily: 'RobotoLight',\n    fontStyle: 'normal',\n    fontWeight: 'normal',\n    src: \"url('/assets/vendors/Grid/Styles/Roboto-Light.ttf') format('truetype')\",\n  },\n} as const;\n\nconst treeGridHeaderTextSx = {\n  color: '#ffffff',\n  fontFamily: 'RobotoLight, sans-serif',\n  fontSize: '14px',\n  fontWeight: 'normal',\n  lineHeight: '16px',\n} as const;\n\nconst mergeSxValues = (...styles: Array<unknown>): unknown => {\n  const mergedStyles = styles.flatMap((style) => {\n    if (!style) {\n      return [];\n    }\n\n    return isArray(style) ? style : [style];\n  });\n\n  if (mergedStyles.length === 0) {\n    return undefined;\n  }\n\n  return (theme: Theme) =>\n    mergedStyles.reduce<Record<string, unknown>>((acc, style) => {\n      const resolvedStyle =\n        typeof style === 'function' ? (style as (theme: Theme) => unknown)(theme) : style;\n\n      if (!resolvedStyle || isArray(resolvedStyle)) {\n        return acc;\n      }\n\n      return {\n        ...acc,\n        ...(resolvedStyle as Record<string, unknown>),\n      };\n    }, {});\n};\n\nconst resolvePropValue = <TArgs, TProps>(\n  prop: ((args: TArgs) => TProps) | TProps | undefined,\n  args: TArgs,\n): TProps | undefined => {\n  if (typeof prop === 'function') {\n    return (prop as (args: TArgs) => TProps)(args);\n  }\n\n  return prop;\n};\n\nconst mergeComponentProps = <TProps extends PropsWithSx>(\n  ...propsList: Array<TProps | undefined>\n): TProps => {\n  const resolvedProps = propsList.filter(Boolean) as TProps[];\n  const mergedProps = resolvedProps.reduce((acc, currentProps) => {\n    return {\n      ...acc,\n      ...currentProps,\n    };\n  }, {} as TProps);\n\n  const className = clsx(resolvedProps.map((currentProps) => currentProps.className));\n  const sx = mergeSxValues(...resolvedProps.map((currentProps) => currentProps.sx));\n\n  if (className) {\n    mergedProps.className = className as TProps['className'];\n  }\n\n  if (sx) {\n    mergedProps.sx = sx as TProps['sx'];\n  }\n\n  return mergedProps;\n};\n\nconst mergeResolvedProps = <TArgs, TProps extends PropsWithSx>(\n  args: TArgs,\n  ...propsList: Array<((args: TArgs) => TProps) | TProps | undefined>\n): TProps => {\n  return mergeComponentProps(\n    ...propsList.map((currentProps) => resolvePropValue<TArgs, TProps>(currentProps, args)),\n  );\n};\n\nconst defaultTableIcons: Partial<MRT_Icons> = {\n  ArrowDownwardIcon: (props) => (\n    <OwpSvgIcon size={20} {...props}>\n      heroicons-outline:arrow-down-circle\n    </OwpSvgIcon>\n  ),\n  ClearAllIcon: () => <OwpSvgIcon size={20}>heroicons-outline:adjustments-horizontal</OwpSvgIcon>,\n  DensityLargeIcon: () => <OwpSvgIcon size={20}>heroicons-outline:bars-3-bottom-left</OwpSvgIcon>,\n  DensityMediumIcon: () => <OwpSvgIcon size={20}>heroicons-outline:bars-3</OwpSvgIcon>,\n  DensitySmallIcon: () => <OwpSvgIcon size={20}>heroicons-outline:bars-2</OwpSvgIcon>,\n  DragHandleIcon: () => (\n    <OwpSvgIcon className=\"rotate-45\" size={14}>\n      heroicons-outline:arrows-pointing-out\n    </OwpSvgIcon>\n  ),\n  FilterListIcon: (props) => (\n    <OwpSvgIcon size={16} {...props}>\n      heroicons-outline:funnel\n    </OwpSvgIcon>\n  ),\n  FilterListOffIcon: () => <OwpSvgIcon size={20}>heroicons-outline:funnel</OwpSvgIcon>,\n  FullscreenExitIcon: () => <OwpSvgIcon size={20}>heroicons-outline:arrows-pointing-in</OwpSvgIcon>,\n  FullscreenIcon: () => <OwpSvgIcon size={20}>heroicons-outline:arrows-pointing-out</OwpSvgIcon>,\n  SearchIcon: (props) => (\n    <OwpSvgIcon color=\"action\" size={20} {...props}>\n      heroicons-outline:magnifying-glass\n    </OwpSvgIcon>\n  ),\n  SearchOffIcon: () => <OwpSvgIcon size={20}>heroicons-outline:magnifying-glass</OwpSvgIcon>,\n  ViewColumnIcon: () => <OwpSvgIcon size={20}>heroicons-outline:view-columns</OwpSvgIcon>,\n  MoreVertIcon: () => <OwpSvgIcon size={20}>heroicons-outline:ellipsis-vertical</OwpSvgIcon>,\n  MoreHorizIcon: () => <OwpSvgIcon size={20}>heroicons-outline:ellipsis-horizontal</OwpSvgIcon>,\n  SortIcon: (props) => (\n    <OwpSvgIcon size={20} {...props}>\n      heroicons-outline:arrows-up-down\n    </OwpSvgIcon>\n  ),\n  PushPinIcon: (props) => (\n    <OwpSvgIcon size={20} {...props}>\n      heroicons-outline:bookmark\n    </OwpSvgIcon>\n  ),\n  VisibilityOffIcon: () => <OwpSvgIcon size={20}>heroicons-outline:eye-slash</OwpSvgIcon>,\n};\n\nconst TreeGridArrowDownwardIcon = (props: SvgIconProps) => {\n  return <ArrowDropDownRoundedIcon fontSize=\"small\" {...props} />;\n};\n\nconst TreeGridSyncAltIcon = (props: SvgIconProps & { direction?: string }) => {\n  const { direction, ...iconProps } = props;\n\n  void direction;\n\n  return <UnfoldMoreRoundedIcon fontSize=\"small\" {...iconProps} />;\n};\n\nconst treeGridTableIcons: Partial<MRT_Icons> = {\n  ArrowDownwardIcon: TreeGridArrowDownwardIcon,\n  SyncAltIcon: TreeGridSyncAltIcon,\n};\n\nconst defaultBottomToolbarProps: BoxProps = {\n  className: 'flex items-center min-h-56 h-56',\n};\n\nconst defaultPaperProps: PaperProps = {\n  elevation: 0,\n  square: true,\n  className: 'flex flex-col flex-auto h-full',\n};\n\nconst treeGridPaperProps: PaperProps = {\n  sx: {\n    display: 'flex',\n    height: '100%',\n    flexDirection: 'column',\n    border: '1px solid',\n    borderColor: 'divider',\n    borderRadius: 0,\n    boxShadow: 'none',\n  },\n};\n\nconst totalCountFooterBorderlessPaperProps: PaperProps = {\n  sx: {\n    border: 0,\n  },\n};\n\nconst totalCountFooterBorderlessContainerProps: TableContainerProps = {\n  sx: {\n    borderTop: '1px solid',\n    borderRight: '1px solid',\n    borderLeft: '1px solid',\n    borderColor: 'divider',\n  },\n};\n\nconst defaultContainerProps: TableContainerProps = {\n  className: 'flex-auto',\n};\n\nconst treeGridSelectColumnWidth = 40;\n\nconst treeGridSelectColumnCellSx = {\n  width: treeGridSelectColumnWidth,\n  minWidth: treeGridSelectColumnWidth,\n  maxWidth: treeGridSelectColumnWidth,\n} as const;\n\nconst treeGridContainerProps: TableContainerProps = {\n  sx: {\n    flex: 1,\n    minHeight: 0,\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  },\n};\n\nconst treeGridHeadRowProps: TableRowProps = {\n  sx: {\n    backgroundColor: treeGridHeaderBackgroundColor,\n    boxShadow: 'none',\n  },\n};\n\nconst defaultSelectCheckboxProps: CheckboxProps = {\n  className: 'w-48',\n};\n\nconst treeGridSelectCheckboxProps: CheckboxProps = {\n  sx: {\n    display: 'flex',\n    m: 0,\n    mx: 'auto',\n  },\n};\n\nconst treeGridTableProps: TableProps = {\n  sx: {\n    borderSpacing: 0,\n    width: '100%',\n    tableLayout: 'fixed',\n    '& .MuiTableHead-root .MuiTableCell-root': {\n      ...treeGridHeaderTextSx,\n      backgroundColor: treeGridHeaderBackgroundColor,\n      borderTop: '1px solid',\n      py: 0.75,\n      borderRight: '1px solid',\n      borderBottom: '1px solid',\n      borderColor: 'divider',\n      wordBreak: 'keep-all',\n    },\n    '& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:first-of-type': {\n      borderLeft: '1px solid',\n      borderColor: 'divider',\n    },\n    '& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:last-of-type': {\n      borderRight: '1px solid',\n      borderColor: 'divider',\n    },\n    '& .MuiTableHead-root .MuiIconButton-root': {\n      display: 'none',\n    },\n    '& .MuiTableBody-root .MuiTableCell-root': {\n      p: 0,\n      verticalAlign: 'middle',\n      borderRight: '1px solid',\n      borderBottom: '1px solid',\n      borderColor: 'divider',\n      overflowWrap: 'anywhere',\n    },\n    '& .MuiTableBody-root .MuiTableCell-root:last-of-type': {\n      borderRight: 'none',\n    },\n  },\n};\n\nconst getDefaultBodyRowProps = <TData extends MRT_RowData>({\n  row,\n  table,\n}: BodyRowArgs<TData>): TableRowProps => {\n  const { density } = table.getState();\n\n  if (density === 'compact') {\n    return {\n      sx: {\n        backgroundColor: 'initial',\n        opacity: 1,\n        boxShadow: 'none',\n        height: row.getIsPinned() ? `${37}px` : undefined,\n      },\n    };\n  }\n\n  return {\n    sx: {\n      backgroundColor: 'initial',\n      opacity: 1,\n      boxShadow: 'none',\n      height: row.getIsPinned() ? `${density === 'comfortable' ? 53 : 69}px` : undefined,\n    },\n  };\n};\n\nconst getDefaultHeadCellProps = <TData extends MRT_RowData>({\n  column,\n}: HeadCellArgs<TData>): TableCellProps => {\n  return {\n    sx: {\n      '& .Mui-TableHeadCell-Content-Labels': {\n        flex: 1,\n        justifyContent: 'space-between',\n      },\n      '& .Mui-TableHeadCell-Content-Actions': {\n        '& > button': {\n          marginX: '2px',\n        },\n      },\n      '& .MuiFormHelperText-root': {\n        textAlign: 'center',\n        marginX: 0,\n        color: (theme: Theme) => theme.palette.text.disabled,\n        fontSize: 11,\n      },\n      backgroundColor: (theme) => (column.getIsPinned() ? theme.palette.background.paper : 'inherit'),\n    },\n  };\n};\n\nconst getTreeGridHeadCellProps = <TData extends MRT_RowData>({\n  column,\n}: HeadCellArgs<TData>): TableCellProps => {\n  const isSelectColumn = column.id === 'mrt-row-select';\n  const isFirstColumn = column.getIsFirstColumn();\n  const isLastColumn = column.getIsLastColumn();\n\n  return {\n    align: 'center',\n    sx: {\n      ...(isSelectColumn ? treeGridSelectColumnCellSx : {}),\n      ...treeGridHeaderTextSx,\n      backgroundColor: treeGridHeaderBackgroundColor,\n      borderTop: '1px solid',\n      borderTopColor: 'divider',\n      ...(isFirstColumn\n        ? {\n            borderLeft: '1px solid',\n            borderLeftColor: 'divider',\n          }\n        : {}),\n      ...(isLastColumn\n        ? {\n            borderRight: '1px solid',\n            borderRightColor: 'divider',\n          }\n        : {}),\n      '& .Mui-TableHeadCell-Content': {\n        ...treeGridHeaderTextSx,\n        backgroundColor: 'inherit',\n        justifyContent: 'center',\n        position: 'relative',\n        width: '100%',\n      },\n      '& .Mui-TableHeadCell-Content-Labels': {\n        alignItems: 'center',\n        backgroundColor: 'inherit',\n        display: 'flex',\n        flex: 1,\n        justifyContent: 'center',\n        maxWidth: '100%',\n        minWidth: 0,\n        overflow: 'hidden',\n        position: 'relative',\n        pl: 0,\n        pr: isSelectColumn ? 0 : '24px',\n        width: '100%',\n      },\n      '& .Mui-TableHeadCell-Content-Wrapper': {\n        ...treeGridHeaderTextSx,\n        backgroundColor: 'inherit',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      },\n      '&& .MuiBadge-root': isSelectColumn\n        ? undefined\n        : {\n            alignItems: 'center',\n            display: 'inline-flex',\n            justifyContent: 'center',\n            position: 'absolute',\n            pointerEvents: 'none',\n            right: '6px',\n            top: '50%',\n            transform: 'translateY(-50%)',\n            width: '16px',\n          },\n      '&& .MuiTableSortLabel-root': {\n        alignItems: 'center',\n        color: treeGridSortIconColor,\n        display: 'inline-flex',\n        justifyContent: 'center',\n        minWidth: '16px',\n        opacity: '1 !important',\n        overflow: 'visible',\n        width: '16px',\n      },\n      '&& .MuiTableSortLabel-root:hover': {\n        color: treeGridSortIconColor,\n      },\n      '&& .MuiTableSortLabel-root.Mui-active': {\n        color: treeGridSortIconColor,\n      },\n      '&& .MuiTableSortLabel-icon': {\n        color: `${treeGridSortIconColor} !important`,\n        display: 'block',\n        fontSize: '18px',\n        margin: 0,\n        opacity: '1 !important',\n        overflow: 'visible',\n      },\n      '& .MuiButtonBase-root': isSelectColumn\n        ? {\n            display: 'flex',\n            margin: '0 auto',\n          }\n        : undefined,\n    },\n  };\n};\n\nconst getTreeGridBodyCellProps = <TData extends MRT_RowData>({\n  column,\n}: BodyCellArgs<TData>): TableCellProps => {\n  if (column.id !== 'mrt-row-select') {\n    return {};\n  }\n\n  return {\n    align: 'center',\n    sx: {\n      ...treeGridSelectColumnCellSx,\n      '& > .MuiButtonBase-root, & .MuiButtonBase-root': {\n        display: 'flex',\n        margin: '0 auto',\n      },\n    },\n  };\n};\n\n/**\n * MRT 기반 공통 테이블 렌더 함수\n * @param props Material React Table props\n */\nfunction DataTable<TData extends MRT_RowData>(props: DataTableProps<TData>) {\n  const { t } = useOwpTranslation();\n  const {\n    canHideTotalCountFooterBorder = false,\n    canUseNoDataOverlay = false,\n    canTotalCountRow = true,\n    canUseTreeGridStyle = true,\n    columns,\n    data,\n    totalCount,\n    ...rest\n  } = props;\n\n  const {\n    icons: restIcons,\n    initialState: restInitialState,\n    muiBottomToolbarProps: restBottomToolbarProps,\n    muiSelectAllCheckboxProps: restSelectAllCheckboxProps,\n    muiSelectCheckboxProps: restSelectCheckboxProps,\n    displayColumnDefOptions: restDisplayColumnDefOptions,\n    muiTableBodyCellProps: restTableBodyCellProps,\n    muiTableBodyRowProps: restTableBodyRowProps,\n    muiTableContainerProps: restTableContainerProps,\n    muiTableHeadCellProps: restTableHeadCellProps,\n    muiTablePaperProps: restTablePaperProps,\n    muiTableProps: restTableProps,\n    renderBottomToolbar: restRenderBottomToolbar,\n    renderEmptyRowsFallback: restRenderEmptyRowsFallback,\n    ...restOptions\n  } = rest;\n\n  const resolvedData = isArray(data) ? data : [];\n  const isNoDataOverlayVisible = isArray(data) && data.length === 0;\n  const shouldHideTotalCountFooterBorder = canUseTreeGridStyle || canHideTotalCountFooterBorder;\n  const shouldApplyTotalCountFooterBorderlessLayout =\n    canTotalCountRow && shouldHideTotalCountFooterBorder;\n  const shouldUseNoDataOverlay = canUseTreeGridStyle || canUseNoDataOverlay;\n  const displayColumnDefOptions = canUseTreeGridStyle\n    ? {\n        ...(restDisplayColumnDefOptions ?? {}),\n        'mrt-row-select': {\n          header: '',\n          size: treeGridSelectColumnWidth,\n          minSize: treeGridSelectColumnWidth,\n          maxSize: treeGridSelectColumnWidth,\n          ...(restDisplayColumnDefOptions?.['mrt-row-select'] ?? {}),\n        },\n      }\n    : restDisplayColumnDefOptions;\n\n  const initialState = defaultsFC(\n    { ...(restInitialState ?? {}) },\n    {\n      density: canUseTreeGridStyle ? 'compact' : 'spacious',\n      showColumnFilters: false,\n      showGlobalFilter: !canUseTreeGridStyle,\n      columnPinning: {\n        left: ['mrt-row-expand', 'mrt-row-select'],\n        right: ['mrt-row-actions'],\n      },\n      pagination: {\n        pageSize: 15,\n      },\n      enableFullScreenToggle: false,\n    },\n  );\n\n  const defaultOptions = defaultsFC(\n    {\n      ...restOptions,\n      displayColumnDefOptions,\n      initialState,\n    },\n    {\n      displayColumnDefOptions,\n      initialState,\n      layoutMode: canUseTreeGridStyle ? 'semantic' : undefined,\n      enablePagination: canUseTreeGridStyle ? false : undefined,\n      enableBottomToolbar: canUseTreeGridStyle ? false : undefined,\n      enableTopToolbar: canUseTreeGridStyle ? false : undefined,\n      enableColumnActions: canUseTreeGridStyle ? false : undefined,\n      enableColumnDragging: canUseTreeGridStyle ? false : undefined,\n      enableColumnFilters: canUseTreeGridStyle ? false : undefined,\n      enableColumnOrdering: canUseTreeGridStyle ? false : true,\n      enableDensityToggle: canUseTreeGridStyle ? false : undefined,\n      enableFullScreenToggle: false,\n      enableGlobalFilter: canUseTreeGridStyle ? false : undefined,\n      enableGrouping: canUseTreeGridStyle ? false : true,\n      enableHiding: canUseTreeGridStyle ? false : undefined,\n      enableColumnPinning: canUseTreeGridStyle ? false : true,\n      enableFacetedValues: canUseTreeGridStyle ? false : true,\n      enableMultiRowSelection: canUseTreeGridStyle ? true : undefined,\n      enableRowActions: canUseTreeGridStyle ? false : true,\n      enableRowSelection: true,\n      enableRowDragging: canUseTreeGridStyle ? false : undefined,\n      enableRowOrdering: canUseTreeGridStyle ? false : undefined,\n      enableSelectAll: canUseTreeGridStyle ? false : undefined,\n      enableStickyHeader: true,\n      enableToolbarInternalActions: canUseTreeGridStyle ? false : undefined,\n      getRowId: canUseTreeGridStyle\n        ? (row: TData) => String((row as TData & { id: string | number }).id)\n        : undefined,\n      paginationDisplayMode: 'pages',\n      positionToolbarAlertBanner: 'top',\n      muiPaginationProps: {\n        color: 'secondary',\n        rowsPerPageOptions: [10, 20, 30],\n        shape: 'rounded',\n        variant: 'outlined',\n        showRowsPerPage: false,\n      },\n      muiSearchTextFieldProps: {\n        placeholder: 'Search',\n        sx: { minWidth: '300px' },\n        variant: 'outlined',\n        size: 'small',\n      },\n      muiFilterTextFieldProps: {\n        variant: 'outlined',\n        size: 'small',\n        sx: {\n          '& .MuiInputBase-root': {\n            padding: '0px 8px',\n            height: '32px!important',\n            minHeight: '32px!important',\n          },\n        },\n      },\n      mrtTheme: (theme: Theme) => ({\n        baseBackgroundColor: theme.palette.background.paper,\n        menuBackgroundColor: theme.palette.background.paper,\n        pinnedRowBackgroundColor: theme.palette.background.paper,\n        pinnedColumnBackgroundColor: theme.palette.background.paper,\n      }),\n      renderTopToolbar: (toolbarProps: { table: MRT_TableInstance<TData> }) => (\n        <OwpMrtTableTopToolbar {...toolbarProps} />\n      ),\n    } as Partial<DataTableProps<TData>>,\n  );\n\n  const shouldRenderBaseBottomToolbar = defaultOptions.enableBottomToolbar !== false;\n  const resolvedTotalCount = isNumber(totalCount) ? totalCount : resolvedData.length;\n\n  const renderBaseBottomToolbar = (table: MRT_TableInstance<TData>) => {\n    if (!shouldRenderBaseBottomToolbar) {\n      return null;\n    }\n\n    if (typeof restRenderBottomToolbar === 'function') {\n      return restRenderBottomToolbar({ table });\n    }\n\n    return restRenderBottomToolbar ?? <MRT_BottomToolbar table={table} />;\n  };\n\n  const table = useMaterialReactTable<TData>({\n    ...defaultOptions,\n    columns,\n    data: resolvedData,\n    enableBottomToolbar: canTotalCountRow ? true : defaultOptions.enableBottomToolbar,\n    icons: {\n      ...defaultTableIcons,\n      ...(canUseTreeGridStyle ? treeGridTableIcons : {}),\n      ...(restIcons ?? {}),\n    },\n    muiBottomToolbarProps: (args: TableInstanceArgs<TData>) =>\n      mergeResolvedProps<TableInstanceArgs<TData>, BoxProps>(\n        args,\n        defaultBottomToolbarProps,\n        restBottomToolbarProps,\n      ),\n    muiSelectAllCheckboxProps: (args: SelectAllCheckboxArgs<TData>) =>\n      mergeResolvedProps<SelectAllCheckboxArgs<TData>, CheckboxProps>(\n        args,\n        defaultSelectCheckboxProps,\n        canUseTreeGridStyle ? treeGridSelectCheckboxProps : undefined,\n        restSelectAllCheckboxProps,\n      ),\n    muiSelectCheckboxProps: (args: SelectCheckboxArgs<TData>) =>\n      mergeResolvedProps<SelectCheckboxArgs<TData>, CheckboxProps | RadioProps>(\n        args,\n        defaultSelectCheckboxProps,\n        canUseTreeGridStyle ? treeGridSelectCheckboxProps : undefined,\n        restSelectCheckboxProps,\n      ),\n    muiTableBodyCellProps: (args: BodyCellArgs<TData>) =>\n      mergeResolvedProps<BodyCellArgs<TData>, TableCellProps>(\n        args,\n        canUseTreeGridStyle ? getTreeGridBodyCellProps : undefined,\n        restTableBodyCellProps,\n      ),\n    muiTableBodyRowProps: (args: BodyRowArgs<TData>) =>\n      mergeResolvedProps<BodyRowArgs<TData>, TableRowProps>(\n        args,\n        getDefaultBodyRowProps,\n        restTableBodyRowProps,\n      ),\n    muiTableContainerProps: (args: TableInstanceArgs<TData>) =>\n      mergeResolvedProps<TableInstanceArgs<TData>, TableContainerProps>(\n        args,\n        defaultContainerProps,\n        canUseTreeGridStyle ? treeGridContainerProps : undefined,\n        restTableContainerProps,\n        shouldApplyTotalCountFooterBorderlessLayout\n          ? totalCountFooterBorderlessContainerProps\n          : undefined,\n      ),\n    muiTableHeadRowProps: (args) =>\n      mergeResolvedProps(\n        args,\n        canUseTreeGridStyle ? treeGridHeadRowProps : undefined,\n        rest.muiTableHeadRowProps,\n      ),\n    muiTableHeadCellProps: (args: HeadCellArgs<TData>) =>\n      mergeResolvedProps<HeadCellArgs<TData>, TableCellProps>(\n        args,\n        getDefaultHeadCellProps,\n        canUseTreeGridStyle ? getTreeGridHeadCellProps : undefined,\n        restTableHeadCellProps,\n      ),\n    muiTablePaperProps: (args: TableInstanceArgs<TData>) =>\n      mergeResolvedProps<TableInstanceArgs<TData>, PaperProps>(\n        args,\n        defaultPaperProps,\n        canUseTreeGridStyle ? treeGridPaperProps : undefined,\n        restTablePaperProps,\n        shouldApplyTotalCountFooterBorderlessLayout\n          ? totalCountFooterBorderlessPaperProps\n          : undefined,\n      ),\n    muiTableProps: (args: TableInstanceArgs<TData>) =>\n      mergeResolvedProps<TableInstanceArgs<TData>, TableProps>(\n        args,\n        canUseTreeGridStyle ? treeGridTableProps : undefined,\n        restTableProps,\n      ),\n    renderBottomToolbar: canTotalCountRow\n      ? ({ table }) => (\n          <>\n            {renderBaseBottomToolbar(table)}\n            <OwpTableTotalCount totalCount={resolvedTotalCount} />\n          </>\n        )\n      : restRenderBottomToolbar,\n    renderEmptyRowsFallback: shouldUseNoDataOverlay\n      ? () => <></>\n      : restRenderEmptyRowsFallback,\n  });\n\n  return (\n    <>\n      {canUseTreeGridStyle && <GlobalStyles styles={treeGridFontFaceStyles} />}\n      <MaterialReactTable table={table} />\n      {shouldUseNoDataOverlay && (\n        <OwpMrtTableNoDataOverlay\n          visible={isNoDataOverlayVisible}\n          message={t('Message.조회된 결과가 없습니다.')}\n          table={table}\n        />\n      )}\n    </>\n  );\n}\n\nconst hasTableInstance = <TData extends MRT_RowData>(\n  props: OwpMrtTableProps<TData>,\n): props is OwpMrtTableProps<TData> & { table: MRT_TableInstance<TData> } => {\n  return 'table' in props && props.table !== undefined;\n};\n\n/**\n * MRT 기반 공통 테이블 컴포넌트\n * @param props 컴포넌트 props\n */\nconst OwpMrtTable = <TData extends MRT_RowData>(props: OwpMrtTableProps<TData>) => {\n  const currentLanguage = useGetCurrentLanguage();\n\n  if (hasTableInstance(props)) {\n    return <MaterialReactTable table={props.table} />;\n  }\n\n  return (\n    <DataTable<TData>\n      {...props}\n      localization={\n        props.localization ?? (currentLanguage.id === 'kr' ? MRT_Localization_KO : undefined)\n      }\n    />\n  );\n};\n\nexport { OwpMrtTable };\n"],"names":["treeGridHeaderBackgroundColor","treeGridSortIconColor","treeGridFontFaceStyles","treeGridHeaderTextSx","mergeSxValues","__name","styles","mergedStyles","style","isArray","theme","acc","resolvedStyle","resolvePropValue","prop","args","mergeComponentProps","propsList","resolvedProps","mergedProps","currentProps","className","clsx","sx","mergeResolvedProps","defaultTableIcons","props","jsx","OwpSvgIcon","TreeGridArrowDownwardIcon","ArrowDropDownRoundedIcon","TreeGridSyncAltIcon","direction","iconProps","UnfoldMoreRoundedIcon","treeGridTableIcons","defaultBottomToolbarProps","defaultPaperProps","treeGridPaperProps","totalCountFooterBorderlessPaperProps","totalCountFooterBorderlessContainerProps","defaultContainerProps","treeGridSelectColumnWidth","treeGridSelectColumnCellSx","treeGridContainerProps","treeGridHeadRowProps","defaultSelectCheckboxProps","treeGridSelectCheckboxProps","treeGridTableProps","getDefaultBodyRowProps","row","table","density","getDefaultHeadCellProps","column","getTreeGridHeadCellProps","isSelectColumn","isFirstColumn","isLastColumn","getTreeGridBodyCellProps","DataTable","t","useOwpTranslation","canHideTotalCountFooterBorder","canUseNoDataOverlay","canTotalCountRow","canUseTreeGridStyle","columns","data","totalCount","rest","restIcons","restInitialState","restBottomToolbarProps","restSelectAllCheckboxProps","restSelectCheckboxProps","restDisplayColumnDefOptions","restTableBodyCellProps","restTableBodyRowProps","restTableContainerProps","restTableHeadCellProps","restTablePaperProps","restTableProps","restRenderBottomToolbar","restRenderEmptyRowsFallback","restOptions","resolvedData","isNoDataOverlayVisible","shouldApplyTotalCountFooterBorderlessLayout","shouldUseNoDataOverlay","displayColumnDefOptions","initialState","defaultsFC","defaultOptions","toolbarProps","OwpMrtTableTopToolbar","shouldRenderBaseBottomToolbar","resolvedTotalCount","isNumber","renderBaseBottomToolbar","MRT_BottomToolbar","useMaterialReactTable","jsxs","Fragment","OwpTableTotalCount","GlobalStyles","MaterialReactTable","OwpMrtTableNoDataOverlay","hasTableInstance","OwpMrtTable","currentLanguage","useGetCurrentLanguage","MRT_Localization_KO"],"mappings":"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"}
+{"version":3,"file":"OwpMrtTable.js","sources":["../../../src/components/OwpMrtTable/OwpMrtTable.tsx"],"sourcesContent":["import ArrowDropDownRoundedIcon from '@mui/icons-material/ArrowDropDownRounded';\nimport UnfoldMoreRoundedIcon from '@mui/icons-material/UnfoldMoreRounded';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentLanguage } from '@/hooks/useCurrentLanguage';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type {\n  BoxProps,\n  CheckboxProps,\n  PaperProps,\n  RadioProps,\n  SvgIconProps,\n  TableCellProps,\n  TableContainerProps,\n  TableProps,\n  TableRowProps,\n} from '@mui/material';\nimport clsx from 'clsx';\nimport type { Theme } from '@mui/material/styles';\nimport { defaults as defaultsFC, isArray, isNumber } from 'es-toolkit/compat';\nimport {\n  MaterialReactTable,\n  type MaterialReactTableProps,\n  MRT_BottomToolbar,\n  type MRT_Cell,\n  type MRT_Column,\n  type MRT_Icons,\n  type MRT_Row,\n  type MRT_RowData,\n  type MRT_TableInstance,\n  useMaterialReactTable,\n} from 'material-react-table';\nimport { MRT_Localization_KO } from 'material-react-table/locales/ko';\nimport { OwpTableTotalCount } from '../OwpTable/OwpTable';\nimport { OwpMrtTableNoDataOverlay } from './internal/OwpMrtTableNoDataOverlay';\nimport OwpMrtTableTopToolbar from './internal/OwpMrtTableTopToolbar';\n\ntype PropsWithSx = {\n  className?: string;\n  sx?: unknown;\n};\n\ntype HeadCellArgs<TData extends MRT_RowData> = {\n  column: MRT_Column<TData>;\n  table: MRT_TableInstance<TData>;\n};\n\ntype BodyCellArgs<TData extends MRT_RowData> = {\n  cell: MRT_Cell<TData>;\n  column: MRT_Column<TData>;\n  row: MRT_Row<TData>;\n  table: MRT_TableInstance<TData>;\n};\n\ntype BodyRowArgs<TData extends MRT_RowData> = {\n  isDetailPanel?: boolean;\n  row: MRT_Row<TData>;\n  staticRowIndex: number;\n  table: MRT_TableInstance<TData>;\n};\n\ntype TableInstanceArgs<TData extends MRT_RowData> = {\n  table: MRT_TableInstance<TData>;\n};\n\ntype SelectAllCheckboxArgs<TData extends MRT_RowData> = {\n  table: MRT_TableInstance<TData>;\n};\n\ntype SelectCheckboxArgs<TData extends MRT_RowData> = {\n  row: MRT_Row<TData>;\n  staticRowIndex?: number;\n  table: MRT_TableInstance<TData>;\n};\n\nexport type OwpMrtTableHeaderCellStyle = {\n  backgroundColor?: string;\n  color?: string;\n  fontSize?: number | string;\n  fontWeight?: number | string;\n  height?: number | string;\n};\n\ntype DataTableProps<TData extends MRT_RowData> = MaterialReactTableProps<TData> & {\n  canHideTotalCountFooterBorder?: boolean;\n  canUseNoDataOverlay?: boolean;\n  canUseTableRadius?: boolean;\n  canTotalCountRow?: boolean;\n  canUseTreeGridStyle?: boolean;\n  headerCellStyle?: OwpMrtTableHeaderCellStyle;\n  totalCount?: number;\n};\n\nexport type OwpMrtTableProps<TData extends MRT_RowData> = DataTableProps<TData>;\n\nconst treeGridHeaderBackgroundColor = '#586980';\nconst treeGridSortIconColor = '#cbd5e1';\n\nconst treeGridFontFaceStyles = {\n  '@font-face': {\n    fontFamily: 'RobotoLight',\n    fontStyle: 'normal',\n    fontWeight: 'normal',\n    src: \"url('/assets/vendors/Grid/Styles/Roboto-Light.ttf') format('truetype')\",\n  },\n} as const;\n\nconst treeGridHeaderTextSx = {\n  color: '#ffffff',\n  fontFamily: 'RobotoLight, sans-serif',\n  fontSize: '14px',\n  fontWeight: 'normal',\n  lineHeight: '16px',\n} as const;\n\nconst getHeaderCellTextStyleSx = (headerCellStyle?: OwpMrtTableHeaderCellStyle) => ({\n  color: headerCellStyle?.color,\n  fontSize: headerCellStyle?.fontSize,\n  fontWeight: headerCellStyle?.fontWeight,\n});\n\nconst getHeaderCellHeightStyleSx = (headerCellStyle?: OwpMrtTableHeaderCellStyle) =>\n  headerCellStyle?.height\n    ? {\n        height: headerCellStyle.height,\n        minHeight: headerCellStyle.height,\n      }\n    : undefined;\n\nconst getHeaderCellBackgroundColor = (headerCellStyle?: OwpMrtTableHeaderCellStyle) =>\n  headerCellStyle?.backgroundColor\n    ? `${headerCellStyle.backgroundColor} !important`\n    : undefined;\n\nconst getHeaderCellOverrideSx = (headerCellStyle?: OwpMrtTableHeaderCellStyle) => {\n  const backgroundColor = getHeaderCellBackgroundColor(headerCellStyle);\n  const textStyleSx = getHeaderCellTextStyleSx(headerCellStyle);\n  const heightStyleSx = getHeaderCellHeightStyleSx(headerCellStyle);\n  const contentMinHeight = headerCellStyle?.height ? '100%' : undefined;\n\n  return {\n    ...textStyleSx,\n    ...heightStyleSx,\n    backgroundColor,\n    '& .Mui-TableHeadCell-Content': {\n      ...textStyleSx,\n      ...heightStyleSx,\n      alignItems: 'center',\n      backgroundColor,\n      display: 'flex',\n    },\n    '& .Mui-TableHeadCell-Content-Labels': {\n      alignItems: 'center',\n      backgroundColor,\n      display: 'flex',\n      height: headerCellStyle?.height ? '100%' : undefined,\n    },\n    '& .Mui-TableHeadCell-Content-Wrapper': {\n      ...textStyleSx,\n      alignItems: 'center',\n      backgroundColor,\n      display: 'flex',\n      minHeight: contentMinHeight,\n    },\n    '& .MuiTableSortLabel-root': {\n      color: headerCellStyle?.color,\n    },\n    '& .MuiTableSortLabel-root:hover': {\n      color: headerCellStyle?.color,\n    },\n    '& .MuiTableSortLabel-root.Mui-active': {\n      color: headerCellStyle?.color,\n    },\n    '& .MuiTableSortLabel-icon': {\n      color: headerCellStyle?.color ? `${headerCellStyle.color} !important` : undefined,\n    },\n  };\n};\n\nconst mergeSxValues = (...styles: Array<unknown>): unknown => {\n  const mergedStyles = styles.flatMap((style) => {\n    if (!style) {\n      return [];\n    }\n\n    return isArray(style) ? style : [style];\n  });\n\n  if (mergedStyles.length === 0) {\n    return undefined;\n  }\n\n  return (theme: Theme) =>\n    mergedStyles.reduce<Record<string, unknown>>((acc, style) => {\n      const resolvedStyle =\n        typeof style === 'function' ? (style as (theme: Theme) => unknown)(theme) : style;\n\n      if (!resolvedStyle || isArray(resolvedStyle)) {\n        return acc;\n      }\n\n      return {\n        ...acc,\n        ...(resolvedStyle as Record<string, unknown>),\n      };\n    }, {});\n};\n\nconst resolvePropValue = <TArgs, TProps>(\n  prop: ((args: TArgs) => TProps) | TProps | undefined,\n  args: TArgs,\n): TProps | undefined => {\n  if (typeof prop === 'function') {\n    return (prop as (args: TArgs) => TProps)(args);\n  }\n\n  return prop;\n};\n\nconst mergeComponentProps = <TProps extends PropsWithSx>(\n  ...propsList: Array<TProps | undefined>\n): TProps => {\n  const resolvedProps = propsList.filter(Boolean) as TProps[];\n  const mergedProps = resolvedProps.reduce((acc, currentProps) => {\n    return {\n      ...acc,\n      ...currentProps,\n    };\n  }, {} as TProps);\n\n  const className = clsx(resolvedProps.map((currentProps) => currentProps.className));\n  const sx = mergeSxValues(...resolvedProps.map((currentProps) => currentProps.sx));\n\n  if (className) {\n    mergedProps.className = className as TProps['className'];\n  }\n\n  if (sx) {\n    mergedProps.sx = sx as TProps['sx'];\n  }\n\n  return mergedProps;\n};\n\nconst mergeResolvedProps = <TArgs, TProps extends PropsWithSx>(\n  args: TArgs,\n  ...propsList: Array<((args: TArgs) => TProps) | TProps | undefined>\n): TProps => {\n  return mergeComponentProps(\n    ...propsList.map((currentProps) => resolvePropValue<TArgs, TProps>(currentProps, args)),\n  );\n};\n\nconst defaultTableIcons: Partial<MRT_Icons> = {\n  ArrowDownwardIcon: (props) => (\n    <OwpSvgIcon size={20} {...props}>\n      heroicons-outline:arrow-down-circle\n    </OwpSvgIcon>\n  ),\n  ClearAllIcon: () => <OwpSvgIcon size={20}>heroicons-outline:adjustments-horizontal</OwpSvgIcon>,\n  DensityLargeIcon: () => <OwpSvgIcon size={20}>heroicons-outline:bars-3-bottom-left</OwpSvgIcon>,\n  DensityMediumIcon: () => <OwpSvgIcon size={20}>heroicons-outline:bars-3</OwpSvgIcon>,\n  DensitySmallIcon: () => <OwpSvgIcon size={20}>heroicons-outline:bars-2</OwpSvgIcon>,\n  DragHandleIcon: () => (\n    <OwpSvgIcon className=\"rotate-45\" size={14}>\n      heroicons-outline:arrows-pointing-out\n    </OwpSvgIcon>\n  ),\n  FilterListIcon: (props) => (\n    <OwpSvgIcon size={16} {...props}>\n      heroicons-outline:funnel\n    </OwpSvgIcon>\n  ),\n  FilterListOffIcon: () => <OwpSvgIcon size={20}>heroicons-outline:funnel</OwpSvgIcon>,\n  FullscreenExitIcon: () => <OwpSvgIcon size={20}>heroicons-outline:arrows-pointing-in</OwpSvgIcon>,\n  FullscreenIcon: () => <OwpSvgIcon size={20}>heroicons-outline:arrows-pointing-out</OwpSvgIcon>,\n  SearchIcon: (props) => (\n    <OwpSvgIcon color=\"action\" size={20} {...props}>\n      heroicons-outline:magnifying-glass\n    </OwpSvgIcon>\n  ),\n  SearchOffIcon: () => <OwpSvgIcon size={20}>heroicons-outline:magnifying-glass</OwpSvgIcon>,\n  ViewColumnIcon: () => <OwpSvgIcon size={20}>heroicons-outline:view-columns</OwpSvgIcon>,\n  MoreVertIcon: () => <OwpSvgIcon size={20}>heroicons-outline:ellipsis-vertical</OwpSvgIcon>,\n  MoreHorizIcon: () => <OwpSvgIcon size={20}>heroicons-outline:ellipsis-horizontal</OwpSvgIcon>,\n  SortIcon: (props) => (\n    <OwpSvgIcon size={20} {...props}>\n      heroicons-outline:arrows-up-down\n    </OwpSvgIcon>\n  ),\n  PushPinIcon: (props) => (\n    <OwpSvgIcon size={20} {...props}>\n      heroicons-outline:bookmark\n    </OwpSvgIcon>\n  ),\n  VisibilityOffIcon: () => <OwpSvgIcon size={20}>heroicons-outline:eye-slash</OwpSvgIcon>,\n};\n\nconst TreeGridArrowDownwardIcon = (props: SvgIconProps) => {\n  return <ArrowDropDownRoundedIcon fontSize=\"small\" {...props} />;\n};\n\nconst TreeGridSyncAltIcon = (props: SvgIconProps & { direction?: string }) => {\n  const { direction, ...iconProps } = props;\n\n  void direction;\n\n  return <UnfoldMoreRoundedIcon fontSize=\"small\" {...iconProps} />;\n};\n\nconst treeGridTableIcons: Partial<MRT_Icons> = {\n  ArrowDownwardIcon: TreeGridArrowDownwardIcon,\n  SyncAltIcon: TreeGridSyncAltIcon,\n};\n\nconst defaultBottomToolbarProps: BoxProps = {\n  className: 'flex items-center min-h-56 h-56',\n};\n\nconst defaultPaperProps: PaperProps = {\n  elevation: 0,\n  square: true,\n  className: 'flex flex-col flex-auto h-full',\n};\n\nconst treeGridPaperProps: PaperProps = {\n  sx: {\n    display: 'flex',\n    height: '100%',\n    flexDirection: 'column',\n    border: '1px solid',\n    borderColor: 'divider',\n    borderRadius: 0,\n    boxShadow: 'none',\n  },\n};\n\nconst totalCountFooterBorderlessPaperProps: PaperProps = {\n  sx: {\n    border: 0,\n  },\n};\n\nconst totalCountFooterBorderlessContainerProps: TableContainerProps = {\n  sx: {\n    borderTop: '1px solid',\n    borderRight: '1px solid',\n    borderLeft: '1px solid',\n    borderColor: 'divider',\n  },\n};\n\nconst defaultContainerProps: TableContainerProps = {\n  className: 'flex-auto',\n};\n\nconst tableRadiusPaperProps: PaperProps = {\n  square: false,\n  sx: {\n    borderRadius: 2,\n    overflow: 'hidden',\n  },\n};\n\nconst tableRadiusContainerProps: TableContainerProps = {\n  sx: {\n    borderRadius: 'inherit',\n  },\n};\n\nconst treeGridSelectColumnWidth = 40;\n\nconst treeGridSelectColumnCellSx = {\n  width: treeGridSelectColumnWidth,\n  minWidth: treeGridSelectColumnWidth,\n  maxWidth: treeGridSelectColumnWidth,\n} as const;\n\nconst treeGridContainerProps: TableContainerProps = {\n  sx: {\n    flex: 1,\n    minHeight: 0,\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  },\n};\n\nconst treeGridHeadRowProps: TableRowProps = {\n  sx: {\n    backgroundColor: treeGridHeaderBackgroundColor,\n    boxShadow: 'none',\n  },\n};\n\nconst defaultSelectCheckboxProps: CheckboxProps = {\n  className: 'w-48',\n};\n\nconst treeGridSelectCheckboxProps: CheckboxProps = {\n  sx: {\n    display: 'flex',\n    m: 0,\n    mx: 'auto',\n  },\n};\n\nconst treeGridTableProps: TableProps = {\n  sx: {\n    borderSpacing: 0,\n    width: '100%',\n    tableLayout: 'fixed',\n    '& .MuiTableHead-root .MuiTableCell-root': {\n      ...treeGridHeaderTextSx,\n      backgroundColor: treeGridHeaderBackgroundColor,\n      borderTop: '1px solid',\n      py: 0.75,\n      borderRight: '1px solid',\n      borderBottom: '1px solid',\n      borderColor: 'divider',\n      wordBreak: 'keep-all',\n    },\n    '& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:first-of-type': {\n      borderLeft: '1px solid',\n      borderColor: 'divider',\n    },\n    '& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:last-of-type': {\n      borderRight: '1px solid',\n      borderColor: 'divider',\n    },\n    '& .MuiTableHead-root .MuiIconButton-root': {\n      display: 'none',\n    },\n    '& .MuiTableBody-root .MuiTableCell-root': {\n      p: 0,\n      verticalAlign: 'middle',\n      borderRight: '1px solid',\n      borderBottom: '1px solid',\n      borderColor: 'divider',\n      overflowWrap: 'anywhere',\n    },\n    '& .MuiTableBody-root .MuiTableCell-root:last-of-type': {\n      borderRight: 'none',\n    },\n  },\n};\n\nconst treeGridTableRadiusProps: TableProps = {\n  sx: {\n    '& .MuiTableHead-root .MuiTableCell-root': {\n      borderTop: 'none',\n    },\n    '& .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root + .MuiTableCell-root': {\n      borderLeft: '1px solid',\n      borderLeftColor: 'divider',\n    },\n    '& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:first-of-type': {\n      borderLeft: 'none',\n    },\n    '& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:last-of-type': {\n      borderRight: 'none',\n    },\n  },\n};\n\nconst treeGridTableRadiusBottomEdgeProps: TableProps = {\n  sx: {\n    '& .MuiTableBody-root .MuiTableRow-root:last-of-type .MuiTableCell-root': {\n      borderBottom: 'none',\n    },\n  },\n};\n\nconst getDefaultBodyRowProps = <TData extends MRT_RowData>({\n  row,\n  table,\n}: BodyRowArgs<TData>): TableRowProps => {\n  const { density } = table.getState();\n\n  if (density === 'compact') {\n    return {\n      sx: {\n        backgroundColor: 'initial',\n        opacity: 1,\n        boxShadow: 'none',\n        height: row.getIsPinned() ? `${37}px` : undefined,\n      },\n    };\n  }\n\n  return {\n    sx: {\n      backgroundColor: 'initial',\n      opacity: 1,\n      boxShadow: 'none',\n      height: row.getIsPinned() ? `${density === 'comfortable' ? 53 : 69}px` : undefined,\n    },\n  };\n};\n\nconst getDefaultHeadCellProps = <TData extends MRT_RowData>({\n  column,\n  table,\n}: HeadCellArgs<TData>): TableCellProps => {\n  const { headerCellStyle } = table.options as DataTableProps<TData>;\n  const headerCellBackgroundColor = getHeaderCellBackgroundColor(headerCellStyle);\n\n  return {\n    sx: {\n      '& .Mui-TableHeadCell-Content-Labels': {\n        flex: 1,\n        justifyContent: 'space-between',\n      },\n      '& .Mui-TableHeadCell-Content-Actions': {\n        '& > button': {\n          marginX: '2px',\n        },\n      },\n      '& .MuiFormHelperText-root': {\n        textAlign: 'center',\n        marginX: 0,\n        color: (theme: Theme) => theme.palette.text.disabled,\n        fontSize: 11,\n      },\n      ...getHeaderCellOverrideSx(headerCellStyle),\n      backgroundColor: (theme) =>\n        headerCellBackgroundColor ??\n        (column.getIsPinned() ? theme.palette.background.paper : 'inherit'),\n    },\n  };\n};\n\nconst getTreeGridHeadCellProps = <TData extends MRT_RowData>({\n  column,\n  table,\n}: HeadCellArgs<TData>): TableCellProps => {\n  const { headerCellStyle } = table.options as DataTableProps<TData>;\n  const isSelectColumn = column.id === 'mrt-row-select';\n  const resolvedHeaderTextSx = {\n    ...treeGridHeaderTextSx,\n    color: headerCellStyle?.color ?? treeGridHeaderTextSx.color,\n    fontSize: headerCellStyle?.fontSize ?? treeGridHeaderTextSx.fontSize,\n    fontWeight: headerCellStyle?.fontWeight ?? treeGridHeaderTextSx.fontWeight,\n  };\n  const resolvedSortIconColor = headerCellStyle?.color ?? treeGridSortIconColor;\n  const headerHeightStyleSx = getHeaderCellHeightStyleSx(headerCellStyle);\n  const contentMinHeight = headerCellStyle?.height ? '100%' : undefined;\n\n  return {\n    align: 'center',\n    sx: {\n      ...(isSelectColumn ? treeGridSelectColumnCellSx : {}),\n      ...resolvedHeaderTextSx,\n      ...getHeaderCellOverrideSx(headerCellStyle),\n      backgroundColor: getHeaderCellBackgroundColor(headerCellStyle) ?? treeGridHeaderBackgroundColor,\n      '& .Mui-TableHeadCell-Content': {\n        ...resolvedHeaderTextSx,\n        ...headerHeightStyleSx,\n        alignItems: 'center',\n        backgroundColor: 'inherit',\n        display: 'flex',\n        justifyContent: 'center',\n        position: 'relative',\n        width: '100%',\n      },\n      '& .Mui-TableHeadCell-Content-Labels': {\n        alignItems: 'center',\n        backgroundColor: 'inherit',\n        display: 'flex',\n        flex: 1,\n        justifyContent: 'center',\n        maxWidth: '100%',\n        minWidth: 0,\n        overflow: 'hidden',\n        position: 'relative',\n        pl: 0,\n        pr: isSelectColumn ? 0 : '24px',\n        height: headerCellStyle?.height ? '100%' : undefined,\n        width: '100%',\n      },\n      '& .Mui-TableHeadCell-Content-Wrapper': {\n        ...resolvedHeaderTextSx,\n        alignItems: 'center',\n        backgroundColor: 'inherit',\n        display: 'flex',\n        minHeight: contentMinHeight,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      },\n      '&& .MuiBadge-root': isSelectColumn\n        ? undefined\n        : {\n            alignItems: 'center',\n            display: 'inline-flex',\n            justifyContent: 'center',\n            position: 'absolute',\n            pointerEvents: 'none',\n            right: '6px',\n            top: '50%',\n            transform: 'translateY(-50%)',\n            width: '16px',\n          },\n      '&& .MuiTableSortLabel-root': {\n        alignItems: 'center',\n        color: resolvedSortIconColor,\n        display: 'inline-flex',\n        justifyContent: 'center',\n        minWidth: '16px',\n        opacity: '1 !important',\n        overflow: 'visible',\n        width: '16px',\n      },\n      '&& .MuiTableSortLabel-root:hover': {\n        color: resolvedSortIconColor,\n      },\n      '&& .MuiTableSortLabel-root.Mui-active': {\n        color: resolvedSortIconColor,\n      },\n      '&& .MuiTableSortLabel-icon': {\n        color: `${resolvedSortIconColor} !important`,\n        display: 'block',\n        fontSize: '18px',\n        margin: 0,\n        opacity: '1 !important',\n        overflow: 'visible',\n      },\n      '& .MuiButtonBase-root': isSelectColumn\n        ? {\n            display: 'flex',\n            margin: '0 auto',\n          }\n        : undefined,\n    },\n  };\n};\n\nconst getTreeGridBodyCellProps = <TData extends MRT_RowData>({\n  column,\n}: BodyCellArgs<TData>): TableCellProps => {\n  if (column.id !== 'mrt-row-select') {\n    return {};\n  }\n\n  return {\n    align: 'center',\n    sx: {\n      ...treeGridSelectColumnCellSx,\n      '& > .MuiButtonBase-root, & .MuiButtonBase-root': {\n        display: 'flex',\n        margin: '0 auto',\n      },\n    },\n  };\n};\n\nconst tableBodyTabNavigableFieldSelector = [\n  'tbody td input:not([type=\"hidden\"])',\n  'tbody td textarea',\n  'tbody td [contenteditable=\"true\"]',\n  'tbody td [role=\"combobox\"]',\n].join(', ');\n\ntype TableBodyCellKeyDownCaptureEvent = Parameters<\n  NonNullable<TableCellProps['onKeyDownCapture']>\n>[0];\n\n/**\n * 테이블 본문 입력 가능 필드 여부 판별\n * @param element 포커스 후보 요소\n */\nconst isTabNavigableTableBodyField = (element: HTMLElement) => {\n  if (element.tabIndex < 0) {\n    return false;\n  }\n\n  if (element.getAttribute('aria-disabled') === 'true') {\n    return false;\n  }\n\n  if (element.getAttribute('aria-readonly') === 'true') {\n    return false;\n  }\n\n  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {\n    if (element.disabled || element.readOnly) {\n      return false;\n    }\n  }\n\n  if (element instanceof HTMLSelectElement && element.disabled) {\n    return false;\n  }\n\n  if (element instanceof HTMLInputElement) {\n    if (\n      ['button', 'checkbox', 'file', 'hidden', 'radio', 'reset', 'submit'].includes(element.type)\n    ) {\n      return false;\n    }\n  }\n\n  return element.getClientRects().length > 0;\n};\n\n/**\n * 테이블 본문 기준 현재 포커스 입력 필드 조회\n * @param target 키 이벤트 target\n */\nconst getCurrentTableBodyField = (target: EventTarget | null) => {\n  if (!(target instanceof Element)) {\n    return null;\n  }\n\n  const currentField = target.matches(tableBodyTabNavigableFieldSelector)\n    ? target\n    : target.closest(tableBodyTabNavigableFieldSelector);\n\n  return currentField instanceof HTMLElement && isTabNavigableTableBodyField(currentField)\n    ? currentField\n    : null;\n};\n\n/**\n * 테이블 본문 입력 필드 Tab 이동 처리\n * @param event body cell keydown capture event\n */\nconst handleTableBodyFieldTabNavigation = (event: TableBodyCellKeyDownCaptureEvent) => {\n  if (event.key !== 'Tab' || event.altKey || event.ctrlKey || event.metaKey) {\n    return;\n  }\n\n  const currentField = getCurrentTableBodyField(event.target);\n\n  if (!currentField) {\n    return;\n  }\n\n  const tableElement = currentField.closest('table');\n\n  if (!tableElement) {\n    return;\n  }\n\n  const fields = Array.from(\n    tableElement.querySelectorAll<HTMLElement>(tableBodyTabNavigableFieldSelector),\n  ).filter(isTabNavigableTableBodyField);\n\n  const currentIndex = fields.indexOf(currentField);\n\n  if (currentIndex < 0) {\n    return;\n  }\n\n  const nextField = fields[currentIndex + (event.shiftKey ? -1 : 1)];\n\n  if (!nextField) {\n    return;\n  }\n\n  event.preventDefault();\n\n  queueMicrotask(() => {\n    if (document.contains(nextField)) {\n      nextField.focus();\n    }\n  });\n};\n\n/**\n * MRT 기반 공통 테이블 렌더 함수\n * @param props Material React Table props\n */\nfunction DataTable<TData extends MRT_RowData>(props: DataTableProps<TData>) {\n  const { t } = useOwpTranslation();\n  const {\n    canHideTotalCountFooterBorder = false,\n    canUseNoDataOverlay = false,\n    canUseTableRadius = false,\n    canTotalCountRow = true,\n    canUseTreeGridStyle = true,\n    columns,\n    data,\n    totalCount,\n    ...rest\n  } = props;\n\n  const {\n    icons: restIcons,\n    initialState: restInitialState,\n    muiBottomToolbarProps: restBottomToolbarProps,\n    muiSelectAllCheckboxProps: restSelectAllCheckboxProps,\n    muiSelectCheckboxProps: restSelectCheckboxProps,\n    displayColumnDefOptions: restDisplayColumnDefOptions,\n    muiTableBodyCellProps: restTableBodyCellProps,\n    muiTableBodyRowProps: restTableBodyRowProps,\n    muiTableContainerProps: restTableContainerProps,\n    muiTableHeadCellProps: restTableHeadCellProps,\n    muiTableHeadRowProps: restTableHeadRowProps,\n    muiTablePaperProps: restTablePaperProps,\n    muiTableProps: restTableProps,\n    renderBottomToolbar: restRenderBottomToolbar,\n    renderEmptyRowsFallback: restRenderEmptyRowsFallback,\n    ...restOptions\n  } = rest;\n\n  const resolvedData = isArray(data) ? data : [];\n  const isNoDataOverlayVisible = isArray(data) && data.length === 0;\n  const shouldHideTotalCountFooterBorder = canUseTreeGridStyle || canHideTotalCountFooterBorder;\n  const shouldApplyTotalCountFooterBorderlessLayout =\n    canTotalCountRow && shouldHideTotalCountFooterBorder;\n  const shouldUseNoDataOverlay = canUseTreeGridStyle || canUseNoDataOverlay;\n  const shouldUseRadiusOuterBorder = canUseTreeGridStyle && canUseTableRadius;\n  const displayColumnDefOptions = canUseTreeGridStyle\n    ? {\n        ...(restDisplayColumnDefOptions ?? {}),\n        'mrt-row-select': {\n          header: '',\n          size: treeGridSelectColumnWidth,\n          minSize: treeGridSelectColumnWidth,\n          maxSize: treeGridSelectColumnWidth,\n          ...(restDisplayColumnDefOptions?.['mrt-row-select'] ?? {}),\n        },\n      }\n    : restDisplayColumnDefOptions;\n\n  const initialState = defaultsFC(\n    { ...(restInitialState ?? {}) },\n    {\n      density: canUseTreeGridStyle ? 'compact' : 'spacious',\n      showColumnFilters: false,\n      showGlobalFilter: !canUseTreeGridStyle,\n      columnPinning: {\n        left: ['mrt-row-expand', 'mrt-row-select'],\n        right: ['mrt-row-actions'],\n      },\n      pagination: {\n        pageSize: 15,\n      },\n      enableFullScreenToggle: false,\n    },\n  );\n\n  const defaultOptions = defaultsFC(\n    {\n      ...restOptions,\n      displayColumnDefOptions,\n      initialState,\n    },\n    {\n      displayColumnDefOptions,\n      initialState,\n      layoutMode: canUseTreeGridStyle ? 'semantic' : undefined,\n      enablePagination: canUseTreeGridStyle ? false : undefined,\n      enableBottomToolbar: canUseTreeGridStyle ? false : undefined,\n      enableTopToolbar: canUseTreeGridStyle ? false : undefined,\n      enableColumnActions: canUseTreeGridStyle ? false : undefined,\n      enableColumnDragging: canUseTreeGridStyle ? false : undefined,\n      enableColumnFilters: canUseTreeGridStyle ? false : undefined,\n      enableColumnOrdering: canUseTreeGridStyle ? false : true,\n      enableDensityToggle: canUseTreeGridStyle ? false : undefined,\n      enableFullScreenToggle: false,\n      enableGlobalFilter: canUseTreeGridStyle ? false : undefined,\n      enableGrouping: canUseTreeGridStyle ? false : true,\n      enableHiding: canUseTreeGridStyle ? false : undefined,\n      enableColumnPinning: canUseTreeGridStyle ? false : true,\n      enableFacetedValues: canUseTreeGridStyle ? false : true,\n      enableMultiRowSelection: canUseTreeGridStyle ? true : undefined,\n      enableRowActions: canUseTreeGridStyle ? false : true,\n      enableRowSelection: true,\n      enableRowDragging: canUseTreeGridStyle ? false : undefined,\n      enableRowOrdering: canUseTreeGridStyle ? false : undefined,\n      enableSelectAll: canUseTreeGridStyle ? false : undefined,\n      enableStickyHeader: true,\n      enableToolbarInternalActions: canUseTreeGridStyle ? false : undefined,\n      getRowId: canUseTreeGridStyle\n        ? (row: TData) => String((row as TData & { id: string | number }).id)\n        : undefined,\n      paginationDisplayMode: 'pages',\n      positionToolbarAlertBanner: 'top',\n      muiPaginationProps: {\n        color: 'secondary',\n        rowsPerPageOptions: [10, 20, 30],\n        shape: 'rounded',\n        variant: 'outlined',\n        showRowsPerPage: false,\n      },\n      muiSearchTextFieldProps: {\n        placeholder: 'Search',\n        sx: { minWidth: '300px' },\n        variant: 'outlined',\n        size: 'small',\n      },\n      muiFilterTextFieldProps: {\n        variant: 'outlined',\n        size: 'small',\n        sx: {\n          '& .MuiInputBase-root': {\n            padding: '0px 8px',\n            height: '32px!important',\n            minHeight: '32px!important',\n          },\n        },\n      },\n      mrtTheme: (theme: Theme) => ({\n        baseBackgroundColor: theme.palette.background.paper,\n        menuBackgroundColor: theme.palette.background.paper,\n        pinnedRowBackgroundColor: theme.palette.background.paper,\n        pinnedColumnBackgroundColor: theme.palette.background.paper,\n      }),\n      renderTopToolbar: (toolbarProps: { table: MRT_TableInstance<TData> }) => (\n        <OwpMrtTableTopToolbar {...toolbarProps} />\n      ),\n    } as Partial<DataTableProps<TData>>,\n  );\n\n  const shouldRenderBaseBottomToolbar = defaultOptions.enableBottomToolbar !== false;\n  const resolvedTotalCount = isNumber(totalCount) ? totalCount : resolvedData.length;\n  const shouldHideLastBodyRowBorderForRadius =\n    shouldUseRadiusOuterBorder && !canTotalCountRow && !shouldRenderBaseBottomToolbar;\n\n  const renderBaseBottomToolbar = (table: MRT_TableInstance<TData>) => {\n    if (!shouldRenderBaseBottomToolbar) {\n      return null;\n    }\n\n    if (typeof restRenderBottomToolbar === 'function') {\n      return restRenderBottomToolbar({ table });\n    }\n\n    return restRenderBottomToolbar ?? <MRT_BottomToolbar table={table} />;\n  };\n\n  const getResolvedBodyCellProps = (args: BodyCellArgs<TData>) => {\n    const mergedProps = mergeResolvedProps<BodyCellArgs<TData>, TableCellProps>(\n      args,\n      canUseTreeGridStyle ? getTreeGridBodyCellProps : undefined,\n      restTableBodyCellProps,\n    );\n    const { onKeyDownCapture, ...restMergedProps } = mergedProps;\n\n    return {\n      ...restMergedProps,\n      onKeyDownCapture: (event: TableBodyCellKeyDownCaptureEvent) => {\n        onKeyDownCapture?.(event);\n\n        if (event.defaultPrevented || event.isPropagationStopped()) {\n          return;\n        }\n\n        handleTableBodyFieldTabNavigation(event);\n      },\n    } satisfies TableCellProps;\n  };\n\n  const getResolvedHeadRowProps = () => {\n    if (!rest.headerCellStyle?.backgroundColor) {\n      return undefined;\n    }\n\n    return {\n      sx: {\n        backgroundColor: `${rest.headerCellStyle.backgroundColor} !important`,\n      },\n    } satisfies TableRowProps;\n  };\n\n  const table = useMaterialReactTable<TData>({\n    ...defaultOptions,\n    columns,\n    data: resolvedData,\n    enableBottomToolbar: canTotalCountRow ? true : defaultOptions.enableBottomToolbar,\n    icons: {\n      ...defaultTableIcons,\n      ...(canUseTreeGridStyle ? treeGridTableIcons : {}),\n      ...(restIcons ?? {}),\n    },\n    muiBottomToolbarProps: (args: TableInstanceArgs<TData>) =>\n      mergeResolvedProps<TableInstanceArgs<TData>, BoxProps>(\n        args,\n        defaultBottomToolbarProps,\n        restBottomToolbarProps,\n      ),\n    muiSelectAllCheckboxProps: (args: SelectAllCheckboxArgs<TData>) =>\n      mergeResolvedProps<SelectAllCheckboxArgs<TData>, CheckboxProps>(\n        args,\n        defaultSelectCheckboxProps,\n        canUseTreeGridStyle ? treeGridSelectCheckboxProps : undefined,\n        restSelectAllCheckboxProps,\n      ),\n    muiSelectCheckboxProps: (args: SelectCheckboxArgs<TData>) =>\n      mergeResolvedProps<SelectCheckboxArgs<TData>, CheckboxProps | RadioProps>(\n        args,\n        defaultSelectCheckboxProps,\n        canUseTreeGridStyle ? treeGridSelectCheckboxProps : undefined,\n        restSelectCheckboxProps,\n      ),\n    muiTableBodyCellProps: (args: BodyCellArgs<TData>) => getResolvedBodyCellProps(args),\n    muiTableBodyRowProps: (args: BodyRowArgs<TData>) =>\n      mergeResolvedProps<BodyRowArgs<TData>, TableRowProps>(\n        args,\n        getDefaultBodyRowProps,\n        restTableBodyRowProps,\n      ),\n    muiTableContainerProps: (args: TableInstanceArgs<TData>) =>\n      mergeResolvedProps<TableInstanceArgs<TData>, TableContainerProps>(\n        args,\n        defaultContainerProps,\n        canUseTreeGridStyle ? treeGridContainerProps : undefined,\n        canUseTableRadius ? tableRadiusContainerProps : undefined,\n        restTableContainerProps,\n        shouldApplyTotalCountFooterBorderlessLayout && !shouldUseRadiusOuterBorder\n          ? totalCountFooterBorderlessContainerProps\n          : undefined,\n      ),\n    muiTableHeadRowProps: (args) =>\n      mergeResolvedProps(\n        args,\n        canUseTreeGridStyle ? treeGridHeadRowProps : undefined,\n        getResolvedHeadRowProps(),\n        restTableHeadRowProps,\n      ),\n    muiTableHeadCellProps: (args: HeadCellArgs<TData>) =>\n      mergeResolvedProps<HeadCellArgs<TData>, TableCellProps>(\n        args,\n        getDefaultHeadCellProps,\n        canUseTreeGridStyle ? getTreeGridHeadCellProps : undefined,\n        restTableHeadCellProps,\n      ),\n    muiTablePaperProps: (args: TableInstanceArgs<TData>) =>\n      mergeResolvedProps<TableInstanceArgs<TData>, PaperProps>(\n        args,\n        defaultPaperProps,\n        canUseTreeGridStyle ? treeGridPaperProps : undefined,\n        canUseTableRadius ? tableRadiusPaperProps : undefined,\n        restTablePaperProps,\n        shouldApplyTotalCountFooterBorderlessLayout && !shouldUseRadiusOuterBorder\n          ? totalCountFooterBorderlessPaperProps\n          : undefined,\n      ),\n    muiTableProps: (args: TableInstanceArgs<TData>) =>\n      mergeResolvedProps<TableInstanceArgs<TData>, TableProps>(\n        args,\n        canUseTreeGridStyle ? treeGridTableProps : undefined,\n        shouldUseRadiusOuterBorder ? treeGridTableRadiusProps : undefined,\n        shouldHideLastBodyRowBorderForRadius ? treeGridTableRadiusBottomEdgeProps : undefined,\n        restTableProps,\n      ),\n    renderBottomToolbar: canTotalCountRow\n      ? ({ table }) => (\n          <>\n            {renderBaseBottomToolbar(table)}\n            <OwpTableTotalCount totalCount={resolvedTotalCount} />\n          </>\n        )\n      : restRenderBottomToolbar,\n    renderEmptyRowsFallback: shouldUseNoDataOverlay ? () => <></> : restRenderEmptyRowsFallback,\n  });\n\n  return (\n    <>\n      {canUseTreeGridStyle && <GlobalStyles styles={treeGridFontFaceStyles} />}\n      <MaterialReactTable table={table} />\n      {shouldUseNoDataOverlay && (\n        <OwpMrtTableNoDataOverlay\n          visible={isNoDataOverlayVisible}\n          message={t('Message.조회된 결과가 없습니다.')}\n          table={table}\n        />\n      )}\n    </>\n  );\n}\n\nconst hasTableInstance = <TData extends MRT_RowData>(\n  props: OwpMrtTableProps<TData>,\n): props is OwpMrtTableProps<TData> & { table: MRT_TableInstance<TData> } => {\n  return 'table' in props && props.table !== undefined;\n};\n\n/**\n * MRT 기반 공통 테이블 컴포넌트\n * @param props 컴포넌트 props\n */\nconst OwpMrtTable = <TData extends MRT_RowData>(props: OwpMrtTableProps<TData>) => {\n  const currentLanguage = useGetCurrentLanguage();\n\n  if (hasTableInstance(props)) {\n    return <MaterialReactTable table={props.table} />;\n  }\n\n  return (\n    <DataTable<TData>\n      {...props}\n      localization={\n        props.localization ?? (currentLanguage.id === 'kr' ? MRT_Localization_KO : undefined)\n      }\n    />\n  );\n};\n\nexport { OwpMrtTable };\n"],"names":["treeGridHeaderBackgroundColor","treeGridSortIconColor","treeGridFontFaceStyles","treeGridHeaderTextSx","getHeaderCellTextStyleSx","__name","headerCellStyle","getHeaderCellHeightStyleSx","getHeaderCellBackgroundColor","getHeaderCellOverrideSx","backgroundColor","textStyleSx","heightStyleSx","contentMinHeight","mergeSxValues","styles","mergedStyles","style","isArray","theme","acc","resolvedStyle","resolvePropValue","prop","args","mergeComponentProps","propsList","resolvedProps","mergedProps","currentProps","className","clsx","sx","mergeResolvedProps","defaultTableIcons","props","jsx","OwpSvgIcon","TreeGridArrowDownwardIcon","ArrowDropDownRoundedIcon","TreeGridSyncAltIcon","direction","iconProps","UnfoldMoreRoundedIcon","treeGridTableIcons","defaultBottomToolbarProps","defaultPaperProps","treeGridPaperProps","totalCountFooterBorderlessPaperProps","totalCountFooterBorderlessContainerProps","defaultContainerProps","tableRadiusPaperProps","tableRadiusContainerProps","treeGridSelectColumnWidth","treeGridSelectColumnCellSx","treeGridContainerProps","treeGridHeadRowProps","defaultSelectCheckboxProps","treeGridSelectCheckboxProps","treeGridTableProps","treeGridTableRadiusProps","treeGridTableRadiusBottomEdgeProps","getDefaultBodyRowProps","row","table","density","getDefaultHeadCellProps","column","headerCellBackgroundColor","getTreeGridHeadCellProps","isSelectColumn","resolvedHeaderTextSx","resolvedSortIconColor","headerHeightStyleSx","getTreeGridBodyCellProps","tableBodyTabNavigableFieldSelector","isTabNavigableTableBodyField","element","getCurrentTableBodyField","target","currentField","handleTableBodyFieldTabNavigation","event","tableElement","fields","currentIndex","nextField","DataTable","t","useOwpTranslation","canHideTotalCountFooterBorder","canUseNoDataOverlay","canUseTableRadius","canTotalCountRow","canUseTreeGridStyle","columns","data","totalCount","rest","restIcons","restInitialState","restBottomToolbarProps","restSelectAllCheckboxProps","restSelectCheckboxProps","restDisplayColumnDefOptions","restTableBodyCellProps","restTableBodyRowProps","restTableContainerProps","restTableHeadCellProps","restTableHeadRowProps","restTablePaperProps","restTableProps","restRenderBottomToolbar","restRenderEmptyRowsFallback","restOptions","resolvedData","isNoDataOverlayVisible","shouldApplyTotalCountFooterBorderlessLayout","shouldUseNoDataOverlay","shouldUseRadiusOuterBorder","displayColumnDefOptions","initialState","defaultsFC","defaultOptions","toolbarProps","OwpMrtTableTopToolbar","shouldRenderBaseBottomToolbar","resolvedTotalCount","isNumber","shouldHideLastBodyRowBorderForRadius","renderBaseBottomToolbar","MRT_BottomToolbar","getResolvedBodyCellProps","onKeyDownCapture","restMergedProps","getResolvedHeadRowProps","_a","useMaterialReactTable","jsxs","Fragment","OwpTableTotalCount","GlobalStyles","MaterialReactTable","OwpMrtTableNoDataOverlay","hasTableInstance","OwpMrtTable","currentLanguage","useGetCurrentLanguage","MRT_Localization_KO"],"mappings":"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"}

package/dist/components/OwpTable/OwpDataTable.js

@@ -54,7 +54,7 @@ const dt = {
   fontSize: "14px",
   fontWeight: "normal",
   lineHeight: "16px"
-}, xt = {
+}, bt = {
   ...Pt,
   boxSizing: "border-box",
   overflow: "hidden",
@@ -62,7 +62,7 @@ const dt = {
   verticalAlign: "middle",
   whiteSpace: "nowrap"
 }, ct = {
-  ...xt,
+  ...bt,
   bgcolor: "#586980",
   borderBottom: "1px solid #6F7F94",
   borderRight: "1px solid #6F7F94",
@@ -98,7 +98,7 @@ const dt = {
     right: 0
   }
 }, Q = {
-  ...xt,
+  ...bt,
   borderBottom: "1px solid #CDD8E4",
   borderRight: "1px solid #CDD8E4",
   color: "#111112",
@@ -127,17 +127,17 @@ const dt = {
 }, "getTableCellAlign"), B = /* @__PURE__ */ n((t, o) => {
   if (o)
     return t == null ? void 0 : t[o];
-}, "getRowValue"), mt = /* @__PURE__ */ n((t) => {
+}, "getRowValue"), lt = /* @__PURE__ */ n((t) => {
   if (typeof t == "string" || y(t))
     return t;
 }, "getComparableValue");
-function lt(t, o, i) {
-  const d = mt(B(t, i)), c = mt(B(o, i));
+function mt(t, o, i) {
+  const d = lt(B(t, i)), c = lt(B(o, i));
   return c == null && d == null ? 0 : c == null ? -1 : d == null ? 1 : c < d ? -1 : c > d ? 1 : 0;
 }
-n(lt, "descendingComparator");
+n(mt, "descendingComparator");
 function Tt(t, o) {
-  return t === "desc" ? (i, d) => lt(i, d, o) : (i, d) => -lt(i, d, o);
+  return t === "desc" ? (i, d) => mt(i, d, o) : (i, d) => -mt(i, d, o);
 }
 n(Tt, "getComparator");
 const Z = /* @__PURE__ */ n((t, o) => {
@@ -169,7 +169,7 @@ function Qt(t) {
     rowCount: A,
     onRequestSort: V,
     canCheckbox: C,
-    canUseOrderBy: m = !0,
+    canUseOrderBy: l = !0,
     canTableRadiusZero: s,
     canUseTreeGridStyle: p
   } = t, N = /* @__PURE__ */ n((e) => (w) => {
@@ -230,7 +230,7 @@ function Qt(t) {
               o,
               p && (e == null ? void 0 : e.sx)
             ),
-            children: m ? /* @__PURE__ */ a(
+            children: l ? /* @__PURE__ */ a(
               Et,
               {
                 sx: p ? jt : qt,
@@ -259,60 +259,60 @@ function vo({
   canTotalCountRow: A,
   canSelectingSingle: V,
   canUseOrderBy: C = !0,
-  canTableRadiusZero: m = !1,
+  canTableRadiusZero: l = !1,
   canUseTreeGridStyle: s = !1,
   fixedRowCount: p,
   onSelect: N,
   onBlur: e
 }) {
-  const [w, bt] = T("asc"), [W, vt] = T(""), [q, H] = T([]), Rt = Ot(Bt("owp-data-table")), x = D(() => Kt(p), [p]), I = D(() => {
-    const l = ht(c) ? c : [];
-    return x ? l.slice(0, x) : l;
-  }, [c, x]), z = D(() => d ?? [], [d]), U = at(v) ? v : !0, tt = at(A) ? A : !0;
+  const [w, xt] = T("asc"), [W, vt] = T(""), [q, H] = T([]), Rt = Ot(Bt("owp-data-table")), b = D(() => Kt(p), [p]), I = D(() => {
+    const m = ht(c) ? c : [];
+    return b ? m.slice(0, b) : m;
+  }, [c, b]), z = D(() => d ?? [], [d]), U = at(v) ? v : !0, tt = at(A) ? A : !0;
   st(() => {
     Vt(h) || H(h);
   }, [h]), st(() => {
     N == null || N(q);
   }, [q]);
-  const wt = /* @__PURE__ */ n((l, f) => {
-    bt(W === f && w === "asc" ? "desc" : "asc"), vt(f);
-  }, "handleRequestSort"), Lt = /* @__PURE__ */ n((l) => {
-    if (l.target.checked) {
+  const wt = /* @__PURE__ */ n((m, f) => {
+    xt(W === f && w === "asc" ? "desc" : "asc"), vt(f);
+  }, "handleRequestSort"), Lt = /* @__PURE__ */ n((m) => {
+    if (m.target.checked) {
       H(I);
       return;
     }
     H([]);
-  }, "handleSelectAllClick"), St = /* @__PURE__ */ n((l, f) => {
+  }, "handleSelectAllClick"), St = /* @__PURE__ */ n((m, f) => {
     if (V) {
       H([f]);
       return;
     }
-    H((b) => !!b.find((L) => Y(L, f)) ? b == null ? void 0 : b.filter((L) => !Y(L, f)) : [...b, f]);
+    H((x) => !!x.find((L) => Y(L, f)) ? x == null ? void 0 : x.filter((L) => !Y(L, f)) : [...x, f]);
   }, "handleClick"), F = D(
     () => [...I].sort(Tt(w, W)),
     [w, W, I]
-  ), ot = D(() => !x || F.length >= x ? F : [...F, ..._t(x - F.length)], [x, F]);
+  ), ot = D(() => !b || F.length >= b ? F : [...F, ..._t(b - F.length)], [b, F]);
   return /* @__PURE__ */ E(
     Nt,
     {
       className: t,
-      sx: u({ width: "100%" }, m && g),
+      sx: u({ width: "100%" }, l && g),
       children: [
         s && /* @__PURE__ */ a(yt, { styles: Ct }),
         /* @__PURE__ */ a(
           Mt,
           {
             sx: u(
-              { height: x ? "auto" : 500, borderRadius: 2 },
-              x && { overflowY: "hidden" },
-              m && g,
+              { height: b ? "auto" : 500, borderRadius: 2 },
+              b && { overflowY: "hidden" },
+              l && g,
               o
             ),
             children: /* @__PURE__ */ E(
               Ht,
               {
                 stickyHeader: !s,
-                sx: u({ minWidth: 200 }, m && g),
+                sx: u({ minWidth: 200 }, l && g),
                 "aria-labelledby": "owp-data-table",
                 children: [
                   /* @__PURE__ */ a(
@@ -326,27 +326,27 @@ function vo({
                       onSelectAllClick: Lt,
                       canCheckbox: !V && U,
                       canUseOrderBy: C,
-                      canTableRadiusZero: m,
+                      canTableRadiusZero: l,
                       canUseTreeGridStyle: s,
                       onRequestSort: wt,
                       rowCount: I.length
                     }
                   ),
-                  /* @__PURE__ */ a(It, { sx: u(m && g), children: ot.map((l, f) => {
-                    const b = q.some((r) => Y(r, l)), rt = ot.length - 1 === f, L = x ? f >= F.length : !1, K = `${Rt.current}-${f}`;
+                  /* @__PURE__ */ a(It, { sx: u(l && g), children: ot.map((m, f) => {
+                    const x = q.some((r) => Y(r, m)), rt = ot.length - 1 === f, L = b ? f >= F.length : !1, K = `${Rt.current}-${f}`;
                     return /* @__PURE__ */ E(
                       pt,
                       {
                         hover: !0,
                         role: s ? void 0 : "checkbox",
-                        "aria-checked": s ? void 0 : b,
+                        "aria-checked": s ? void 0 : x,
                         tabIndex: -1,
-                        selected: b,
+                        selected: x,
                         sx: u(
                           { cursor: L ? "default" : "pointer" },
                           s && { height: 30 },
-                          m && g,
-                          m && rt && zt
+                          l && g,
+                          l && rt && zt
                         ),
                         children: [
                           U && /* @__PURE__ */ a(
@@ -354,18 +354,18 @@ function vo({
                             {
                               padding: "checkbox",
                               onClick: /* @__PURE__ */ n((r) => {
-                                L || St(r, l);
+                                L || St(r, m);
                               }, "onClick"),
                               sx: u(
                                 J,
                                 s && Q,
-                                m && g
+                                l && g
                               ),
                               children: /* @__PURE__ */ a(
                                 gt,
                                 {
                                   color: "default",
-                                  checked: b,
+                                  checked: x,
                                   disabled: L,
                                   sx: u(s && { p: 0 })
                                 }
@@ -373,7 +373,7 @@ function vo({
                             }
                           ),
                           z.map((r, _) => {
-                            const et = `${K}-row-${f}-cell-${_}`, it = Yt(l, r), P = Jt(l, f), j = B(l, String(r == null ? void 0 : r.id));
+                            const et = `${K}-row-${f}-cell-${_}`, it = Yt(m, r), P = Jt(m, f), j = B(m, String(r == null ? void 0 : r.id));
                             return _ === 0 ? /* @__PURE__ */ a(
                               O,
                               {
@@ -387,7 +387,7 @@ function vo({
                                 sx: u(
                                   z.length > 1 && J,
                                   s && Q,
-                                  m && g
+                                  l && g
                                 ),
                                 children: j
                               },
@@ -401,7 +401,7 @@ function vo({
                                 sx: u(
                                   z.length - 1 !== _ && J,
                                   s && Q,
-                                  m && g
+                                  l && g
                                 ),
                                 children: r != null && r.canTextField ? (r == null ? void 0 : r.textFieldType) === "number" ? /* @__PURE__ */ a(
                                   Wt,
@@ -422,13 +422,13 @@ function vo({
                                     },
                                     isAllowed: /* @__PURE__ */ n((R) => {
                                       var M;
-                                      const { floatValue: $ } = R, S = (M = Z(l, r == null ? void 0 : r.rangeKey)) == null ? void 0 : M.end;
+                                      const { floatValue: $ } = R, S = (M = Z(m, r == null ? void 0 : r.rangeKey)) == null ? void 0 : M.end;
                                       return y($) && y(S) ? $ <= S : !0;
                                     }, "isAllowed"),
                                     value: j,
                                     onBlur: /* @__PURE__ */ n((R) => {
                                       var M, nt;
-                                      const $ = (M = Z(l, r == null ? void 0 : r.rangeKey)) == null ? void 0 : M.start, S = (nt = R.target.value) == null ? void 0 : nt.replace(/,/g, "");
+                                      const $ = (M = Z(m, r == null ? void 0 : r.rangeKey)) == null ? void 0 : M.start, S = (nt = R.target.value) == null ? void 0 : nt.replace(/,/g, "");
                                       e == null || e(
                                         {
                                           ...R,
@@ -479,13 +479,13 @@ function vo({
             )
           }
         ),
-        tt && /* @__PURE__ */ a(Ft, { sx: u(m && g) }),
+        tt && /* @__PURE__ */ a(Ft, { sx: u(l && g) }),
         tt && /* @__PURE__ */ E(
           X,
           {
-            className: "h-[30px] w-full pr-12 my-8",
+            className: "w-full py-8 pr-12",
             align: "right",
-            sx: u(m && g),
+            sx: u(l && g),
             children: [
               "전체: ",
               I.length.toLocaleString(),