@owp/core 2.5.1 → 2.5.3

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 {\n  getTreeGridFontFaceStyles,\n  TREEGRID_FONT_FAMILY_STACK,\n} from '@/constants/treeGrid';\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 treeGridHeaderTextSx = {\n  color: '#ffffff',\n  fontFamily: TREEGRID_FONT_FAMILY_STACK,\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={getTreeGridFontFaceStyles()} />}\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","treeGridHeaderTextSx","TREEGRID_FONT_FAMILY_STACK","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","getTreeGridFontFaceStyles","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 {\n  resolveOwpGridTheme,\n  type OwpResolvedGridThemeConfigType,\n} from '@/constants/gridTheme';\nimport {\n  getTreeGridFontFaceStyles,\n  TREEGRID_FONT_FAMILY_STACK,\n} from '@/constants/treeGrid';\nimport { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentLanguage } from '@/hooks/useCurrentLanguage';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\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 { useMemo } from 'react';\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 treeGridHeaderTextSx = {\n  color: '#ffffff',\n  fontFamily: TREEGRID_FONT_FAMILY_STACK,\n  fontSize: '14px',\n  fontWeight: 'normal',\n  lineHeight: '16px',\n} as const;\n\nconst getResolvedTreeGridHeaderTextSx = (headerCellStyle?: OwpMrtTableHeaderCellStyle) => ({\n  ...treeGridHeaderTextSx,\n  color: headerCellStyle?.color ?? treeGridHeaderTextSx.color,\n  fontSize: headerCellStyle?.fontSize ?? treeGridHeaderTextSx.fontSize,\n  fontWeight: headerCellStyle?.fontWeight ?? treeGridHeaderTextSx.fontWeight,\n});\n\nconst getTreeGridBodyTextSx = (fontSize: OwpResolvedGridThemeConfigType['cell']['fontSize']) => ({\n  fontFamily: TREEGRID_FONT_FAMILY_STACK,\n  fontSize,\n  fontWeight: 'normal',\n  lineHeight: '16px',\n});\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 }: HeadCellArgs<TData>,\n  headerCellStyle?: OwpMrtTableHeaderCellStyle,\n): TableCellProps => {\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 }: HeadCellArgs<TData>,\n  headerCellStyle?: OwpMrtTableHeaderCellStyle,\n): TableCellProps => {\n  const isSelectColumn = column.id === 'mrt-row-select';\n  const resolvedHeaderTextSx = getResolvedTreeGridHeaderTextSx(headerCellStyle);\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 }: BodyCellArgs<TData>,\n  fontSize: OwpResolvedGridThemeConfigType['cell']['fontSize'],\n): TableCellProps => {\n  const treeGridBodyTextSx = getTreeGridBodyTextSx(fontSize);\n\n  if (column.id !== 'mrt-row-select') {\n    return {\n      sx: treeGridBodyTextSx,\n    };\n  }\n\n  return {\n    align: 'center',\n    sx: {\n      ...treeGridBodyTextSx,\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 currentSettings = useGetCurrentSettings();\n  const {\n    canHideTotalCountFooterBorder = false,\n    canUseNoDataOverlay = false,\n    canUseTableRadius = false,\n    canTotalCountRow = true,\n    canUseTreeGridStyle = true,\n    columns,\n    data,\n    headerCellStyle,\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 treeGridTheme = useMemo(\n    () => resolveOwpGridTheme(currentSettings?.theme?.main?.grid),\n    [currentSettings],\n  );\n  const resolvedHeaderCellStyle = useMemo<OwpMrtTableHeaderCellStyle | undefined>(() => {\n    if (!canUseTreeGridStyle) {\n      return headerCellStyle;\n    }\n\n    return {\n      backgroundColor: headerCellStyle?.backgroundColor ?? treeGridTheme.header.backgroundColor,\n      color: headerCellStyle?.color ?? treeGridTheme.header.color,\n      fontSize: headerCellStyle?.fontSize ?? treeGridTheme.header.fontSize,\n      fontWeight: headerCellStyle?.fontWeight ?? treeGridTheme.header.fontWeight,\n      height: headerCellStyle?.height ?? treeGridTheme.header.height,\n    };\n  }, [canUseTreeGridStyle, headerCellStyle, treeGridTheme]);\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\n        ? (nextArgs) => getTreeGridBodyCellProps(nextArgs, treeGridTheme.cell.fontSize)\n        : 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 (!resolvedHeaderCellStyle?.backgroundColor) {\n      return undefined;\n    }\n\n    return {\n      sx: {\n        backgroundColor: `${resolvedHeaderCellStyle.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        (nextArgs) => getDefaultHeadCellProps(nextArgs, resolvedHeaderCellStyle),\n        canUseTreeGridStyle\n          ? (nextArgs) => getTreeGridHeadCellProps(nextArgs, resolvedHeaderCellStyle)\n          : 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={getTreeGridFontFaceStyles()} />}\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","treeGridHeaderTextSx","TREEGRID_FONT_FAMILY_STACK","getResolvedTreeGridHeaderTextSx","__name","headerCellStyle","getTreeGridBodyTextSx","fontSize","getHeaderCellTextStyleSx","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","treeGridBodyTextSx","tableBodyTabNavigableFieldSelector","isTabNavigableTableBodyField","element","getCurrentTableBodyField","target","currentField","handleTableBodyFieldTabNavigation","event","tableElement","fields","currentIndex","nextField","DataTable","t","useOwpTranslation","currentSettings","useGetCurrentSettings","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","treeGridTheme","useMemo","resolveOwpGridTheme","_b","_a","resolvedHeaderCellStyle","isNoDataOverlayVisible","shouldApplyTotalCountFooterBorderlessLayout","shouldUseNoDataOverlay","shouldUseRadiusOuterBorder","displayColumnDefOptions","initialState","defaultsFC","defaultOptions","toolbarProps","OwpMrtTableTopToolbar","shouldRenderBaseBottomToolbar","resolvedTotalCount","isNumber","shouldHideLastBodyRowBorderForRadius","renderBaseBottomToolbar","MRT_BottomToolbar","getResolvedBodyCellProps","nextArgs","onKeyDownCapture","restMergedProps","getResolvedHeadRowProps","useMaterialReactTable","jsxs","Fragment","OwpTableTotalCount","GlobalStyles","getTreeGridFontFaceStyles","MaterialReactTable","OwpMrtTableNoDataOverlay","hasTableInstance","OwpMrtTable","currentLanguage","useGetCurrentLanguage","MRT_Localization_KO"],"mappings":"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"}

package/dist/components/OwpPageBreadcrumb/OwpPageBreadcrumb.js

@@ -1,86 +1,93 @@
 var f = Object.defineProperty;
-var o = (a, c) => f(a, "name", { value: c, configurable: !0 });
+var e = (a, i) => f(a, "name", { value: i, configurable: !0 });
 import { jsxs as d, jsx as n } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
 import { useGetCurrentUser as h } from "../../hooks/useCurrentUser.js";
 import { useGetNavigationList as x } from "../../hooks/useNavigation.js";
 import { useOwpTranslation as g } from "../../hooks/useOwpTranslation.js";
 import { getStartPagePath as b } from "../../utils/getStartPagePath.js";
-import N from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/NavigateNext.js";
-import v from "@mui/material/Breadcrumbs";
-import y from "@mui/material/IconButton";
+import y from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/NavigateNext.js";
+import N from "@mui/material/Breadcrumbs";
+import v from "@mui/material/IconButton";
 import B from "@mui/material/Tooltip";
 import I from "@mui/material/Typography";
 import { alpha as P } from "@mui/material/styles";
-import { clsx as T } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as M } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { useMemo as S } from "react";
-import { useMatches as k, useNavigate as w, Link as z } from "react-router-dom";
-import { OwpSvgIcon as C } from "../OwpSvgIcon/OwpSvgIcon.js";
-function M(a, c) {
-  const l = [], e = /* @__PURE__ */ o((s, i) => {
-    for (const t of s) {
-      if (l.push(t), t.url === i || t.children && t.children.length > 0 && e(t.children, i))
+import { useMatches as T, useNavigate as k, Link as w } from "react-router-dom";
+import { OwpSvgIcon as z } from "../OwpSvgIcon/OwpSvgIcon.js";
+function C(a, i) {
+  const l = [], o = /* @__PURE__ */ e((c, s) => {
+    for (const t of c) {
+      if (l.push(t), t.url === s || t.children && t.children.length > 0 && o(t.children, s))
         return !0;
       l.pop();
     }
     return !1;
   }, "findItem");
-  return e(a, c), l;
+  return o(a, i), l;
 }
-o(M, "findBreadcrumbPath");
+e(C, "findBreadcrumbPath");
 function V(a) {
-  const { className: c, ...l } = a, e = k(), s = x(), i = w(), { t } = g(), p = h(), m = S(() => {
-    var u;
-    const r = (u = e[e.length - 1]) == null ? void 0 : u.pathname;
-    return M(s ?? [], r);
-  }, [e, s]);
+  const { className: i, ...l } = a, o = T(), c = x(), s = k(), { t } = g(), u = h(), m = S(() => {
+    var p;
+    const r = (p = o[o.length - 1]) == null ? void 0 : p.pathname;
+    return C(c ?? [], r);
+  }, [o, c]);
   return /* @__PURE__ */ d("div", { className: "inline-flex items-center gap-12", children: [
     /* @__PURE__ */ n(B, { title: t("Button.홈으로"), placement: "bottom", children: /* @__PURE__ */ n(
-      y,
+      v,
       {
-        sx: /* @__PURE__ */ o((r) => ({
+        sx: /* @__PURE__ */ e((r) => ({
           borderWidth: "1px",
           borderStyle: "solid",
           borderColor: P(r.palette.text.primary, 0.38),
-          color: r.palette.secondary.contrastText
+          color: r.palette.text.primary
         }), "sx"),
-        onClick: /* @__PURE__ */ o(() => {
-          i(b(p), { replace: !0 });
+        onClick: /* @__PURE__ */ e(() => {
+          s(b(u), { replace: !0 });
         }, "onClick"),
-        children: /* @__PURE__ */ n(C, { color: "inherit", size: 20, children: "heroicons-outline:home" })
+        children: /* @__PURE__ */ n(z, { color: "inherit", size: 20, children: "heroicons-outline:home" })
       }
     ) }),
     /* @__PURE__ */ n(
-      v,
+      N,
       {
-        separator: /* @__PURE__ */ n(N, { fontSize: "large" }),
-        className: T("flex items-center w-full text-3xl", c),
+        separator: /* @__PURE__ */ n(y, { fontSize: "large" }),
+        className: M("flex items-center w-full text-3xl", i),
         "aria-label": "breadcrumb",
-        color: "secondary.contrastText",
         sx: {
+          color: "text.primary",
           "> .MuiBreadcrumbs-li": {
             display: "inline-flex",
             alignItems: "center"
+          },
+          "& .MuiTypography-root": {
+            color: "inherit"
+          },
+          "& a": {
+            color: "inherit",
+            textDecoration: "none"
           }
         },
         ...l,
         children: m.map(
-          (r, u) => (r == null ? void 0 : r.title) !== "" && /* @__PURE__ */ n(
+          (r, p) => (r == null ? void 0 : r.title) !== "" && /* @__PURE__ */ n(
             I,
             {
-              component: r != null && r.url ? z : "span",
+              component: r != null && r.url ? w : "span",
               to: r == null ? void 0 : r.url,
               className: "flex text-4xl font-medium tracking-[0.01em] capitalize truncate",
               role: "button",
               children: r == null ? void 0 : r.title
             },
-            u
+            p
           )
         )
       }
     )
   ] });
 }
-o(V, "PageBreadcrumb");
+e(V, "PageBreadcrumb");
 export {
   V as default
 };

package/dist/components/OwpPageBreadcrumb/OwpPageBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpPageBreadcrumb.js","sources":["../../../src/components/OwpPageBreadcrumb/OwpPageBreadcrumb.tsx"],"sourcesContent":["import { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentUser } from '@/hooks/useCurrentUser';\nimport { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type { OwpNavItemType } from '@/types/OwpNavigationTypes';\nimport { getStartPagePath } from '@/utils/getStartPagePath';\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext';\nimport Breadcrumbs, { BreadcrumbsProps } from '@mui/material/Breadcrumbs';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { alpha } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { Link, useMatches, useNavigate } from 'react-router-dom';\n\nexport type PageBreadcrumbProps = BreadcrumbsProps & {\n  className?: string;\n};\n\nfunction findBreadcrumbPath(navigation: OwpNavItemType[], currentPath?: string): OwpNavItemType[] {\n  const result: OwpNavItemType[] = [];\n\n  const findItem = (items: OwpNavItemType[], path?: string): boolean => {\n    for (const item of items) {\n      \n      result.push(item);\n\n      \n      if (item.url === path) {\n        return true;\n      }\n\n      \n      if (item.children && item.children.length > 0) {\n        if (findItem(item.children, path)) {\n          return true;\n        }\n      }\n\n      \n      result.pop();\n    }\n\n    return false;\n  };\n\n  findItem(navigation, currentPath);\n  return result;\n}\n\nfunction PageBreadcrumb(props: PageBreadcrumbProps) {\n  const { className, ...rest } = props;\n  const matches = useMatches();\n\n  const navigation = useGetNavigationList();\n  const navigate = useNavigate();\n  const { t } = useOwpTranslation();\n\n  const currentUser = useGetCurrentUser();\n\n  const crumbs = useMemo(() => {\n    const currentPath = matches[matches.length - 1]?.pathname;\n    return findBreadcrumbPath(navigation ?? [], currentPath);\n  }, [matches, navigation]);\n\n  return (\n    <div className=\"inline-flex items-center gap-12\">\n      <Tooltip title={t('Button.홈으로')} placement=\"bottom\">\n        <IconButton\n          sx={(theme) => ({\n            borderWidth: '1px',\n            borderStyle: 'solid',\n            borderColor: alpha(theme.palette.text.primary, 0.38),\n            color: theme.palette.secondary.contrastText,\n          })}\n          onClick={() => {\n            navigate(getStartPagePath(currentUser), { replace: true });\n          }}\n        >\n          <OwpSvgIcon color=\"inherit\" size={20}>\n            heroicons-outline:home\n          </OwpSvgIcon>\n        </IconButton>\n      </Tooltip>\n      <Breadcrumbs\n        separator={<NavigateNextIcon fontSize=\"large\" />}\n        className={clsx('flex items-center w-full text-3xl', className)}\n        aria-label=\"breadcrumb\"\n        color=\"secondary.contrastText\"\n        sx={{\n          '> .MuiBreadcrumbs-li': {\n            display: 'inline-flex',\n            alignItems: 'center',\n          },\n        }}\n        {...rest}\n      >\n        {crumbs.map(\n          (item, index) =>\n            item?.title !== '' && (\n              <Typography\n                component={item?.url ? Link : 'span'}\n                to={item?.url}\n                key={index}\n                className=\"flex text-4xl font-medium tracking-[0.01em] capitalize truncate\"\n                role=\"button\"\n              >\n                {item?.title}\n              </Typography>\n            ),\n        )}\n      </Breadcrumbs>\n    </div>\n  );\n}\n\nexport default PageBreadcrumb;\n"],"names":["findBreadcrumbPath","navigation","currentPath","result","findItem","__name","items","path","item","PageBreadcrumb","props","className","rest","matches","useMatches","useGetNavigationList","navigate","useNavigate","useOwpTranslation","currentUser","useGetCurrentUser","crumbs","useMemo","_a","jsxs","jsx","Tooltip","IconButton","theme","alpha","getStartPagePath","OwpSvgIcon","Breadcrumbs","NavigateNextIcon","clsx","index","Typography","Link"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAASA,EAAmBC,GAA8BC,GAAwC;AAChG,QAAMC,IAA2B,CAAA,GAE3BC,IAAW,gBAAAC,EAAA,CAACC,GAAyBC,MAA2B;AACpE,eAAWC,KAAQF,GAAO;AAUxB,UARAH,EAAO,KAAKK,CAAI,GAGZA,EAAK,QAAQD,KAKbC,EAAK,YAAYA,EAAK,SAAS,SAAS,KACtCJ,EAASI,EAAK,UAAUD,CAAI;AAC9B,eAAO;AAKX,MAAAJ,EAAO,IAAA;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAtBiB;AAwBjB,SAAAC,EAASH,GAAYC,CAAW,GACzBC;AACT;AA7BSE,EAAAL,GAAA;AA+BT,SAASS,EAAeC,GAA4B;AAClD,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GACzBG,IAAUC,EAAA,GAEVb,IAAac,EAAA,GACbC,IAAWC,EAAA,GACX,EAAE,EAAA,IAAMC,EAAA,GAERC,IAAcC,EAAA,GAEdC,IAASC,EAAQ,MAAM;;AAC3B,UAAMpB,KAAcqB,IAAAV,EAAQA,EAAQ,SAAS,CAAC,MAA1B,gBAAAU,EAA6B;AACjD,WAAOvB,EAAmBC,KAAc,CAAA,GAAIC,CAAW;AAAA,EACzD,GAAG,CAACW,GAASZ,CAAU,CAAC;AAExB,SACE,gBAAAuB,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAQ,OAAO,EAAE,YAAY,GAAG,WAAU,UACzC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI,gBAAAtB,EAAA,CAACuB,OAAW;AAAA,UACd,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAaC,EAAMD,EAAM,QAAQ,KAAK,SAAS,IAAI;AAAA,UACnD,OAAOA,EAAM,QAAQ,UAAU;AAAA,QAAA,IAJ7B;AAAA,QAMJ,SAAS,gBAAAvB,EAAA,MAAM;AACb,UAAAW,EAASc,EAAiBX,CAAW,GAAG,EAAE,SAAS,IAAM;AAAA,QAC3D,GAFS;AAAA,QAIT,4BAACY,GAAA,EAAW,OAAM,WAAU,MAAM,IAAI,UAAA,yBAAA,CAEtC;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAW,gBAAAP,EAACQ,GAAA,EAAiB,UAAS,QAAA,CAAQ;AAAA,QAC9C,WAAWC,EAAK,qCAAqCvB,CAAS;AAAA,QAC9D,cAAW;AAAA,QACX,OAAM;AAAA,QACN,IAAI;AAAA,UACF,wBAAwB;AAAA,YACtB,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAED,GAAGC;AAAA,QAEH,UAAAS,EAAO;AAAA,UACN,CAACb,GAAM2B,OACL3B,KAAA,gBAAAA,EAAM,WAAU,MACd,gBAAAiB;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAW5B,KAAA,QAAAA,EAAM,MAAM6B,IAAO;AAAA,cAC9B,IAAI7B,KAAA,gBAAAA,EAAM;AAAA,cAEV,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAA,KAAA,gBAAAA,EAAM;AAAA,YAAA;AAAA,YAJF2B;AAAA,UAAA;AAAA,QAKP;AAAA,MAEN;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAhES9B,EAAAI,GAAA;"}
+{"version":3,"file":"OwpPageBreadcrumb.js","sources":["../../../src/components/OwpPageBreadcrumb/OwpPageBreadcrumb.tsx"],"sourcesContent":["import { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentUser } from '@/hooks/useCurrentUser';\nimport { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type { OwpNavItemType } from '@/types/OwpNavigationTypes';\nimport { getStartPagePath } from '@/utils/getStartPagePath';\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext';\nimport Breadcrumbs, { BreadcrumbsProps } from '@mui/material/Breadcrumbs';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { alpha } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { Link, useMatches, useNavigate } from 'react-router-dom';\n\nexport type PageBreadcrumbProps = BreadcrumbsProps & {\n  className?: string;\n};\n\nfunction findBreadcrumbPath(navigation: OwpNavItemType[], currentPath?: string): OwpNavItemType[] {\n  const result: OwpNavItemType[] = [];\n\n  const findItem = (items: OwpNavItemType[], path?: string): boolean => {\n    for (const item of items) {\n      \n      result.push(item);\n\n      \n      if (item.url === path) {\n        return true;\n      }\n\n      \n      if (item.children && item.children.length > 0) {\n        if (findItem(item.children, path)) {\n          return true;\n        }\n      }\n\n      \n      result.pop();\n    }\n\n    return false;\n  };\n\n  findItem(navigation, currentPath);\n  return result;\n}\n\nfunction PageBreadcrumb(props: PageBreadcrumbProps) {\n  const { className, ...rest } = props;\n  const matches = useMatches();\n\n  const navigation = useGetNavigationList();\n  const navigate = useNavigate();\n  const { t } = useOwpTranslation();\n\n  const currentUser = useGetCurrentUser();\n\n  const crumbs = useMemo(() => {\n    const currentPath = matches[matches.length - 1]?.pathname;\n    return findBreadcrumbPath(navigation ?? [], currentPath);\n  }, [matches, navigation]);\n\n  return (\n    <div className=\"inline-flex items-center gap-12\">\n      <Tooltip title={t('Button.홈으로')} placement=\"bottom\">\n        <IconButton\n          sx={(theme) => ({\n            borderWidth: '1px',\n            borderStyle: 'solid',\n            borderColor: alpha(theme.palette.text.primary, 0.38),\n            color: theme.palette.text.primary,\n          })}\n          onClick={() => {\n            navigate(getStartPagePath(currentUser), { replace: true });\n          }}\n        >\n          <OwpSvgIcon color=\"inherit\" size={20}>\n            heroicons-outline:home\n          </OwpSvgIcon>\n        </IconButton>\n      </Tooltip>\n      <Breadcrumbs\n        separator={<NavigateNextIcon fontSize=\"large\" />}\n        className={clsx('flex items-center w-full text-3xl', className)}\n        aria-label=\"breadcrumb\"\n        sx={{\n          color: 'text.primary',\n          '> .MuiBreadcrumbs-li': {\n            display: 'inline-flex',\n            alignItems: 'center',\n          },\n          '& .MuiTypography-root': {\n            color: 'inherit',\n          },\n          '& a': {\n            color: 'inherit',\n            textDecoration: 'none',\n          },\n        }}\n        {...rest}\n      >\n        {crumbs.map(\n          (item, index) =>\n            item?.title !== '' && (\n              <Typography\n                component={item?.url ? Link : 'span'}\n                to={item?.url}\n                key={index}\n                className=\"flex text-4xl font-medium tracking-[0.01em] capitalize truncate\"\n                role=\"button\"\n              >\n                {item?.title}\n              </Typography>\n            ),\n        )}\n      </Breadcrumbs>\n    </div>\n  );\n}\n\nexport default PageBreadcrumb;\n"],"names":["findBreadcrumbPath","navigation","currentPath","result","findItem","__name","items","path","item","PageBreadcrumb","props","className","rest","matches","useMatches","useGetNavigationList","navigate","useNavigate","useOwpTranslation","currentUser","useGetCurrentUser","crumbs","useMemo","_a","jsxs","jsx","Tooltip","IconButton","theme","alpha","getStartPagePath","OwpSvgIcon","Breadcrumbs","NavigateNextIcon","clsx","index","Typography","Link"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAASA,EAAmBC,GAA8BC,GAAwC;AAChG,QAAMC,IAA2B,CAAA,GAE3BC,IAAW,gBAAAC,EAAA,CAACC,GAAyBC,MAA2B;AACpE,eAAWC,KAAQF,GAAO;AAUxB,UARAH,EAAO,KAAKK,CAAI,GAGZA,EAAK,QAAQD,KAKbC,EAAK,YAAYA,EAAK,SAAS,SAAS,KACtCJ,EAASI,EAAK,UAAUD,CAAI;AAC9B,eAAO;AAKX,MAAAJ,EAAO,IAAA;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAtBiB;AAwBjB,SAAAC,EAASH,GAAYC,CAAW,GACzBC;AACT;AA7BSE,EAAAL,GAAA;AA+BT,SAASS,EAAeC,GAA4B;AAClD,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GACzBG,IAAUC,EAAA,GAEVb,IAAac,EAAA,GACbC,IAAWC,EAAA,GACX,EAAE,EAAA,IAAMC,EAAA,GAERC,IAAcC,EAAA,GAEdC,IAASC,EAAQ,MAAM;;AAC3B,UAAMpB,KAAcqB,IAAAV,EAAQA,EAAQ,SAAS,CAAC,MAA1B,gBAAAU,EAA6B;AACjD,WAAOvB,EAAmBC,KAAc,CAAA,GAAIC,CAAW;AAAA,EACzD,GAAG,CAACW,GAASZ,CAAU,CAAC;AAExB,SACE,gBAAAuB,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAQ,OAAO,EAAE,YAAY,GAAG,WAAU,UACzC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI,gBAAAtB,EAAA,CAACuB,OAAW;AAAA,UACd,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAaC,EAAMD,EAAM,QAAQ,KAAK,SAAS,IAAI;AAAA,UACnD,OAAOA,EAAM,QAAQ,KAAK;AAAA,QAAA,IAJxB;AAAA,QAMJ,SAAS,gBAAAvB,EAAA,MAAM;AACb,UAAAW,EAASc,EAAiBX,CAAW,GAAG,EAAE,SAAS,IAAM;AAAA,QAC3D,GAFS;AAAA,QAIT,4BAACY,GAAA,EAAW,OAAM,WAAU,MAAM,IAAI,UAAA,yBAAA,CAEtC;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAW,gBAAAP,EAACQ,GAAA,EAAiB,UAAS,QAAA,CAAQ;AAAA,QAC9C,WAAWC,EAAK,qCAAqCvB,CAAS;AAAA,QAC9D,cAAW;AAAA,QACX,IAAI;AAAA,UACF,OAAO;AAAA,UACP,wBAAwB;AAAA,YACtB,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEd,yBAAyB;AAAA,YACvB,OAAO;AAAA,UAAA;AAAA,UAET,OAAO;AAAA,YACL,OAAO;AAAA,YACP,gBAAgB;AAAA,UAAA;AAAA,QAClB;AAAA,QAED,GAAGC;AAAA,QAEH,UAAAS,EAAO;AAAA,UACN,CAACb,GAAM2B,OACL3B,KAAA,gBAAAA,EAAM,WAAU,MACd,gBAAAiB;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAW5B,KAAA,QAAAA,EAAM,MAAM6B,IAAO;AAAA,cAC9B,IAAI7B,KAAA,gBAAAA,EAAM;AAAA,cAEV,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAA,KAAA,gBAAAA,EAAM;AAAA,YAAA;AAAA,YAJF2B;AAAA,UAAA;AAAA,QAKP;AAAA,MAEN;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAvES9B,EAAAI,GAAA;"}