@ehfuse/mui-virtual-data-table 1.2.0 → 1.2.1

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 (5) hide show
  1. package/dist/index.esm.js +2 -2
  2. package/dist/index.esm.js.map +3 -3
  3. package/dist/index.js +2 -2
  4. package/dist/index.js.map +3 -3
  5. package/package.json +1 -1
package/dist/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/index.ts", "../src/VirtualDataTable.tsx", "../node_modules/@ehfuse/mui-fadeout-loading-progress/node_modules/tslib/tslib.es6.js", "../node_modules/@ehfuse/mui-fadeout-loading-progress/src/LoadingProgress.tsx", "../src/CssSpinner.tsx"],
4
- "sourcesContent": ["/**\n * Virtual Data Table - A high-performance virtual data table component for React\n *\n * @license MIT\n * @copyright 2025 \uAE40\uC601\uC9C4 (Kim Young Jin)\n * @author \uAE40\uC601\uC9C4 (ehfuse@gmail.com)\n */\n\nexport { VirtualDataTable } from \"./VirtualDataTable\";\nexport type {\n DataColumn,\n SortDirection,\n SortableFilter,\n VirtualDataTableProps,\n} from \"./types\";\n", "/**\n * VirtualDataTable.tsx\n *\n * MIT License\n *\n * Copyright (c) 2025 KIM YOUNG JIN (ehfuse@gmail.com)\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport React, {\n forwardRef,\n useCallback,\n useMemo,\n useRef,\n useEffect,\n memo,\n useState,\n} from \"react\";\nimport {\n Box,\n Table,\n TableBody as MuiTableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableFooter as MuiTableFooter,\n TableRow as MuiTableRow,\n TableSortLabel,\n Paper,\n Typography,\n useTheme,\n type SxProps,\n type Theme,\n} from \"@mui/material\";\nimport { TableVirtuoso } from \"react-virtuoso\";\nimport type { TableComponents } from \"react-virtuoso\";\nimport { LoadingProgress } from \"@ehfuse/mui-fadeout-loading-progress\";\nimport { CssSpinner } from \"./CssSpinner\";\n\nimport OverlayScrollbar from \"@ehfuse/overlay-scrollbar\";\nimport type { DataColumn, SortDirection, VirtualDataTableProps } from \"./types\";\n\n// OverlayScrollbar \uC124\uC815\uC744 \uCEF4\uD3EC\uB10C\uD2B8 \uC678\uBD80\uC5D0 \uC0C1\uC218\uB85C \uC120\uC5B8 (\uC7AC\uB80C\uB354\uB9C1 \uC2DC \uB3D9\uC77C\uD55C \uCC38\uC870 \uC720\uC9C0)\nconst OVERLAY_SCROLLBAR_TRACK_CONFIG = {\n alignment: \"default\" as const, // \uC61B \uAC12 \"right\" \uB294 1.7 \uD0C0\uC785\uC5D0\uC11C \uC0AC\uB77C\uC84C\uB2E4 \u2014 \uB3D9\uC791\uC740 \uAC19\uB2E4(\"outside\" \uAC00 \uC544\uB2C8\uBA74 \uC548\uCABD \uC815\uB82C)\n margin: 0,\n radius: 0,\n};\nconst ROW_CLICK_DRAG_THRESHOLD_PX = 5;\n\n/**\n * \uB370\uC774\uD130 \uAE30\uBC18 \uBB34\uD55C \uC2A4\uD06C\uB864 \uBC0F \uAC00\uC0C1\uD654\uB97C \uC9C0\uC6D0\uD558\uB294 \uD14C\uC774\uBE14 \uCEF4\uD3EC\uB10C\uD2B8\n */\n/**\n * \uB178\uC158\uD48D(variant=\"notion\") \uC0C9 \u2014 @ehfuse/taskbox \uC758 \uBAA9\uB85D\uD45C \uD314\uB808\uD2B8(light: border/borderStrong/textSecondary/surfaceHover,\n * dark: \uAC19\uC740 \uC774\uB984\uC758 \uB2E4\uD06C \uAC12)\uB97C \uADF8\uB300\uB85C \uC62E\uAE34 \uAC83\uC774\uB2E4. \uB450 \uD328\uD0A4\uC9C0\uAC00 \uC11C\uB85C\uB97C \uCC38\uC870\uD558\uC9C0 \uC54A\uC544 \uAC12\uC744 \uBCA0\uAEF4 \uB454\uB2E4 \u2014 \uADF8\uCABD\uC774 \uBC14\uB00C\uBA74 \uC5EC\uAE30\uB3C4 \uB9DE\uCD98\uB2E4.\n */\nconst NOTION_LIGHT = {\n bg: \"#ffffff\",\n border: \"#e6e6e3\",\n borderStrong: \"#dedddb\",\n headerColor: \"#787774\",\n hoverBg: \"#f8f8f7\",\n emptyColor: \"#9b9a97\",\n selectedBg: \"#dbeafe\",\n selectedBar: \"#3b82f6\",\n};\n/** \uB178\uC158\uD48D \uC885\uC774 \uC704\uC544\uB798 \uC5EC\uBC31 \u2014 \uC88C\uC6B0 \uAE30\uBCF8(12px)\uACFC \uAC19\uB2E4. */\nconst NOTION_PADDING_Y = \"12px\";\nconst NOTION_DARK = {\n bg: \"#1e1e1e\",\n border: \"#2c333c\",\n borderStrong: \"#3b434e\",\n headerColor: \"#a3adbb\",\n hoverBg: \"#272d36\",\n emptyColor: \"#7d8590\",\n selectedBg: \"rgba(59, 130, 246, 0.22)\",\n selectedBar: \"#60a5fa\",\n};\n\nfunction VirtualDataTableComponent<T>({\n data,\n loading = false,\n columns,\n onRowClick,\n getRowId,\n selectedRowId,\n selectedRowSx: selectedRowSxProp,\n rowHeight: rowHeightProp,\n columnHeight: columnHeightProp,\n striped,\n rowDivider = true,\n onSort,\n onLoadMore,\n sortBy,\n sortDirection,\n showPaper = true,\n paddingX: paddingXProp,\n paddingTop = 0,\n paddingBottom = 0,\n rowHoverColor: rowHoverColorProp,\n rowHoverOpacity: rowHoverOpacityProp,\n viewportBuffer,\n overscan,\n scrollbars,\n emptyMessage = \"NO DATA\",\n autoHeight = false,\n LoadingComponent,\n showFooter,\n footerHeight,\n footerSx,\n variant = \"default\",\n framed = true,\n rowHeightMode = \"fixed\",\n tableLayout = \"fixed\",\n renderFullWidthRow,\n fullWidthRowSx,\n onRowContextMenu,\n}: VirtualDataTableProps<T>) {\n // \uB178\uC158\uD48D(variant=\"notion\") \u2014 @ehfuse/taskbox \uBAA9\uB85D\uD45C\uC640 \uAC19\uC740 \uAC12\uC774\uB2E4. \uAE30\uBCF8\uAC12\uB9CC \uBC14\uAFB8\uACE0 \uC9C1\uC811 \uC900 prop \uC774 \uC774\uAE34\uB2E4.\n const notion = variant === \"notion\";\n const muiTheme = useTheme();\n const notionTokens = muiTheme.palette.mode === \"dark\" ? NOTION_DARK : NOTION_LIGHT;\n const columnHeight = columnHeightProp ?? (notion ? 40 : 56);\n // \uB178\uC158\uD48D \uC904 \uB192\uC774 \uAE30\uBCF8 48 \u2014 \uC5C5\uBB34\uD568 \uBAA9\uB85D \uD45C \u00B7 \uC804\uC790\uACB0\uC7AC \uD45C\uAC00 \uC4F0\uB294 \uAC12\uC774\uB2E4.\n const rowHeight = rowHeightProp ?? (notion ? 48 : 50);\n // \uD2C0 \uC5C6\uC774(framed=false) \uADF8\uB9B4 \uB54C\uB294 \uBC14\uAE65 \uC0C1\uC790\uAC00 \uC774\uBBF8 \uD14C\uB450\uB9AC\uB97C \uB458\uB800\uB2E4 \u2014 \uC88C\uC6B0 \uC5EC\uBC31 \uC5C6\uC774 \uD45C\uAC00 \uC0C1\uC790\uC5D0 \uAF49 \uCC2C\uB2E4.\n const paddingX = framed ? (paddingXProp ?? (notion ? \"12px\" : \"1rem\")) : 0;\n const autoRowHeight = rowHeightMode === \"auto\";\n // \uD638\uBC84\uB294 \uB2E8\uC0C9(\uBD88\uD22C\uBA85) \u2014 \uAE30\uBCF8 \uBAA8\uC591\uC758 \uBC18\uD22C\uBA85 \uAC80\uC815\uC740 \uD770 \uC885\uC774 \uC704\uC5D0\uC11C \uD68C\uC0C9\uC774 \uC544\uB2C8\uB77C \uD0C1\uD55C \uC0C9\uC73C\uB85C \uBCF4\uC778\uB2E4.\n const rowHoverColor = rowHoverColorProp ?? (notion ? notionTokens.hoverBg : undefined);\n const rowHoverOpacity = rowHoverOpacityProp ?? (notion ? 1 : undefined);\n const defaultViewportBufferTop = Math.max(rowHeight * 12, 480);\n const defaultViewportBufferBottom = Math.max(rowHeight * 12, 480);\n const viewportBufferTop =\n typeof viewportBuffer === \"number\"\n ? viewportBuffer\n : (viewportBuffer?.top ?? defaultViewportBufferTop);\n const viewportBufferBottom =\n typeof viewportBuffer === \"number\"\n ? viewportBuffer\n : (viewportBuffer?.bottom ?? defaultViewportBufferBottom);\n const defaultOverscanMain = Math.max(rowHeight * 8, 420);\n const defaultOverscanReverse = Math.max(rowHeight * 10, 520);\n const virtuosoOverscan =\n typeof overscan === \"number\"\n ? overscan\n : {\n main: overscan?.main ?? defaultOverscanMain,\n reverse: overscan?.reverse ?? defaultOverscanReverse,\n };\n const estimatedItemHeight = rowHeight + (rowDivider ? 1 : 0);\n\n // \uC120\uD0DD \uD589 \uD558\uC774\uB77C\uC774\uD2B8\uB294 selectedRowSx \uAC00 \uAC1D\uCCB4(\uB610\uB294 \uBBF8\uC9C0\uC815)\uBA74 CSS \uC140\uB809\uD130\uB85C \uCC98\uB9AC\uD55C\uB2E4.\n // \uCEE8\uD14C\uC774\uB108 sx \uC5D0 `tr[data-row-id=\"...\"]` \uADDC\uCE59\uC744 \uB123\uC73C\uBA74 selectedRowId \uBCC0\uACBD \uC2DC components/\uD589\uC744\n // \uC7AC\uB80C\uB354\uD558\uC9C0 \uC54A\uACE0(\uCEE8\uD14C\uC774\uB108 1\uAC1C\uB9CC \uAC31\uC2E0) CSS \uB85C\uB9CC \uAC15\uC870\uB3FC row \uD074\uB9AD \uBC18\uC751\uC774 \uC989\uAC01\uC801\uC774\uB2E4.\n // \uD568\uC218\uD615 selectedRowSx(\uD589\uB9C8\uB2E4 \uB3D9\uC801)\uB294 CSS \uB85C \uD45C\uD604 \uBD88\uAC00\uD558\uBBC0\uB85C \uAE30\uC874 per-row \uACBD\uB85C\uB97C \uC720\uC9C0\uD55C\uB2E4.\n // \uB178\uC158\uD48D\uC740 \uC120\uD0DD \uC904 \uBAA8\uC591\uC744 \uAE30\uBCF8\uC73C\uB85C \uAC16\uB294\uB2E4 \u2014 \uC605\uC740 \uD30C\uB780 \uBC14\uD0D5 + \uC67C\uCABD \uD30C\uB780 \uB760 3px(\uBAA9\uB85D \uD45C\uC758 \"\uC9C0\uAE08 \uC5F4\uC5B4 \uB454 \uC904\").\n // \uB760\uB294 \uC904(tr)\uC758 \uADF8\uB9BC\uC790\uAC00 \uBE0C\uB77C\uC6B0\uC800\uB9C8\uB2E4 \uADF8\uB824\uC9C0\uC9C0 \uC54A\uC544 \uCCAB \uCE78 \uC548\uCABD \uADF8\uB9BC\uC790\uB85C \uAE0B\uB294\uB2E4. \uACE0\uC815 \uC5F4 \uCE78\uC740 \uC81C \uBC14\uD0D5\uC744 \uCE60\uD558\uBBC0\uB85C \uAC19\uC740 \uC0C9\uC744 \uC900\uB2E4.\n const notionSelectedSx = useMemo(\n () =>\n notion\n ? {\n backgroundColor: notionTokens.selectedBg,\n \"& > td:first-of-type\": { boxShadow: `inset 3px 0 0 ${notionTokens.selectedBar}` },\n \"& > td[data-vdt-pinned]\": { backgroundColor: notionTokens.selectedBg },\n }\n : undefined,\n [notion, notionTokens],\n );\n const selectedRowSx = selectedRowSxProp ?? notionSelectedSx;\n const useCssRowHighlight = !selectedRowSx || typeof selectedRowSx !== \"function\";\n const selectedRowCssSx = useMemo<Record<string, unknown> | null>(() => {\n if (\n !useCssRowHighlight ||\n selectedRowId === null ||\n selectedRowId === undefined ||\n !selectedRowSx\n ) {\n return null;\n }\n const escaped = String(selectedRowId).replace(/[\"\\\\]/g, \"\\\\$&\");\n return {\n [`& tbody tr[data-row-id=\"${escaped}\"]`]: selectedRowSx,\n };\n }, [useCssRowHighlight, selectedRowId, selectedRowSx]);\n\n const isDev =\n typeof window !== \"undefined\" &&\n (window.location.hostname === \"localhost\" ||\n window.location.hostname === \"127.0.0.1\");\n\n const [perfDebugEnabled] = useState(() => {\n if (typeof window === \"undefined\") {\n return false;\n }\n return window.localStorage.getItem(\"vdt-perf-debug\") === \"1\";\n });\n const perfStatsRef = useRef({\n wheelEvents: 0,\n wheelInputPx: 0,\n wheelHandlerMs: 0,\n wheelRafFlushes: 0,\n wheelRafMs: 0,\n rangeChangedCalls: 0,\n rangeChangedMs: 0,\n rowContentCalls: 0,\n rowContentMs: 0,\n rowContentMaxMs: 0,\n cellRenderCalls: 0,\n cellRenderMs: 0,\n cellRenderMaxMs: 0,\n });\n\n // \uB204\uC801\uB41C \uC131\uB2A5 \uD1B5\uACC4\uB97C \uCF58\uC194\uC5D0 \uC8FC\uAE30\uC801\uC73C\uB85C \uCD9C\uB825\uD55C\uB2E4.\n const flushPerfStats = useCallback(\n (reason: string) => {\n if (!perfDebugEnabled) {\n return;\n }\n const stats = perfStatsRef.current;\n const hasData =\n stats.wheelEvents > 0 ||\n stats.rangeChangedCalls > 0 ||\n stats.rowContentCalls > 0 ||\n stats.cellRenderCalls > 0;\n if (!hasData) {\n return;\n }\n\n const rowAvgMs =\n stats.rowContentCalls > 0\n ? stats.rowContentMs / stats.rowContentCalls\n : 0;\n const cellAvgMs =\n stats.cellRenderCalls > 0\n ? stats.cellRenderMs / stats.cellRenderCalls\n : 0;\n\n console.log(\"[VDT perf]\", {\n reason,\n wheel: {\n events: stats.wheelEvents,\n inputPx: Math.round(stats.wheelInputPx),\n handlerMs: Number(stats.wheelHandlerMs.toFixed(2)),\n rafFlushes: stats.wheelRafFlushes,\n rafMs: Number(stats.wheelRafMs.toFixed(2)),\n },\n rangeChanged: {\n calls: stats.rangeChangedCalls,\n totalMs: Number(stats.rangeChangedMs.toFixed(2)),\n },\n rowContent: {\n calls: stats.rowContentCalls,\n totalMs: Number(stats.rowContentMs.toFixed(2)),\n avgMs: Number(rowAvgMs.toFixed(3)),\n maxMs: Number(stats.rowContentMaxMs.toFixed(3)),\n },\n cellRender: {\n calls: stats.cellRenderCalls,\n totalMs: Number(stats.cellRenderMs.toFixed(2)),\n avgMs: Number(cellAvgMs.toFixed(3)),\n maxMs: Number(stats.cellRenderMaxMs.toFixed(3)),\n },\n });\n\n perfStatsRef.current = {\n wheelEvents: 0,\n wheelInputPx: 0,\n wheelHandlerMs: 0,\n wheelRafFlushes: 0,\n wheelRafMs: 0,\n rangeChangedCalls: 0,\n rangeChangedMs: 0,\n rowContentCalls: 0,\n rowContentMs: 0,\n rowContentMaxMs: 0,\n cellRenderCalls: 0,\n cellRenderMs: 0,\n cellRenderMaxMs: 0,\n };\n },\n [perfDebugEnabled],\n );\n\n useEffect(() => {\n if (!perfDebugEnabled || typeof window === \"undefined\") {\n return;\n }\n\n console.log(\"[VDT perf] enabled (localStorage vdt-perf-debug=1)\");\n\n const intervalId = window.setInterval(() => {\n flushPerfStats(\"interval\");\n }, 1500);\n\n return () => {\n window.clearInterval(intervalId);\n flushPerfStats(\"cleanup\");\n };\n }, [flushPerfStats, perfDebugEnabled]);\n\n // \uAC01 \uD14C\uC774\uBE14 \uC778\uC2A4\uD134\uC2A4\uBCC4\uB85C Scroller \uCEF4\uD3EC\uB10C\uD2B8 \uC0DD\uC131 (scrollbars, paddingX\uB97C \uCD08\uAE30\uAC12\uC73C\uB85C \uACE0\uC815)\n const VirtuosoScroller = useMemo(\n () =>\n forwardRef<HTMLDivElement, any>((props, ref) => {\n const scrollContainerRef = useRef<HTMLElement | null>(null);\n const wheelDeltaRef = useRef(0);\n const wheelRafRef = useRef<number | null>(null);\n\n // \uD720 \uC774\uBCA4\uD2B8\uB97C \uC9C1\uC811 \uC81C\uC5B4\uD574 \uBE0C\uB77C\uC6B0\uC800 smooth-scroll \uBCF4\uAC04 \uC5C6\uC774 \uC989\uC2DC scrollTop \uBC18\uC601\n useEffect(() => {\n const el = scrollContainerRef.current;\n if (!el) return;\n\n // \uD720 \uB378\uD0C0\uB97C \uD504\uB808\uC784 \uB2E8\uC704\uB85C \uD569\uC0B0 \uBC18\uC601\uD574 \uACFC\uB3C4\uD55C scrollTop \uAC31\uC2E0\uC744 \uC904\uC778\uB2E4.\n const handleWheel = (e: WheelEvent) => {\n const wheelStart = perfDebugEnabled\n ? performance.now()\n : 0;\n // \uAC00\uB85C \uD720(\uD2B8\uB799\uD328\uB4DC \uC606 \uBC00\uAE30 \u00B7 Shift+\uD720)\uC740 \uBE0C\uB77C\uC6B0\uC800\uC5D0 \uB9E1\uAE34\uB2E4 \u2014 \uC544\uB798\uC5D0\uC11C \uC138\uB85C\uB85C\uB9CC \uC62E\uAE30\uBBC0\uB85C \uB9C9\uC73C\uBA74\n // \uC5F4\uC774 \uB9CE\uC740 \uD45C(tableLayout=\"auto\")\uB97C \uC606\uC73C\uB85C \uBC00 \uC218 \uC5C6\uB2E4.\n if (e.shiftKey || Math.abs(e.deltaX) > Math.abs(e.deltaY)) {\n return;\n }\n e.preventDefault();\n let delta = e.deltaY;\n // deltaMode 1 = \uB77C\uC778 \uB2E8\uC704, 2 = \uD398\uC774\uC9C0 \uB2E8\uC704 \uBCC0\uD658\n if (e.deltaMode === 1) {\n delta *= 40;\n } else if (e.deltaMode === 2) {\n delta *= el.clientHeight;\n }\n\n if (perfDebugEnabled) {\n perfStatsRef.current.wheelEvents += 1;\n perfStatsRef.current.wheelInputPx += delta;\n }\n\n wheelDeltaRef.current += delta;\n if (wheelRafRef.current !== null) {\n return;\n }\n\n wheelRafRef.current = requestAnimationFrame(() => {\n const rafStart = perfDebugEnabled\n ? performance.now()\n : 0;\n const maxStep = Math.max(\n el.clientHeight * 0.4,\n 160,\n );\n const batchedDelta = Math.max(\n -maxStep,\n Math.min(maxStep, wheelDeltaRef.current),\n );\n wheelDeltaRef.current = 0;\n wheelRafRef.current = null;\n if (batchedDelta !== 0) {\n el.scrollTop += batchedDelta;\n }\n if (perfDebugEnabled) {\n perfStatsRef.current.wheelRafFlushes += 1;\n perfStatsRef.current.wheelRafMs +=\n performance.now() - rafStart;\n }\n });\n\n if (perfDebugEnabled) {\n perfStatsRef.current.wheelHandlerMs +=\n performance.now() - wheelStart;\n }\n };\n\n el.addEventListener(\"wheel\", handleWheel, {\n passive: false,\n });\n return () => {\n el.removeEventListener(\"wheel\", handleWheel);\n if (wheelRafRef.current !== null) {\n cancelAnimationFrame(wheelRafRef.current);\n wheelRafRef.current = null;\n }\n wheelDeltaRef.current = 0;\n };\n }, []);\n\n return (\n <OverlayScrollbar\n detectInnerScroll={true}\n track={OVERLAY_SCROLLBAR_TRACK_CONFIG}\n {...scrollbars}\n >\n <TableContainer\n component={Box}\n {...props}\n ref={(node) => {\n scrollContainerRef.current =\n node as HTMLElement;\n if (typeof ref === \"function\") {\n ref(node as HTMLDivElement);\n } else if (ref) {\n ref.current = node as HTMLDivElement;\n }\n }}\n sx={{\n userSelect: \"auto\",\n WebkitUserSelect: \"auto\",\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n overflow: \"auto\",\n display: \"flex\",\n flexDirection: \"column\",\n scrollbarWidth: \"none\",\n msOverflowStyle: \"none\",\n // \uAE5C\uBC15\uC784 \uBC29\uC9C0\uB97C \uC704\uD55C GPU \uAC00\uC18D\n transform: \"translateZ(0)\",\n backfaceVisibility: \"hidden\",\n willChange: \"scroll-position\",\n \"&::-webkit-scrollbar\": {\n display: \"none\",\n },\n \"& .MuiTable-root\": {\n // \uB178\uC158\uD48D\uC740 \uC88C\uC6B0 \uC5EC\uBC31\uC744 \uC885\uC774(Paper/Box) \uCABD\uC5D0 \uC900\uB2E4 \u2014 \uD14C\uB450\uB9AC\uAC00 \uC5EC\uBC31 \uC548\uCABD\uC5D0 \uADF8\uB824\uC838\uC57C \uD55C\uB2E4.\n paddingRight: notion ? 0 : paddingX,\n paddingTop: paddingTop,\n paddingBottom: paddingBottom,\n },\n }}\n />\n </OverlayScrollbar>\n );\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [], // \uBE48 \uBC30\uC5F4: \uCD5C\uCD08 \uB9C8\uC6B4\uD2B8 \uC2DC\uC5D0\uB9CC \uC0DD\uC131, scrollbars, paddingX, paddingTop, paddingBottom, notion \uC740 \uD074\uB85C\uC800\uB85C \uACE0\uC815\n );\n\n // Striped row \uBC30\uACBD\uC0C9 \uACC4\uC0B0\n const stripedRowColor = useMemo(() => {\n if (striped === true) {\n return \"#f5f5f5\"; // \uAE30\uBCF8 \uD68C\uC0C9\n } else if (typeof striped === \"string\") {\n return striped; // \uC0AC\uC6A9\uC790 \uC9C0\uC815 \uC0C9\uC0C1\n }\n return undefined; // \uBC30\uACBD\uC0C9 \uC5C6\uC74C\n }, [striped]);\n\n // \uB85C\uB529 \uC0C1\uD0DC \uAD00\uB9AC (\uC6D0\uBCF8 \uBC29\uC2DD)\n const [internalLoading, setInternalLoading] = useState(loading);\n\n // \uD14C\uC774\uBE14 \uC7AC\uB9C8\uC6B4\uD2B8\uB97C \uC704\uD55C \uD0A4 (\uB370\uC774\uD130\uAC00 \uBE44\uC6CC\uC9C0\uBA74 \uC7AC\uB9C8\uC6B4\uD2B8)\n const [tableKey, setTableKey] = useState(0);\n\n // \uB85C\uB529 \uC0C1\uD0DC \uBCC0\uACBD \uAC10\uC9C0\n useEffect(() => {\n if (loading) {\n // \uB85C\uB529\uC774 \uC2DC\uC791\uB418\uBA74 \uC989\uC2DC \uD45C\uC2DC\n setInternalLoading(true);\n }\n // \uB85C\uB529\uC774 \uB05D\uB098\uB3C4 internalLoading\uC740 handleLoadingComplete\uC5D0\uC11C\uB9CC false\uB85C \uC124\uC815\n // LoadingProgress\uC5D0\uC11C\uB294 visible={false}\uB85C \uD398\uC774\uB4DC\uC544\uC6C3\uC744 \uC2DC\uC791\uD568\n }, [loading]);\n\n // \uB85C\uB529 \uC644\uB8CC \uD578\uB4E4\uB7EC - LoadingProgress\uC758 \uD398\uC774\uB4DC\uC544\uC6C3\uC774 \uC644\uB8CC\uB41C \uD6C4 \uD638\uCD9C\uB428\n const handleLoadingComplete = useCallback(() => {\n setInternalLoading(false);\n }, []);\n\n // \uB85C\uB529 \uC624\uBC84\uB808\uC774 \uD45C\uC2DC \uC870\uAC74\n const shouldShowLoading = internalLoading;\n\n // \uB354\uBCF4\uAE30 \uB85C\uB529 \uC5EC\uBD80 (\uB370\uC774\uD130\uAC00 \uC788\uACE0 \uB85C\uB529 \uC911\uC774\uBA74 \uB354\uBCF4\uAE30 \uB85C\uB529)\n const isLoadMoreLoading = loading && data.length > 0;\n\n // \uBB34\uD55C \uC2A4\uD06C\uB864 \uB85C\uB529 \uC0C1\uD0DC (\uAE30\uC874 VirtualDataTable \uBC29\uC2DD)\n const isLoadingMoreRef = useRef(false);\n // \uC9C1\uC804\uC5D0 loadMore \uB97C \uC694\uCCAD\uD55C \uC2DC\uC810\uC758 \uB370\uC774\uD130 \uAE38\uC774. \uC694\uCCAD \uD6C4 \uAE38\uC774\uAC00 \uB298\uC9C0 \uC54A\uC558\uB2E4\uBA74\n // (= \uC11C\uBC84\uC5D0 \uB354 \uC774\uC0C1 \uB370\uC774\uD130 \uC5C6\uC74C) \uAC19\uC740 \uAE38\uC774\uB85C\uB294 \uB2E4\uC2DC \uC694\uCCAD\uD558\uC9C0 \uC54A\uC544, \uBC14\uB2E5\uC5D0\uC11C\n // endReached \u2194 onLoadMore \uAC00 \uBB34\uD55C \uBC18\uBCF5\uB418\uB294 \uAC83\uC744 \uB9C9\uB294\uB2E4.\n const lastLoadMoreLengthRef = useRef<number>(-1);\n const virtuosoRef = useRef<any>(null); // TableVirtuoso ref\n\n // \uC18C\uBE44\uCC98\uAC00 \uC778\uB77C\uC778\uC73C\uB85C \uB118\uAE30\uB294 \uCF5C\uBC31(onRowClick/getRowId)\uC740 \uB9E4 \uB80C\uB354\uB9C8\uB2E4 identity \uAC00 \uBC14\uB010\uB2E4.\n // \uC774\uB97C ref \uB85C \uC7A1\uC544 \uB450\uBA74 VirtuosoTableComponents(memo)\uB97C \uC7AC\uC0DD\uC131\uD558\uC9C0 \uC54A\uC544\uB3C4 \uCD5C\uC2E0 \uCF5C\uBC31\uC744 \uC4F8 \uC218 \uC788\uC5B4,\n // \uAC80\uC0C9/\uD544\uD130\uB85C \uBD80\uBAA8\uAC00 \uB9AC\uB80C\uB354\uB3FC\uB3C4 \uD589(\uBC0F \uC774\uBBF8\uC9C0)\uC774 \uB9AC\uB9C8\uC6B4\uD2B8\uB418\uC9C0 \uC54A\uB294\uB2E4(\uC0AC\uC9C4 \uAE5C\uBE61\uC784 \uBC29\uC9C0).\n const onRowClickRef = useRef(onRowClick);\n onRowClickRef.current = onRowClick;\n const getRowIdRef = useRef(getRowId);\n getRowIdRef.current = getRowId;\n const onRowContextMenuRef = useRef(onRowContextMenu);\n onRowContextMenuRef.current = onRowContextMenu;\n\n // \uACE0\uC815 \uC5F4(pinned: \"left\")\uC774 \uBD99\uC744 \uC67C\uCABD \uC790\uB9AC \u2014 \uC55E\uCABD \uACE0\uC815 \uC5F4 \uD3ED\uC758 \uD569. \uACE0\uC815 \uC5F4\uC774 \uC544\uB2C8\uBA74 \uC5C6\uB2E4.\n const pinnedLeft = useMemo(() => {\n const map = new Map<string, number>();\n let left = 0;\n columns.forEach((col) => {\n if (col.pinned !== \"left\") return;\n map.set(String(col.id), left);\n left += typeof col.width === \"number\" ? col.width : 0;\n });\n return map;\n }, [columns]);\n /** \uACE0\uC815 \uC5F4 \uCE78\uC758 sticky \uC790\uB9AC. \uBA38\uB9AC \uCE78\uC740 \uBCF8\uBB38 \uACE0\uC815 \uCE78\uBCF4\uB2E4 \uC704(zIndex 3)\uC5D0 \uC120\uB2E4. */\n const pinnedStyle = useCallback(\n (col: DataColumn<T>, head: boolean): React.CSSProperties => {\n const left = pinnedLeft.get(String(col.id));\n if (left === undefined) return {};\n return { position: \"sticky\", left, zIndex: head ? 3 : 1 };\n },\n [pinnedLeft],\n );\n // truthiness \uAC00 \uBC14\uB00C\uBA74(\uD074\uB9AD \uAC00\uB2A5 \uC5EC\uBD80) hover/cursor \uC2A4\uD0C0\uC77C\uC774 \uB2EC\uB77C\uC9C0\uBBC0\uB85C deps \uC5D0\uB294 boolean \uB9CC \uB123\uB294\uB2E4.\n const hasRowClick = !!onRowClick;\n\n // \uC2A4\uD06C\uB864 \uCEE8\uD14C\uC774\uB108 \uCC38\uC870 (OverlayScrollbar\uC6A9)\n const isScrollDraggingRef = useRef(false); // OverlayScrollbar \uB4DC\uB798\uADF8 \uC2A4\uD06C\uB864 \uAC10\uC9C0\uC6A9\n const mouseDownPositionRef = useRef({ x: 0, y: 0 }); // \uB9C8\uC6B0\uC2A4 \uB2E4\uC6B4 \uC2DC\uC791 \uC704\uCE58\n\n useEffect(() => {\n const handleDocumentMouseMove = (event: MouseEvent) => {\n const dx = event.clientX - mouseDownPositionRef.current.x;\n const dy = event.clientY - mouseDownPositionRef.current.y;\n if (Math.sqrt(dx * dx + dy * dy) > ROW_CLICK_DRAG_THRESHOLD_PX) {\n isScrollDraggingRef.current = true;\n }\n };\n\n document.addEventListener(\"mousemove\", handleDocumentMouseMove);\n return () => {\n document.removeEventListener(\"mousemove\", handleDocumentMouseMove);\n };\n }, []);\n\n // \uC815\uB82C\uC774 \uBCC0\uACBD\uB420 \uB54C \uBAA8\uB4E0 TableSortLabel\uC758 hover \uC0C1\uD0DC \uCD08\uAE30\uD654\n useEffect(() => {\n // sortBy\uAC00 \uBCC0\uACBD\uB418\uBA74 \uBAA8\uB4E0 TableSortLabel \uC694\uC18C\uC758 hover \uC0C1\uD0DC\uB97C \uAC15\uC81C\uB85C \uCD08\uAE30\uD654\n const tableContainer = document.querySelector(\n '[data-testid=\"virtuoso-scroller\"]',\n );\n if (tableContainer) {\n const sortLabels = tableContainer.querySelectorAll(\n \".MuiTableSortLabel-root\",\n );\n sortLabels.forEach((label) => {\n // \uB9C8\uC6B0\uC2A4 \uC774\uBCA4\uD2B8\uB97C \uC2DC\uBBAC\uB808\uC774\uC158\uD558\uC5EC hover \uC0C1\uD0DC \uD574\uC81C\n const mouseLeaveEvent = new MouseEvent(\"mouseleave\", {\n bubbles: true,\n cancelable: true,\n });\n label.dispatchEvent(mouseLeaveEvent);\n });\n }\n }, [sortBy]);\n\n // \uC815\uB82C \uD578\uB4E4\uB7EC\n const handleSort = useCallback(\n (columnId: string) => {\n if (!onSort) return;\n\n const newDirection: SortDirection =\n sortBy === columnId && sortDirection === \"asc\" ? \"desc\" : \"asc\";\n\n onSort(columnId, newDirection);\n },\n [onSort, sortBy, sortDirection],\n );\n\n // \uC2A4\uD06C\uB864 \uB05D \uADFC\uCC98\uC5D0\uC11C\uB9CC \uCD94\uAC00 \uB85C\uB4DC\uB97C \uC2E4\uD589\uD574 scroll \uD56B\uD328\uC2A4 \uBD80\uB2F4\uC744 \uC904\uC778\uB2E4.\n const handleEndReached = useCallback(\n (endIndex: number) => {\n const rangeStart = perfDebugEnabled ? performance.now() : 0;\n if (!onLoadMore) {\n if (perfDebugEnabled) {\n perfStatsRef.current.rangeChangedCalls += 1;\n perfStatsRef.current.rangeChangedMs +=\n performance.now() - rangeStart;\n }\n return;\n }\n\n if (loading && data.length === 0) {\n if (perfDebugEnabled) {\n perfStatsRef.current.rangeChangedCalls += 1;\n perfStatsRef.current.rangeChangedMs +=\n performance.now() - rangeStart;\n }\n return;\n }\n\n const hasMinimumData = data.length >= 30;\n const nearEnd = endIndex >= data.length - 1;\n\n // \uC9C1\uC804 \uC694\uCCAD \uC774\uD6C4 \uAE38\uC774\uAC00 \uADF8\uB300\uB85C\uBA74(\uC11C\uBC84\uC5D0 \uB354 \uC774\uC0C1 \uB370\uC774\uD130 \uC5C6\uC74C) \uC7AC\uC694\uCCAD\uD558\uC9C0 \uC54A\uB294\uB2E4.\n const alreadyRequestedAtThisLength =\n lastLoadMoreLengthRef.current === data.length;\n\n if (\n nearEnd &&\n hasMinimumData &&\n !isLoadingMoreRef.current &&\n !alreadyRequestedAtThisLength\n ) {\n isLoadingMoreRef.current = true;\n lastLoadMoreLengthRef.current = data.length;\n const offset = data.length;\n const limit = 50;\n onLoadMore(offset, limit);\n }\n\n if (perfDebugEnabled) {\n perfStatsRef.current.rangeChangedCalls += 1;\n perfStatsRef.current.rangeChangedMs +=\n performance.now() - rangeStart;\n }\n },\n [data.length, loading, onLoadMore, perfDebugEnabled],\n );\n\n // \uB85C\uB529 \uC0C1\uD0DC\uAC00 \uBCC0\uACBD\uB418\uBA74 isLoadingMoreRef \uC5C5\uB370\uC774\uD2B8 (\uAE30\uC874 VirtualDataTable \uBC29\uC2DD)\n useEffect(() => {\n if (!loading) {\n isLoadingMoreRef.current = false;\n }\n }, [loading]);\n\n // \uB370\uC774\uD130\uAC00 \uBE44\uC6CC\uC9C0\uBA74 \uD14C\uC774\uBE14\uC744 \uC7AC\uB9C8\uC6B4\uD2B8\uD558\uC5EC \uC2A4\uD06C\uB864\uC744 \uB9E8 \uC704\uB85C \uC774\uB3D9\n useEffect(() => {\n if (data.length === 0) {\n setTableKey((prev) => prev + 1);\n }\n }, [data.length]);\n\n // \uC774\uC804 \uB370\uC774\uD130 \uAE38\uC774 / \uCCAB \uD589 \uC2DD\uBCC4\uC790\uB97C \uCD94\uC801\n const prevDataLengthRef = useRef(data.length);\n const prevFirstRowKeyRef = useRef<unknown>(undefined);\n\n // \uB370\uC774\uD130\uAC00 '\uC9C4\uC9DC\uB85C \uAD50\uCCB4'\uB41C \uACBD\uC6B0(\uC815\uB82C/\uD544\uD130/\uC7AC\uC870\uD68C)\uC5D0\uB9CC \uC2A4\uD06C\uB864\uC744 \uB9E8 \uC704\uB85C \uC774\uB3D9\uD55C\uB2E4.\n // \uB2E8\uC21C\uD788 \uAC19\uC740 \uBAA9\uB85D\uC758 \uD56D\uBAA9\uC774 in-place \uB85C \uBC14\uB00C\uC5C8\uC744 \uBFD0(\uCCB4\uD06C\uBC15\uC2A4 \uD1A0\uAE00, \uBB34\uD55C \uC2A4\uD06C\uB864\n // \uBE48 \uACB0\uACFC, \uBD80\uBAA8 \uB9AC\uB80C\uB354\uB85C \uC778\uD55C \uC0C8 \uBC30\uC5F4 \uCC38\uC870 \uB4F1)\uC778\uB370\uB3C4 \uB9E8 \uC704\uB85C \uD280\uB358 \uBB38\uC81C\uB97C \uB9C9\uB294\uB2E4.\n // \u2192 \uCCAB \uD589 \uC2DD\uBCC4\uC790(getRowId)\uC640 \uAE38\uC774\uB85C '\uAD50\uCCB4' \uC5EC\uBD80\uB97C \uD310\uBCC4\uD55C\uB2E4.\n useEffect(() => {\n const prevLength = prevDataLengthRef.current;\n const currentLength = data.length;\n\n // \uCCAB \uD589 \uD0A4: getRowId \uAC00 \uC788\uC73C\uBA74 \uAC12 \uAE30\uBC18(\uCC38\uC870\uAC00 \uB9E4\uBC88 \uBC14\uB00C\uC5B4\uB3C4 \uC548\uC815), \uC5C6\uC73C\uBA74 \uAC1D\uCCB4 \uCC38\uC870.\n const firstRowKey =\n currentLength > 0\n ? getRowIdRef.current\n ? getRowIdRef.current(data[0], 0)\n : (data[0] as unknown)\n : undefined;\n const prevFirstRowKey = prevFirstRowKeyRef.current;\n\n // \uB370\uC774\uD130 \uAE38\uC774\uAC00 \uC99D\uAC00\uD55C \uACBD\uC6B0 (\uBB34\uD55C \uC2A4\uD06C\uB864) - \uC2A4\uD06C\uB864 \uC704\uCE58 \uC720\uC9C0\n if (currentLength > prevLength && prevLength > 0) {\n prevDataLengthRef.current = currentLength;\n prevFirstRowKeyRef.current = firstRowKey;\n return;\n }\n\n // '\uAD50\uCCB4'\uB85C \uD310\uB2E8: \uAE38\uC774\uAC00 \uC904\uC5C8\uAC70\uB098, \uCCAB \uD589 \uC2DD\uBCC4\uC790\uAC00 \uBC14\uB010 \uACBD\uC6B0\uC5D0\uB9CC \uB9E8 \uC704\uB85C.\n // (\uAC19\uC740 \uAE38\uC774 + \uAC19\uC740 \uCCAB \uD589 = in-place \uC5C5\uB370\uC774\uD2B8 \u2192 \uC2A4\uD06C\uB864 \uC720\uC9C0)\n const dataReplaced =\n currentLength < prevLength ||\n (prevLength > 0 && firstRowKey !== prevFirstRowKey);\n\n // \uBAA9\uB85D\uC774 \uAD50\uCCB4(\uC815\uB82C/\uAC80\uC0C9/\uD544\uD130\uB85C 1\uD398\uC774\uC9C0 \uC7AC\uC870\uD68C)\uB418\uBA74 \uB354\uBCF4\uAE30 \uB798\uCE58\uB97C \uD480\uC5B4 \uBB34\uD55C \uC2A4\uD06C\uB864\uC774\n // \uB2E4\uC2DC \uB3D9\uC791\uD558\uAC8C \uD55C\uB2E4. \uB798\uCE58\uB294 \"\uC694\uCCAD\uD55C \uAE38\uC774\uC5D0\uC11C \uC548 \uB298\uBA74 \uC11C\uBC84 \uC18C\uC9C4\"\uC774\uB77C\uB294 \uC804\uC81C\uC778\uB370,\n // \uAD50\uCCB4\uB85C \uAE38\uC774\uAC00 \uC6B0\uC5F0\uD788 \uAC19\uC544\uC9C0\uBA74(\uC608: 100\u219250 \uC774 \uC544\uB2C8\uB77C \uC18C\uC9C4 \uD6C4 \uB2E4\uB978 \uAC80\uC0C9\uC774 50) \uADF8 \uC804\uC81C\uAC00\n // \uAE68\uC838 onLoadMore \uAC00 \uC601\uAD6C\uD788 \uBA48\uCD98\uB2E4. append/\uBE48\uC751\uB2F5\uC740 \uC704 early-return\u00B7\uB3D9\uC77C firstRowKey \uB85C\n // \uAC78\uB7EC\uC9C0\uBBC0\uB85C(=dataReplaced=false) 1.1.29 \uAC00 \uACE0\uCE5C \"\uBC14\uB2E5 \uB5A8\uB9BC\"\uC740 \uB418\uC0B4\uC544\uB098\uC9C0 \uC54A\uB294\uB2E4.\n if (dataReplaced) {\n lastLoadMoreLengthRef.current = -1;\n }\n\n if (virtuosoRef.current && currentLength > 0 && dataReplaced) {\n virtuosoRef.current.scrollToIndex({\n index: 0,\n align: \"start\",\n behavior: \"auto\",\n });\n }\n\n prevDataLengthRef.current = currentLength;\n prevFirstRowKeyRef.current = firstRowKey;\n }, [data]);\n\n /**\n * \uD14C\uC774\uBE14 \uACE0\uC815 \uD5E4\uB354 \uCEE8\uD150\uCE20 \uC815\uC758 (\uAE30\uC874 VirtualDataTable \uC2A4\uD0C0\uC77C)\n * \uC815\uB82C \uAE30\uB2A5\uC774 \uD3EC\uD568\uB41C \uCEEC\uB7FC \uD5E4\uB354\uB97C \uB80C\uB354\uB9C1\n */\n const fixedHeaderContent = useCallback(() => {\n // 1. \uADF8\uB8F9 \uC815\uBCF4 \uCD94\uCD9C\n const groupMap: { [group: string]: DataColumn<T>[] } = {};\n const noGroupColumns: DataColumn<T>[] = [];\n\n columns.forEach((col) => {\n if (col.group) {\n if (!groupMap[col.group]) {\n groupMap[col.group] = [];\n }\n groupMap[col.group].push(col);\n } else {\n noGroupColumns.push(col);\n }\n });\n\n // \uADF8\uB8F9\uC774 \uC788\uB294 \uACBD\uC6B0 2\uC904 \uD5E4\uB354, \uC5C6\uB294 \uACBD\uC6B0 1\uC904 \uD5E4\uB354\n const hasGroups = Object.keys(groupMap).length > 0;\n\n if (!hasGroups) {\n // \uB2E8\uC77C \uD589 \uD5E4\uB354\n return (\n <MuiTableRow>\n {columns.map((col) => (\n <TableCell\n key={String(col.id)}\n align={col.align || \"left\"}\n {...col.headerProps}\n style={{\n width: col.width,\n minWidth: col.width,\n ...col.style,\n fontWeight: \"bold\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n padding: \"16px\",\n ...pinnedStyle(col, true),\n ...col.headerProps?.style,\n }}\n >\n {col.sortable ? (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent:\n col.align === \"center\"\n ? \"center\"\n : col.align === \"right\"\n ? \"flex-end\"\n : \"flex-start\",\n position: \"relative\",\n width: \"100%\",\n }}\n >\n <Box\n sx={{\n position: \"relative\",\n cursor: \"default\",\n \"&:hover .MuiTableSortLabel-root\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n }}\n onClick={() =>\n handleSort(String(col.id))\n }\n >\n {col.text}\n <TableSortLabel\n active={sortBy === col.id}\n direction={\n sortBy === col.id\n ? sortDirection\n : \"desc\"\n }\n sx={{\n position: \"absolute\",\n left: \"100%\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n marginLeft: \"4px\",\n minWidth: \"auto\",\n width: \"16px\",\n height: \"16px\",\n cursor: \"default\",\n opacity:\n sortBy === col.id ? 1 : 0,\n transition: \"opacity 0.2s ease\",\n \"& .MuiTableSortLabel-icon\": {\n position: \"relative\",\n marginLeft: 0,\n marginRight: 0,\n opacity: 1,\n transition:\n \"color 0.2s ease\",\n },\n \"& .MuiTableSortLabel-iconDirectionAsc\":\n {\n transform:\n \"rotate(180deg)\",\n },\n \"& .MuiTableSortLabel-iconDirectionDesc\":\n {\n transform:\n \"rotate(0deg)\",\n },\n }}\n />\n </Box>\n </div>\n ) : (\n col.text\n )}\n </TableCell>\n ))}\n </MuiTableRow>\n );\n }\n\n // 2\uC904 \uD5E4\uB354 (\uADF8\uB8F9\uC774 \uC788\uB294 \uACBD\uC6B0)\n const firstRowCells = [\n ...noGroupColumns.map((col) => (\n <TableCell\n key={String(col.id)}\n rowSpan={2}\n align={col.align || \"left\"}\n {...col.headerProps}\n style={{\n width: col.width,\n minWidth: col.width,\n ...col.style,\n fontWeight: \"bold\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n padding: \"16px\",\n ...pinnedStyle(col, true),\n ...col.headerProps?.style,\n }}\n >\n {col.sortable && onSort ? (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent:\n col.align === \"center\"\n ? \"center\"\n : col.align === \"right\"\n ? \"flex-end\"\n : \"flex-start\",\n position: \"relative\",\n width: \"100%\",\n }}\n >\n <Box\n sx={{\n position: \"relative\",\n cursor: \"default\",\n \"&:hover .MuiTableSortLabel-root\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n }}\n onClick={() => handleSort(String(col.id))}\n >\n {col.text}\n <TableSortLabel\n active={sortBy === col.id}\n direction={\n sortBy === col.id\n ? sortDirection\n : \"desc\"\n }\n sx={{\n position: \"absolute\",\n left: \"100%\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n marginLeft: \"4px\",\n minWidth: \"auto\",\n width: \"16px\",\n height: \"16px\",\n cursor: \"default\",\n opacity: sortBy === col.id ? 1 : 0,\n transition: \"opacity 0.2s ease\",\n \"&:hover\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n \"& .MuiTableSortLabel-icon\": {\n position: \"relative\",\n marginLeft: 0,\n marginRight: 0,\n opacity: 1,\n transition: \"color 0.2s ease\",\n },\n \"& .MuiTableSortLabel-iconDirectionAsc\":\n {\n transform: \"rotate(180deg)\",\n },\n \"& .MuiTableSortLabel-iconDirectionDesc\":\n {\n transform: \"rotate(0deg)\",\n },\n }}\n />\n </Box>\n </div>\n ) : (\n col.text\n )}\n </TableCell>\n )),\n ...Object.entries(groupMap).map(([group, cols]) => (\n <TableCell\n key={group}\n align=\"center\"\n colSpan={cols.length}\n style={{\n fontWeight: \"bold\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n padding: \"16px\",\n }}\n >\n {group}\n </TableCell>\n )),\n ];\n\n const secondRowCells = [\n ...Object.values(groupMap)\n .flat()\n .map((col) => (\n <TableCell\n key={String(col.id)}\n align={col.align || \"left\"}\n {...col.headerProps}\n style={{\n width: col.width,\n minWidth: col.width,\n ...col.style,\n fontWeight: \"bold\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n padding: \"16px\",\n ...pinnedStyle(col, true),\n ...col.headerProps?.style,\n }}\n >\n {col.sortable && onSort ? (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent:\n col.align === \"center\"\n ? \"center\"\n : col.align === \"right\"\n ? \"flex-end\"\n : \"flex-start\",\n position: \"relative\",\n width: \"100%\",\n }}\n >\n <Box\n sx={{\n position: \"relative\",\n cursor: \"default\",\n \"&:hover .MuiTableSortLabel-root\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n }}\n onClick={() => handleSort(String(col.id))}\n >\n {col.text}\n <TableSortLabel\n active={sortBy === col.id}\n direction={\n sortBy === col.id\n ? sortDirection\n : \"desc\"\n }\n sx={{\n position: \"absolute\",\n left: \"100%\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n marginLeft: \"4px\",\n minWidth: \"auto\",\n width: \"16px\",\n height: \"16px\",\n cursor: \"default\",\n opacity: sortBy === col.id ? 1 : 0,\n transition: \"opacity 0.2s ease\",\n \"&:hover\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n \"& .MuiTableSortLabel-icon\": {\n position: \"relative\",\n marginLeft: 0,\n marginRight: 0,\n opacity: 1,\n transition: \"color 0.2s ease\",\n },\n \"& .MuiTableSortLabel-iconDirectionAsc\":\n {\n transform: \"rotate(0deg)\",\n },\n \"& .MuiTableSortLabel-iconDirectionDesc\":\n {\n transform: \"rotate(180deg)\",\n },\n }}\n />\n </Box>\n </div>\n ) : (\n col.text\n )}\n </TableCell>\n )),\n ];\n\n return (\n <>\n <MuiTableRow>{firstRowCells}</MuiTableRow>\n <MuiTableRow>{secondRowCells}</MuiTableRow>\n </>\n );\n }, [columns, sortBy, sortDirection, handleSort, onSort, columnHeight, pinnedStyle]);\n\n /**\n * \uD14C\uC774\uBE14 \uD589 \uCEE8\uD150\uCE20 \uB80C\uB354\uB9C1 \uD568\uC218 (\uAE30\uC874 VirtualDataTable \uC2A4\uD0C0\uC77C)\n * \uAC01 \uB370\uC774\uD130 \uD56D\uBAA9\uC5D0 \uB300\uD55C \uC140 \uB0B4\uC6A9\uC744 \uC815\uC758\n */\n const rowContent = useCallback(\n (index: number, item: T) => {\n const rowStart = perfDebugEnabled ? performance.now() : 0;\n // console.log(\"rowContent \uB80C\uB354\uB9C1:\", { index, item: item ? \"\uC788\uC74C\" : \"\uC5C6\uC74C\" });\n\n if (!item) {\n if (perfDebugEnabled) {\n perfStatsRef.current.rowContentCalls += 1;\n const rowDuration = performance.now() - rowStart;\n perfStatsRef.current.rowContentMs += rowDuration;\n perfStatsRef.current.rowContentMaxMs = Math.max(\n perfStatsRef.current.rowContentMaxMs,\n rowDuration,\n );\n }\n return null;\n }\n\n // \uD55C \uCE78 \uC904(\uBB36\uC74C \uBA38\uB9AC \uB4F1) \u2014 \uBAA8\uB4E0 \uC5F4\uC744 \uD569\uCE5C \uCE78 \uD558\uB098. \uC5EC\uBC31 \u00B7 \uBC14\uD0D5\uC740 fullWidthRowSx \uAC00 \uC815\uD55C\uB2E4.\n const fullWidth = renderFullWidthRow\n ? renderFullWidthRow(item, index)\n : null;\n if (fullWidth !== null && fullWidth !== undefined) {\n return (\n <TableCell\n colSpan={columns.length}\n data-vdt-pad=\"\"\n sx={[\n { padding: notion ? \"0 14px\" : \"8px 16px\" },\n ...(Array.isArray(fullWidthRowSx)\n ? fullWidthRowSx\n : fullWidthRowSx\n ? [fullWidthRowSx]\n : []),\n ]}\n >\n {fullWidth}\n </TableCell>\n );\n }\n\n const cells = columns.map((column) => {\n const cellStart = perfDebugEnabled ? performance.now() : 0;\n const cellValue = column.render\n ? column.render(item, index)\n : String((item as any)[column.id] || \"\");\n\n if (perfDebugEnabled) {\n const cellDuration = performance.now() - cellStart;\n perfStatsRef.current.cellRenderCalls += 1;\n perfStatsRef.current.cellRenderMs += cellDuration;\n perfStatsRef.current.cellRenderMaxMs = Math.max(\n perfStatsRef.current.cellRenderMaxMs,\n cellDuration,\n );\n }\n\n const pinned = pinnedLeft.has(String(column.id));\n const customPadding = column.cellPadding !== undefined;\n // \uC544\uB798\uB85C \uD569\uCE5C \uCE78\uC5D0 \uB36E\uC778 \uC904\uC740 \uCE78\uC744 \uADF8\uB9AC\uC9C0 \uC54A\uB294\uB2E4.\n const span = column.rowSpan ? column.rowSpan(item, index) : 1;\n if (span <= 0) return null;\n const onCellClick = column.onCellClick;\n return (\n <TableCell\n key={String(column.id)}\n align={column.align || \"left\"}\n rowSpan={span > 1 ? span : undefined}\n data-vdt-pad={customPadding ? \"\" : undefined}\n data-vdt-pinned={pinned ? \"\" : undefined}\n data-vdt-cell-click={onCellClick ? \"\" : undefined}\n onClick={\n onCellClick\n ? (e: React.MouseEvent) => {\n // \uB04C\uC5B4\uC11C \uBBFC \uB4A4\uC758 \uD074\uB9AD\uC740 \uCE78 \uB204\uB984\uC73C\uB85C \uCE58\uC9C0 \uC54A\uB294\uB2E4(\uC904 \uD074\uB9AD\uACFC \uAC19\uC740 \uAE30\uC900).\n const dx = e.clientX - mouseDownPositionRef.current.x;\n const dy = e.clientY - mouseDownPositionRef.current.y;\n e.stopPropagation();\n if (Math.sqrt(dx * dx + dy * dy) > ROW_CLICK_DRAG_THRESHOLD_PX) return;\n onCellClick(item, index, e);\n }\n : undefined\n }\n style={{\n width: column.width,\n minWidth: column.width,\n ...(column.primary ? { fontSize: 15 } : {}),\n ...column.style,\n ...(column.cellStyle ? column.cellStyle(item, index) : {}),\n padding: customPadding ? column.cellPadding : \"8px 16px\",\n ...pinnedStyle(column, false),\n }}\n >\n {cellValue}\n </TableCell>\n );\n });\n\n if (perfDebugEnabled) {\n perfStatsRef.current.rowContentCalls += 1;\n const rowDuration = performance.now() - rowStart;\n perfStatsRef.current.rowContentMs += rowDuration;\n perfStatsRef.current.rowContentMaxMs = Math.max(\n perfStatsRef.current.rowContentMaxMs,\n rowDuration,\n );\n }\n\n return <>{cells}</>;\n },\n [columns, perfDebugEnabled, renderFullWidthRow, fullWidthRowSx, notion, pinnedLeft, pinnedStyle],\n );\n\n // \uCEEC\uB7FC\uC5D0 footer \uB80C\uB354\uB7EC\uAC00 \uD558\uB098\uB77C\uB3C4 \uC788\uAC70\uB098 showFooter \uAC00 \uBA85\uC2DC\uB418\uBA74 \uD558\uB2E8 \uD569\uACC4 \uD589\uC744 \uD45C\uC2DC\uD55C\uB2E4.\n const hasFooter =\n showFooter ?? columns.some((col) => typeof col.footer === \"function\");\n\n /**\n * \uD14C\uC774\uBE14 \uD558\uB2E8 \uACE0\uC815 \uD569\uACC4 \uD589(tfoot) \uCEE8\uD150\uCE20 \uC815\uC758\n * \uAC01 \uCEEC\uB7FC\uC758 footer(data) \uACB0\uACFC\uB97C \uC140\uB85C \uB80C\uB354\uB9C1\uD55C\uB2E4. (footer \uC5C6\uB294 \uCEEC\uB7FC\uC740 \uBE48 \uC140)\n * tableLayout: fixed \uB77C \uD5E4\uB354/\uBC14\uB514\uC640 \uB3D9\uC77C\uD55C \uCEEC\uB7FC \uB108\uBE44\uB85C \uC790\uB3D9 \uC815\uB82C\uB41C\uB2E4.\n */\n const fixedFooterContent = useCallback(() => {\n if (!hasFooter) {\n return null;\n }\n\n // footerColSpan \uC73C\uB85C \uC140\uC744 \uBCD1\uD569\uD55C\uB2E4. \uC55E \uCEEC\uB7FC\uC774 colSpan \uC73C\uB85C \uB36E\uC740 \uCEEC\uB7FC\uC740 \uC140\uC744 \uC0DD\uB7B5\uD55C\uB2E4.\n const cells: React.ReactNode[] = [];\n for (let i = 0; i < columns.length; i += 1) {\n const col = columns[i];\n const colSpan =\n col.footerColSpan && col.footerColSpan > 1\n ? Math.min(col.footerColSpan, columns.length - i)\n : 1;\n\n cells.push(\n <TableCell\n key={String(col.id)}\n align={col.align || \"left\"}\n colSpan={colSpan > 1 ? colSpan : undefined}\n style={{\n // \uBCD1\uD569 \uC2DC \uB108\uBE44 \uACE0\uC815\uC744 \uD480\uC5B4 colSpan \uC774 \uC2E4\uC81C\uB85C \uB298\uC5B4\uB098\uAC8C \uD55C\uB2E4.\n ...(colSpan > 1\n ? {}\n : { width: col.width, minWidth: col.width }),\n ...col.style,\n fontWeight: \"bold\",\n // \uB178\uC158\uD48D\uC740 \uBCF8\uBB38 \uCE78\uACFC \uAC19\uC740 \uC88C\uC6B0 \uC5EC\uBC31 \u00B7 \uC138\uB85C 0(\uC904 \uB192\uC774\uB85C \uAC00\uC6B4\uB370) \u2014 16px \uC774\uBA74 \uD569\uACC4 \uC904\uB9CC \uB192\uACE0 \uAE00\uC790\uAC00 \uCE78\uACFC \uC5B4\uAE0B\uB0AC\uB2E4.\n padding: notion ? \"0 14px\" : \"16px\",\n }}\n >\n {col.footer ? col.footer(data) : null}\n </TableCell>,\n );\n\n // colSpan \uC73C\uB85C \uB36E\uC778 \uB4A4 \uCEEC\uB7FC\uC740 \uAC74\uB108\uB6F4\uB2E4.\n i += colSpan - 1;\n }\n\n return <MuiTableRow>{cells}</MuiTableRow>;\n }, [hasFooter, columns, data, notion]);\n\n // \uD14C\uC774\uBE14 \uCEF4\uD3EC\uB10C\uD2B8 \uC815\uC758 (\uAE30\uC874 VirtualDataTable \uC2A4\uD0C0\uC77C)\n const VirtuosoTableComponents: TableComponents<T> = useMemo(\n () => ({\n // \uC2A4\uD06C\uB864 \uCEE8\uD14C\uC774\uB108 (\uC678\uBD80\uC5D0\uC11C \uD55C \uBC88\uB9CC \uC0DD\uC131\uB41C \uC548\uC815\uC801\uC778 \uCEF4\uD3EC\uB10C\uD2B8 \uC0AC\uC6A9)\n Scroller: VirtuosoScroller,\n // \uD14C\uC774\uBE14 \uCEF4\uD3EC\uB10C\uD2B8\n Table: (props) => (\n <Table\n {...props}\n sx={{\n borderCollapse: \"separate\",\n tableLayout,\n // \uD2C0 \uC5C6\uC774 \uADF8\uB9B4 \uB54C\uB294 \uC624\uB978\uCABD \uB367\uC5EC\uBC31\uC774 \uAC00\uB85C \uB118\uCE68(\uAC00\uB85C \uB9C9\uB300)\uC744 \uB9CC\uB4E0\uB2E4 \u2014 \uD45C\uAC00 \uC0C1\uC790 \uD3ED\uC5D0 \uAF2D \uB9DE\uAC8C \uB454\uB2E4.\n marginRight: framed ? \"16px\" : 0,\n // \uD558\uB2E8 \uD569\uACC4 \uD589\uC774 \uC788\uC73C\uBA74 \uB370\uC774\uD130\uAC00 \uC801\uC5B4\uB3C4 \uD14C\uC774\uBE14\uC774 \uCEE8\uD14C\uC774\uB108\uB97C \uCC44\uC6B0\uAC8C \uD55C\uB2E4.\n // (\uC2E4\uC81C \uBC14\uB2E5 \uC815\uB82C\uC740 tbody \uAC00 \uB298\uC5B4\uB098\uBA70 \uCC98\uB9AC \u2014 \uD589 \uB192\uC774\uB294 \uADF8\uB300\uB85C \uC720\uC9C0)\n ...(hasFooter ? { height: \"100%\" } : {}),\n }}\n />\n ),\n // \uD14C\uC774\uBE14 \uD5E4\uB354 (\uACE0\uC815 \uC704\uCE58)\n TableHead: forwardRef<HTMLTableSectionElement, any>(\n (props, ref) => (\n <TableHead\n {...props}\n ref={ref}\n sx={{\n userSelect: \"none\",\n \"& tr\": {\n height: columnHeight,\n \"& th\": {\n padding: \"16px\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n fontWeight: \"bold\",\n },\n },\n }}\n />\n ),\n ),\n // \uD14C\uC774\uBE14 \uD589 (\uD074\uB9AD \uC774\uBCA4\uD2B8 \uBC0F \uD638\uBC84 \uD6A8\uACFC \uD3EC\uD568)\n // \uD14C\uC774\uBE14 \uD589 (\uD074\uB9AD \uC774\uBCA4\uD2B8 \uBC0F \uD638\uBC84 \uD6A8\uACFC \uD3EC\uD568)\n TableRow: (props: any) => {\n const {\n item,\n selected: _selected,\n \"aria-selected\": _ariaSelected,\n className,\n ...rest\n } = props as any;\n // react-virtuoso\uB294 'data-index' \uC18D\uC131\uC73C\uB85C index\uB97C \uC804\uB2EC\uD569\uB2C8\uB2E4\n const rowIndex = rest[\"data-index\"] ?? 0;\n const isOddRow = rowIndex % 2 === 1;\n const rowId =\n item && getRowIdRef.current\n ? getRowIdRef.current(item, rowIndex)\n : rowIndex;\n // CSS \uD558\uC774\uB77C\uC774\uD2B8 \uBAA8\uB4DC\uC5D0\uC11C\uB294 \uD589 \uC790\uCCB4\uC5D0\uC11C \uC120\uD0DD\uC744 \uACC4\uC0B0\uD558\uC9C0 \uC54A\uB294\uB2E4(\uCEE8\uD14C\uC774\uB108 CSS \uAC00 \uCC98\uB9AC).\n // \u2192 selectedRowId \uBCC0\uACBD\uC774 \uD589 \uC7AC\uB80C\uB354\uB85C \uC774\uC5B4\uC9C0\uC9C0 \uC54A\uB294\uB2E4.\n const isSelected =\n !useCssRowHighlight &&\n selectedRowId !== null &&\n selectedRowId !== undefined &&\n rowId === selectedRowId;\n const resolvedSelectedRowSx =\n isSelected && selectedRowSx\n ? typeof selectedRowSx === \"function\"\n ? selectedRowSx(item, rowIndex)\n : selectedRowSx\n : undefined;\n const sanitizedClassName = String(className ?? \"\")\n .split(/\\s+/)\n .filter(\n (token) =>\n token !== \"Mui-selected\" &&\n token !== \"Mui-focusVisible\",\n )\n .join(\" \");\n\n return (\n <MuiTableRow\n {...rest}\n data-row-id={rowId !== null && rowId !== undefined ? String(rowId) : undefined}\n className={sanitizedClassName || undefined}\n selected={isSelected}\n onMouseDown={(e: any) => {\n // \uB9C8\uC6B0\uC2A4 \uB2E4\uC6B4 \uC2DC \uB4DC\uB798\uADF8 \uD50C\uB798\uADF8 \uCD08\uAE30\uD654 \uBC0F \uC2DC\uC791 \uC704\uCE58 \uC800\uC7A5\n isScrollDraggingRef.current = false;\n mouseDownPositionRef.current = {\n x: e.clientX,\n y: e.clientY,\n };\n }}\n onContextMenu={(e: React.MouseEvent) => {\n if (item && onRowContextMenuRef.current) {\n onRowContextMenuRef.current(item, rowIndex, e);\n }\n }}\n onClick={(e: React.MouseEvent) => {\n // mousedown \uC2DC\uC791 \uC704\uCE58\uC640 click \uC704\uCE58 \uCC28\uC774\uB85C \uB4DC\uB798\uADF8 \uC5EC\uBD80 \uD310\uBCC4\n const dx =\n e.clientX - mouseDownPositionRef.current.x;\n const dy =\n e.clientY - mouseDownPositionRef.current.y;\n const wasDrag =\n Math.sqrt(dx * dx + dy * dy) >\n ROW_CLICK_DRAG_THRESHOLD_PX ||\n isScrollDraggingRef.current;\n if (wasDrag) {\n e.preventDefault();\n e.stopPropagation();\n isScrollDraggingRef.current = false;\n return;\n }\n if (item && onRowClickRef.current) {\n onRowClickRef.current(item, rowIndex);\n }\n isScrollDraggingRef.current = false;\n }}\n sx={[\n {\n userSelect: \"none\",\n // \uD589 \uB192\uC774\uB97C estimatedItemHeight(=rowHeight + divider) \uB85C \uC815\uD655\uD788\n // \uACE0\uC815\uD55C\uB2E4. react-virtuoso \uB294 fixedItemHeight \uB97C \uC918\uB3C4\n // ResizeObserver \uB85C \uC2E4\uC81C \uD589 \uB192\uC774\uB97C \uC7AC\uCE21\uC815\uD574 \uBC18\uC601\uD558\uB294\uB370, \uC140\n // \uD3F0\uD2B8/\uB77C\uC778\uC758 \uC11C\uBE0C\uD53D\uC140 \uB54C\uBB38\uC5D0 \uCE21\uC815\uAC12\uC774 \uC815\uC218\uC5D0\uC11C \uC5B4\uAE0B\uB098\uBA74\n // \uD558\uB2E8 filler row \uB192\uC774(offsetBottom)\uAC00 \uC2A4\uD06C\uB864\uB9C8\uB2E4 \uC18C\uC218\uC810\uC73C\uB85C\n // \uD754\uB4E4\uB9AC\uACE0, \uADF8 \uC704\uC5D0 sticky \uB85C \uBD99\uC740 <tfoot> \uD569\uACC4\uD589\uC774 1px \uB5A8\uB9B0\uB2E4.\n // height/maxHeight \uB97C \uC815\uC218\uB85C \uBC15\uACE0 overflow:hidden \uC73C\uB85C \uB9C9\uC544\n // \uCE21\uC815\uAC12\uC774 \uD56D\uC0C1 estimatedItemHeight \uAC00 \uB418\uAC8C \uD55C\uB2E4.\n // \uC904 \uB192\uC774 \"auto\" \uB294 \uB0B4\uC6A9\uB9CC\uD07C \uB298\uC5B4\uB09C\uB2E4 \u2014 \uCE78 \uB192\uC774(rowHeight)\uAC00 \uCD5C\uC18C \uB192\uC774\uB85C \uB3D9\uC791\uD55C\uB2E4.\n ...(autoRowHeight\n ? { \"& > td\": { height: estimatedItemHeight } }\n : {\n height: estimatedItemHeight,\n maxHeight: estimatedItemHeight,\n }),\n boxSizing: \"border-box\",\n backgroundColor:\n isOddRow && stripedRowColor\n ? stripedRowColor\n : \"transparent\",\n // \uC5EC\uBC31\uC744 \uB530\uB85C \uBC1B\uC740 \uCE78(cellPadding \u00B7 \uD55C \uCE78 \uC904)\uC740 \uAE30\uBCF8 \uC5EC\uBC31\uC5D0\uC11C \uBE80\uB2E4.\n \"& td:not([data-vdt-pad])\": {\n padding: \"8px 16px\",\n },\n \"& td\": {\n boxSizing: \"border-box\",\n borderBottom: rowDivider\n ? \"1px solid rgba(224, 224, 224, 1)\"\n : \"none\",\n },\n \"& th\": {\n padding: \"8px 16px\",\n borderBottom: \"none\",\n },\n \"&:hover\":\n hasRowClick && !isSelected\n ? {\n backgroundColor: (theme) => {\n const isDark =\n theme.palette.mode ===\n \"dark\";\n const defaultColor =\n \"#000000\";\n const color =\n rowHoverColor ??\n defaultColor;\n const opacity =\n rowHoverOpacity ?? 0.06;\n\n if (!rowHoverColor) {\n return isDark\n ? `rgba(255, 255, 255, ${opacity})`\n : `rgba(0, 0, 0, ${opacity})`;\n }\n\n const hex = color\n .replace(\"#\", \"\")\n .trim();\n if (hex.length !== 6) {\n return color;\n }\n\n const r = parseInt(\n hex.substring(0, 2),\n 16,\n );\n const g = parseInt(\n hex.substring(2, 4),\n 16,\n );\n const b = parseInt(\n hex.substring(4, 6),\n 16,\n );\n\n return `rgba(${r}, ${g}, ${b}, ${opacity})`;\n },\n }\n : undefined,\n cursor: hasRowClick ? \"pointer\" : undefined,\n },\n resolvedSelectedRowSx,\n ]}\n />\n );\n },\n // \uD14C\uC774\uBE14 \uBC14\uB514 \u2014 \uD558\uB2E8 \uD569\uACC4 \uD589\uC774 \uC788\uC73C\uBA74 row-group \uC744 \uB298\uB824 \uBE48 \uACF5\uAC04\uC774 \uB9C8\uC9C0\uB9C9 \uD589 '\uC544\uB798'\uB85C \uAC00\uAC8C \uD55C\uB2E4.\n // (\uAC1C\uBCC4 \uD589 \uB192\uC774\uB294 \uADF8\uB300\uB85C \uC720\uC9C0\uB418\uACE0, tfoot \uC740 \uADF8 \uC544\uB798 \uBC14\uB2E5\uC5D0 \uBD99\uB294\uB2E4)\n TableBody: forwardRef<HTMLTableSectionElement>((props, ref) => {\n const { children, ...rest } =\n props as React.HTMLAttributes<HTMLTableSectionElement>;\n return (\n <MuiTableBody\n {...rest}\n ref={ref}\n sx={hasFooter ? { height: \"100%\" } : undefined}\n >\n {children}\n {/* fill \uBAA8\uB4DC(hasFooter)\uC5D0\uC11C table/tbody \uC758 height:100% \uB54C\uBB38\uC5D0 \uB0A8\uB294 \uB192\uC774\uAC00\n \uB370\uC774\uD130 <tr> \uC5D0 \uBD84\uBC30\uB418\uC5B4 \uD589\uC774 rowHeight \uBCF4\uB2E4 \uCEE4\uC9C0\uB294 \uBB38\uC81C\uB97C \uB9C9\uB294 spacer.\n \uC720\uC5F0\uD55C \uBE48 \uD589\uC774 \uB0A8\uB294 \uACF5\uAC04\uC744 \uD761\uC218 \u2192 \uB370\uC774\uD130 \uD589\uC740 rowHeight \uB85C \uACE0\uC815\uB418\uACE0,\n sticky footer \uB294 \uADF8 \uC544\uB798 \uBC14\uB2E5\uC5D0 \uBD99\uB294\uB2E4. \uC2A4\uD06C\uB864\uC774 \uC0DD\uAE30\uBA74 0 \uC73C\uB85C \uC811\uD78C\uB2E4. */}\n {hasFooter && (\n <tr aria-hidden style={{ height: \"100%\" }}>\n <td\n colSpan={columns.length}\n style={{ padding: 0, border: 0 }}\n />\n </tr>\n )}\n </MuiTableBody>\n );\n }),\n // \uD14C\uC774\uBE14 \uD558\uB2E8 \uD569\uACC4 \uD589(tfoot) \u2014 \uBC14\uB2E5\uC5D0 \uACE0\uC815\n TableFoot: forwardRef<HTMLTableSectionElement, any>(\n (props, ref) => (\n <MuiTableFooter\n {...props}\n ref={ref}\n sx={[\n {\n // \uB5A8\uB9BC\uC758 \uADFC\uBCF8 \uC6D0\uC778(\uB370\uC774\uD130 \uD589 \uCE21\uC815 \uB192\uC774\uC758 \uC11C\uBE0C\uD53D\uC140)\uC740 TableRow\n // \uC5D0\uC11C height/maxHeight \uC815\uC218 \uACE0\uC815\uC73C\uB85C \uC7A1\uB294\uB2E4. \uC5EC\uAE30\uC11C\uB294 \uD569\uACC4\uD589\n // \uC140 \uC2A4\uD0C0\uC77C\uB9CC \uB454\uB2E4(virtuoso \uAC00 <tfoot> \uC5D0 \uC9C1\uC811 sticky \uB97C \uAC74\uB2E4).\n // \uD569\uACC4\uD589 \uB192\uC774\uB97C footerHeight(\uBBF8\uC9C0\uC815 \uC2DC rowHeight) \uB85C \uC815\uD655\uD788\n // \uACE0\uC815\uD55C\uB2E4. \uADF8\uB798\uC57C \uB85C\uB529 \uC624\uBC84\uB808\uC774\uC758 \uD558\uB2E8 \uCEF7\uC624\uD504(bottom:\n // footerHeight ?? rowHeight)\uC640 \uC2E4\uC81C footer \uB192\uC774\uAC00 \uC77C\uCE58\uD574\n // \uC624\uBC84\uB808\uC774\uAC00 footer \uC704\uAE4C\uC9C0\uB9CC \uB0B4\uB824\uC624\uACE0 footer \uB97C \uB36E\uC9C0 \uC54A\uB294\uB2E4.\n \"& tr\": {\n height: footerHeight ?? rowHeight,\n maxHeight: footerHeight ?? rowHeight,\n boxSizing: \"border-box\",\n },\n \"& td\": {\n height: footerHeight ?? rowHeight,\n boxSizing: \"border-box\",\n backgroundColor: (theme) =>\n theme.palette.mode === \"dark\"\n ? \"#1e1e1e\"\n : \"#ffffff\",\n // \uC138\uB85C padding \uC744 0 \uC73C\uB85C \uB450\uACE0 \uD589 \uB192\uC774\uB85C \uC815\uB82C\uC744 \uB9E1\uAE34\uB2E4.\n // (\uAC00\uB85C 16px \uC720\uC9C0) \u2014 16px \uC138\uB85C padding \uC774\uBA74 \uC2E4\uC81C footer \uAC00\n // footerHeight \uBCF4\uB2E4 \uCEE4\uC838 \uC624\uBC84\uB808\uC774 \uCEF7\uC624\uD504\uC640 \uC5B4\uAE0B\uB09C\uB2E4.\n padding: \"0 16px\",\n color: \"inherit\",\n fontSize: \"0.875rem\",\n // \uAD6C\uBD84\uC120\uC740 \uC2E4\uC81C border \uB300\uC2E0 inset box-shadow \uB85C \uADF8\uB9B0\uB2E4.\n // collapsed-border \uD53D\uC140 \uACBD\uACC4 \uACF5\uC720\uB85C \uC778\uD55C \uAE5C\uBE61\uC784\uC744 \uD53C\uD55C\uB2E4.\n border: \"none\",\n // \uB178\uC158\uD48D\uC740 \uBA38\uB9AC \uC544\uB798 \uC120\uACFC \uAC19\uC740 \uC9C4\uD55C \uD68C\uC0C9 \uC120 \u2014 \uAC80\uC740 \uC120\uC740 \uC605\uC740 \uD45C\uC5D0\uC11C \uD63C\uC790 \uD280\uC5C8\uB2E4.\n boxShadow: `inset 0 1px 0 0 ${notion ? notionTokens.borderStrong : \"#000000\"}`,\n },\n },\n ...(Array.isArray(footerSx)\n ? footerSx\n : footerSx\n ? [footerSx]\n : []),\n ]}\n />\n ),\n ),\n }),\n [\n // onRowClick/getRowId \uB294 ref \uB85C \uCC98\uB9AC\uD558\uBBC0\uB85C deps \uC5D0\uC11C \uC81C\uC678(\uC778\uB77C\uC778 \uCF5C\uBC31\uC774\uC5B4\uB3C4 \uD589 \uB9AC\uB9C8\uC6B4\uD2B8 \uC548 \uB428).\n hasRowClick,\n // CSS \uD558\uC774\uB77C\uC774\uD2B8 \uBAA8\uB4DC\uC5D0\uC11C\uB294 selectedRowId \uAC00 components \uB97C \uC7AC\uC0DD\uC131\uD558\uC9C0 \uC54A\uAC8C \uD55C\uB2E4(\uD589 \uC7AC\uB80C\uB354 \uBC29\uC9C0).\n // \uD568\uC218\uD615 selectedRowSx(per-row) \uC77C \uB54C\uB9CC selectedRowId \uBCC0\uACBD\uC73C\uB85C components \uB97C \uAC31\uC2E0\uD55C\uB2E4.\n useCssRowHighlight ? null : selectedRowId,\n selectedRowSx,\n rowHeight,\n stripedRowColor,\n rowDivider,\n columnHeight,\n rowHoverColor,\n rowHoverOpacity,\n VirtuosoScroller,\n footerHeight,\n footerSx,\n hasFooter,\n notion,\n notionTokens,\n // spacer \uD589\uC758 colSpan \uACC4\uC0B0\uC5D0 \uC0AC\uC6A9 (\uCEEC\uB7FC \uAD6C\uC870 \uBCC0\uACBD \uC2DC components \uC7AC\uC0DD\uC131)\n columns,\n tableLayout,\n framed,\n autoRowHeight,\n ],\n );\n\n const resolvedVirtuosoComponents = VirtuosoTableComponents;\n // autoHeight \uB294 \uAC19\uC740 \uD45C \uBD80\uD488(\uBA38\uB9AC \u00B7 \uC904 \u00B7 \uD569\uACC4)\uC744 \uAC00\uC0C1\uD654 \uC5C6\uC774 \uADF8\uB300\uB85C \uC4F4\uB2E4 \u2014 \uCE78 \uBAA8\uC591\uC774 \uAC00\uC0C1 \uD45C\uC640 \uAC19\uB2E4.\n const autoParts = VirtuosoTableComponents as Record<string, unknown>;\n const AutoTable = autoParts.Table as React.ComponentType<any>;\n const AutoTableHead = autoParts.TableHead as React.ComponentType<any>;\n const AutoTableBody = autoParts.TableBody as React.ComponentType<any>;\n const AutoTableRow = autoParts.TableRow as React.ComponentType<any>;\n const AutoTableFoot = autoParts.TableFoot as React.ComponentType<any>;\n\n // \uACF5\uD1B5 \uD14C\uC774\uBE14 \uB0B4\uC6A9\n const tableContent = (\n <Box\n sx={\n {\n position: \"relative\",\n height: autoHeight ? \"auto\" : \"100%\",\n width: \"100%\",\n \"& .MuiTableHead-root\": {\n backgroundColor: (theme: Theme) =>\n theme.palette.mode === \"dark\"\n ? \"#1e1e1e !important\"\n : \"#ffffff !important\",\n },\n // \uC120\uD0DD \uD589 CSS \uD558\uC774\uB77C\uC774\uD2B8 (selectedRowId \uBCC0\uACBD \uC2DC \uC774 \uCEE8\uD14C\uC774\uB108\uB9CC \uAC31\uC2E0, \uD589 \uC7AC\uB80C\uB354 \uC5C6\uC74C).\n ...(selectedRowCssSx ?? {}),\n // \uACE0\uC815 \uC5F4 \uCE78\uC740 \uB4A4\uB85C \uC9C0\uB098\uAC00\uB294 \uCE78\uC744 \uAC00\uB824\uC57C \uD574 \uBC14\uD0D5\uC744 \uCE60\uD55C\uB2E4. \uC904 \uD638\uBC84 \uC0C9\uC740 \uC904(tr)\uC5D0 \uCE60\uD574\uC9C0\uBBC0\uB85C \uACE0\uC815 \uCE78\uC5D0\uB3C4 \uAC19\uC740 \uC0C9\uC744 \uC900\uB2E4.\n \"& tbody td[data-vdt-pinned]\": {\n backgroundColor: notion\n ? notionTokens.bg\n : muiTheme.palette.background.paper,\n },\n // \uCE78 \uB2E8\uC704\uB85C \uB204\uB974\uB294 \uCE78 \u2014 \uCE78\uC5D0\uB9CC \uD638\uBC84 \uBC14\uD0D5.\n \"& tbody td[data-vdt-cell-click]\": { cursor: \"pointer\" },\n \"& tbody td[data-vdt-cell-click]:hover\": {\n backgroundColor: notion\n ? notionTokens.hoverBg\n : muiTheme.palette.mode === \"dark\"\n ? \"rgba(255, 255, 255, 0.06)\"\n : \"rgba(0, 0, 0, 0.04)\",\n },\n ...(notion && hasRowClick\n ? {\n \"& tbody tr:hover td[data-vdt-pinned]\": {\n backgroundColor: notionTokens.hoverBg,\n },\n }\n : {}),\n // \uB178\uC158\uD48D \u2014 \uBA38\uB9AC\u00B7\uCE78\uC758 \uC778\uB77C\uC778 style(padding\u00B7fontWeight)\uC744 \uB36E\uC5B4\uC57C \uD574\uC11C !important \uB2E4.\n // \uC140\uB809\uD130\uB97C \uCEE8\uD14C\uC774\uB108\uC5D0\uC11C \uB0B4\uB9AC\uB294 \uAC83\uC740 \uD589 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uAC74\uB4DC\uB9AC\uC9C0 \uC54A\uAE30 \uC704\uD574\uC11C\uB2E4(\uD589 \uC7AC\uB80C\uB354 \uBE44\uC6A9).\n ...(notion\n ? {\n // \uBC14\uAE65 \uD14C\uB450\uB9AC \u2014 \uC5C5\uBB34\uD568 \uD45C(border 1px + radius 4px)\uC640 \uAC19\uB2E4. \uAC00\uC0C1\uD654\uB77C \uB0B4\uC6A9 \uB192\uC774\uC5D0 \uB9DE\uCDB0 \uC904\uC774\uC9C0 \uBABB\uD558\uACE0\n // \uC885\uC774 \uC548\uCABD \uC5EC\uBC31 \uC548\uC5D0\uC11C \uC138\uB85C\uB97C \uAF49 \uCC44\uC6B4\uB2E4. \uBA38\uB9AC\uC758 \uC717\uC120\u00B7\uC88C\uC6B0\uC120\uC740 \uC774 \uD14C\uB450\uB9AC\uAC00 \uB300\uC2E0\uD55C\uB2E4.\n ...(framed\n ? {\n border: `1px solid ${notionTokens.borderStrong}`,\n borderRadius: \"4px\",\n }\n : {\n // \uD2C0 \uC5C6\uC774 \u2014 \uBC14\uAE65 \uC0C1\uC790 \uBC14\uD0D5\uC774 \uBE44\uCE58\uC9C0 \uC54A\uAC8C \uD45C\uB97C \uC885\uC774 \uC0C9\uC73C\uB85C \uCE60\uD55C\uB2E4.\n \"& table\": { backgroundColor: notionTokens.bg },\n }),\n overflow: \"hidden\",\n \"& thead tr th\": {\n height: columnHeight,\n boxSizing: \"border-box\",\n padding: \"0 14px !important\",\n fontSize: 13,\n fontWeight: \"500 !important\",\n color: notionTokens.headerColor,\n backgroundColor: `${notionTokens.bg} !important`,\n borderTop: \"none\",\n borderBottom: `1px solid ${notionTokens.borderStrong}`,\n // \uCE78 \uC0AC\uC774 \uC138\uB85C\uC120 \u2014 \uB9C8\uC9C0\uB9C9 \uCE78 \uB4A4\uC5D0\uB294 \uAE0B\uC9C0 \uC54A\uB294\uB2E4(\uBC14\uAE65 \uD14C\uB450\uB9AC\uC640 \uACB9\uCCD0 \uB450 \uC904\uB85C \uBCF4\uC778\uB2E4).\n borderRight: `1px solid ${notionTokens.border}`,\n \"&:last-of-type\": { borderRight: \"none\" },\n },\n \"& tbody tr td:not([data-vdt-pad])\": {\n padding: \"0 14px !important\",\n },\n \"& tbody tr td\": {\n fontSize: 14,\n borderBottom: `1px solid ${notionTokens.border}`,\n },\n }\n : {}),\n } as SxProps<Theme>\n }\n >\n {/* \uD14C\uC774\uBE14 \u2014 autoHeight \uBA74 \uAC00\uC0C1\uD654 \uC5C6\uC774 \uBAA8\uB4E0 \uC904\uC744 \uADF8\uB9AC\uACE0 \uB192\uC774\uB294 \uB0B4\uC6A9\uC744 \uB530\uB978\uB2E4(\uD398\uC774\uC9C0\uAC00 \uAD74\uB9B0\uB2E4). */}\n {autoHeight ? (\n <Box sx={{ overflowX: \"auto\", width: \"100%\" }}>\n <AutoTable>\n <AutoTableHead>{fixedHeaderContent()}</AutoTableHead>\n <AutoTableBody>\n {data.map((item, index) => (\n <AutoTableRow\n key={getRowId ? String(getRowId(item, index)) : index}\n item={item}\n data-index={index}\n >\n {rowContent(index, item)}\n </AutoTableRow>\n ))}\n </AutoTableBody>\n {hasFooter ? <AutoTableFoot>{fixedFooterContent()}</AutoTableFoot> : null}\n </AutoTable>\n </Box>\n ) : (\n <TableVirtuoso\n key={tableKey}\n ref={virtuosoRef}\n data={data}\n totalCount={onLoadMore ? data.length + 1 : data.length}\n defaultItemHeight={estimatedItemHeight}\n fixedItemHeight={autoRowHeight ? undefined : estimatedItemHeight}\n fixedHeaderContent={fixedHeaderContent}\n fixedFooterContent={hasFooter ? fixedFooterContent : undefined}\n itemContent={rowContent}\n endReached={handleEndReached}\n style={{ height: \"100%\" }}\n increaseViewportBy={{\n top: viewportBufferTop,\n bottom: viewportBufferBottom,\n }}\n overscan={virtuosoOverscan}\n followOutput={false}\n components={resolvedVirtuosoComponents}\n />\n )}\n\n {/* \uBE48 \uB370\uC774\uD130 \uD45C\uC2DC \u2014 \uB178\uC158\uD48D\uC740 \uBA38\uB9AC \uC544\uB798\uC5D0 \uC605\uC740 \uAE00 \uD55C \uC904(\uC5C5\uBB34\uD568 \uBAA9\uB85D \uD45C\uC758 \uBE48 \uBAA9\uB85D\uACFC \uAC19\uC740 \uBAA8\uC591). */}\n {data.length === 0 && !loading && notion && typeof emptyMessage === \"string\" && (\n <Box\n sx={{\n position: autoHeight ? \"static\" : \"absolute\",\n top: columnHeight,\n left: 0,\n right: 0,\n py: 6,\n textAlign: \"center\",\n fontSize: 14,\n color: notionTokens.emptyColor,\n }}\n >\n {emptyMessage}\n </Box>\n )}\n {data.length === 0 && !loading && !(notion && typeof emptyMessage === \"string\") && (\n <Box\n sx={{\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: 2,\n }}\n >\n {typeof emptyMessage === \"string\" ? (\n <>\n <Box\n sx={{\n width: 48,\n height: 48,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n borderRadius: \"50%\",\n backgroundColor: \"#f5f5f5\",\n color: \"#999\",\n }}\n >\n \uD83D\uDCC4\n </Box>\n <Typography\n variant=\"body1\"\n sx={{ color: \"text.secondary\" }}\n >\n {emptyMessage}\n </Typography>\n </>\n ) : (\n emptyMessage\n )}\n </Box>\n )}\n\n {/* \uB85C\uB529 \uC2A4\uD53C\uB108 */}\n {shouldShowLoading && (\n <>\n {LoadingComponent ? (\n <LoadingComponent\n visible={loading}\n onComplete={handleLoadingComplete}\n />\n ) : (\n <LoadingProgress\n visible={loading}\n onComplete={handleLoadingComplete}\n size={40}\n indicator={<CssSpinner />}\n sx={{\n top: `${\n columns.some((col) => col.group)\n ? columnHeight * 2\n : columnHeight\n }px`,\n // \uD478\uD130(\uD569\uACC4 \uD589)\uAC00 \uC788\uC73C\uBA74 \uADF8 \uB192\uC774\uB9CC\uD07C \uC544\uB798\uB97C \uC798\uB77C, \uD5E4\uB354~\uD478\uD130 \uC0AC\uC774 \uB0B4\uC6A9 \uC601\uC5ED \uC911\uC559\uC5D0 \uC2A4\uD53C\uB108\uB97C \uB454\uB2E4.\n bottom: `${hasFooter ? footerHeight ?? rowHeight : 0}px`,\n }}\n background={{\n show: data.length === 0, // \uCD5C\uCD08 \uB85C\uB529\uC5D0\uB9CC \uBC30\uACBD \uD45C\uC2DC\n opacity: 0.8,\n }}\n />\n )}\n </>\n )}\n </Box>\n );\n\n // \uB178\uC158\uD48D\uC740 \uC0AC\uBC29 \uC5EC\uBC31 \u2014 \uC5C5\uBB34\uD568\uCC98\uB7FC \uD45C\uAC00 \uC885\uC774 \uAC00\uC7A5\uC790\uB9AC\uC5D0 \uBD99\uC9C0 \uC54A\uB294\uB2E4(\uC88C\uC6B0 paddingX, \uC0C1\uD558 NOTION_PADDING_Y).\n const notionFramePadding = notion && framed\n ? { paddingRight: paddingX, paddingTop: NOTION_PADDING_Y, paddingBottom: NOTION_PADDING_Y }\n : {};\n\n return showPaper ? (\n <Paper\n className=\"grow\"\n elevation={1}\n sx={{\n padding: 0,\n paddingLeft: paddingX,\n ...notionFramePadding,\n boxSizing: \"border-box\",\n height: autoHeight ? \"auto\" : \"100%\",\n minHeight: 0,\n flex: autoHeight ? \"none\" : 1,\n display: \"flex\",\n flexDirection: \"column\",\n }}\n >\n {tableContent}\n </Paper>\n ) : (\n <Box\n className=\"grow\"\n style={{\n padding: 0,\n paddingLeft: paddingX,\n ...notionFramePadding,\n boxSizing: \"border-box\",\n height: autoHeight ? \"auto\" : \"100%\",\n minHeight: 0,\n flex: autoHeight ? \"none\" : 1,\n display: \"flex\",\n flexDirection: \"column\",\n }}\n >\n {tableContent}\n </Box>\n );\n}\n\nexport const VirtualDataTable = memo(VirtualDataTableComponent) as <T>(\n props: VirtualDataTableProps<T>,\n) => React.JSX.Element;\n", "/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n ownKeys = Object.getOwnPropertyNames || function (o) {\r\n var ar = [];\r\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n return ar;\r\n };\r\n return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n var r, s = 0;\r\n function next() {\r\n while (r = env.stack.pop()) {\r\n try {\r\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n if (r.dispose) {\r\n var result = r.dispose.call(r.value);\r\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n else s |= 1;\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n });\r\n }\r\n return path;\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __esDecorate: __esDecorate,\r\n __runInitializers: __runInitializers,\r\n __propKey: __propKey,\r\n __setFunctionName: __setFunctionName,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n", "/**\n * MIT License\n *\n * Copyright (c) 2025 KIM YOUNG JIN (ehfuse@gmail.com)\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport { CSSProperties, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { Box, CircularProgress, SxProps, Theme } from \"@mui/material\";\n\nexport interface BackgroundConfig {\n show?: boolean;\n color?: string; // Any CSS color: hex (#fff, #ffffff), rgb(255,255,255), rgba(), named colors, or RGB string \"255, 255, 255\"\n opacity?: number; // Applied to background (0.0 ~ 1.0). If color is already rgba, this is ignored\n}\n\nexport interface LoadingProgressProps {\n visible: boolean;\n onComplete?: () => void;\n fadeoutDuration?: number;\n exitDelay?: number;\n size?: number;\n className?: string;\n style?: CSSProperties;\n sx?: SxProps<Theme>;\n indicator?: ReactNode | string;\n background?: BackgroundConfig;\n}\n\nexport default function LoadingProgress({\n visible,\n onComplete,\n fadeoutDuration = 200,\n exitDelay = 0,\n size = 40,\n className,\n style,\n sx,\n indicator,\n background = {\n show: true,\n color: \"255, 255, 255\",\n opacity: 0.9,\n },\n}: LoadingProgressProps) {\n const prevVisibleRef = useRef<boolean | undefined>(undefined);\n const boxRef = useRef<HTMLDivElement>(null);\n const [shouldRender, setShouldRender] = useState(visible);\n\n // 배경 설정 기본값 처리\n const {\n show: showBackground = true,\n color: backgroundColor = \"255, 255, 255\",\n opacity: backgroundOpacity = 0.9,\n } = background;\n\n useEffect(() => {\n const prevVisible = prevVisibleRef.current;\n\n // visible이 true에서 false로 변경될 때 페이드아웃 후 onComplete 호출\n if (prevVisible === true && visible === false && boxRef.current) {\n // CSS transition으로 페이드아웃 시작\n const box = boxRef.current;\n box.style.opacity = \"0\";\n\n // fadeoutDuration + exitDelay 후 onComplete 호출 및 언마운트\n setTimeout(() => {\n setShouldRender(false); // 페이드아웃 완료 후 언마운트\n onComplete?.();\n }, fadeoutDuration + exitDelay);\n } else if (visible === true) {\n // visible이 true가 되면 다시 렌더링하고 opacity 복원\n setShouldRender(true);\n if (boxRef.current) {\n boxRef.current.style.opacity = \"1\";\n }\n }\n\n // 현재 visible 값을 ref에 저장\n prevVisibleRef.current = visible;\n }, [visible, onComplete, fadeoutDuration, exitDelay]);\n\n if (!shouldRender) {\n return null;\n }\n\n // indicator 렌더링 로직\n const renderIndicator = () => {\n // string이면 이미지 URL로 간주\n if (typeof indicator === \"string\") {\n return (\n <img\n src={indicator}\n alt=\"Loading\"\n style={{ width: size, height: size }}\n />\n );\n }\n // ReactNode가 제공되면 그대로 렌더링\n if (indicator) {\n return indicator;\n }\n // 기본값: MUI CircularProgress\n return <CircularProgress size={size} />;\n };\n\n // 배경색 처리: 다양한 색상 형식 지원\n const getBackgroundStyle = () => {\n if (!showBackground) {\n return { backgroundColor: \"transparent\" };\n }\n\n // 이미 rgba 형식이면 그대로 사용\n if (backgroundColor.startsWith(\"rgba\")) {\n return { backgroundColor };\n }\n\n // RGB 문자열 형식 (예: \"255, 255, 255\")\n if (/^\\d+,\\s*\\d+,\\s*\\d+$/.test(backgroundColor)) {\n return {\n backgroundColor: `rgba(${backgroundColor}, ${backgroundOpacity})`,\n };\n }\n\n // hex, rgb(), named color 등의 경우\n // CSS에서 color와 opacity를 함께 사용\n if (backgroundOpacity !== 1) {\n return {\n backgroundColor: backgroundColor,\n // 배경에만 opacity를 적용하기 위해 before pseudo-element 사용하거나\n // 직접 rgba로 변환하는 대신 CSS custom property 사용\n \"&::before\": {\n content: '\"\"',\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: backgroundColor,\n opacity: backgroundOpacity,\n zIndex: -1,\n },\n };\n }\n\n // opacity가 1이면 그냥 색상만\n return { backgroundColor };\n };\n\n return (\n <Box\n ref={boxRef}\n className={className}\n style={{ ...style }}\n sx={{\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 1000,\n opacity: visible ? 1 : 0,\n transition: `opacity ${fadeoutDuration}ms ease-out`,\n ...getBackgroundStyle(),\n ...sx,\n }}\n >\n {renderIndicator()}\n </Box>\n );\n}\n", "/**\n * \uC21C\uC218 CSS \uB85C\uB529 \uC2A4\uD53C\uB108. MUI CircularProgress \uB300\uC2E0 LoadingProgress \uC758 indicator \uB85C \uC8FC\uC785\uD55C\uB2E4.\n *\n * \uC2A4\uD0C0\uC77C\uC740 \uC790\uCCB4 <style> \uD074\uB798\uC2A4\uB85C \uC8FC\uC785\uD55C\uB2E4(\uC678\uBD80 \uC2A4\uD0C0\uC77C \uC758\uC874 \uC5C6\uC74C). \uBC30\uACBD \uB9C1(\uC5F0\uD55C \uD2B8\uB799)\uACFC\n * \uD68C\uC804 \uD638(\uC0C1\uB2E8 \uC0C9)\uB97C \uD55C \uD074\uB798\uC2A4\uC5D0 \uB2F4\uB294\uB2E4. \uC571 \uCD08\uAE30 \uC2A4\uD53C\uB108 \uBC0F \uB300\uC2DC\uBCF4\uB4DC \uB808\uC774\uC544\uC6C3 \uC2A4\uD53C\uB108\uC640 \uB3D9\uC77C\uD55C \uBAA8\uC591.\n */\nexport interface CssSpinnerProps {\n /** \uC2A4\uD53C\uB108 \uC9C0\uB984(px). \uAE30\uBCF8 54 */\n size?: number;\n}\n\nconst SPINNER_CSS = `\n.vdt-css-spinner{box-sizing:border-box;border-radius:50%;border:4px solid rgba(28,64,125,0.14);border-top-color:#1c407d;animation:vdt-css-spinner-spin .75s linear infinite}\n@keyframes vdt-css-spinner-spin{to{transform:rotate(360deg)}}\n`;\n\nexport function CssSpinner({ size = 54 }: CssSpinnerProps) {\n return (\n <>\n <style>{SPINNER_CSS}</style>\n <span\n className=\"vdt-css-spinner\"\n role=\"progressbar\"\n aria-label=\"loading\"\n style={{ display: \"inline-block\", width: size, height: size }}\n />\n </>\n );\n}\n\nexport default CssSpinner;\n"],
5
- "mappings": "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",
6
- "names": ["index_exports", "__export", "VirtualDataTable", "__toCommonJS", "import_react", "import_material", "import_react_virtuoso", "__assign", "t", "s", "i", "n", "p", "LoadingProgress", "_a", "visible", "onComplete", "_b", "fadeoutDuration", "_c", "exitDelay", "_d", "size", "className", "style", "sx", "indicator", "_e", "background", "prevVisibleRef", "boxRef", "_f", "shouldRender", "setShouldRender", "_g", "showBackground", "_h", "backgroundColor", "_j", "backgroundOpacity", "prevVisible", "box", "renderIndicator", "_jsx", "getBackgroundStyle", "__assign", "import_jsx_runtime", "SPINNER_CSS", "CssSpinner", "size", "import_overlay_scrollbar", "import_jsx_runtime", "OVERLAY_SCROLLBAR_TRACK_CONFIG", "ROW_CLICK_DRAG_THRESHOLD_PX", "NOTION_LIGHT", "NOTION_PADDING_Y", "NOTION_DARK", "VirtualDataTableComponent", "data", "loading", "columns", "onRowClick", "getRowId", "selectedRowId", "selectedRowSxProp", "rowHeightProp", "columnHeightProp", "striped", "rowDivider", "onSort", "onLoadMore", "sortBy", "sortDirection", "showPaper", "paddingXProp", "paddingTop", "paddingBottom", "rowHoverColorProp", "rowHoverOpacityProp", "viewportBuffer", "overscan", "scrollbars", "emptyMessage", "autoHeight", "LoadingComponent", "showFooter", "footerHeight", "footerSx", "variant", "framed", "rowHeightMode", "tableLayout", "renderFullWidthRow", "fullWidthRowSx", "onRowContextMenu", "notion", "muiTheme", "notionTokens", "columnHeight", "rowHeight", "paddingX", "autoRowHeight", "rowHoverColor", "rowHoverOpacity", "defaultViewportBufferTop", "defaultViewportBufferBottom", "viewportBufferTop", "viewportBufferBottom", "defaultOverscanMain", "defaultOverscanReverse", "virtuosoOverscan", "estimatedItemHeight", "notionSelectedSx", "selectedRowSx", "useCssRowHighlight", "selectedRowCssSx", "isDev", "perfDebugEnabled", "perfStatsRef", "flushPerfStats", "reason", "stats", "rowAvgMs", "cellAvgMs", "intervalId", "VirtuosoScroller", "props", "ref", "scrollContainerRef", "wheelDeltaRef", "wheelRafRef", "el", "handleWheel", "e", "wheelStart", "delta", "rafStart", "maxStep", "batchedDelta", "OverlayScrollbar", "node", "stripedRowColor", "internalLoading", "setInternalLoading", "tableKey", "setTableKey", "handleLoadingComplete", "shouldShowLoading", "isLoadMoreLoading", "isLoadingMoreRef", "lastLoadMoreLengthRef", "virtuosoRef", "onRowClickRef", "getRowIdRef", "onRowContextMenuRef", "pinnedLeft", "map", "left", "col", "pinnedStyle", "head", "hasRowClick", "isScrollDraggingRef", "mouseDownPositionRef", "handleDocumentMouseMove", "event", "dx", "dy", "tableContainer", "label", "mouseLeaveEvent", "handleSort", "columnId", "handleEndReached", "endIndex", "rangeStart", "hasMinimumData", "nearEnd", "alreadyRequestedAtThisLength", "offset", "prev", "prevDataLengthRef", "prevFirstRowKeyRef", "prevLength", "currentLength", "firstRowKey", "prevFirstRowKey", "dataReplaced", "fixedHeaderContent", "groupMap", "noGroupColumns", "MuiTableRow", "firstRowCells", "group", "cols", "secondRowCells", "rowContent", "index", "item", "rowStart", "rowDuration", "fullWidth", "cells", "column", "cellStart", "cellValue", "cellDuration", "pinned", "customPadding", "span", "onCellClick", "hasFooter", "fixedFooterContent", "i", "colSpan", "VirtuosoTableComponents", "_selected", "_ariaSelected", "className", "rest", "rowIndex", "isOddRow", "rowId", "isSelected", "resolvedSelectedRowSx", "sanitizedClassName", "token", "theme", "isDark", "color", "opacity", "hex", "r", "g", "b", "children", "MuiTableBody", "MuiTableFooter", "resolvedVirtuosoComponents", "autoParts", "AutoTable", "AutoTableHead", "AutoTableBody", "AutoTableRow", "AutoTableFoot", "tableContent", "LoadingProgress", "CssSpinner", "notionFramePadding", "VirtualDataTable"]
4
+ "sourcesContent": ["/**\n * Virtual Data Table - A high-performance virtual data table component for React\n *\n * @license MIT\n * @copyright 2025 \uAE40\uC601\uC9C4 (Kim Young Jin)\n * @author \uAE40\uC601\uC9C4 (ehfuse@gmail.com)\n */\n\nexport { VirtualDataTable } from \"./VirtualDataTable\";\nexport type {\n DataColumn,\n SortDirection,\n SortableFilter,\n VirtualDataTableProps,\n} from \"./types\";\n", "/**\n * VirtualDataTable.tsx\n *\n * MIT License\n *\n * Copyright (c) 2025 KIM YOUNG JIN (ehfuse@gmail.com)\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport React, {\n forwardRef,\n useCallback,\n useMemo,\n useRef,\n useEffect,\n memo,\n useState,\n} from \"react\";\nimport {\n Box,\n Table,\n TableBody as MuiTableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableFooter as MuiTableFooter,\n TableRow as MuiTableRow,\n TableSortLabel,\n Paper,\n Typography,\n useTheme,\n type SxProps,\n type Theme,\n} from \"@mui/material\";\nimport { TableVirtuoso } from \"react-virtuoso\";\nimport type { TableComponents } from \"react-virtuoso\";\nimport { LoadingProgress } from \"@ehfuse/mui-fadeout-loading-progress\";\nimport { CssSpinner } from \"./CssSpinner\";\n\nimport OverlayScrollbar from \"@ehfuse/overlay-scrollbar\";\nimport type { DataColumn, SortDirection, VirtualDataTableProps } from \"./types\";\n\n// OverlayScrollbar \uC124\uC815\uC744 \uCEF4\uD3EC\uB10C\uD2B8 \uC678\uBD80\uC5D0 \uC0C1\uC218\uB85C \uC120\uC5B8 (\uC7AC\uB80C\uB354\uB9C1 \uC2DC \uB3D9\uC77C\uD55C \uCC38\uC870 \uC720\uC9C0)\nconst OVERLAY_SCROLLBAR_TRACK_CONFIG = {\n alignment: \"default\" as const, // \uC61B \uAC12 \"right\" \uB294 1.7 \uD0C0\uC785\uC5D0\uC11C \uC0AC\uB77C\uC84C\uB2E4 \u2014 \uB3D9\uC791\uC740 \uAC19\uB2E4(\"outside\" \uAC00 \uC544\uB2C8\uBA74 \uC548\uCABD \uC815\uB82C)\n margin: 0,\n radius: 0,\n};\nconst ROW_CLICK_DRAG_THRESHOLD_PX = 5;\n\n/**\n * \uB370\uC774\uD130 \uAE30\uBC18 \uBB34\uD55C \uC2A4\uD06C\uB864 \uBC0F \uAC00\uC0C1\uD654\uB97C \uC9C0\uC6D0\uD558\uB294 \uD14C\uC774\uBE14 \uCEF4\uD3EC\uB10C\uD2B8\n */\n/**\n * \uB178\uC158\uD48D(variant=\"notion\") \uC0C9 \u2014 @ehfuse/taskbox \uC758 \uBAA9\uB85D\uD45C \uD314\uB808\uD2B8(light: border/borderStrong/textSecondary/surfaceHover,\n * dark: \uAC19\uC740 \uC774\uB984\uC758 \uB2E4\uD06C \uAC12)\uB97C \uADF8\uB300\uB85C \uC62E\uAE34 \uAC83\uC774\uB2E4. \uB450 \uD328\uD0A4\uC9C0\uAC00 \uC11C\uB85C\uB97C \uCC38\uC870\uD558\uC9C0 \uC54A\uC544 \uAC12\uC744 \uBCA0\uAEF4 \uB454\uB2E4 \u2014 \uADF8\uCABD\uC774 \uBC14\uB00C\uBA74 \uC5EC\uAE30\uB3C4 \uB9DE\uCD98\uB2E4.\n */\nconst NOTION_LIGHT = {\n bg: \"#ffffff\",\n border: \"#e6e6e3\",\n borderStrong: \"#dedddb\",\n headerColor: \"#787774\",\n hoverBg: \"#f8f8f7\",\n emptyColor: \"#9b9a97\",\n selectedBg: \"#dbeafe\",\n selectedBar: \"#3b82f6\",\n};\n/** \uB178\uC158\uD48D \uC885\uC774 \uC704\uC544\uB798 \uC5EC\uBC31 \u2014 \uC88C\uC6B0 \uAE30\uBCF8(12px)\uACFC \uAC19\uB2E4. */\nconst NOTION_PADDING_Y = \"12px\";\nconst NOTION_DARK = {\n bg: \"#1e1e1e\",\n border: \"#2c333c\",\n borderStrong: \"#3b434e\",\n headerColor: \"#a3adbb\",\n hoverBg: \"#272d36\",\n emptyColor: \"#7d8590\",\n selectedBg: \"rgba(59, 130, 246, 0.22)\",\n selectedBar: \"#60a5fa\",\n};\n\nfunction VirtualDataTableComponent<T>({\n data,\n loading = false,\n columns,\n onRowClick,\n getRowId,\n selectedRowId,\n selectedRowSx: selectedRowSxProp,\n rowHeight: rowHeightProp,\n columnHeight: columnHeightProp,\n striped,\n rowDivider = true,\n onSort,\n onLoadMore,\n sortBy,\n sortDirection,\n showPaper = true,\n paddingX: paddingXProp,\n paddingTop = 0,\n paddingBottom = 0,\n rowHoverColor: rowHoverColorProp,\n rowHoverOpacity: rowHoverOpacityProp,\n viewportBuffer,\n overscan,\n scrollbars,\n emptyMessage = \"NO DATA\",\n autoHeight = false,\n LoadingComponent,\n showFooter,\n footerHeight,\n footerSx,\n variant = \"default\",\n framed = true,\n rowHeightMode = \"fixed\",\n tableLayout = \"fixed\",\n renderFullWidthRow,\n fullWidthRowSx,\n onRowContextMenu,\n}: VirtualDataTableProps<T>) {\n // \uB178\uC158\uD48D(variant=\"notion\") \u2014 @ehfuse/taskbox \uBAA9\uB85D\uD45C\uC640 \uAC19\uC740 \uAC12\uC774\uB2E4. \uAE30\uBCF8\uAC12\uB9CC \uBC14\uAFB8\uACE0 \uC9C1\uC811 \uC900 prop \uC774 \uC774\uAE34\uB2E4.\n const notion = variant === \"notion\";\n const muiTheme = useTheme();\n const notionTokens = muiTheme.palette.mode === \"dark\" ? NOTION_DARK : NOTION_LIGHT;\n const columnHeight = columnHeightProp ?? (notion ? 40 : 56);\n // \uB178\uC158\uD48D \uC904 \uB192\uC774 \uAE30\uBCF8 48 \u2014 \uC5C5\uBB34\uD568 \uBAA9\uB85D \uD45C \u00B7 \uC804\uC790\uACB0\uC7AC \uD45C\uAC00 \uC4F0\uB294 \uAC12\uC774\uB2E4.\n const rowHeight = rowHeightProp ?? (notion ? 48 : 50);\n // \uD2C0 \uC5C6\uC774(framed=false) \uADF8\uB9B4 \uB54C\uB294 \uBC14\uAE65 \uC0C1\uC790\uAC00 \uC774\uBBF8 \uD14C\uB450\uB9AC\uB97C \uB458\uB800\uB2E4 \u2014 \uC88C\uC6B0 \uC5EC\uBC31 \uC5C6\uC774 \uD45C\uAC00 \uC0C1\uC790\uC5D0 \uAF49 \uCC2C\uB2E4.\n const paddingX = framed ? (paddingXProp ?? (notion ? \"12px\" : \"1rem\")) : 0;\n const autoRowHeight = rowHeightMode === \"auto\";\n // \uD638\uBC84\uB294 \uB2E8\uC0C9(\uBD88\uD22C\uBA85) \u2014 \uAE30\uBCF8 \uBAA8\uC591\uC758 \uBC18\uD22C\uBA85 \uAC80\uC815\uC740 \uD770 \uC885\uC774 \uC704\uC5D0\uC11C \uD68C\uC0C9\uC774 \uC544\uB2C8\uB77C \uD0C1\uD55C \uC0C9\uC73C\uB85C \uBCF4\uC778\uB2E4.\n const rowHoverColor = rowHoverColorProp ?? (notion ? notionTokens.hoverBg : undefined);\n const rowHoverOpacity = rowHoverOpacityProp ?? (notion ? 1 : undefined);\n const defaultViewportBufferTop = Math.max(rowHeight * 12, 480);\n const defaultViewportBufferBottom = Math.max(rowHeight * 12, 480);\n const viewportBufferTop =\n typeof viewportBuffer === \"number\"\n ? viewportBuffer\n : (viewportBuffer?.top ?? defaultViewportBufferTop);\n const viewportBufferBottom =\n typeof viewportBuffer === \"number\"\n ? viewportBuffer\n : (viewportBuffer?.bottom ?? defaultViewportBufferBottom);\n const defaultOverscanMain = Math.max(rowHeight * 8, 420);\n const defaultOverscanReverse = Math.max(rowHeight * 10, 520);\n const virtuosoOverscan =\n typeof overscan === \"number\"\n ? overscan\n : {\n main: overscan?.main ?? defaultOverscanMain,\n reverse: overscan?.reverse ?? defaultOverscanReverse,\n };\n const estimatedItemHeight = rowHeight + (rowDivider ? 1 : 0);\n\n // \uC120\uD0DD \uD589 \uD558\uC774\uB77C\uC774\uD2B8\uB294 selectedRowSx \uAC00 \uAC1D\uCCB4(\uB610\uB294 \uBBF8\uC9C0\uC815)\uBA74 CSS \uC140\uB809\uD130\uB85C \uCC98\uB9AC\uD55C\uB2E4.\n // \uCEE8\uD14C\uC774\uB108 sx \uC5D0 `tr[data-row-id=\"...\"]` \uADDC\uCE59\uC744 \uB123\uC73C\uBA74 selectedRowId \uBCC0\uACBD \uC2DC components/\uD589\uC744\n // \uC7AC\uB80C\uB354\uD558\uC9C0 \uC54A\uACE0(\uCEE8\uD14C\uC774\uB108 1\uAC1C\uB9CC \uAC31\uC2E0) CSS \uB85C\uB9CC \uAC15\uC870\uB3FC row \uD074\uB9AD \uBC18\uC751\uC774 \uC989\uAC01\uC801\uC774\uB2E4.\n // \uD568\uC218\uD615 selectedRowSx(\uD589\uB9C8\uB2E4 \uB3D9\uC801)\uB294 CSS \uB85C \uD45C\uD604 \uBD88\uAC00\uD558\uBBC0\uB85C \uAE30\uC874 per-row \uACBD\uB85C\uB97C \uC720\uC9C0\uD55C\uB2E4.\n // \uB178\uC158\uD48D\uC740 \uC120\uD0DD \uC904 \uBAA8\uC591\uC744 \uAE30\uBCF8\uC73C\uB85C \uAC16\uB294\uB2E4 \u2014 \uC605\uC740 \uD30C\uB780 \uBC14\uD0D5 + \uC67C\uCABD \uD30C\uB780 \uB760 3px(\uBAA9\uB85D \uD45C\uC758 \"\uC9C0\uAE08 \uC5F4\uC5B4 \uB454 \uC904\").\n // \uB760\uB294 \uC904(tr)\uC758 \uADF8\uB9BC\uC790\uAC00 \uBE0C\uB77C\uC6B0\uC800\uB9C8\uB2E4 \uADF8\uB824\uC9C0\uC9C0 \uC54A\uC544 \uCCAB \uCE78 \uC548\uCABD \uADF8\uB9BC\uC790\uB85C \uAE0B\uB294\uB2E4. \uACE0\uC815 \uC5F4 \uCE78\uC740 \uC81C \uBC14\uD0D5\uC744 \uCE60\uD558\uBBC0\uB85C \uAC19\uC740 \uC0C9\uC744 \uC900\uB2E4.\n const notionSelectedSx = useMemo(\n () =>\n notion\n ? {\n backgroundColor: notionTokens.selectedBg,\n \"& > td:first-of-type\": { boxShadow: `inset 3px 0 0 ${notionTokens.selectedBar}` },\n \"& > td[data-vdt-pinned]\": { backgroundColor: notionTokens.selectedBg },\n }\n : undefined,\n [notion, notionTokens],\n );\n const selectedRowSx = selectedRowSxProp ?? notionSelectedSx;\n const useCssRowHighlight = !selectedRowSx || typeof selectedRowSx !== \"function\";\n const selectedRowCssSx = useMemo<Record<string, unknown> | null>(() => {\n if (\n !useCssRowHighlight ||\n selectedRowId === null ||\n selectedRowId === undefined ||\n !selectedRowSx\n ) {\n return null;\n }\n const escaped = String(selectedRowId).replace(/[\"\\\\]/g, \"\\\\$&\");\n return {\n [`& tbody tr[data-row-id=\"${escaped}\"]`]: selectedRowSx,\n };\n }, [useCssRowHighlight, selectedRowId, selectedRowSx]);\n\n const isDev =\n typeof window !== \"undefined\" &&\n (window.location.hostname === \"localhost\" ||\n window.location.hostname === \"127.0.0.1\");\n\n const [perfDebugEnabled] = useState(() => {\n if (typeof window === \"undefined\") {\n return false;\n }\n return window.localStorage.getItem(\"vdt-perf-debug\") === \"1\";\n });\n const perfStatsRef = useRef({\n wheelEvents: 0,\n wheelInputPx: 0,\n wheelHandlerMs: 0,\n wheelRafFlushes: 0,\n wheelRafMs: 0,\n rangeChangedCalls: 0,\n rangeChangedMs: 0,\n rowContentCalls: 0,\n rowContentMs: 0,\n rowContentMaxMs: 0,\n cellRenderCalls: 0,\n cellRenderMs: 0,\n cellRenderMaxMs: 0,\n });\n\n // \uB204\uC801\uB41C \uC131\uB2A5 \uD1B5\uACC4\uB97C \uCF58\uC194\uC5D0 \uC8FC\uAE30\uC801\uC73C\uB85C \uCD9C\uB825\uD55C\uB2E4.\n const flushPerfStats = useCallback(\n (reason: string) => {\n if (!perfDebugEnabled) {\n return;\n }\n const stats = perfStatsRef.current;\n const hasData =\n stats.wheelEvents > 0 ||\n stats.rangeChangedCalls > 0 ||\n stats.rowContentCalls > 0 ||\n stats.cellRenderCalls > 0;\n if (!hasData) {\n return;\n }\n\n const rowAvgMs =\n stats.rowContentCalls > 0\n ? stats.rowContentMs / stats.rowContentCalls\n : 0;\n const cellAvgMs =\n stats.cellRenderCalls > 0\n ? stats.cellRenderMs / stats.cellRenderCalls\n : 0;\n\n console.log(\"[VDT perf]\", {\n reason,\n wheel: {\n events: stats.wheelEvents,\n inputPx: Math.round(stats.wheelInputPx),\n handlerMs: Number(stats.wheelHandlerMs.toFixed(2)),\n rafFlushes: stats.wheelRafFlushes,\n rafMs: Number(stats.wheelRafMs.toFixed(2)),\n },\n rangeChanged: {\n calls: stats.rangeChangedCalls,\n totalMs: Number(stats.rangeChangedMs.toFixed(2)),\n },\n rowContent: {\n calls: stats.rowContentCalls,\n totalMs: Number(stats.rowContentMs.toFixed(2)),\n avgMs: Number(rowAvgMs.toFixed(3)),\n maxMs: Number(stats.rowContentMaxMs.toFixed(3)),\n },\n cellRender: {\n calls: stats.cellRenderCalls,\n totalMs: Number(stats.cellRenderMs.toFixed(2)),\n avgMs: Number(cellAvgMs.toFixed(3)),\n maxMs: Number(stats.cellRenderMaxMs.toFixed(3)),\n },\n });\n\n perfStatsRef.current = {\n wheelEvents: 0,\n wheelInputPx: 0,\n wheelHandlerMs: 0,\n wheelRafFlushes: 0,\n wheelRafMs: 0,\n rangeChangedCalls: 0,\n rangeChangedMs: 0,\n rowContentCalls: 0,\n rowContentMs: 0,\n rowContentMaxMs: 0,\n cellRenderCalls: 0,\n cellRenderMs: 0,\n cellRenderMaxMs: 0,\n };\n },\n [perfDebugEnabled],\n );\n\n useEffect(() => {\n if (!perfDebugEnabled || typeof window === \"undefined\") {\n return;\n }\n\n console.log(\"[VDT perf] enabled (localStorage vdt-perf-debug=1)\");\n\n const intervalId = window.setInterval(() => {\n flushPerfStats(\"interval\");\n }, 1500);\n\n return () => {\n window.clearInterval(intervalId);\n flushPerfStats(\"cleanup\");\n };\n }, [flushPerfStats, perfDebugEnabled]);\n\n // \uAC01 \uD14C\uC774\uBE14 \uC778\uC2A4\uD134\uC2A4\uBCC4\uB85C Scroller \uCEF4\uD3EC\uB10C\uD2B8 \uC0DD\uC131 (scrollbars, paddingX\uB97C \uCD08\uAE30\uAC12\uC73C\uB85C \uACE0\uC815)\n const VirtuosoScroller = useMemo(\n () =>\n forwardRef<HTMLDivElement, any>((props, ref) => {\n const scrollContainerRef = useRef<HTMLElement | null>(null);\n const wheelDeltaRef = useRef(0);\n const wheelRafRef = useRef<number | null>(null);\n\n // \uD720 \uC774\uBCA4\uD2B8\uB97C \uC9C1\uC811 \uC81C\uC5B4\uD574 \uBE0C\uB77C\uC6B0\uC800 smooth-scroll \uBCF4\uAC04 \uC5C6\uC774 \uC989\uC2DC scrollTop \uBC18\uC601\n useEffect(() => {\n const el = scrollContainerRef.current;\n if (!el) return;\n\n // \uD720 \uB378\uD0C0\uB97C \uD504\uB808\uC784 \uB2E8\uC704\uB85C \uD569\uC0B0 \uBC18\uC601\uD574 \uACFC\uB3C4\uD55C scrollTop \uAC31\uC2E0\uC744 \uC904\uC778\uB2E4.\n const handleWheel = (e: WheelEvent) => {\n const wheelStart = perfDebugEnabled\n ? performance.now()\n : 0;\n // \uAC00\uB85C \uD720(\uD2B8\uB799\uD328\uB4DC \uC606 \uBC00\uAE30 \u00B7 Shift+\uD720)\uC740 \uBE0C\uB77C\uC6B0\uC800\uC5D0 \uB9E1\uAE34\uB2E4 \u2014 \uC544\uB798\uC5D0\uC11C \uC138\uB85C\uB85C\uB9CC \uC62E\uAE30\uBBC0\uB85C \uB9C9\uC73C\uBA74\n // \uC5F4\uC774 \uB9CE\uC740 \uD45C(tableLayout=\"auto\")\uB97C \uC606\uC73C\uB85C \uBC00 \uC218 \uC5C6\uB2E4.\n if (e.shiftKey || Math.abs(e.deltaX) > Math.abs(e.deltaY)) {\n return;\n }\n e.preventDefault();\n let delta = e.deltaY;\n // deltaMode 1 = \uB77C\uC778 \uB2E8\uC704, 2 = \uD398\uC774\uC9C0 \uB2E8\uC704 \uBCC0\uD658\n if (e.deltaMode === 1) {\n delta *= 40;\n } else if (e.deltaMode === 2) {\n delta *= el.clientHeight;\n }\n\n if (perfDebugEnabled) {\n perfStatsRef.current.wheelEvents += 1;\n perfStatsRef.current.wheelInputPx += delta;\n }\n\n wheelDeltaRef.current += delta;\n if (wheelRafRef.current !== null) {\n return;\n }\n\n wheelRafRef.current = requestAnimationFrame(() => {\n const rafStart = perfDebugEnabled\n ? performance.now()\n : 0;\n const maxStep = Math.max(\n el.clientHeight * 0.4,\n 160,\n );\n const batchedDelta = Math.max(\n -maxStep,\n Math.min(maxStep, wheelDeltaRef.current),\n );\n wheelDeltaRef.current = 0;\n wheelRafRef.current = null;\n if (batchedDelta !== 0) {\n el.scrollTop += batchedDelta;\n }\n if (perfDebugEnabled) {\n perfStatsRef.current.wheelRafFlushes += 1;\n perfStatsRef.current.wheelRafMs +=\n performance.now() - rafStart;\n }\n });\n\n if (perfDebugEnabled) {\n perfStatsRef.current.wheelHandlerMs +=\n performance.now() - wheelStart;\n }\n };\n\n el.addEventListener(\"wheel\", handleWheel, {\n passive: false,\n });\n return () => {\n el.removeEventListener(\"wheel\", handleWheel);\n if (wheelRafRef.current !== null) {\n cancelAnimationFrame(wheelRafRef.current);\n wheelRafRef.current = null;\n }\n wheelDeltaRef.current = 0;\n };\n }, []);\n\n return (\n <OverlayScrollbar\n detectInnerScroll={true}\n track={OVERLAY_SCROLLBAR_TRACK_CONFIG}\n {...scrollbars}\n >\n <TableContainer\n component={Box}\n {...props}\n ref={(node) => {\n scrollContainerRef.current =\n node as HTMLElement;\n if (typeof ref === \"function\") {\n ref(node as HTMLDivElement);\n } else if (ref) {\n ref.current = node as HTMLDivElement;\n }\n }}\n sx={{\n userSelect: \"auto\",\n WebkitUserSelect: \"auto\",\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n overflow: \"auto\",\n display: \"flex\",\n flexDirection: \"column\",\n scrollbarWidth: \"none\",\n msOverflowStyle: \"none\",\n // \uAE5C\uBC15\uC784 \uBC29\uC9C0\uB97C \uC704\uD55C GPU \uAC00\uC18D\n transform: \"translateZ(0)\",\n backfaceVisibility: \"hidden\",\n willChange: \"scroll-position\",\n \"&::-webkit-scrollbar\": {\n display: \"none\",\n },\n \"& .MuiTable-root\": {\n // \uB178\uC158\uD48D\uC740 \uC88C\uC6B0 \uC5EC\uBC31\uC744 \uC885\uC774(Paper/Box) \uCABD\uC5D0 \uC900\uB2E4 \u2014 \uD14C\uB450\uB9AC\uAC00 \uC5EC\uBC31 \uC548\uCABD\uC5D0 \uADF8\uB824\uC838\uC57C \uD55C\uB2E4.\n paddingRight: notion ? 0 : paddingX,\n paddingTop: paddingTop,\n paddingBottom: paddingBottom,\n },\n }}\n />\n </OverlayScrollbar>\n );\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [], // \uBE48 \uBC30\uC5F4: \uCD5C\uCD08 \uB9C8\uC6B4\uD2B8 \uC2DC\uC5D0\uB9CC \uC0DD\uC131, scrollbars, paddingX, paddingTop, paddingBottom, notion \uC740 \uD074\uB85C\uC800\uB85C \uACE0\uC815\n );\n\n // Striped row \uBC30\uACBD\uC0C9 \uACC4\uC0B0\n const stripedRowColor = useMemo(() => {\n if (striped === true) {\n return \"#f5f5f5\"; // \uAE30\uBCF8 \uD68C\uC0C9\n } else if (typeof striped === \"string\") {\n return striped; // \uC0AC\uC6A9\uC790 \uC9C0\uC815 \uC0C9\uC0C1\n }\n return undefined; // \uBC30\uACBD\uC0C9 \uC5C6\uC74C\n }, [striped]);\n\n // \uB85C\uB529 \uC0C1\uD0DC \uAD00\uB9AC (\uC6D0\uBCF8 \uBC29\uC2DD)\n const [internalLoading, setInternalLoading] = useState(loading);\n\n // \uD14C\uC774\uBE14 \uC7AC\uB9C8\uC6B4\uD2B8\uB97C \uC704\uD55C \uD0A4 (\uB370\uC774\uD130\uAC00 \uBE44\uC6CC\uC9C0\uBA74 \uC7AC\uB9C8\uC6B4\uD2B8)\n const [tableKey, setTableKey] = useState(0);\n\n // \uB85C\uB529 \uC0C1\uD0DC \uBCC0\uACBD \uAC10\uC9C0\n useEffect(() => {\n if (loading) {\n // \uB85C\uB529\uC774 \uC2DC\uC791\uB418\uBA74 \uC989\uC2DC \uD45C\uC2DC\n setInternalLoading(true);\n }\n // \uB85C\uB529\uC774 \uB05D\uB098\uB3C4 internalLoading\uC740 handleLoadingComplete\uC5D0\uC11C\uB9CC false\uB85C \uC124\uC815\n // LoadingProgress\uC5D0\uC11C\uB294 visible={false}\uB85C \uD398\uC774\uB4DC\uC544\uC6C3\uC744 \uC2DC\uC791\uD568\n }, [loading]);\n\n // \uB85C\uB529 \uC644\uB8CC \uD578\uB4E4\uB7EC - LoadingProgress\uC758 \uD398\uC774\uB4DC\uC544\uC6C3\uC774 \uC644\uB8CC\uB41C \uD6C4 \uD638\uCD9C\uB428\n const handleLoadingComplete = useCallback(() => {\n setInternalLoading(false);\n }, []);\n\n // \uB85C\uB529 \uC624\uBC84\uB808\uC774 \uD45C\uC2DC \uC870\uAC74\n const shouldShowLoading = internalLoading;\n\n // \uB354\uBCF4\uAE30 \uB85C\uB529 \uC5EC\uBD80 (\uB370\uC774\uD130\uAC00 \uC788\uACE0 \uB85C\uB529 \uC911\uC774\uBA74 \uB354\uBCF4\uAE30 \uB85C\uB529)\n const isLoadMoreLoading = loading && data.length > 0;\n\n // \uBB34\uD55C \uC2A4\uD06C\uB864 \uB85C\uB529 \uC0C1\uD0DC (\uAE30\uC874 VirtualDataTable \uBC29\uC2DD)\n const isLoadingMoreRef = useRef(false);\n // \uC9C1\uC804\uC5D0 loadMore \uB97C \uC694\uCCAD\uD55C \uC2DC\uC810\uC758 \uB370\uC774\uD130 \uAE38\uC774. \uC694\uCCAD \uD6C4 \uAE38\uC774\uAC00 \uB298\uC9C0 \uC54A\uC558\uB2E4\uBA74\n // (= \uC11C\uBC84\uC5D0 \uB354 \uC774\uC0C1 \uB370\uC774\uD130 \uC5C6\uC74C) \uAC19\uC740 \uAE38\uC774\uB85C\uB294 \uB2E4\uC2DC \uC694\uCCAD\uD558\uC9C0 \uC54A\uC544, \uBC14\uB2E5\uC5D0\uC11C\n // endReached \u2194 onLoadMore \uAC00 \uBB34\uD55C \uBC18\uBCF5\uB418\uB294 \uAC83\uC744 \uB9C9\uB294\uB2E4.\n const lastLoadMoreLengthRef = useRef<number>(-1);\n const virtuosoRef = useRef<any>(null); // TableVirtuoso ref\n // \uC904\uB4E4\uC774 \uC2A4\uD06C\uB864 \uC601\uC5ED\uBCF4\uB2E4 \uAE34\uAC00 \u2014 \uAE38\uBA74 \uB9E8 \uB05D \uC904\uC774 \uD2C0 \uBC14\uB2E5\uC5D0 \uB2FF\uC73C\uBBC0\uB85C \uADF8 \uC904\uC758 \uC544\uB798\uC120\uC744 \uBE80\uB2E4(\uC544\uB798 \uB178\uC158 \uC2A4\uD0C0\uC77C).\n const scrollerElRef = useRef<HTMLElement | null>(null);\n const [listOverflows, setListOverflows] = useState(false);\n const checkListOverflow = useCallback(() => {\n const el = scrollerElRef.current;\n if (el) setListOverflows(el.scrollHeight > el.clientHeight + 1);\n }, []);\n useEffect(() => {\n const el = scrollerElRef.current;\n if (!el || typeof ResizeObserver === \"undefined\") return;\n const observer = new ResizeObserver(() => checkListOverflow());\n observer.observe(el);\n return () => observer.disconnect();\n }, [checkListOverflow, autoHeight]);\n\n // \uC18C\uBE44\uCC98\uAC00 \uC778\uB77C\uC778\uC73C\uB85C \uB118\uAE30\uB294 \uCF5C\uBC31(onRowClick/getRowId)\uC740 \uB9E4 \uB80C\uB354\uB9C8\uB2E4 identity \uAC00 \uBC14\uB010\uB2E4.\n // \uC774\uB97C ref \uB85C \uC7A1\uC544 \uB450\uBA74 VirtuosoTableComponents(memo)\uB97C \uC7AC\uC0DD\uC131\uD558\uC9C0 \uC54A\uC544\uB3C4 \uCD5C\uC2E0 \uCF5C\uBC31\uC744 \uC4F8 \uC218 \uC788\uC5B4,\n // \uAC80\uC0C9/\uD544\uD130\uB85C \uBD80\uBAA8\uAC00 \uB9AC\uB80C\uB354\uB3FC\uB3C4 \uD589(\uBC0F \uC774\uBBF8\uC9C0)\uC774 \uB9AC\uB9C8\uC6B4\uD2B8\uB418\uC9C0 \uC54A\uB294\uB2E4(\uC0AC\uC9C4 \uAE5C\uBE61\uC784 \uBC29\uC9C0).\n const onRowClickRef = useRef(onRowClick);\n onRowClickRef.current = onRowClick;\n const getRowIdRef = useRef(getRowId);\n getRowIdRef.current = getRowId;\n const onRowContextMenuRef = useRef(onRowContextMenu);\n onRowContextMenuRef.current = onRowContextMenu;\n\n // \uACE0\uC815 \uC5F4(pinned: \"left\")\uC774 \uBD99\uC744 \uC67C\uCABD \uC790\uB9AC \u2014 \uC55E\uCABD \uACE0\uC815 \uC5F4 \uD3ED\uC758 \uD569. \uACE0\uC815 \uC5F4\uC774 \uC544\uB2C8\uBA74 \uC5C6\uB2E4.\n const pinnedLeft = useMemo(() => {\n const map = new Map<string, number>();\n let left = 0;\n columns.forEach((col) => {\n if (col.pinned !== \"left\") return;\n map.set(String(col.id), left);\n left += typeof col.width === \"number\" ? col.width : 0;\n });\n return map;\n }, [columns]);\n /** \uACE0\uC815 \uC5F4 \uCE78\uC758 sticky \uC790\uB9AC. \uBA38\uB9AC \uCE78\uC740 \uBCF8\uBB38 \uACE0\uC815 \uCE78\uBCF4\uB2E4 \uC704(zIndex 3)\uC5D0 \uC120\uB2E4. */\n const pinnedStyle = useCallback(\n (col: DataColumn<T>, head: boolean): React.CSSProperties => {\n const left = pinnedLeft.get(String(col.id));\n if (left === undefined) return {};\n return { position: \"sticky\", left, zIndex: head ? 3 : 1 };\n },\n [pinnedLeft],\n );\n // truthiness \uAC00 \uBC14\uB00C\uBA74(\uD074\uB9AD \uAC00\uB2A5 \uC5EC\uBD80) hover/cursor \uC2A4\uD0C0\uC77C\uC774 \uB2EC\uB77C\uC9C0\uBBC0\uB85C deps \uC5D0\uB294 boolean \uB9CC \uB123\uB294\uB2E4.\n const hasRowClick = !!onRowClick;\n\n // \uC2A4\uD06C\uB864 \uCEE8\uD14C\uC774\uB108 \uCC38\uC870 (OverlayScrollbar\uC6A9)\n const isScrollDraggingRef = useRef(false); // OverlayScrollbar \uB4DC\uB798\uADF8 \uC2A4\uD06C\uB864 \uAC10\uC9C0\uC6A9\n const mouseDownPositionRef = useRef({ x: 0, y: 0 }); // \uB9C8\uC6B0\uC2A4 \uB2E4\uC6B4 \uC2DC\uC791 \uC704\uCE58\n\n useEffect(() => {\n const handleDocumentMouseMove = (event: MouseEvent) => {\n const dx = event.clientX - mouseDownPositionRef.current.x;\n const dy = event.clientY - mouseDownPositionRef.current.y;\n if (Math.sqrt(dx * dx + dy * dy) > ROW_CLICK_DRAG_THRESHOLD_PX) {\n isScrollDraggingRef.current = true;\n }\n };\n\n document.addEventListener(\"mousemove\", handleDocumentMouseMove);\n return () => {\n document.removeEventListener(\"mousemove\", handleDocumentMouseMove);\n };\n }, []);\n\n // \uC815\uB82C\uC774 \uBCC0\uACBD\uB420 \uB54C \uBAA8\uB4E0 TableSortLabel\uC758 hover \uC0C1\uD0DC \uCD08\uAE30\uD654\n useEffect(() => {\n // sortBy\uAC00 \uBCC0\uACBD\uB418\uBA74 \uBAA8\uB4E0 TableSortLabel \uC694\uC18C\uC758 hover \uC0C1\uD0DC\uB97C \uAC15\uC81C\uB85C \uCD08\uAE30\uD654\n const tableContainer = document.querySelector(\n '[data-testid=\"virtuoso-scroller\"]',\n );\n if (tableContainer) {\n const sortLabels = tableContainer.querySelectorAll(\n \".MuiTableSortLabel-root\",\n );\n sortLabels.forEach((label) => {\n // \uB9C8\uC6B0\uC2A4 \uC774\uBCA4\uD2B8\uB97C \uC2DC\uBBAC\uB808\uC774\uC158\uD558\uC5EC hover \uC0C1\uD0DC \uD574\uC81C\n const mouseLeaveEvent = new MouseEvent(\"mouseleave\", {\n bubbles: true,\n cancelable: true,\n });\n label.dispatchEvent(mouseLeaveEvent);\n });\n }\n }, [sortBy]);\n\n // \uC815\uB82C \uD578\uB4E4\uB7EC\n const handleSort = useCallback(\n (columnId: string) => {\n if (!onSort) return;\n\n const newDirection: SortDirection =\n sortBy === columnId && sortDirection === \"asc\" ? \"desc\" : \"asc\";\n\n onSort(columnId, newDirection);\n },\n [onSort, sortBy, sortDirection],\n );\n\n // \uC2A4\uD06C\uB864 \uB05D \uADFC\uCC98\uC5D0\uC11C\uB9CC \uCD94\uAC00 \uB85C\uB4DC\uB97C \uC2E4\uD589\uD574 scroll \uD56B\uD328\uC2A4 \uBD80\uB2F4\uC744 \uC904\uC778\uB2E4.\n const handleEndReached = useCallback(\n (endIndex: number) => {\n const rangeStart = perfDebugEnabled ? performance.now() : 0;\n if (!onLoadMore) {\n if (perfDebugEnabled) {\n perfStatsRef.current.rangeChangedCalls += 1;\n perfStatsRef.current.rangeChangedMs +=\n performance.now() - rangeStart;\n }\n return;\n }\n\n if (loading && data.length === 0) {\n if (perfDebugEnabled) {\n perfStatsRef.current.rangeChangedCalls += 1;\n perfStatsRef.current.rangeChangedMs +=\n performance.now() - rangeStart;\n }\n return;\n }\n\n const hasMinimumData = data.length >= 30;\n const nearEnd = endIndex >= data.length - 1;\n\n // \uC9C1\uC804 \uC694\uCCAD \uC774\uD6C4 \uAE38\uC774\uAC00 \uADF8\uB300\uB85C\uBA74(\uC11C\uBC84\uC5D0 \uB354 \uC774\uC0C1 \uB370\uC774\uD130 \uC5C6\uC74C) \uC7AC\uC694\uCCAD\uD558\uC9C0 \uC54A\uB294\uB2E4.\n const alreadyRequestedAtThisLength =\n lastLoadMoreLengthRef.current === data.length;\n\n if (\n nearEnd &&\n hasMinimumData &&\n !isLoadingMoreRef.current &&\n !alreadyRequestedAtThisLength\n ) {\n isLoadingMoreRef.current = true;\n lastLoadMoreLengthRef.current = data.length;\n const offset = data.length;\n const limit = 50;\n onLoadMore(offset, limit);\n }\n\n if (perfDebugEnabled) {\n perfStatsRef.current.rangeChangedCalls += 1;\n perfStatsRef.current.rangeChangedMs +=\n performance.now() - rangeStart;\n }\n },\n [data.length, loading, onLoadMore, perfDebugEnabled],\n );\n\n // \uB85C\uB529 \uC0C1\uD0DC\uAC00 \uBCC0\uACBD\uB418\uBA74 isLoadingMoreRef \uC5C5\uB370\uC774\uD2B8 (\uAE30\uC874 VirtualDataTable \uBC29\uC2DD)\n useEffect(() => {\n if (!loading) {\n isLoadingMoreRef.current = false;\n }\n }, [loading]);\n\n // \uB370\uC774\uD130\uAC00 \uBE44\uC6CC\uC9C0\uBA74 \uD14C\uC774\uBE14\uC744 \uC7AC\uB9C8\uC6B4\uD2B8\uD558\uC5EC \uC2A4\uD06C\uB864\uC744 \uB9E8 \uC704\uB85C \uC774\uB3D9\n useEffect(() => {\n if (data.length === 0) {\n setTableKey((prev) => prev + 1);\n }\n }, [data.length]);\n\n // \uC774\uC804 \uB370\uC774\uD130 \uAE38\uC774 / \uCCAB \uD589 \uC2DD\uBCC4\uC790\uB97C \uCD94\uC801\n const prevDataLengthRef = useRef(data.length);\n const prevFirstRowKeyRef = useRef<unknown>(undefined);\n\n // \uB370\uC774\uD130\uAC00 '\uC9C4\uC9DC\uB85C \uAD50\uCCB4'\uB41C \uACBD\uC6B0(\uC815\uB82C/\uD544\uD130/\uC7AC\uC870\uD68C)\uC5D0\uB9CC \uC2A4\uD06C\uB864\uC744 \uB9E8 \uC704\uB85C \uC774\uB3D9\uD55C\uB2E4.\n // \uB2E8\uC21C\uD788 \uAC19\uC740 \uBAA9\uB85D\uC758 \uD56D\uBAA9\uC774 in-place \uB85C \uBC14\uB00C\uC5C8\uC744 \uBFD0(\uCCB4\uD06C\uBC15\uC2A4 \uD1A0\uAE00, \uBB34\uD55C \uC2A4\uD06C\uB864\n // \uBE48 \uACB0\uACFC, \uBD80\uBAA8 \uB9AC\uB80C\uB354\uB85C \uC778\uD55C \uC0C8 \uBC30\uC5F4 \uCC38\uC870 \uB4F1)\uC778\uB370\uB3C4 \uB9E8 \uC704\uB85C \uD280\uB358 \uBB38\uC81C\uB97C \uB9C9\uB294\uB2E4.\n // \u2192 \uCCAB \uD589 \uC2DD\uBCC4\uC790(getRowId)\uC640 \uAE38\uC774\uB85C '\uAD50\uCCB4' \uC5EC\uBD80\uB97C \uD310\uBCC4\uD55C\uB2E4.\n useEffect(() => {\n const prevLength = prevDataLengthRef.current;\n const currentLength = data.length;\n\n // \uCCAB \uD589 \uD0A4: getRowId \uAC00 \uC788\uC73C\uBA74 \uAC12 \uAE30\uBC18(\uCC38\uC870\uAC00 \uB9E4\uBC88 \uBC14\uB00C\uC5B4\uB3C4 \uC548\uC815), \uC5C6\uC73C\uBA74 \uAC1D\uCCB4 \uCC38\uC870.\n const firstRowKey =\n currentLength > 0\n ? getRowIdRef.current\n ? getRowIdRef.current(data[0], 0)\n : (data[0] as unknown)\n : undefined;\n const prevFirstRowKey = prevFirstRowKeyRef.current;\n\n // \uB370\uC774\uD130 \uAE38\uC774\uAC00 \uC99D\uAC00\uD55C \uACBD\uC6B0 (\uBB34\uD55C \uC2A4\uD06C\uB864) - \uC2A4\uD06C\uB864 \uC704\uCE58 \uC720\uC9C0\n if (currentLength > prevLength && prevLength > 0) {\n prevDataLengthRef.current = currentLength;\n prevFirstRowKeyRef.current = firstRowKey;\n return;\n }\n\n // '\uAD50\uCCB4'\uB85C \uD310\uB2E8: \uAE38\uC774\uAC00 \uC904\uC5C8\uAC70\uB098, \uCCAB \uD589 \uC2DD\uBCC4\uC790\uAC00 \uBC14\uB010 \uACBD\uC6B0\uC5D0\uB9CC \uB9E8 \uC704\uB85C.\n // (\uAC19\uC740 \uAE38\uC774 + \uAC19\uC740 \uCCAB \uD589 = in-place \uC5C5\uB370\uC774\uD2B8 \u2192 \uC2A4\uD06C\uB864 \uC720\uC9C0)\n const dataReplaced =\n currentLength < prevLength ||\n (prevLength > 0 && firstRowKey !== prevFirstRowKey);\n\n // \uBAA9\uB85D\uC774 \uAD50\uCCB4(\uC815\uB82C/\uAC80\uC0C9/\uD544\uD130\uB85C 1\uD398\uC774\uC9C0 \uC7AC\uC870\uD68C)\uB418\uBA74 \uB354\uBCF4\uAE30 \uB798\uCE58\uB97C \uD480\uC5B4 \uBB34\uD55C \uC2A4\uD06C\uB864\uC774\n // \uB2E4\uC2DC \uB3D9\uC791\uD558\uAC8C \uD55C\uB2E4. \uB798\uCE58\uB294 \"\uC694\uCCAD\uD55C \uAE38\uC774\uC5D0\uC11C \uC548 \uB298\uBA74 \uC11C\uBC84 \uC18C\uC9C4\"\uC774\uB77C\uB294 \uC804\uC81C\uC778\uB370,\n // \uAD50\uCCB4\uB85C \uAE38\uC774\uAC00 \uC6B0\uC5F0\uD788 \uAC19\uC544\uC9C0\uBA74(\uC608: 100\u219250 \uC774 \uC544\uB2C8\uB77C \uC18C\uC9C4 \uD6C4 \uB2E4\uB978 \uAC80\uC0C9\uC774 50) \uADF8 \uC804\uC81C\uAC00\n // \uAE68\uC838 onLoadMore \uAC00 \uC601\uAD6C\uD788 \uBA48\uCD98\uB2E4. append/\uBE48\uC751\uB2F5\uC740 \uC704 early-return\u00B7\uB3D9\uC77C firstRowKey \uB85C\n // \uAC78\uB7EC\uC9C0\uBBC0\uB85C(=dataReplaced=false) 1.1.29 \uAC00 \uACE0\uCE5C \"\uBC14\uB2E5 \uB5A8\uB9BC\"\uC740 \uB418\uC0B4\uC544\uB098\uC9C0 \uC54A\uB294\uB2E4.\n if (dataReplaced) {\n lastLoadMoreLengthRef.current = -1;\n }\n\n if (virtuosoRef.current && currentLength > 0 && dataReplaced) {\n virtuosoRef.current.scrollToIndex({\n index: 0,\n align: \"start\",\n behavior: \"auto\",\n });\n }\n\n prevDataLengthRef.current = currentLength;\n prevFirstRowKeyRef.current = firstRowKey;\n }, [data]);\n\n /**\n * \uD14C\uC774\uBE14 \uACE0\uC815 \uD5E4\uB354 \uCEE8\uD150\uCE20 \uC815\uC758 (\uAE30\uC874 VirtualDataTable \uC2A4\uD0C0\uC77C)\n * \uC815\uB82C \uAE30\uB2A5\uC774 \uD3EC\uD568\uB41C \uCEEC\uB7FC \uD5E4\uB354\uB97C \uB80C\uB354\uB9C1\n */\n const fixedHeaderContent = useCallback(() => {\n // 1. \uADF8\uB8F9 \uC815\uBCF4 \uCD94\uCD9C\n const groupMap: { [group: string]: DataColumn<T>[] } = {};\n const noGroupColumns: DataColumn<T>[] = [];\n\n columns.forEach((col) => {\n if (col.group) {\n if (!groupMap[col.group]) {\n groupMap[col.group] = [];\n }\n groupMap[col.group].push(col);\n } else {\n noGroupColumns.push(col);\n }\n });\n\n // \uADF8\uB8F9\uC774 \uC788\uB294 \uACBD\uC6B0 2\uC904 \uD5E4\uB354, \uC5C6\uB294 \uACBD\uC6B0 1\uC904 \uD5E4\uB354\n const hasGroups = Object.keys(groupMap).length > 0;\n\n if (!hasGroups) {\n // \uB2E8\uC77C \uD589 \uD5E4\uB354\n return (\n <MuiTableRow>\n {columns.map((col) => (\n <TableCell\n key={String(col.id)}\n align={col.align || \"left\"}\n {...col.headerProps}\n style={{\n width: col.width,\n minWidth: col.width,\n ...col.style,\n fontWeight: \"bold\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n padding: \"16px\",\n ...pinnedStyle(col, true),\n ...col.headerProps?.style,\n }}\n >\n {col.sortable ? (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent:\n col.align === \"center\"\n ? \"center\"\n : col.align === \"right\"\n ? \"flex-end\"\n : \"flex-start\",\n position: \"relative\",\n width: \"100%\",\n }}\n >\n <Box\n sx={{\n position: \"relative\",\n cursor: \"default\",\n \"&:hover .MuiTableSortLabel-root\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n }}\n onClick={() =>\n handleSort(String(col.id))\n }\n >\n {col.text}\n <TableSortLabel\n active={sortBy === col.id}\n direction={\n sortBy === col.id\n ? sortDirection\n : \"desc\"\n }\n sx={{\n position: \"absolute\",\n left: \"100%\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n marginLeft: \"4px\",\n minWidth: \"auto\",\n width: \"16px\",\n height: \"16px\",\n cursor: \"default\",\n opacity:\n sortBy === col.id ? 1 : 0,\n transition: \"opacity 0.2s ease\",\n \"& .MuiTableSortLabel-icon\": {\n position: \"relative\",\n marginLeft: 0,\n marginRight: 0,\n opacity: 1,\n transition:\n \"color 0.2s ease\",\n },\n \"& .MuiTableSortLabel-iconDirectionAsc\":\n {\n transform:\n \"rotate(180deg)\",\n },\n \"& .MuiTableSortLabel-iconDirectionDesc\":\n {\n transform:\n \"rotate(0deg)\",\n },\n }}\n />\n </Box>\n </div>\n ) : (\n col.text\n )}\n </TableCell>\n ))}\n </MuiTableRow>\n );\n }\n\n // 2\uC904 \uD5E4\uB354 (\uADF8\uB8F9\uC774 \uC788\uB294 \uACBD\uC6B0)\n const firstRowCells = [\n ...noGroupColumns.map((col) => (\n <TableCell\n key={String(col.id)}\n rowSpan={2}\n align={col.align || \"left\"}\n {...col.headerProps}\n style={{\n width: col.width,\n minWidth: col.width,\n ...col.style,\n fontWeight: \"bold\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n padding: \"16px\",\n ...pinnedStyle(col, true),\n ...col.headerProps?.style,\n }}\n >\n {col.sortable && onSort ? (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent:\n col.align === \"center\"\n ? \"center\"\n : col.align === \"right\"\n ? \"flex-end\"\n : \"flex-start\",\n position: \"relative\",\n width: \"100%\",\n }}\n >\n <Box\n sx={{\n position: \"relative\",\n cursor: \"default\",\n \"&:hover .MuiTableSortLabel-root\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n }}\n onClick={() => handleSort(String(col.id))}\n >\n {col.text}\n <TableSortLabel\n active={sortBy === col.id}\n direction={\n sortBy === col.id\n ? sortDirection\n : \"desc\"\n }\n sx={{\n position: \"absolute\",\n left: \"100%\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n marginLeft: \"4px\",\n minWidth: \"auto\",\n width: \"16px\",\n height: \"16px\",\n cursor: \"default\",\n opacity: sortBy === col.id ? 1 : 0,\n transition: \"opacity 0.2s ease\",\n \"&:hover\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n \"& .MuiTableSortLabel-icon\": {\n position: \"relative\",\n marginLeft: 0,\n marginRight: 0,\n opacity: 1,\n transition: \"color 0.2s ease\",\n },\n \"& .MuiTableSortLabel-iconDirectionAsc\":\n {\n transform: \"rotate(180deg)\",\n },\n \"& .MuiTableSortLabel-iconDirectionDesc\":\n {\n transform: \"rotate(0deg)\",\n },\n }}\n />\n </Box>\n </div>\n ) : (\n col.text\n )}\n </TableCell>\n )),\n ...Object.entries(groupMap).map(([group, cols]) => (\n <TableCell\n key={group}\n align=\"center\"\n colSpan={cols.length}\n style={{\n fontWeight: \"bold\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n padding: \"16px\",\n }}\n >\n {group}\n </TableCell>\n )),\n ];\n\n const secondRowCells = [\n ...Object.values(groupMap)\n .flat()\n .map((col) => (\n <TableCell\n key={String(col.id)}\n align={col.align || \"left\"}\n {...col.headerProps}\n style={{\n width: col.width,\n minWidth: col.width,\n ...col.style,\n fontWeight: \"bold\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n padding: \"16px\",\n ...pinnedStyle(col, true),\n ...col.headerProps?.style,\n }}\n >\n {col.sortable && onSort ? (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent:\n col.align === \"center\"\n ? \"center\"\n : col.align === \"right\"\n ? \"flex-end\"\n : \"flex-start\",\n position: \"relative\",\n width: \"100%\",\n }}\n >\n <Box\n sx={{\n position: \"relative\",\n cursor: \"default\",\n \"&:hover .MuiTableSortLabel-root\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n }}\n onClick={() => handleSort(String(col.id))}\n >\n {col.text}\n <TableSortLabel\n active={sortBy === col.id}\n direction={\n sortBy === col.id\n ? sortDirection\n : \"desc\"\n }\n sx={{\n position: \"absolute\",\n left: \"100%\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n marginLeft: \"4px\",\n minWidth: \"auto\",\n width: \"16px\",\n height: \"16px\",\n cursor: \"default\",\n opacity: sortBy === col.id ? 1 : 0,\n transition: \"opacity 0.2s ease\",\n \"&:hover\": {\n opacity: \"1 !important\",\n \"& .MuiSvgIcon-root\": {\n color: \"#000\",\n opacity: \"1 !important\",\n },\n },\n \"& .MuiTableSortLabel-icon\": {\n position: \"relative\",\n marginLeft: 0,\n marginRight: 0,\n opacity: 1,\n transition: \"color 0.2s ease\",\n },\n \"& .MuiTableSortLabel-iconDirectionAsc\":\n {\n transform: \"rotate(0deg)\",\n },\n \"& .MuiTableSortLabel-iconDirectionDesc\":\n {\n transform: \"rotate(180deg)\",\n },\n }}\n />\n </Box>\n </div>\n ) : (\n col.text\n )}\n </TableCell>\n )),\n ];\n\n return (\n <>\n <MuiTableRow>{firstRowCells}</MuiTableRow>\n <MuiTableRow>{secondRowCells}</MuiTableRow>\n </>\n );\n }, [columns, sortBy, sortDirection, handleSort, onSort, columnHeight, pinnedStyle]);\n\n /**\n * \uD14C\uC774\uBE14 \uD589 \uCEE8\uD150\uCE20 \uB80C\uB354\uB9C1 \uD568\uC218 (\uAE30\uC874 VirtualDataTable \uC2A4\uD0C0\uC77C)\n * \uAC01 \uB370\uC774\uD130 \uD56D\uBAA9\uC5D0 \uB300\uD55C \uC140 \uB0B4\uC6A9\uC744 \uC815\uC758\n */\n const rowContent = useCallback(\n (index: number, item: T) => {\n const rowStart = perfDebugEnabled ? performance.now() : 0;\n // console.log(\"rowContent \uB80C\uB354\uB9C1:\", { index, item: item ? \"\uC788\uC74C\" : \"\uC5C6\uC74C\" });\n\n if (!item) {\n if (perfDebugEnabled) {\n perfStatsRef.current.rowContentCalls += 1;\n const rowDuration = performance.now() - rowStart;\n perfStatsRef.current.rowContentMs += rowDuration;\n perfStatsRef.current.rowContentMaxMs = Math.max(\n perfStatsRef.current.rowContentMaxMs,\n rowDuration,\n );\n }\n return null;\n }\n\n // \uD55C \uCE78 \uC904(\uBB36\uC74C \uBA38\uB9AC \uB4F1) \u2014 \uBAA8\uB4E0 \uC5F4\uC744 \uD569\uCE5C \uCE78 \uD558\uB098. \uC5EC\uBC31 \u00B7 \uBC14\uD0D5\uC740 fullWidthRowSx \uAC00 \uC815\uD55C\uB2E4.\n const fullWidth = renderFullWidthRow\n ? renderFullWidthRow(item, index)\n : null;\n if (fullWidth !== null && fullWidth !== undefined) {\n return (\n <TableCell\n colSpan={columns.length}\n data-vdt-pad=\"\"\n sx={[\n { padding: notion ? \"0 14px\" : \"8px 16px\" },\n ...(Array.isArray(fullWidthRowSx)\n ? fullWidthRowSx\n : fullWidthRowSx\n ? [fullWidthRowSx]\n : []),\n ]}\n >\n {fullWidth}\n </TableCell>\n );\n }\n\n const cells = columns.map((column) => {\n const cellStart = perfDebugEnabled ? performance.now() : 0;\n const cellValue = column.render\n ? column.render(item, index)\n : String((item as any)[column.id] || \"\");\n\n if (perfDebugEnabled) {\n const cellDuration = performance.now() - cellStart;\n perfStatsRef.current.cellRenderCalls += 1;\n perfStatsRef.current.cellRenderMs += cellDuration;\n perfStatsRef.current.cellRenderMaxMs = Math.max(\n perfStatsRef.current.cellRenderMaxMs,\n cellDuration,\n );\n }\n\n const pinned = pinnedLeft.has(String(column.id));\n const customPadding = column.cellPadding !== undefined;\n // \uC544\uB798\uB85C \uD569\uCE5C \uCE78\uC5D0 \uB36E\uC778 \uC904\uC740 \uCE78\uC744 \uADF8\uB9AC\uC9C0 \uC54A\uB294\uB2E4.\n const span = column.rowSpan ? column.rowSpan(item, index) : 1;\n if (span <= 0) return null;\n const onCellClick = column.onCellClick;\n return (\n <TableCell\n key={String(column.id)}\n align={column.align || \"left\"}\n rowSpan={span > 1 ? span : undefined}\n data-vdt-pad={customPadding ? \"\" : undefined}\n data-vdt-pinned={pinned ? \"\" : undefined}\n data-vdt-cell-click={onCellClick ? \"\" : undefined}\n onClick={\n onCellClick\n ? (e: React.MouseEvent) => {\n // \uB04C\uC5B4\uC11C \uBBFC \uB4A4\uC758 \uD074\uB9AD\uC740 \uCE78 \uB204\uB984\uC73C\uB85C \uCE58\uC9C0 \uC54A\uB294\uB2E4(\uC904 \uD074\uB9AD\uACFC \uAC19\uC740 \uAE30\uC900).\n const dx = e.clientX - mouseDownPositionRef.current.x;\n const dy = e.clientY - mouseDownPositionRef.current.y;\n e.stopPropagation();\n if (Math.sqrt(dx * dx + dy * dy) > ROW_CLICK_DRAG_THRESHOLD_PX) return;\n onCellClick(item, index, e);\n }\n : undefined\n }\n style={{\n width: column.width,\n minWidth: column.width,\n ...(column.primary ? { fontSize: 15 } : {}),\n ...column.style,\n ...(column.cellStyle ? column.cellStyle(item, index) : {}),\n padding: customPadding ? column.cellPadding : \"8px 16px\",\n ...pinnedStyle(column, false),\n }}\n >\n {cellValue}\n </TableCell>\n );\n });\n\n if (perfDebugEnabled) {\n perfStatsRef.current.rowContentCalls += 1;\n const rowDuration = performance.now() - rowStart;\n perfStatsRef.current.rowContentMs += rowDuration;\n perfStatsRef.current.rowContentMaxMs = Math.max(\n perfStatsRef.current.rowContentMaxMs,\n rowDuration,\n );\n }\n\n return <>{cells}</>;\n },\n [columns, perfDebugEnabled, renderFullWidthRow, fullWidthRowSx, notion, pinnedLeft, pinnedStyle],\n );\n\n // \uCEEC\uB7FC\uC5D0 footer \uB80C\uB354\uB7EC\uAC00 \uD558\uB098\uB77C\uB3C4 \uC788\uAC70\uB098 showFooter \uAC00 \uBA85\uC2DC\uB418\uBA74 \uD558\uB2E8 \uD569\uACC4 \uD589\uC744 \uD45C\uC2DC\uD55C\uB2E4.\n const hasFooter =\n showFooter ?? columns.some((col) => typeof col.footer === \"function\");\n\n /**\n * \uD14C\uC774\uBE14 \uD558\uB2E8 \uACE0\uC815 \uD569\uACC4 \uD589(tfoot) \uCEE8\uD150\uCE20 \uC815\uC758\n * \uAC01 \uCEEC\uB7FC\uC758 footer(data) \uACB0\uACFC\uB97C \uC140\uB85C \uB80C\uB354\uB9C1\uD55C\uB2E4. (footer \uC5C6\uB294 \uCEEC\uB7FC\uC740 \uBE48 \uC140)\n * tableLayout: fixed \uB77C \uD5E4\uB354/\uBC14\uB514\uC640 \uB3D9\uC77C\uD55C \uCEEC\uB7FC \uB108\uBE44\uB85C \uC790\uB3D9 \uC815\uB82C\uB41C\uB2E4.\n */\n const fixedFooterContent = useCallback(() => {\n if (!hasFooter) {\n return null;\n }\n\n // footerColSpan \uC73C\uB85C \uC140\uC744 \uBCD1\uD569\uD55C\uB2E4. \uC55E \uCEEC\uB7FC\uC774 colSpan \uC73C\uB85C \uB36E\uC740 \uCEEC\uB7FC\uC740 \uC140\uC744 \uC0DD\uB7B5\uD55C\uB2E4.\n const cells: React.ReactNode[] = [];\n for (let i = 0; i < columns.length; i += 1) {\n const col = columns[i];\n const colSpan =\n col.footerColSpan && col.footerColSpan > 1\n ? Math.min(col.footerColSpan, columns.length - i)\n : 1;\n\n cells.push(\n <TableCell\n key={String(col.id)}\n align={col.align || \"left\"}\n colSpan={colSpan > 1 ? colSpan : undefined}\n style={{\n // \uBCD1\uD569 \uC2DC \uB108\uBE44 \uACE0\uC815\uC744 \uD480\uC5B4 colSpan \uC774 \uC2E4\uC81C\uB85C \uB298\uC5B4\uB098\uAC8C \uD55C\uB2E4.\n ...(colSpan > 1\n ? {}\n : { width: col.width, minWidth: col.width }),\n ...col.style,\n fontWeight: \"bold\",\n // \uB178\uC158\uD48D\uC740 \uBCF8\uBB38 \uCE78\uACFC \uAC19\uC740 \uC88C\uC6B0 \uC5EC\uBC31 \u00B7 \uC138\uB85C 0(\uC904 \uB192\uC774\uB85C \uAC00\uC6B4\uB370) \u2014 16px \uC774\uBA74 \uD569\uACC4 \uC904\uB9CC \uB192\uACE0 \uAE00\uC790\uAC00 \uCE78\uACFC \uC5B4\uAE0B\uB0AC\uB2E4.\n padding: notion ? \"0 14px\" : \"16px\",\n }}\n >\n {col.footer ? col.footer(data) : null}\n </TableCell>,\n );\n\n // colSpan \uC73C\uB85C \uB36E\uC778 \uB4A4 \uCEEC\uB7FC\uC740 \uAC74\uB108\uB6F4\uB2E4.\n i += colSpan - 1;\n }\n\n return <MuiTableRow>{cells}</MuiTableRow>;\n }, [hasFooter, columns, data, notion]);\n\n // \uD14C\uC774\uBE14 \uCEF4\uD3EC\uB10C\uD2B8 \uC815\uC758 (\uAE30\uC874 VirtualDataTable \uC2A4\uD0C0\uC77C)\n const VirtuosoTableComponents: TableComponents<T> = useMemo(\n () => ({\n // \uC2A4\uD06C\uB864 \uCEE8\uD14C\uC774\uB108 (\uC678\uBD80\uC5D0\uC11C \uD55C \uBC88\uB9CC \uC0DD\uC131\uB41C \uC548\uC815\uC801\uC778 \uCEF4\uD3EC\uB10C\uD2B8 \uC0AC\uC6A9)\n Scroller: VirtuosoScroller,\n // \uD14C\uC774\uBE14 \uCEF4\uD3EC\uB10C\uD2B8\n Table: (props) => (\n <Table\n {...props}\n sx={{\n borderCollapse: \"separate\",\n tableLayout,\n // \uD2C0 \uC5C6\uC774 \uADF8\uB9B4 \uB54C\uB294 \uC624\uB978\uCABD \uB367\uC5EC\uBC31\uC774 \uAC00\uB85C \uB118\uCE68(\uAC00\uB85C \uB9C9\uB300)\uC744 \uB9CC\uB4E0\uB2E4 \u2014 \uD45C\uAC00 \uC0C1\uC790 \uD3ED\uC5D0 \uAF2D \uB9DE\uAC8C \uB454\uB2E4.\n marginRight: framed ? \"16px\" : 0,\n // \uD558\uB2E8 \uD569\uACC4 \uD589\uC774 \uC788\uC73C\uBA74 \uB370\uC774\uD130\uAC00 \uC801\uC5B4\uB3C4 \uD14C\uC774\uBE14\uC774 \uCEE8\uD14C\uC774\uB108\uB97C \uCC44\uC6B0\uAC8C \uD55C\uB2E4.\n // (\uC2E4\uC81C \uBC14\uB2E5 \uC815\uB82C\uC740 tbody \uAC00 \uB298\uC5B4\uB098\uBA70 \uCC98\uB9AC \u2014 \uD589 \uB192\uC774\uB294 \uADF8\uB300\uB85C \uC720\uC9C0)\n ...(hasFooter ? { height: \"100%\" } : {}),\n }}\n />\n ),\n // \uD14C\uC774\uBE14 \uD5E4\uB354 (\uACE0\uC815 \uC704\uCE58)\n TableHead: forwardRef<HTMLTableSectionElement, any>(\n (props, ref) => (\n <TableHead\n {...props}\n ref={ref}\n sx={{\n userSelect: \"none\",\n \"& tr\": {\n height: columnHeight,\n \"& th\": {\n padding: \"16px\",\n position: \"sticky\",\n top: 0,\n zIndex: 2,\n fontWeight: \"bold\",\n },\n },\n }}\n />\n ),\n ),\n // \uD14C\uC774\uBE14 \uD589 (\uD074\uB9AD \uC774\uBCA4\uD2B8 \uBC0F \uD638\uBC84 \uD6A8\uACFC \uD3EC\uD568)\n // \uD14C\uC774\uBE14 \uD589 (\uD074\uB9AD \uC774\uBCA4\uD2B8 \uBC0F \uD638\uBC84 \uD6A8\uACFC \uD3EC\uD568)\n TableRow: (props: any) => {\n const {\n item,\n selected: _selected,\n \"aria-selected\": _ariaSelected,\n className,\n ...rest\n } = props as any;\n // react-virtuoso\uB294 'data-index' \uC18D\uC131\uC73C\uB85C index\uB97C \uC804\uB2EC\uD569\uB2C8\uB2E4\n const rowIndex = rest[\"data-index\"] ?? 0;\n const isOddRow = rowIndex % 2 === 1;\n const rowId =\n item && getRowIdRef.current\n ? getRowIdRef.current(item, rowIndex)\n : rowIndex;\n // CSS \uD558\uC774\uB77C\uC774\uD2B8 \uBAA8\uB4DC\uC5D0\uC11C\uB294 \uD589 \uC790\uCCB4\uC5D0\uC11C \uC120\uD0DD\uC744 \uACC4\uC0B0\uD558\uC9C0 \uC54A\uB294\uB2E4(\uCEE8\uD14C\uC774\uB108 CSS \uAC00 \uCC98\uB9AC).\n // \u2192 selectedRowId \uBCC0\uACBD\uC774 \uD589 \uC7AC\uB80C\uB354\uB85C \uC774\uC5B4\uC9C0\uC9C0 \uC54A\uB294\uB2E4.\n const isSelected =\n !useCssRowHighlight &&\n selectedRowId !== null &&\n selectedRowId !== undefined &&\n rowId === selectedRowId;\n const resolvedSelectedRowSx =\n isSelected && selectedRowSx\n ? typeof selectedRowSx === \"function\"\n ? selectedRowSx(item, rowIndex)\n : selectedRowSx\n : undefined;\n const sanitizedClassName = String(className ?? \"\")\n .split(/\\s+/)\n .filter(\n (token) =>\n token !== \"Mui-selected\" &&\n token !== \"Mui-focusVisible\",\n )\n .join(\" \");\n\n return (\n <MuiTableRow\n {...rest}\n data-row-id={rowId !== null && rowId !== undefined ? String(rowId) : undefined}\n className={sanitizedClassName || undefined}\n selected={isSelected}\n onMouseDown={(e: any) => {\n // \uB9C8\uC6B0\uC2A4 \uB2E4\uC6B4 \uC2DC \uB4DC\uB798\uADF8 \uD50C\uB798\uADF8 \uCD08\uAE30\uD654 \uBC0F \uC2DC\uC791 \uC704\uCE58 \uC800\uC7A5\n isScrollDraggingRef.current = false;\n mouseDownPositionRef.current = {\n x: e.clientX,\n y: e.clientY,\n };\n }}\n onContextMenu={(e: React.MouseEvent) => {\n if (item && onRowContextMenuRef.current) {\n onRowContextMenuRef.current(item, rowIndex, e);\n }\n }}\n onClick={(e: React.MouseEvent) => {\n // mousedown \uC2DC\uC791 \uC704\uCE58\uC640 click \uC704\uCE58 \uCC28\uC774\uB85C \uB4DC\uB798\uADF8 \uC5EC\uBD80 \uD310\uBCC4\n const dx =\n e.clientX - mouseDownPositionRef.current.x;\n const dy =\n e.clientY - mouseDownPositionRef.current.y;\n const wasDrag =\n Math.sqrt(dx * dx + dy * dy) >\n ROW_CLICK_DRAG_THRESHOLD_PX ||\n isScrollDraggingRef.current;\n if (wasDrag) {\n e.preventDefault();\n e.stopPropagation();\n isScrollDraggingRef.current = false;\n return;\n }\n if (item && onRowClickRef.current) {\n onRowClickRef.current(item, rowIndex);\n }\n isScrollDraggingRef.current = false;\n }}\n sx={[\n {\n userSelect: \"none\",\n // \uD589 \uB192\uC774\uB97C estimatedItemHeight(=rowHeight + divider) \uB85C \uC815\uD655\uD788\n // \uACE0\uC815\uD55C\uB2E4. react-virtuoso \uB294 fixedItemHeight \uB97C \uC918\uB3C4\n // ResizeObserver \uB85C \uC2E4\uC81C \uD589 \uB192\uC774\uB97C \uC7AC\uCE21\uC815\uD574 \uBC18\uC601\uD558\uB294\uB370, \uC140\n // \uD3F0\uD2B8/\uB77C\uC778\uC758 \uC11C\uBE0C\uD53D\uC140 \uB54C\uBB38\uC5D0 \uCE21\uC815\uAC12\uC774 \uC815\uC218\uC5D0\uC11C \uC5B4\uAE0B\uB098\uBA74\n // \uD558\uB2E8 filler row \uB192\uC774(offsetBottom)\uAC00 \uC2A4\uD06C\uB864\uB9C8\uB2E4 \uC18C\uC218\uC810\uC73C\uB85C\n // \uD754\uB4E4\uB9AC\uACE0, \uADF8 \uC704\uC5D0 sticky \uB85C \uBD99\uC740 <tfoot> \uD569\uACC4\uD589\uC774 1px \uB5A8\uB9B0\uB2E4.\n // height/maxHeight \uB97C \uC815\uC218\uB85C \uBC15\uACE0 overflow:hidden \uC73C\uB85C \uB9C9\uC544\n // \uCE21\uC815\uAC12\uC774 \uD56D\uC0C1 estimatedItemHeight \uAC00 \uB418\uAC8C \uD55C\uB2E4.\n // \uC904 \uB192\uC774 \"auto\" \uB294 \uB0B4\uC6A9\uB9CC\uD07C \uB298\uC5B4\uB09C\uB2E4 \u2014 \uCE78 \uB192\uC774(rowHeight)\uAC00 \uCD5C\uC18C \uB192\uC774\uB85C \uB3D9\uC791\uD55C\uB2E4.\n ...(autoRowHeight\n ? { \"& > td\": { height: estimatedItemHeight } }\n : {\n height: estimatedItemHeight,\n maxHeight: estimatedItemHeight,\n }),\n boxSizing: \"border-box\",\n backgroundColor:\n isOddRow && stripedRowColor\n ? stripedRowColor\n : \"transparent\",\n // \uC5EC\uBC31\uC744 \uB530\uB85C \uBC1B\uC740 \uCE78(cellPadding \u00B7 \uD55C \uCE78 \uC904)\uC740 \uAE30\uBCF8 \uC5EC\uBC31\uC5D0\uC11C \uBE80\uB2E4.\n \"& td:not([data-vdt-pad])\": {\n padding: \"8px 16px\",\n },\n \"& td\": {\n boxSizing: \"border-box\",\n borderBottom: rowDivider\n ? \"1px solid rgba(224, 224, 224, 1)\"\n : \"none\",\n },\n \"& th\": {\n padding: \"8px 16px\",\n borderBottom: \"none\",\n },\n \"&:hover\":\n hasRowClick && !isSelected\n ? {\n backgroundColor: (theme) => {\n const isDark =\n theme.palette.mode ===\n \"dark\";\n const defaultColor =\n \"#000000\";\n const color =\n rowHoverColor ??\n defaultColor;\n const opacity =\n rowHoverOpacity ?? 0.06;\n\n if (!rowHoverColor) {\n return isDark\n ? `rgba(255, 255, 255, ${opacity})`\n : `rgba(0, 0, 0, ${opacity})`;\n }\n\n const hex = color\n .replace(\"#\", \"\")\n .trim();\n if (hex.length !== 6) {\n return color;\n }\n\n const r = parseInt(\n hex.substring(0, 2),\n 16,\n );\n const g = parseInt(\n hex.substring(2, 4),\n 16,\n );\n const b = parseInt(\n hex.substring(4, 6),\n 16,\n );\n\n return `rgba(${r}, ${g}, ${b}, ${opacity})`;\n },\n }\n : undefined,\n cursor: hasRowClick ? \"pointer\" : undefined,\n },\n resolvedSelectedRowSx,\n ]}\n />\n );\n },\n // \uD14C\uC774\uBE14 \uBC14\uB514 \u2014 \uD558\uB2E8 \uD569\uACC4 \uD589\uC774 \uC788\uC73C\uBA74 row-group \uC744 \uB298\uB824 \uBE48 \uACF5\uAC04\uC774 \uB9C8\uC9C0\uB9C9 \uD589 '\uC544\uB798'\uB85C \uAC00\uAC8C \uD55C\uB2E4.\n // (\uAC1C\uBCC4 \uD589 \uB192\uC774\uB294 \uADF8\uB300\uB85C \uC720\uC9C0\uB418\uACE0, tfoot \uC740 \uADF8 \uC544\uB798 \uBC14\uB2E5\uC5D0 \uBD99\uB294\uB2E4)\n TableBody: forwardRef<HTMLTableSectionElement>((props, ref) => {\n const { children, ...rest } =\n props as React.HTMLAttributes<HTMLTableSectionElement>;\n return (\n <MuiTableBody\n {...rest}\n ref={ref}\n sx={hasFooter ? { height: \"100%\" } : undefined}\n >\n {children}\n {/* fill \uBAA8\uB4DC(hasFooter)\uC5D0\uC11C table/tbody \uC758 height:100% \uB54C\uBB38\uC5D0 \uB0A8\uB294 \uB192\uC774\uAC00\n \uB370\uC774\uD130 <tr> \uC5D0 \uBD84\uBC30\uB418\uC5B4 \uD589\uC774 rowHeight \uBCF4\uB2E4 \uCEE4\uC9C0\uB294 \uBB38\uC81C\uB97C \uB9C9\uB294 spacer.\n \uC720\uC5F0\uD55C \uBE48 \uD589\uC774 \uB0A8\uB294 \uACF5\uAC04\uC744 \uD761\uC218 \u2192 \uB370\uC774\uD130 \uD589\uC740 rowHeight \uB85C \uACE0\uC815\uB418\uACE0,\n sticky footer \uB294 \uADF8 \uC544\uB798 \uBC14\uB2E5\uC5D0 \uBD99\uB294\uB2E4. \uC2A4\uD06C\uB864\uC774 \uC0DD\uAE30\uBA74 0 \uC73C\uB85C \uC811\uD78C\uB2E4. */}\n {hasFooter && (\n <tr aria-hidden style={{ height: \"100%\" }}>\n <td\n colSpan={columns.length}\n style={{ padding: 0, border: 0 }}\n />\n </tr>\n )}\n </MuiTableBody>\n );\n }),\n // \uD14C\uC774\uBE14 \uD558\uB2E8 \uD569\uACC4 \uD589(tfoot) \u2014 \uBC14\uB2E5\uC5D0 \uACE0\uC815\n TableFoot: forwardRef<HTMLTableSectionElement, any>(\n (props, ref) => (\n <MuiTableFooter\n {...props}\n ref={ref}\n sx={[\n {\n // \uB5A8\uB9BC\uC758 \uADFC\uBCF8 \uC6D0\uC778(\uB370\uC774\uD130 \uD589 \uCE21\uC815 \uB192\uC774\uC758 \uC11C\uBE0C\uD53D\uC140)\uC740 TableRow\n // \uC5D0\uC11C height/maxHeight \uC815\uC218 \uACE0\uC815\uC73C\uB85C \uC7A1\uB294\uB2E4. \uC5EC\uAE30\uC11C\uB294 \uD569\uACC4\uD589\n // \uC140 \uC2A4\uD0C0\uC77C\uB9CC \uB454\uB2E4(virtuoso \uAC00 <tfoot> \uC5D0 \uC9C1\uC811 sticky \uB97C \uAC74\uB2E4).\n // \uD569\uACC4\uD589 \uB192\uC774\uB97C footerHeight(\uBBF8\uC9C0\uC815 \uC2DC rowHeight) \uB85C \uC815\uD655\uD788\n // \uACE0\uC815\uD55C\uB2E4. \uADF8\uB798\uC57C \uB85C\uB529 \uC624\uBC84\uB808\uC774\uC758 \uD558\uB2E8 \uCEF7\uC624\uD504(bottom:\n // footerHeight ?? rowHeight)\uC640 \uC2E4\uC81C footer \uB192\uC774\uAC00 \uC77C\uCE58\uD574\n // \uC624\uBC84\uB808\uC774\uAC00 footer \uC704\uAE4C\uC9C0\uB9CC \uB0B4\uB824\uC624\uACE0 footer \uB97C \uB36E\uC9C0 \uC54A\uB294\uB2E4.\n \"& tr\": {\n height: footerHeight ?? rowHeight,\n maxHeight: footerHeight ?? rowHeight,\n boxSizing: \"border-box\",\n },\n \"& td\": {\n height: footerHeight ?? rowHeight,\n boxSizing: \"border-box\",\n backgroundColor: (theme) =>\n theme.palette.mode === \"dark\"\n ? \"#1e1e1e\"\n : \"#ffffff\",\n // \uC138\uB85C padding \uC744 0 \uC73C\uB85C \uB450\uACE0 \uD589 \uB192\uC774\uB85C \uC815\uB82C\uC744 \uB9E1\uAE34\uB2E4.\n // (\uAC00\uB85C 16px \uC720\uC9C0) \u2014 16px \uC138\uB85C padding \uC774\uBA74 \uC2E4\uC81C footer \uAC00\n // footerHeight \uBCF4\uB2E4 \uCEE4\uC838 \uC624\uBC84\uB808\uC774 \uCEF7\uC624\uD504\uC640 \uC5B4\uAE0B\uB09C\uB2E4.\n padding: \"0 16px\",\n color: \"inherit\",\n fontSize: \"0.875rem\",\n // \uAD6C\uBD84\uC120\uC740 \uC2E4\uC81C border \uB300\uC2E0 inset box-shadow \uB85C \uADF8\uB9B0\uB2E4.\n // collapsed-border \uD53D\uC140 \uACBD\uACC4 \uACF5\uC720\uB85C \uC778\uD55C \uAE5C\uBE61\uC784\uC744 \uD53C\uD55C\uB2E4.\n border: \"none\",\n // \uB178\uC158\uD48D\uC740 \uBA38\uB9AC \uC544\uB798 \uC120\uACFC \uAC19\uC740 \uC9C4\uD55C \uD68C\uC0C9 \uC120 \u2014 \uAC80\uC740 \uC120\uC740 \uC605\uC740 \uD45C\uC5D0\uC11C \uD63C\uC790 \uD280\uC5C8\uB2E4.\n boxShadow: `inset 0 1px 0 0 ${notion ? notionTokens.borderStrong : \"#000000\"}`,\n },\n },\n ...(Array.isArray(footerSx)\n ? footerSx\n : footerSx\n ? [footerSx]\n : []),\n ]}\n />\n ),\n ),\n }),\n [\n // onRowClick/getRowId \uB294 ref \uB85C \uCC98\uB9AC\uD558\uBBC0\uB85C deps \uC5D0\uC11C \uC81C\uC678(\uC778\uB77C\uC778 \uCF5C\uBC31\uC774\uC5B4\uB3C4 \uD589 \uB9AC\uB9C8\uC6B4\uD2B8 \uC548 \uB428).\n hasRowClick,\n // CSS \uD558\uC774\uB77C\uC774\uD2B8 \uBAA8\uB4DC\uC5D0\uC11C\uB294 selectedRowId \uAC00 components \uB97C \uC7AC\uC0DD\uC131\uD558\uC9C0 \uC54A\uAC8C \uD55C\uB2E4(\uD589 \uC7AC\uB80C\uB354 \uBC29\uC9C0).\n // \uD568\uC218\uD615 selectedRowSx(per-row) \uC77C \uB54C\uB9CC selectedRowId \uBCC0\uACBD\uC73C\uB85C components \uB97C \uAC31\uC2E0\uD55C\uB2E4.\n useCssRowHighlight ? null : selectedRowId,\n selectedRowSx,\n rowHeight,\n stripedRowColor,\n rowDivider,\n columnHeight,\n rowHoverColor,\n rowHoverOpacity,\n VirtuosoScroller,\n footerHeight,\n footerSx,\n hasFooter,\n notion,\n notionTokens,\n // spacer \uD589\uC758 colSpan \uACC4\uC0B0\uC5D0 \uC0AC\uC6A9 (\uCEEC\uB7FC \uAD6C\uC870 \uBCC0\uACBD \uC2DC components \uC7AC\uC0DD\uC131)\n columns,\n tableLayout,\n framed,\n autoRowHeight,\n ],\n );\n\n const resolvedVirtuosoComponents = VirtuosoTableComponents;\n // autoHeight \uB294 \uAC19\uC740 \uD45C \uBD80\uD488(\uBA38\uB9AC \u00B7 \uC904 \u00B7 \uD569\uACC4)\uC744 \uAC00\uC0C1\uD654 \uC5C6\uC774 \uADF8\uB300\uB85C \uC4F4\uB2E4 \u2014 \uCE78 \uBAA8\uC591\uC774 \uAC00\uC0C1 \uD45C\uC640 \uAC19\uB2E4.\n const autoParts = VirtuosoTableComponents as Record<string, unknown>;\n const AutoTable = autoParts.Table as React.ComponentType<any>;\n const AutoTableHead = autoParts.TableHead as React.ComponentType<any>;\n const AutoTableBody = autoParts.TableBody as React.ComponentType<any>;\n const AutoTableRow = autoParts.TableRow as React.ComponentType<any>;\n const AutoTableFoot = autoParts.TableFoot as React.ComponentType<any>;\n\n // \uACF5\uD1B5 \uD14C\uC774\uBE14 \uB0B4\uC6A9\n const tableContent = (\n <Box\n sx={\n {\n position: \"relative\",\n height: autoHeight ? \"auto\" : \"100%\",\n width: \"100%\",\n \"& .MuiTableHead-root\": {\n backgroundColor: (theme: Theme) =>\n theme.palette.mode === \"dark\"\n ? \"#1e1e1e !important\"\n : \"#ffffff !important\",\n },\n // \uC120\uD0DD \uD589 CSS \uD558\uC774\uB77C\uC774\uD2B8 (selectedRowId \uBCC0\uACBD \uC2DC \uC774 \uCEE8\uD14C\uC774\uB108\uB9CC \uAC31\uC2E0, \uD589 \uC7AC\uB80C\uB354 \uC5C6\uC74C).\n ...(selectedRowCssSx ?? {}),\n // \uACE0\uC815 \uC5F4 \uCE78\uC740 \uB4A4\uB85C \uC9C0\uB098\uAC00\uB294 \uCE78\uC744 \uAC00\uB824\uC57C \uD574 \uBC14\uD0D5\uC744 \uCE60\uD55C\uB2E4. \uC904 \uD638\uBC84 \uC0C9\uC740 \uC904(tr)\uC5D0 \uCE60\uD574\uC9C0\uBBC0\uB85C \uACE0\uC815 \uCE78\uC5D0\uB3C4 \uAC19\uC740 \uC0C9\uC744 \uC900\uB2E4.\n \"& tbody td[data-vdt-pinned]\": {\n backgroundColor: notion\n ? notionTokens.bg\n : muiTheme.palette.background.paper,\n },\n // \uCE78 \uB2E8\uC704\uB85C \uB204\uB974\uB294 \uCE78 \u2014 \uCE78\uC5D0\uB9CC \uD638\uBC84 \uBC14\uD0D5.\n \"& tbody td[data-vdt-cell-click]\": { cursor: \"pointer\" },\n \"& tbody td[data-vdt-cell-click]:hover\": {\n backgroundColor: notion\n ? notionTokens.hoverBg\n : muiTheme.palette.mode === \"dark\"\n ? \"rgba(255, 255, 255, 0.06)\"\n : \"rgba(0, 0, 0, 0.04)\",\n },\n ...(notion && hasRowClick\n ? {\n \"& tbody tr:hover td[data-vdt-pinned]\": {\n backgroundColor: notionTokens.hoverBg,\n },\n }\n : {}),\n // \uB178\uC158\uD48D \u2014 \uBA38\uB9AC\u00B7\uCE78\uC758 \uC778\uB77C\uC778 style(padding\u00B7fontWeight)\uC744 \uB36E\uC5B4\uC57C \uD574\uC11C !important \uB2E4.\n // \uC140\uB809\uD130\uB97C \uCEE8\uD14C\uC774\uB108\uC5D0\uC11C \uB0B4\uB9AC\uB294 \uAC83\uC740 \uD589 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uAC74\uB4DC\uB9AC\uC9C0 \uC54A\uAE30 \uC704\uD574\uC11C\uB2E4(\uD589 \uC7AC\uB80C\uB354 \uBE44\uC6A9).\n ...(notion\n ? {\n // \uBC14\uAE65 \uD14C\uB450\uB9AC \u2014 \uC5C5\uBB34\uD568 \uD45C(border 1px + radius 4px)\uC640 \uAC19\uB2E4. \uAC00\uC0C1\uD654\uB77C \uB0B4\uC6A9 \uB192\uC774\uC5D0 \uB9DE\uCDB0 \uC904\uC774\uC9C0 \uBABB\uD558\uACE0\n // \uC885\uC774 \uC548\uCABD \uC5EC\uBC31 \uC548\uC5D0\uC11C \uC138\uB85C\uB97C \uAF49 \uCC44\uC6B4\uB2E4. \uBA38\uB9AC\uC758 \uC717\uC120\u00B7\uC88C\uC6B0\uC120\uC740 \uC774 \uD14C\uB450\uB9AC\uAC00 \uB300\uC2E0\uD55C\uB2E4.\n ...(framed\n ? {\n border: `1px solid ${notionTokens.borderStrong}`,\n borderRadius: \"4px\",\n }\n : {\n // \uD2C0 \uC5C6\uC774 \u2014 \uBC14\uAE65 \uC0C1\uC790 \uBC14\uD0D5\uC774 \uBE44\uCE58\uC9C0 \uC54A\uAC8C \uD45C\uB97C \uC885\uC774 \uC0C9\uC73C\uB85C \uCE60\uD55C\uB2E4.\n \"& table\": { backgroundColor: notionTokens.bg },\n }),\n overflow: \"hidden\",\n \"& thead tr th\": {\n height: columnHeight,\n boxSizing: \"border-box\",\n padding: \"0 14px !important\",\n fontSize: 13,\n fontWeight: \"500 !important\",\n color: notionTokens.headerColor,\n backgroundColor: `${notionTokens.bg} !important`,\n borderTop: \"none\",\n borderBottom: `1px solid ${notionTokens.borderStrong}`,\n // \uCE78 \uC0AC\uC774 \uC138\uB85C\uC120 \u2014 \uB9C8\uC9C0\uB9C9 \uCE78 \uB4A4\uC5D0\uB294 \uAE0B\uC9C0 \uC54A\uB294\uB2E4(\uBC14\uAE65 \uD14C\uB450\uB9AC\uC640 \uACB9\uCCD0 \uB450 \uC904\uB85C \uBCF4\uC778\uB2E4).\n borderRight: `1px solid ${notionTokens.border}`,\n \"&:last-of-type\": { borderRight: \"none\" },\n },\n \"& tbody tr td:not([data-vdt-pad])\": {\n padding: \"0 14px !important\",\n },\n \"& tbody tr td\": {\n fontSize: 14,\n borderBottom: `1px solid ${notionTokens.border}`,\n },\n // \uB9C8\uC9C0\uB9C9 \uC904 \uC544\uB798\uC120 \u2014 \uD2C0 \uBC14\uB2E5(\uB610\uB294 \uD569\uACC4 \uC904\uC758 \uC717\uC120)\uACFC \uB9DE\uB2FF\uC73C\uBA74 \uAE0B\uC9C0 \uC54A\uB294\uB2E4. \uB450 \uC120\uC774 \uACB9\uCCD0 \uAD75\uC740 \uC774\uC911\uC120\uC73C\uB85C \uBCF4\uC600\uB2E4(2026-10-17).\n // \uB9DE\uB2FF\uB294 \uACBD\uC6B0: \uB0B4\uC6A9 \uB192\uC774\uB9CC\uD07C \uC11C\uB294 \uD45C(autoHeight), \uC904\uC774 \uC601\uC5ED\uBCF4\uB2E4 \uAE38\uC5B4 \uB05D\uAE4C\uC9C0 \uB0B4\uB9AC\uBA74 \uBC14\uB2E5\uC5D0 \uB2FF\uB294 \uD45C, \uD569\uACC4 \uC904\uC774 \uC788\uB294 \uD45C.\n // \uC904\uC774 \uC801\uC5B4 \uC544\uB798\uAC00 \uBE44\uB294 \uD45C\uB294 \uADF8\uB300\uB85C \uAE0B\uB294\uB2E4 \u2014 \uC904\uC774 \uC5B4\uB514\uC11C \uB05D\uB098\uB294\uC9C0 \uBCF4\uC5EC\uC57C \uD55C\uB2E4.\n ...(data.length > 0 && (autoHeight || listOverflows || hasFooter)\n ? { [`& tbody tr[data-index=\"${data.length - 1}\"] td`]: { borderBottom: \"none\" } }\n : {}),\n }\n : {}),\n } as SxProps<Theme>\n }\n >\n {/* \uD14C\uC774\uBE14 \u2014 autoHeight \uBA74 \uAC00\uC0C1\uD654 \uC5C6\uC774 \uBAA8\uB4E0 \uC904\uC744 \uADF8\uB9AC\uACE0 \uB192\uC774\uB294 \uB0B4\uC6A9\uC744 \uB530\uB978\uB2E4(\uD398\uC774\uC9C0\uAC00 \uAD74\uB9B0\uB2E4). */}\n {autoHeight ? (\n <Box sx={{ overflowX: \"auto\", width: \"100%\" }}>\n <AutoTable>\n <AutoTableHead>{fixedHeaderContent()}</AutoTableHead>\n <AutoTableBody>\n {data.map((item, index) => (\n <AutoTableRow\n key={getRowId ? String(getRowId(item, index)) : index}\n item={item}\n data-index={index}\n >\n {rowContent(index, item)}\n </AutoTableRow>\n ))}\n </AutoTableBody>\n {hasFooter ? <AutoTableFoot>{fixedFooterContent()}</AutoTableFoot> : null}\n </AutoTable>\n </Box>\n ) : (\n <TableVirtuoso\n key={tableKey}\n ref={virtuosoRef}\n data={data}\n totalCount={onLoadMore ? data.length + 1 : data.length}\n defaultItemHeight={estimatedItemHeight}\n fixedItemHeight={autoRowHeight ? undefined : estimatedItemHeight}\n fixedHeaderContent={fixedHeaderContent}\n fixedFooterContent={hasFooter ? fixedFooterContent : undefined}\n itemContent={rowContent}\n endReached={handleEndReached}\n scrollerRef={(el) => {\n scrollerElRef.current = el instanceof HTMLElement ? el : null;\n checkListOverflow();\n }}\n totalListHeightChanged={checkListOverflow}\n style={{ height: \"100%\" }}\n increaseViewportBy={{\n top: viewportBufferTop,\n bottom: viewportBufferBottom,\n }}\n overscan={virtuosoOverscan}\n followOutput={false}\n components={resolvedVirtuosoComponents}\n />\n )}\n\n {/* \uBE48 \uB370\uC774\uD130 \uD45C\uC2DC \u2014 \uB178\uC158\uD48D\uC740 \uBA38\uB9AC \uC544\uB798\uC5D0 \uC605\uC740 \uAE00 \uD55C \uC904(\uC5C5\uBB34\uD568 \uBAA9\uB85D \uD45C\uC758 \uBE48 \uBAA9\uB85D\uACFC \uAC19\uC740 \uBAA8\uC591). */}\n {data.length === 0 && !loading && notion && typeof emptyMessage === \"string\" && (\n <Box\n sx={{\n position: autoHeight ? \"static\" : \"absolute\",\n top: columnHeight,\n left: 0,\n right: 0,\n py: 6,\n textAlign: \"center\",\n fontSize: 14,\n color: notionTokens.emptyColor,\n }}\n >\n {emptyMessage}\n </Box>\n )}\n {data.length === 0 && !loading && !(notion && typeof emptyMessage === \"string\") && (\n <Box\n sx={{\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: 2,\n }}\n >\n {typeof emptyMessage === \"string\" ? (\n <>\n <Box\n sx={{\n width: 48,\n height: 48,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n borderRadius: \"50%\",\n backgroundColor: \"#f5f5f5\",\n color: \"#999\",\n }}\n >\n \uD83D\uDCC4\n </Box>\n <Typography\n variant=\"body1\"\n sx={{ color: \"text.secondary\" }}\n >\n {emptyMessage}\n </Typography>\n </>\n ) : (\n emptyMessage\n )}\n </Box>\n )}\n\n {/* \uB85C\uB529 \uC2A4\uD53C\uB108 */}\n {shouldShowLoading && (\n <>\n {LoadingComponent ? (\n <LoadingComponent\n visible={loading}\n onComplete={handleLoadingComplete}\n />\n ) : (\n <LoadingProgress\n visible={loading}\n onComplete={handleLoadingComplete}\n size={40}\n indicator={<CssSpinner />}\n sx={{\n top: `${\n columns.some((col) => col.group)\n ? columnHeight * 2\n : columnHeight\n }px`,\n // \uD478\uD130(\uD569\uACC4 \uD589)\uAC00 \uC788\uC73C\uBA74 \uADF8 \uB192\uC774\uB9CC\uD07C \uC544\uB798\uB97C \uC798\uB77C, \uD5E4\uB354~\uD478\uD130 \uC0AC\uC774 \uB0B4\uC6A9 \uC601\uC5ED \uC911\uC559\uC5D0 \uC2A4\uD53C\uB108\uB97C \uB454\uB2E4.\n bottom: `${hasFooter ? footerHeight ?? rowHeight : 0}px`,\n }}\n background={{\n show: data.length === 0, // \uCD5C\uCD08 \uB85C\uB529\uC5D0\uB9CC \uBC30\uACBD \uD45C\uC2DC\n opacity: 0.8,\n }}\n />\n )}\n </>\n )}\n </Box>\n );\n\n // \uB178\uC158\uD48D\uC740 \uC0AC\uBC29 \uC5EC\uBC31 \u2014 \uC5C5\uBB34\uD568\uCC98\uB7FC \uD45C\uAC00 \uC885\uC774 \uAC00\uC7A5\uC790\uB9AC\uC5D0 \uBD99\uC9C0 \uC54A\uB294\uB2E4(\uC88C\uC6B0 paddingX, \uC0C1\uD558 NOTION_PADDING_Y).\n const notionFramePadding = notion && framed\n ? { paddingRight: paddingX, paddingTop: NOTION_PADDING_Y, paddingBottom: NOTION_PADDING_Y }\n : {};\n\n return showPaper ? (\n <Paper\n className=\"grow\"\n elevation={1}\n sx={{\n padding: 0,\n paddingLeft: paddingX,\n ...notionFramePadding,\n boxSizing: \"border-box\",\n height: autoHeight ? \"auto\" : \"100%\",\n minHeight: 0,\n flex: autoHeight ? \"none\" : 1,\n display: \"flex\",\n flexDirection: \"column\",\n }}\n >\n {tableContent}\n </Paper>\n ) : (\n <Box\n className=\"grow\"\n style={{\n padding: 0,\n paddingLeft: paddingX,\n ...notionFramePadding,\n boxSizing: \"border-box\",\n height: autoHeight ? \"auto\" : \"100%\",\n minHeight: 0,\n flex: autoHeight ? \"none\" : 1,\n display: \"flex\",\n flexDirection: \"column\",\n }}\n >\n {tableContent}\n </Box>\n );\n}\n\nexport const VirtualDataTable = memo(VirtualDataTableComponent) as <T>(\n props: VirtualDataTableProps<T>,\n) => React.JSX.Element;\n", "/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n ownKeys = Object.getOwnPropertyNames || function (o) {\r\n var ar = [];\r\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n return ar;\r\n };\r\n return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n var r, s = 0;\r\n function next() {\r\n while (r = env.stack.pop()) {\r\n try {\r\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n if (r.dispose) {\r\n var result = r.dispose.call(r.value);\r\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n else s |= 1;\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n });\r\n }\r\n return path;\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __esDecorate: __esDecorate,\r\n __runInitializers: __runInitializers,\r\n __propKey: __propKey,\r\n __setFunctionName: __setFunctionName,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n", "/**\n * MIT License\n *\n * Copyright (c) 2025 KIM YOUNG JIN (ehfuse@gmail.com)\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport { CSSProperties, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { Box, CircularProgress, SxProps, Theme } from \"@mui/material\";\n\nexport interface BackgroundConfig {\n show?: boolean;\n color?: string; // Any CSS color: hex (#fff, #ffffff), rgb(255,255,255), rgba(), named colors, or RGB string \"255, 255, 255\"\n opacity?: number; // Applied to background (0.0 ~ 1.0). If color is already rgba, this is ignored\n}\n\nexport interface LoadingProgressProps {\n visible: boolean;\n onComplete?: () => void;\n fadeoutDuration?: number;\n exitDelay?: number;\n size?: number;\n className?: string;\n style?: CSSProperties;\n sx?: SxProps<Theme>;\n indicator?: ReactNode | string;\n background?: BackgroundConfig;\n}\n\nexport default function LoadingProgress({\n visible,\n onComplete,\n fadeoutDuration = 200,\n exitDelay = 0,\n size = 40,\n className,\n style,\n sx,\n indicator,\n background = {\n show: true,\n color: \"255, 255, 255\",\n opacity: 0.9,\n },\n}: LoadingProgressProps) {\n const prevVisibleRef = useRef<boolean | undefined>(undefined);\n const boxRef = useRef<HTMLDivElement>(null);\n const [shouldRender, setShouldRender] = useState(visible);\n\n // 배경 설정 기본값 처리\n const {\n show: showBackground = true,\n color: backgroundColor = \"255, 255, 255\",\n opacity: backgroundOpacity = 0.9,\n } = background;\n\n useEffect(() => {\n const prevVisible = prevVisibleRef.current;\n\n // visible이 true에서 false로 변경될 때 페이드아웃 후 onComplete 호출\n if (prevVisible === true && visible === false && boxRef.current) {\n // CSS transition으로 페이드아웃 시작\n const box = boxRef.current;\n box.style.opacity = \"0\";\n\n // fadeoutDuration + exitDelay 후 onComplete 호출 및 언마운트\n setTimeout(() => {\n setShouldRender(false); // 페이드아웃 완료 후 언마운트\n onComplete?.();\n }, fadeoutDuration + exitDelay);\n } else if (visible === true) {\n // visible이 true가 되면 다시 렌더링하고 opacity 복원\n setShouldRender(true);\n if (boxRef.current) {\n boxRef.current.style.opacity = \"1\";\n }\n }\n\n // 현재 visible 값을 ref에 저장\n prevVisibleRef.current = visible;\n }, [visible, onComplete, fadeoutDuration, exitDelay]);\n\n if (!shouldRender) {\n return null;\n }\n\n // indicator 렌더링 로직\n const renderIndicator = () => {\n // string이면 이미지 URL로 간주\n if (typeof indicator === \"string\") {\n return (\n <img\n src={indicator}\n alt=\"Loading\"\n style={{ width: size, height: size }}\n />\n );\n }\n // ReactNode가 제공되면 그대로 렌더링\n if (indicator) {\n return indicator;\n }\n // 기본값: MUI CircularProgress\n return <CircularProgress size={size} />;\n };\n\n // 배경색 처리: 다양한 색상 형식 지원\n const getBackgroundStyle = () => {\n if (!showBackground) {\n return { backgroundColor: \"transparent\" };\n }\n\n // 이미 rgba 형식이면 그대로 사용\n if (backgroundColor.startsWith(\"rgba\")) {\n return { backgroundColor };\n }\n\n // RGB 문자열 형식 (예: \"255, 255, 255\")\n if (/^\\d+,\\s*\\d+,\\s*\\d+$/.test(backgroundColor)) {\n return {\n backgroundColor: `rgba(${backgroundColor}, ${backgroundOpacity})`,\n };\n }\n\n // hex, rgb(), named color 등의 경우\n // CSS에서 color와 opacity를 함께 사용\n if (backgroundOpacity !== 1) {\n return {\n backgroundColor: backgroundColor,\n // 배경에만 opacity를 적용하기 위해 before pseudo-element 사용하거나\n // 직접 rgba로 변환하는 대신 CSS custom property 사용\n \"&::before\": {\n content: '\"\"',\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: backgroundColor,\n opacity: backgroundOpacity,\n zIndex: -1,\n },\n };\n }\n\n // opacity가 1이면 그냥 색상만\n return { backgroundColor };\n };\n\n return (\n <Box\n ref={boxRef}\n className={className}\n style={{ ...style }}\n sx={{\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 1000,\n opacity: visible ? 1 : 0,\n transition: `opacity ${fadeoutDuration}ms ease-out`,\n ...getBackgroundStyle(),\n ...sx,\n }}\n >\n {renderIndicator()}\n </Box>\n );\n}\n", "/**\n * \uC21C\uC218 CSS \uB85C\uB529 \uC2A4\uD53C\uB108. MUI CircularProgress \uB300\uC2E0 LoadingProgress \uC758 indicator \uB85C \uC8FC\uC785\uD55C\uB2E4.\n *\n * \uC2A4\uD0C0\uC77C\uC740 \uC790\uCCB4 <style> \uD074\uB798\uC2A4\uB85C \uC8FC\uC785\uD55C\uB2E4(\uC678\uBD80 \uC2A4\uD0C0\uC77C \uC758\uC874 \uC5C6\uC74C). \uBC30\uACBD \uB9C1(\uC5F0\uD55C \uD2B8\uB799)\uACFC\n * \uD68C\uC804 \uD638(\uC0C1\uB2E8 \uC0C9)\uB97C \uD55C \uD074\uB798\uC2A4\uC5D0 \uB2F4\uB294\uB2E4. \uC571 \uCD08\uAE30 \uC2A4\uD53C\uB108 \uBC0F \uB300\uC2DC\uBCF4\uB4DC \uB808\uC774\uC544\uC6C3 \uC2A4\uD53C\uB108\uC640 \uB3D9\uC77C\uD55C \uBAA8\uC591.\n */\nexport interface CssSpinnerProps {\n /** \uC2A4\uD53C\uB108 \uC9C0\uB984(px). \uAE30\uBCF8 54 */\n size?: number;\n}\n\nconst SPINNER_CSS = `\n.vdt-css-spinner{box-sizing:border-box;border-radius:50%;border:4px solid rgba(28,64,125,0.14);border-top-color:#1c407d;animation:vdt-css-spinner-spin .75s linear infinite}\n@keyframes vdt-css-spinner-spin{to{transform:rotate(360deg)}}\n`;\n\nexport function CssSpinner({ size = 54 }: CssSpinnerProps) {\n return (\n <>\n <style>{SPINNER_CSS}</style>\n <span\n className=\"vdt-css-spinner\"\n role=\"progressbar\"\n aria-label=\"loading\"\n style={{ display: \"inline-block\", width: size, height: size }}\n />\n </>\n );\n}\n\nexport default CssSpinner;\n"],
5
+ "mappings": "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",
6
+ "names": ["index_exports", "__export", "VirtualDataTable", "__toCommonJS", "import_react", "import_material", "import_react_virtuoso", "__assign", "t", "s", "i", "n", "p", "LoadingProgress", "_a", "visible", "onComplete", "_b", "fadeoutDuration", "_c", "exitDelay", "_d", "size", "className", "style", "sx", "indicator", "_e", "background", "prevVisibleRef", "boxRef", "_f", "shouldRender", "setShouldRender", "_g", "showBackground", "_h", "backgroundColor", "_j", "backgroundOpacity", "prevVisible", "box", "renderIndicator", "_jsx", "getBackgroundStyle", "__assign", "import_jsx_runtime", "SPINNER_CSS", "CssSpinner", "size", "import_overlay_scrollbar", "import_jsx_runtime", "OVERLAY_SCROLLBAR_TRACK_CONFIG", "ROW_CLICK_DRAG_THRESHOLD_PX", "NOTION_LIGHT", "NOTION_PADDING_Y", "NOTION_DARK", "VirtualDataTableComponent", "data", "loading", "columns", "onRowClick", "getRowId", "selectedRowId", "selectedRowSxProp", "rowHeightProp", "columnHeightProp", "striped", "rowDivider", "onSort", "onLoadMore", "sortBy", "sortDirection", "showPaper", "paddingXProp", "paddingTop", "paddingBottom", "rowHoverColorProp", "rowHoverOpacityProp", "viewportBuffer", "overscan", "scrollbars", "emptyMessage", "autoHeight", "LoadingComponent", "showFooter", "footerHeight", "footerSx", "variant", "framed", "rowHeightMode", "tableLayout", "renderFullWidthRow", "fullWidthRowSx", "onRowContextMenu", "notion", "muiTheme", "notionTokens", "columnHeight", "rowHeight", "paddingX", "autoRowHeight", "rowHoverColor", "rowHoverOpacity", "defaultViewportBufferTop", "defaultViewportBufferBottom", "viewportBufferTop", "viewportBufferBottom", "defaultOverscanMain", "defaultOverscanReverse", "virtuosoOverscan", "estimatedItemHeight", "notionSelectedSx", "selectedRowSx", "useCssRowHighlight", "selectedRowCssSx", "isDev", "perfDebugEnabled", "perfStatsRef", "flushPerfStats", "reason", "stats", "rowAvgMs", "cellAvgMs", "intervalId", "VirtuosoScroller", "props", "ref", "scrollContainerRef", "wheelDeltaRef", "wheelRafRef", "el", "handleWheel", "e", "wheelStart", "delta", "rafStart", "maxStep", "batchedDelta", "OverlayScrollbar", "node", "stripedRowColor", "internalLoading", "setInternalLoading", "tableKey", "setTableKey", "handleLoadingComplete", "shouldShowLoading", "isLoadMoreLoading", "isLoadingMoreRef", "lastLoadMoreLengthRef", "virtuosoRef", "scrollerElRef", "listOverflows", "setListOverflows", "checkListOverflow", "observer", "onRowClickRef", "getRowIdRef", "onRowContextMenuRef", "pinnedLeft", "map", "left", "col", "pinnedStyle", "head", "hasRowClick", "isScrollDraggingRef", "mouseDownPositionRef", "handleDocumentMouseMove", "event", "dx", "dy", "tableContainer", "label", "mouseLeaveEvent", "handleSort", "columnId", "handleEndReached", "endIndex", "rangeStart", "hasMinimumData", "nearEnd", "alreadyRequestedAtThisLength", "offset", "prev", "prevDataLengthRef", "prevFirstRowKeyRef", "prevLength", "currentLength", "firstRowKey", "prevFirstRowKey", "dataReplaced", "fixedHeaderContent", "groupMap", "noGroupColumns", "MuiTableRow", "firstRowCells", "group", "cols", "secondRowCells", "rowContent", "index", "item", "rowStart", "rowDuration", "fullWidth", "cells", "column", "cellStart", "cellValue", "cellDuration", "pinned", "customPadding", "span", "onCellClick", "hasFooter", "fixedFooterContent", "i", "colSpan", "VirtuosoTableComponents", "_selected", "_ariaSelected", "className", "rest", "rowIndex", "isOddRow", "rowId", "isSelected", "resolvedSelectedRowSx", "sanitizedClassName", "token", "theme", "isDark", "color", "opacity", "hex", "r", "g", "b", "children", "MuiTableBody", "MuiTableFooter", "resolvedVirtuosoComponents", "autoParts", "AutoTable", "AutoTableHead", "AutoTableBody", "AutoTableRow", "AutoTableFoot", "tableContent", "LoadingProgress", "CssSpinner", "notionFramePadding", "VirtualDataTable"]
7
7
  }