npm - @owp/core - Versions diffs - 2.2.5 → 2.3.0 - Mend

@owp/core 2.2.5 → 2.3.0

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

Files changed (238) hide show

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

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

package/dist/components/OwpMrtTable/{OwpMrtTableNoDataOverlay.js → internal/OwpMrtTableNoDataOverlay.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 var a = Object.defineProperty;
 var o = (t, e) => a(t, "name", { value: e, configurable: !0 });
-import { jsx as i } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { jsx as i } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
 import s from "@mui/material/Typography";
 import { useState as f, useLayoutEffect as p } from "react";
 import { createPortal as m } from "react-dom";

package/dist/components/OwpMrtTable/internal/OwpMrtTableNoDataOverlay.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OwpMrtTableNoDataOverlay.js","sources":["../../../../src/components/OwpMrtTable/internal/OwpMrtTableNoDataOverlay.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport { useLayoutEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { MRT_RowData, MRT_TableInstance } from 'material-react-table';\n\ntype OwpMrtTableNoDataOverlayProps<TData extends MRT_RowData> = {\n visible: boolean;\n message: string;\n table: MRT_TableInstance<TData>;\n};\n\n/**\n * MRT no-data overlay\n * @param visible overlay visibility\n * @param message no-data message\n * @param table MRT table instance\n */\nconst OwpMrtTableNoDataOverlay = <TData extends MRT_RowData>({\n visible,\n message,\n table,\n}: OwpMrtTableNoDataOverlayProps<TData>) => {\n const [containerElement, setContainerElement] = useState<HTMLDivElement | null>(null);\n\n useLayoutEffect(() => {\n setContainerElement(table.refs.tableContainerRef.current);\n }, [table]);\n\n if (!visible || !containerElement) {\n return null;\n }\n\n return createPortal(\n <div\n aria-hidden=\"true\"\n style={{\n position: 'absolute',\n left: 0,\n top: 0,\n right: 0,\n bottom: 0,\n zIndex: 2,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n pointerEvents: 'none',\n }}\n >\n <Typography\n sx={{\n color: '#111112',\n fontFamily: 'RobotoLight, sans-serif',\n fontSize: '14px',\n lineHeight: '16px',\n letterSpacing: '0.04em',\n }}\n >\n {message}\n </Typography>\n </div>,\n containerElement,\n );\n};\n\nexport { OwpMrtTableNoDataOverlay };\n"],"names":["OwpMrtTableNoDataOverlay","__name","visible","message","table","containerElement","setContainerElement","useState","useLayoutEffect","createPortal","jsx","Typography"],"mappings":";;;;;;AAiBA,MAAMA,IAA2B,gBAAAC,EAAA,CAA4B;AAAA,EAC3D,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AACF,MAA4C;AAC1C,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAgC,IAAI;AAMpF,SAJAC,EAAgB,MAAM;AACpB,IAAAF,EAAoBF,EAAM,KAAK,kBAAkB,OAAO;AAAA,EAC1D,GAAG,CAACA,CAAK,CAAC,GAEN,CAACF,KAAW,CAACG,IACR,OAGFI;AAAA,IACL,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,OAAO;AAAA,UACL,UAAU;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,eAAe;AAAA,QAAA;AAAA,QAGjB,UAAA,gBAAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,eAAe;AAAA,YAAA;AAAA,YAGhB,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IAEFE;AAAA,EAAA;AAEJ,GA7CiC;"}

package/dist/components/OwpMrtTable/{OwpMrtTableTopToolbar.js → internal/OwpMrtTableTopToolbar.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 var N = Object.defineProperty;
 var p = (o, r) => N(o, "name", { value: r, configurable: !0 });
-import { jsxs as l, jsx as e } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { jsxs as l, jsx as e } 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 m from "@mui/material/Box";
 import x from "@mui/material/useMediaQuery";
-import { MRT_ToolbarDropZone as _, MRT_GlobalFilterTextField as f, MRT_ToolbarInternalButtons as k, MRT_TablePagination as v, MRT_LinearProgressBar as I, MRT_ToolbarAlertBanner as j } from "../../node_modules/.pnpm/material-react-table@3.2.1_69126b2b17f4a182bc981f3ab8d41a62/node_modules/material-react-table/dist/index.esm.js";
-import T from "./utils/parseFromValuesOrFunc.js";
+import { MRT_ToolbarDropZone as _, MRT_GlobalFilterTextField as f, MRT_ToolbarInternalButtons as k, MRT_TablePagination as v, MRT_LinearProgressBar as I, MRT_ToolbarAlertBanner as j } from "../../../node_modules/.pnpm/material-react-table@3.2.1_69126b2b17f4a182bc981f3ab8d41a62/node_modules/material-react-table/dist/index.esm.js";
+import T from "../utils/parseFromValuesOrFunc.js";
 function C({
   table: o
 }) {

package/dist/components/OwpMrtTable/internal/OwpMrtTableTopToolbar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OwpMrtTableTopToolbar.js","sources":["../../../../src/components/OwpMrtTable/internal/OwpMrtTableTopToolbar.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport {\n MRT_GlobalFilterTextField,\n MRT_LinearProgressBar,\n MRT_RowData,\n MRT_TableInstance,\n MRT_TablePagination,\n MRT_ToolbarAlertBanner,\n MRT_ToolbarDropZone,\n MRT_ToolbarInternalButtons,\n} from 'material-react-table';\nimport parseFromValuesOrFunc from '../utils/parseFromValuesOrFunc';\n\ninterface OwpMrtTableTopToolbarProps<TData extends MRT_RowData> {\n table: MRT_TableInstance<TData>;\n}\n\nfunction OwpMrtTableTopToolbar<TData extends MRT_RowData>({\n table,\n}: OwpMrtTableTopToolbarProps<TData>) {\n const {\n getState,\n options: {\n enableGlobalFilter,\n enablePagination,\n enableToolbarInternalActions,\n muiTopToolbarProps,\n positionGlobalFilter,\n positionPagination,\n positionToolbarDropZone,\n renderTopToolbarCustomActions,\n },\n refs: { topToolbarRef },\n } = table;\n\n const { isFullScreen, showGlobalFilter } = getState();\n\n const isMobile = useMediaQuery('(max-width:720px)');\n const isTablet = useMediaQuery('(max-width:1024px)');\n\n const toolbarProps = parseFromValuesOrFunc(muiTopToolbarProps, { table });\n\n const stackAlertBanner =\n isMobile || !!renderTopToolbarCustomActions || (showGlobalFilter && isTablet);\n\n const globalFilterProps = {\n sx: !isTablet\n ? {\n zIndex: 2,\n }\n : undefined,\n table,\n };\n\n return (\n <div className=\"flex flex-col w-full py-4 px-12 border-b-1\">\n <Box\n className=\"flex flex-col w-full items-center\"\n {...toolbarProps}\n ref={(ref: HTMLDivElement) => {\n // eslint-disable-next-line\n // @ts-ignore\n topToolbarRef.current = ref;\n\n if (toolbarProps?.ref) {\n // eslint-disable-next-line\n // @ts-ignore\n toolbarProps.ref.current = ref;\n }\n }}\n sx={[\n (theme) => ({\n backgroundColor: table.options.mrtTheme.baseBackgroundColor,\n transition: 'all 150ms ease-in-out',\n zIndex: 1,\n ...(parseFromValuesOrFunc(toolbarProps?.sx, theme) as unknown as object),\n }),\n isFullScreen\n ? {\n position: 'sticky',\n }\n : {\n position: 'relative',\n },\n isFullScreen\n ? {\n top: '0',\n }\n : {\n top: null,\n },\n ]}\n >\n {['both', 'top'].includes(positionToolbarDropZone ?? '') && (\n <MRT_ToolbarDropZone table={table} />\n )}\n\n <div className=\"flex w-full items-center\">\n {enableGlobalFilter && positionGlobalFilter === 'left' && (\n <MRT_GlobalFilterTextField {...globalFilterProps} />\n )}\n\n <div className=\"flex flex-1\">{renderTopToolbarCustomActions?.({ table }) ?? null}</div>\n\n {enableToolbarInternalActions ? (\n <Box className=\"flex items-center space-x-8\">\n {enableGlobalFilter && positionGlobalFilter === 'right' && (\n <MRT_GlobalFilterTextField\n {...globalFilterProps}\n sx={{\n '& .MuiOutlinedInput-root': { height: 32, minHeight: 32, paddingX: 1 },\n }}\n />\n )}\n <MRT_ToolbarInternalButtons table={table} />\n </Box>\n ) : (\n enableGlobalFilter &&\n positionGlobalFilter === 'right' && <MRT_GlobalFilterTextField {...globalFilterProps} />\n )}\n </div>\n {enablePagination && ['both', 'top'].includes(positionPagination ?? '') && (\n <MRT_TablePagination position=\"top\" table={table} />\n )}\n <MRT_LinearProgressBar isTopToolbar table={table} />\n </Box>\n <MRT_ToolbarAlertBanner\n className=\"mt-4 rounded-md flex justify-center\"\n stackAlertBanner={stackAlertBanner}\n table={table}\n sx={{\n '& .MuiStack-root': {\n display: 'flex',\n justifyContent: 'center',\n width: '100%',\n fontSize: 13,\n },\n }}\n />\n </div>\n );\n}\n\nexport default OwpMrtTableTopToolbar;\n"],"names":["OwpMrtTableTopToolbar","table","getState","enableGlobalFilter","enablePagination","enableToolbarInternalActions","muiTopToolbarProps","positionGlobalFilter","positionPagination","positionToolbarDropZone","renderTopToolbarCustomActions","topToolbarRef","isFullScreen","showGlobalFilter","isMobile","useMediaQuery","isTablet","toolbarProps","parseFromValuesOrFunc","stackAlertBanner","globalFilterProps","jsxs","Box","__name","ref","theme","jsx","MRT_ToolbarDropZone","MRT_GlobalFilterTextField","MRT_ToolbarInternalButtons","MRT_TablePagination","MRT_LinearProgressBar","MRT_ToolbarAlertBanner"],"mappings":"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"}

package/dist/components/OwpPageCarded/OwpPageCarded.js CHANGED Viewed

@@ -1,15 +1,17 @@
 var D = Object.defineProperty;
-var i = (e, t) => D(e, "name", { value: t, configurable: !0 });
-import { jsxs as n, jsx as r, Fragment 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 I from "@mui/material/GlobalStyles";
-import { styled as x } from "@mui/material/styles";
-import { clsx as d } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { memo as z, forwardRef as L, useRef as l, useImperativeHandle as j } from "react";
-import { OwpPageCardedHeader as F } from "./OwpPageCardedHeader.js";
-import { OwpPageCardedSidebar as m } from "./OwpPageCardedSidebar.js";
-import { OwpScrollbars as V } from "../OwpScrollbars/OwpScrollbars.js";
-const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
-  const a = t.scroll === "content" && t.fillContentHeight;
+var o = (e, t) => D(e, "name", { value: t, configurable: !0 });
+import { jsxs as d, jsx as a, Fragment as I } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import z from "@mui/material/GlobalStyles";
+import { styled as O } from "@mui/material/styles";
+import { clsx as l } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { memo as F, forwardRef as L, useRef as g, useImperativeHandle as j } from "react";
+import { OwpPageCardedHeader as V } from "./internal/OwpPageCardedHeader.js";
+import { OwpPageCardedSidebar as w } from "./internal/OwpPageCardedSidebar.js";
+import { OwpScrollbars as G } from "../OwpScrollbars/OwpScrollbars.js";
+const C = 120, x = 64, M = /* @__PURE__ */ new Set(["fillContentHeight", "leftSidebarWidth", "rightSidebarWidth", "scroll"]), T = O("div", {
+  shouldForwardProp: /* @__PURE__ */ o((e) => !M.has(e), "shouldForwardProp")
+})(({ theme: e, ...t }) => {
+  const r = t.scroll === "content" && t.fillContentHeight;
   return {
     display: "flex",
     flexDirection: "column",
@@ -18,11 +20,11 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
     position: "relative",
     flex: "1 1 auto",
     width: "100%",
-    height: a ? "100%" : "auto",
+    height: r ? "100%" : "auto",
     padding: "0 16px",
     backgroundColor: e.palette.background.default,
     "& .OwpPageCarded-card": {
-      ...a && {
+      ...r && {
         flex: "1 1 auto",
         height: "auto",
         minHeight: 0
@@ -45,7 +47,7 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
         left: 0,
         overflow: "hidden"
       },
-      ...a && {
+      ...r && {
         minHeight: 0
       }
     },
@@ -63,19 +65,19 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
       overflow: "auto",
       WebkitOverflowScrolling: "touch",
       zIndex: 9999,
-      ...a && {
+      ...r && {
         minHeight: 0
       }
     },
     "& .OwpPageCarded-toolbar": {
-      height: C,
-      minHeight: C,
+      height: x,
+      minHeight: x,
       display: "flex",
       alignItems: "center"
     },
     "& .OwpPageCarded-content": {
       flex: "0 0 auto",
-      ...a && {
+      ...r && {
         display: "flex",
         flex: "1 1 auto",
         flexDirection: "column",
@@ -140,8 +142,8 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
       [e.breakpoints.up("lg")]: {}
     },
     "& .OwpPageCarded-sidebarHeader": {
-      height: w,
-      minHeight: w,
+      height: C,
+      minHeight: C,
       backgroundColor: e.palette.primary.dark,
       color: e.palette.primary.contrastText
     },
@@ -160,38 +162,40 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
       position: "absolute"
     }
   };
-}), M = L((e, t) => {
+}), $ = L((e, t) => {
   const {
-    scroll: a = "content",
-    className: O,
-    header: g,
+    scroll: r = "content",
+    className: S,
+    header: s,
     content: p,
-    leftSidebarContent: s,
-    rightSidebarContent: c,
-    leftSidebarOpen: S = !1,
-    rightSidebarOpen: P = !1,
-    rightSidebarWidth: H = 240,
-    leftSidebarWidth: k = 240,
-    leftSidebarVariant: y = "permanent",
-    rightSidebarVariant: v = "permanent",
-    rightSidebarOnClose: W,
-    leftSidebarOnClose: R,
-    fillContentHeight: f = !0
-  } = e, h = l(null), b = l(null), u = l(null);
+    leftSidebarContent: c,
+    rightSidebarContent: f,
+    leftSidebarOpen: P = !1,
+    rightSidebarOpen: H = !1,
+    rightSidebarWidth: k = 240,
+    leftSidebarWidth: y = 240,
+    leftSidebarVariant: v = "permanent",
+    rightSidebarVariant: W = "permanent",
+    rightSidebarOnClose: R,
+    leftSidebarOnClose: N,
+    fillContentHeight: h = !0
+  } = e, b = g(null), u = g(null), m = g(null);
   return j(t, () => ({
-    rootRef: u,
-    toggleLeftSidebar: /* @__PURE__ */ i((o) => {
-      h.current.toggleSidebar(o);
+    rootRef: m,
+    toggleLeftSidebar: /* @__PURE__ */ o((n) => {
+      var i;
+      (i = b.current) == null || i.toggleSidebar(n);
     }, "toggleLeftSidebar"),
-    toggleRightSidebar: /* @__PURE__ */ i((o) => {
-      b.current.toggleSidebar(o);
+    toggleRightSidebar: /* @__PURE__ */ o((n) => {
+      var i;
+      (i = u.current) == null || i.toggleSidebar(n);
     }, "toggleRightSidebar")
-  })), /* @__PURE__ */ n(N, { children: [
-    /* @__PURE__ */ r(
-      I,
+  })), /* @__PURE__ */ d(I, { children: [
+    /* @__PURE__ */ a(
+      z,
       {
-        styles: /* @__PURE__ */ i(() => ({
-          ...a !== "page" && {
+        styles: /* @__PURE__ */ o(() => ({
+          ...r !== "page" && {
             "#owp-toolbar": {
               position: "static"
             },
@@ -199,7 +203,7 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
               position: "static"
             }
           },
-          ...a === "page" && {
+          ...r === "page" && {
             "#owp-toolbar": {
               position: "sticky",
               top: 0
@@ -212,46 +216,46 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
         }), "styles")
       }
     ),
-    /* @__PURE__ */ n(
-      G,
+    /* @__PURE__ */ d(
+      T,
       {
-        className: d("OwpPageCarded-root", `OwpPageCarded-scroll-${a}`, O),
-        ref: u,
-        scroll: a,
-        leftSidebarWidth: k,
-        rightSidebarWidth: H,
-        fillContentHeight: f,
+        className: l("OwpPageCarded-root", `OwpPageCarded-scroll-${r}`, S),
+        ref: m,
+        scroll: r,
+        leftSidebarWidth: y,
+        rightSidebarWidth: k,
+        fillContentHeight: h,
         children: [
-          g && /* @__PURE__ */ r(F, { header: g }),
-          /* @__PURE__ */ r(
+          s && /* @__PURE__ */ a(V, { header: s }),
+          /* @__PURE__ */ a(
             "div",
             {
-              className: d(
+              className: l(
                 "OwpPageCarded-card relative z-10 flex flex-auto flex-col overflow-hidden shadow-1 mt-16",
-                f ? "h-auto rounded-lg mb-16" : "h-full rounded-t-lg"
+                h ? "h-auto rounded-lg mb-16" : "h-full rounded-t-lg"
               ),
-              children: /* @__PURE__ */ n("div", { className: "OwpPageCarded-wrapper", children: [
-                s && /* @__PURE__ */ r(
-                  m,
+              children: /* @__PURE__ */ d("div", { className: "OwpPageCarded-wrapper", children: [
+                c && /* @__PURE__ */ a(
+                  w,
                   {
                     position: "left",
-                    variant: y,
-                    ref: h,
-                    open: S,
-                    onClose: R,
-                    children: s
+                    variant: v,
+                    ref: b,
+                    open: P,
+                    onClose: N,
+                    children: c
                   }
                 ),
-                /* @__PURE__ */ r(V, { className: "OwpPageCarded-contentWrapper", enable: a === "content", children: p && /* @__PURE__ */ r("div", { className: d("OwpPageCarded-content", "mx-12 my-12"), children: p }) }),
-                c && /* @__PURE__ */ r(
-                  m,
+                /* @__PURE__ */ a(G, { className: "OwpPageCarded-contentWrapper", enable: r === "content", children: p && /* @__PURE__ */ a("div", { className: l("OwpPageCarded-content", "mx-12 my-12"), children: p }) }),
+                f && /* @__PURE__ */ a(
+                  w,
                   {
                     position: "right",
-                    variant: v || "permanent",
-                    ref: b,
-                    open: P,
-                    onClose: W,
-                    children: c
+                    variant: W || "permanent",
+                    ref: u,
+                    open: H,
+                    onClose: R,
+                    children: f
                   }
                 )
               ] })
@@ -261,8 +265,8 @@ const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
       }
     )
   ] });
-}), U = z(x(M)``);
+}), Y = F(O($)``);
 export {
-  U as OwpPageCarded
+  Y as OwpPageCarded
 };
 //# sourceMappingURL=OwpPageCarded.js.map

package/dist/components/OwpPageCarded/OwpPageCarded.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OwpPageCarded.js","sources":["../../../src/components/OwpPageCarded/OwpPageCarded.tsx"],"sourcesContent":["// @ts-nocheck\nimport { OwpScrollbars } from '@/components/OwpScrollbars';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { styled, type Theme } from '@mui/material/styles';\nimport type { SystemStyleObject } from '@mui/system';\nimport clsx from 'clsx';\nimport { forwardRef, memo, ReactNode, useImperativeHandle, useRef } from 'react';\nimport { OwpPageCardedHeader } from './OwpPageCardedHeader';\nimport { OwpPageCardedSidebar } from './OwpPageCardedSidebar';\n\nconst headerHeight = 120;\nconst toolbarHeight = 64;\n\n/*\n Props for the OwpPageCarded component.\n /\ntype OwpPageCardedProps = SystemStyleObject<Theme> & {\n className?: string;\n leftSidebarContent?: ReactNode;\n leftSidebarVariant?: 'permanent' \| 'persistent' \| 'temporary';\n rightSidebarContent?: ReactNode;\n rightSidebarVariant?: 'permanent' \| 'persistent' \| 'temporary';\n header?: ReactNode;\n content?: ReactNode;\n scroll?: 'normal' \| 'page' \| 'content';\n leftSidebarOpen?: boolean;\n rightSidebarOpen?: boolean;\n leftSidebarWidth?: number;\n rightSidebarWidth?: number;\n rightSidebarOnClose?: () => void;\n leftSidebarOnClose?: () => void;\n fillContentHeight?: boolean;\n};\n\nconst Root = styled('div')<OwpPageCardedProps>(({ theme, ...props }) => {\n const fillContentHeight = props.scroll === 'content' && props.fillContentHeight;\n\n return {\n display: 'flex',\n flexDirection: 'column',\n minWidth: 0,\n minHeight: '100%',\n position: 'relative',\n flex: '1 1 auto',\n width: '100%',\n height: fillContentHeight ? '100%' : 'auto',\n padding: '0 16px',\n backgroundColor: theme.palette.background.default,\n\n '& .OwpPageCarded-card': {\n ...(fillContentHeight && {\n flex: '1 1 auto',\n height: 'auto',\n minHeight: 0,\n }),\n },\n\n '& .OwpPageCarded-wrapper': {\n display: 'flex',\n flexDirection: 'row',\n flex: '1 1 auto',\n zIndex: 2,\n maxWidth: '100%',\n minWidth: 0,\n height: '100%',\n backgroundColor: theme.palette.background.paper,\n\n ...(props.scroll === 'content' && {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n left: 0,\n overflow: 'hidden',\n }),\n\n ...(fillContentHeight && {\n minHeight: 0,\n }),\n },\n\n '& .OwpPageCarded-header': {\n display: 'flex',\n flex: '0 0 auto',\n\n '& .MuiFormControl-root': {\n minWidth: 128,\n },\n },\n\n '& .OwpPageCarded-contentWrapper': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1 1 auto',\n overflow: 'auto',\n WebkitOverflowScrolling: 'touch',\n zIndex: 9999,\n\n ...(fillContentHeight && {\n minHeight: 0,\n }),\n },\n\n '& .OwpPageCarded-toolbar': {\n height: toolbarHeight,\n minHeight: toolbarHeight,\n display: 'flex',\n alignItems: 'center',\n },\n\n '& .OwpPageCarded-content': {\n flex: '0 0 auto',\n\n ...(fillContentHeight && {\n display: 'flex',\n flex: '1 1 auto',\n flexDirection: 'column',\n minHeight: 0,\n\n '& > .OwpPageContent-root': {\n minHeight: 0,\n },\n\n '& > .OwpPageContent-root > .OwpPageContent-body': {\n display: 'flex',\n flex: '1 1 auto',\n flexDirection: 'column',\n minHeight: 0,\n },\n }),\n },\n\n '& .OwpPageCarded-sidebarWrapper': {\n overflow: 'hidden',\n backgroundColor: 'transparent',\n position: 'absolute',\n '&.permanent': {\n [theme.breakpoints.up('lg')]: {\n position: 'relative',\n marginLeft: 0,\n marginRight: 0,\n transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),\n '&.closed': {\n transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.easeOut,\n duration: theme.transitions.duration.enteringScreen,\n }),\n\n '&.OwpPageCarded-leftSidebar': {\n marginLeft: -props.leftSidebarWidth,\n },\n '&.OwpPageCarded-rightSidebar': {\n marginRight: -props.rightSidebarWidth,\n },\n },\n },\n },\n },\n\n '& .OwpPageCarded-sidebar': {\n position: 'absolute',\n backgroundColor: theme.palette.background.paper,\n color: theme.palette.text.primary,\n\n '&.permanent': {\n [theme.breakpoints.up('lg')]: {\n position: 'relative',\n },\n },\n maxWidth: '100%',\n height: '100%',\n },\n\n '& .OwpPageCarded-leftSidebar': {\n width: props.leftSidebarWidth,\n\n [theme.breakpoints.up('lg')]: {\n \n \n },\n },\n\n '& .OwpPageCarded-rightSidebar': {\n width: props.rightSidebarWidth,\n\n [theme.breakpoints.up('lg')]: {\n \n \n },\n },\n\n '& .OwpPageCarded-sidebarHeader': {\n height: headerHeight,\n minHeight: headerHeight,\n backgroundColor: theme.palette.primary.dark,\n color: theme.palette.primary.contrastText,\n },\n\n '& .OwpPageCarded-sidebarHeaderInnerSidebar': {\n backgroundColor: 'transparent',\n color: 'inherit',\n height: 'auto',\n minHeight: 'auto',\n },\n\n '& .OwpPageCarded-sidebarContent': {\n display: 'flex',\n flexDirection: 'column',\n minHeight: '100%',\n },\n\n '& .OwpPageCarded-backdrop': {\n position: 'absolute',\n },\n };\n});\n\n/\n The OwpPageCarded component is a carded page layout with left and right sidebars.\n /\nconst PageCarded = forwardRef<\n { toggleLeftSidebar: (T: boolean) => void; toggleRightSidebar: (T: boolean) => void },\n OwpPageCardedProps\n>((props, ref) => {\n const {\n scroll = 'content',\n className,\n header,\n content,\n leftSidebarContent,\n rightSidebarContent,\n leftSidebarOpen = false,\n rightSidebarOpen = false,\n rightSidebarWidth = 240,\n leftSidebarWidth = 240,\n leftSidebarVariant = 'permanent',\n rightSidebarVariant = 'permanent',\n rightSidebarOnClose,\n leftSidebarOnClose,\n fillContentHeight = true,\n } = props;\n\n const leftSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void }>(null);\n const rightSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void }>(null);\n const rootRef = useRef(null);\n\n useImperativeHandle(ref, () => ({\n rootRef,\n toggleLeftSidebar: (val: boolean) => {\n leftSidebarRef.current.toggleSidebar(val);\n },\n toggleRightSidebar: (val: boolean) => {\n rightSidebarRef.current.toggleSidebar(val);\n },\n }));\n\n return (\n <>\n <GlobalStyles\n styles={() => ({\n ...(scroll !== 'page' && {\n '#owp-toolbar': {\n position: 'static',\n },\n '#owp-footer': {\n position: 'static',\n },\n }),\n ...(scroll === 'page' && {\n '#owp-toolbar': {\n position: 'sticky',\n top: 0,\n },\n '#owp-footer': {\n position: 'sticky',\n bottom: 0,\n },\n }),\n })}\n />\n <Root\n className={clsx('OwpPageCarded-root', `OwpPageCarded-scroll-${scroll}`, className)}\n ref={rootRef}\n scroll={scroll}\n leftSidebarWidth={leftSidebarWidth}\n rightSidebarWidth={rightSidebarWidth}\n fillContentHeight={fillContentHeight}\n >\n {header && <OwpPageCardedHeader header={header} />}\n <div\n className={clsx(\n 'OwpPageCarded-card relative z-10 flex flex-auto flex-col overflow-hidden shadow-1 mt-16',\n fillContentHeight ? 'h-auto rounded-lg mb-16' : 'h-full rounded-t-lg',\n )}\n >\n <div className=\"OwpPageCarded-wrapper\">\n {leftSidebarContent && (\n <OwpPageCardedSidebar\n position=\"left\"\n variant={leftSidebarVariant}\n ref={leftSidebarRef}\n open={leftSidebarOpen}\n onClose={leftSidebarOnClose}\n >\n {leftSidebarContent}\n </OwpPageCardedSidebar>\n )}\n <OwpScrollbars className=\"OwpPageCarded-contentWrapper\" enable={scroll === 'content'}>\n {content && (\n <div className={clsx('OwpPageCarded-content', 'mx-12 my-12')}>{content}</div>\n )}\n </OwpScrollbars>\n {rightSidebarContent && (\n <OwpPageCardedSidebar\n position=\"right\"\n variant={rightSidebarVariant \|\| 'permanent'}\n ref={rightSidebarRef}\n open={rightSidebarOpen}\n onClose={rightSidebarOnClose}\n >\n {rightSidebarContent}\n </OwpPageCardedSidebar>\n )}\n </div>\n </div>\n </Root>\n </>\n );\n});\n\n/\n OwpPageCarded 컴포넌트\n */\nconst OwpPageCarded = memo(styled(PageCarded)``);\n\nexport { OwpPageCarded };\n"],"names":["headerHeight","toolbarHeight","Root","styled","theme","props","fillContentHeight","PageCarded","forwardRef","ref","scroll","className","header","content","leftSidebarContent","rightSidebarContent","leftSidebarOpen","rightSidebarOpen","rightSidebarWidth","leftSidebarWidth","leftSidebarVariant","rightSidebarVariant","rightSidebarOnClose","leftSidebarOnClose","leftSidebarRef","useRef","rightSidebarRef","rootRef","useImperativeHandle","__name","val","jsxs","Fragment","jsx","GlobalStyles","clsx","OwpPageCardedHeader","OwpPageCardedSidebar","OwpScrollbars","OwpPageCarded","memo"],"mappings":"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"}
1	+ {"version":3,"file":"OwpPageCarded.js","sources":["../../../src/components/OwpPageCarded/OwpPageCarded.tsx"],"sourcesContent":["import { OwpScrollbars } from '@/components/OwpScrollbars';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { forwardRef, memo, type ReactNode, useImperativeHandle, useRef } from 'react';\nimport { OwpPageCardedHeader } from './internal/OwpPageCardedHeader';\nimport { OwpPageCardedSidebar } from './internal/OwpPageCardedSidebar';\n\nconst headerHeight = 120;\nconst toolbarHeight = 64;\n\n/*\n Props for the OwpPageCarded component.\n /\ntype OwpPageCardedProps = {\n className?: string;\n leftSidebarContent?: ReactNode;\n leftSidebarVariant?: 'permanent' \| 'persistent' \| 'temporary';\n rightSidebarContent?: ReactNode;\n rightSidebarVariant?: 'permanent' \| 'persistent' \| 'temporary';\n header?: ReactNode;\n content?: ReactNode;\n scroll?: 'normal' \| 'page' \| 'content';\n leftSidebarOpen?: boolean;\n rightSidebarOpen?: boolean;\n leftSidebarWidth?: number;\n rightSidebarWidth?: number;\n rightSidebarOnClose?: () => void;\n leftSidebarOnClose?: () => void;\n fillContentHeight?: boolean;\n};\n\ntype OwpPageCardedRootProps = Pick<\n OwpPageCardedProps,\n 'scroll' \| 'leftSidebarWidth' \| 'rightSidebarWidth' \| 'fillContentHeight'\n>;\n\nconst rootPropNames = new Set(['fillContentHeight', 'leftSidebarWidth', 'rightSidebarWidth', 'scroll']);\n\nconst Root = styled('div', {\n shouldForwardProp: (prop) => !rootPropNames.has(prop as string),\n})<OwpPageCardedRootProps>(({ theme, ...props }) => {\n const fillContentHeight = props.scroll === 'content' && props.fillContentHeight;\n\n return {\n display: 'flex',\n flexDirection: 'column',\n minWidth: 0,\n minHeight: '100%',\n position: 'relative',\n flex: '1 1 auto',\n width: '100%',\n height: fillContentHeight ? '100%' : 'auto',\n padding: '0 16px',\n backgroundColor: theme.palette.background.default,\n\n '& .OwpPageCarded-card': {\n ...(fillContentHeight && {\n flex: '1 1 auto',\n height: 'auto',\n minHeight: 0,\n }),\n },\n\n '& .OwpPageCarded-wrapper': {\n display: 'flex',\n flexDirection: 'row',\n flex: '1 1 auto',\n zIndex: 2,\n maxWidth: '100%',\n minWidth: 0,\n height: '100%',\n backgroundColor: theme.palette.background.paper,\n\n ...(props.scroll === 'content' && {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n left: 0,\n overflow: 'hidden',\n }),\n\n ...(fillContentHeight && {\n minHeight: 0,\n }),\n },\n\n '& .OwpPageCarded-header': {\n display: 'flex',\n flex: '0 0 auto',\n\n '& .MuiFormControl-root': {\n minWidth: 128,\n },\n },\n\n '& .OwpPageCarded-contentWrapper': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1 1 auto',\n overflow: 'auto',\n WebkitOverflowScrolling: 'touch',\n zIndex: 9999,\n\n ...(fillContentHeight && {\n minHeight: 0,\n }),\n },\n\n '& .OwpPageCarded-toolbar': {\n height: toolbarHeight,\n minHeight: toolbarHeight,\n display: 'flex',\n alignItems: 'center',\n },\n\n '& .OwpPageCarded-content': {\n flex: '0 0 auto',\n\n ...(fillContentHeight && {\n display: 'flex',\n flex: '1 1 auto',\n flexDirection: 'column',\n minHeight: 0,\n\n '& > .OwpPageContent-root': {\n minHeight: 0,\n },\n\n '& > .OwpPageContent-root > .OwpPageContent-body': {\n display: 'flex',\n flex: '1 1 auto',\n flexDirection: 'column',\n minHeight: 0,\n },\n }),\n },\n\n '& .OwpPageCarded-sidebarWrapper': {\n overflow: 'hidden',\n backgroundColor: 'transparent',\n position: 'absolute',\n '&.permanent': {\n [theme.breakpoints.up('lg')]: {\n position: 'relative',\n marginLeft: 0,\n marginRight: 0,\n transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),\n '&.closed': {\n transition: theme.transitions.create('margin', {\n easing: theme.transitions.easing.easeOut,\n duration: theme.transitions.duration.enteringScreen,\n }),\n\n '&.OwpPageCarded-leftSidebar': {\n marginLeft: -props.leftSidebarWidth,\n },\n '&.OwpPageCarded-rightSidebar': {\n marginRight: -props.rightSidebarWidth,\n },\n },\n },\n },\n },\n\n '& .OwpPageCarded-sidebar': {\n position: 'absolute',\n backgroundColor: theme.palette.background.paper,\n color: theme.palette.text.primary,\n\n '&.permanent': {\n [theme.breakpoints.up('lg')]: {\n position: 'relative',\n },\n },\n maxWidth: '100%',\n height: '100%',\n },\n\n '& .OwpPageCarded-leftSidebar': {\n width: props.leftSidebarWidth,\n\n [theme.breakpoints.up('lg')]: {\n \n \n },\n },\n\n '& .OwpPageCarded-rightSidebar': {\n width: props.rightSidebarWidth,\n\n [theme.breakpoints.up('lg')]: {\n \n \n },\n },\n\n '& .OwpPageCarded-sidebarHeader': {\n height: headerHeight,\n minHeight: headerHeight,\n backgroundColor: theme.palette.primary.dark,\n color: theme.palette.primary.contrastText,\n },\n\n '& .OwpPageCarded-sidebarHeaderInnerSidebar': {\n backgroundColor: 'transparent',\n color: 'inherit',\n height: 'auto',\n minHeight: 'auto',\n },\n\n '& .OwpPageCarded-sidebarContent': {\n display: 'flex',\n flexDirection: 'column',\n minHeight: '100%',\n },\n\n '& .OwpPageCarded-backdrop': {\n position: 'absolute',\n },\n };\n});\n\n/\n The OwpPageCarded component is a carded page layout with left and right sidebars.\n /\nconst PageCarded = forwardRef<\n { toggleLeftSidebar: (T: boolean) => void; toggleRightSidebar: (T: boolean) => void },\n OwpPageCardedProps\n>((props, ref) => {\n const {\n scroll = 'content',\n className,\n header,\n content,\n leftSidebarContent,\n rightSidebarContent,\n leftSidebarOpen = false,\n rightSidebarOpen = false,\n rightSidebarWidth = 240,\n leftSidebarWidth = 240,\n leftSidebarVariant = 'permanent',\n rightSidebarVariant = 'permanent',\n rightSidebarOnClose,\n leftSidebarOnClose,\n fillContentHeight = true,\n } = props;\n\n const leftSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void } \| null>(null);\n const rightSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void } \| null>(null);\n const rootRef = useRef<HTMLDivElement \| null>(null);\n\n useImperativeHandle(ref, () => ({\n rootRef,\n toggleLeftSidebar: (val: boolean) => {\n leftSidebarRef.current?.toggleSidebar(val);\n },\n toggleRightSidebar: (val: boolean) => {\n rightSidebarRef.current?.toggleSidebar(val);\n },\n }));\n\n return (\n <>\n <GlobalStyles\n styles={() => ({\n ...(scroll !== 'page' && {\n '#owp-toolbar': {\n position: 'static',\n },\n '#owp-footer': {\n position: 'static',\n },\n }),\n ...(scroll === 'page' && {\n '#owp-toolbar': {\n position: 'sticky',\n top: 0,\n },\n '#owp-footer': {\n position: 'sticky',\n bottom: 0,\n },\n }),\n })}\n />\n <Root\n className={clsx('OwpPageCarded-root', `OwpPageCarded-scroll-${scroll}`, className)}\n ref={rootRef}\n scroll={scroll}\n leftSidebarWidth={leftSidebarWidth}\n rightSidebarWidth={rightSidebarWidth}\n fillContentHeight={fillContentHeight}\n >\n {header && <OwpPageCardedHeader header={header} />}\n <div\n className={clsx(\n 'OwpPageCarded-card relative z-10 flex flex-auto flex-col overflow-hidden shadow-1 mt-16',\n fillContentHeight ? 'h-auto rounded-lg mb-16' : 'h-full rounded-t-lg',\n )}\n >\n <div className=\"OwpPageCarded-wrapper\">\n {leftSidebarContent && (\n <OwpPageCardedSidebar\n position=\"left\"\n variant={leftSidebarVariant}\n ref={leftSidebarRef}\n open={leftSidebarOpen}\n onClose={leftSidebarOnClose}\n >\n {leftSidebarContent}\n </OwpPageCardedSidebar>\n )}\n <OwpScrollbars className=\"OwpPageCarded-contentWrapper\" enable={scroll === 'content'}>\n {content && (\n <div className={clsx('OwpPageCarded-content', 'mx-12 my-12')}>{content}</div>\n )}\n </OwpScrollbars>\n {rightSidebarContent && (\n <OwpPageCardedSidebar\n position=\"right\"\n variant={rightSidebarVariant \|\| 'permanent'}\n ref={rightSidebarRef}\n open={rightSidebarOpen}\n onClose={rightSidebarOnClose}\n >\n {rightSidebarContent}\n </OwpPageCardedSidebar>\n )}\n </div>\n </div>\n </Root>\n </>\n );\n});\n\n/\n OwpPageCarded 컴포넌트\n */\nconst OwpPageCarded = memo(styled(PageCarded)``);\n\nexport { OwpPageCarded };\n"],"names":["headerHeight","toolbarHeight","rootPropNames","Root","styled","__name","prop","theme","props","fillContentHeight","PageCarded","forwardRef","ref","scroll","className","header","content","leftSidebarContent","rightSidebarContent","leftSidebarOpen","rightSidebarOpen","rightSidebarWidth","leftSidebarWidth","leftSidebarVariant","rightSidebarVariant","rightSidebarOnClose","leftSidebarOnClose","leftSidebarRef","useRef","rightSidebarRef","rootRef","useImperativeHandle","val","_a","jsxs","Fragment","jsx","GlobalStyles","clsx","OwpPageCardedHeader","OwpPageCardedSidebar","OwpScrollbars","OwpPageCarded","memo"],"mappings":"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"}

package/dist/components/OwpPageCarded/{OwpPageCardedHeader.js → internal/OwpPageCardedHeader.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 var n = Object.defineProperty;
 var a = (e, r) => n(e, "name", { value: r, configurable: !0 });
-import { jsx as o } 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 { clsx as c } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { jsx as o } 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 { clsx as c } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 function l(e) {
   const { className: r, header: d = null } = e;
   return /* @__PURE__ */ o("div", { className: c("OwpPageCarded-header", "container", r), children: d });