npm - dinocollab-core - Versions diffs - 2.2.2 → 2.2.3 - Mend

dinocollab-core 2.2.2 → 2.2.3

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 (45) hide show

package/dist/src/lab/data-surface/view-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"view-list.js","sources":["../../../../src/lab/data-surface/view-list.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { Box, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, styled } from '@mui/material'\r\nimport { ListDensity } from './view-list.types'\r\nimport { LIST_CELL_PADDING_BY_DENSITY, LIST_HEADER_HEIGHT, LIST_ROW_HEIGHT_BY_DENSITY } from './view-list.units'\r\n// types\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport type { IListCellParams, TListColumn, TListColumns } from './view-list.types'\r\nimport type { TGetterId, LoadingModeRule, TPagination, TVirtualizedConfig, RenderStrategyRule } from './types'\r\n\r\nexport interface IViewListBase<T> {\r\n columns?: TListColumns<T>\r\n density?: ListDensity\r\n /*\r\n Controls how the list is rendered into the DOM.\r\n * - `normal` — all rows are mounted (suitable for small datasets)\r\n * - `virtualized` — only visible rows are mounted (optimized for large datasets)\r\n * @default 'normal'\r\n /\r\n renderStrategy?: RenderStrategyRule\r\n virtualizedConfig?: TVirtualizedConfig\r\n /* Called when user scrolls near the bottom of the list. Use this to trigger pagination or infinity load. /\r\n onNearEnd?: () => void\r\n}\r\n\r\nexport interface IViewListConfig<T> extends IViewListBase<T> {\r\n getterId: TGetterId<T>\r\n}\r\n\r\nexport interface IViewListProps<T> extends IViewListBase<T> {\r\n value: T[]\r\n}\r\n\r\nexport interface IViewListLoadingProps<T> extends IViewListBase<T> {\r\n value: T[]\r\n loadMode: LoadingModeRule\r\n loading?: boolean\r\n pagination?: TPagination\r\n onPageChange?: (page: number, pageSize: number) => void \| Promise<void>\r\n}\r\n\r\nconst getColumnWidth = <T,>(column: TListColumn<T>, totalFlex: number): number \| string \| undefined => {\r\n if (column.width !== undefined) return column.width\r\n if (totalFlex > 0 && column.flex && column.flex > 0) {\r\n const percent = (column.flex / totalFlex) 100\r\n return `${percent}%`\r\n }\r\n if (totalFlex > 0 && column.minWidth) return `${column.minWidth}px`\r\n return undefined\r\n}\r\n\r\nconst renderCellValue = <T,>(column: TListColumn<T>, row: T, index: number): ReactNode => {\r\n const value = column.valueGetter ? column.valueGetter(row, index) : (row as any)[column.field]\r\n const params: IListCellParams<T> = { value, row, index, field: column.field }\r\n\r\n if (column.renderCell) return column.renderCell(params)\r\n return String(value ?? '')\r\n}\r\n\r\nconst buildDefaultColumns = <T,>(data: T[]): TListColumn<T>[] => {\r\n if (data.length === 0) return []\r\n const firstRow = data[0]\r\n return Object.keys(firstRow as object).map((key) => ({\r\n field: key as keyof T,\r\n label: String(key),\r\n flex: 1\r\n }))\r\n}\r\n\r\n/*\r\n Converts TListColumns<T> Record type to TListColumn<T>[] array for internal use.\r\n /\r\nconst columnsRecordToArray = <T,>(columnsRecord?: TListColumns<T>): TListColumn<T>[] => {\r\n if (!columnsRecord) return []\r\n const keys = Object.keys(columnsRecord) as (keyof T)[]\r\n return keys.map((key) => {\r\n const colConfig = columnsRecord[key] ?? {}\r\n return { field: key, ...colConfig } as TListColumn<T>\r\n })\r\n}\r\n\r\nfunction createViewListNormal<T>(config: IViewListConfig<T>) {\r\n const ViewListNormal: FC<IViewListProps<T>> = (props) => {\r\n const density = props.density ?? config.density ?? ListDensity.standard\r\n const columnsArray = props.columns\r\n ? columnsRecordToArray(props.columns)\r\n : config.columns\r\n ? columnsRecordToArray(config.columns)\r\n : buildDefaultColumns(props.value)\r\n const columns = columnsArray\r\n const totalFlex = columns.reduce((sum, col) => sum + (col.flex && col.flex > 0 ? col.flex : 0), 0)\r\n const rowHeight = LIST_ROW_HEIGHT_BY_DENSITY[density]\r\n const cellPadding = LIST_CELL_PADDING_BY_DENSITY[density]\r\n\r\n return (\r\n <ViewListNormalStyled className={classes.root}>\r\n <TableContainer\r\n className={classes.scrollContainer}\r\n onScroll={(e) => {\r\n const t = e.currentTarget\r\n if (t.scrollHeight - t.scrollTop - t.clientHeight <= 80) {\r\n props.onNearEnd?.()\r\n }\r\n }}\r\n >\r\n <Table size='small' className={classes.table}>\r\n <TableHead className={classes.tableHeader}>\r\n <TableRow>\r\n {columns.map((col) => (\r\n <TableCell\r\n key={String(col.field)}\r\n className={classes.tableHeaderCell}\r\n align={col.align}\r\n sx={{\r\n minWidth: col.minWidth,\r\n width: getColumnWidth(col, totalFlex),\r\n maxWidth: col.width ?? (totalFlex > 0 && col.flex ? 0 : undefined)\r\n }}\r\n >\r\n {col.label ?? String(col.field)}\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n </TableHead>\r\n <TableBody>\r\n {props.value.map((row, index) => {\r\n const rowKey = config.getterId(row, index) ?? index\r\n return (\r\n <TableRow key={rowKey} hover sx={{ height: rowHeight }}>\r\n {columns.map((col) => (\r\n <TableCell\r\n key={`${String(rowKey)}-${String(col.field)}`}\r\n className={classes.tableBodyCell}\r\n align={col.align}\r\n sx={{\r\n height: rowHeight,\r\n padding: cellPadding,\r\n maxWidth: col.width ?? (totalFlex > 0 && col.flex ? 0 : undefined)\r\n }}\r\n >\r\n <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n )\r\n })}\r\n </TableBody>\r\n </Table>\r\n </TableContainer>\r\n </ViewListNormalStyled>\r\n )\r\n }\r\n return ViewListNormal\r\n}\r\n\r\nfunction createViewListVirtualized<T>(config: IViewListConfig<T>) {\r\n const ViewListVirtualized: FC<IViewListProps<T>> = (props) => {\r\n const density = props.density ?? config.density ?? ListDensity.standard\r\n const columnsArray = props.columns\r\n ? columnsRecordToArray(props.columns)\r\n : config.columns\r\n ? columnsRecordToArray(config.columns)\r\n : buildDefaultColumns(props.value)\r\n const columns = columnsArray\r\n const totalFlex = columns.reduce((sum, col) => sum + (col.flex && col.flex > 0 ? col.flex : 0), 0)\r\n const rowHeight = LIST_ROW_HEIGHT_BY_DENSITY[density]\r\n const cellPadding = LIST_CELL_PADDING_BY_DENSITY[density]\r\n\r\n const virtualized = useMemo(() => {\r\n return Object.assign({}, config.virtualizedConfig, props.virtualizedConfig) as TVirtualizedConfig \| undefined\r\n }, [props.virtualizedConfig])\r\n\r\n const wrapRef = useRef<HTMLDivElement \| null>(null)\r\n const headerRowRef = useRef<HTMLTableRowElement \| null>(null)\r\n const [containerHeight, setContainerHeight] = useState(0)\r\n const [scrollTopState, setScrollTopState] = useState(virtualized?.scrollTop ?? 0)\r\n const [headerHeight, setHeaderHeight] = useState(LIST_HEADER_HEIGHT)\r\n\r\n const overscan = Math.max(1, virtualized?.overscan ?? 6)\r\n\r\n useLayoutEffect(() => {\r\n if (!wrapRef.current) return\r\n\r\n const updateSize = () => {\r\n const nextHeight = wrapRef.current?.clientHeight ?? 0\r\n setContainerHeight((prev) => (prev === nextHeight ? prev : nextHeight))\r\n }\r\n\r\n updateSize()\r\n\r\n const observer = new ResizeObserver(() => {\r\n updateSize()\r\n })\r\n\r\n observer.observe(wrapRef.current)\r\n return () => observer.disconnect()\r\n }, [])\r\n\r\n // sync external virtualized.scrollTop when provided\r\n useLayoutEffect(() => {\r\n if (virtualized && typeof virtualized.scrollTop === 'number') {\r\n setScrollTopState(virtualized.scrollTop)\r\n }\r\n }, [virtualized?.scrollTop])\r\n\r\n useLayoutEffect(() => {\r\n const measured = headerRowRef.current?.offsetHeight ?? 0\r\n if (measured > 0 && measured !== headerHeight) {\r\n setHeaderHeight(measured)\r\n }\r\n }, [columns.length, headerHeight])\r\n\r\n const windowed = useMemo(() => {\r\n const totalItems = props.value.length\r\n if (totalItems === 0) {\r\n return { start: 0, end: -1, topSpacerHeight: 0, bottomSpacerHeight: 0 }\r\n }\r\n\r\n const effectiveScrollTop = virtualized && typeof virtualized.scrollTop === 'number' ? virtualized.scrollTop : scrollTopState\r\n const safeViewportHeight = Math.max(1, (virtualized?.viewportHeight ?? containerHeight) - headerHeight)\r\n const adjustedScrollTop = Math.max(0, effectiveScrollTop - headerHeight)\r\n const start = Math.max(0, Math.floor(adjustedScrollTop / rowHeight) - overscan)\r\n const visibleCount = Math.ceil(safeViewportHeight / rowHeight)\r\n const end = Math.min(totalItems - 1, start + visibleCount + overscan 2)\r\n\r\n const topSpacerHeight = start * rowHeight\r\n const bottomSpacerHeight = Math.max(0, (totalItems - end - 1) * rowHeight)\r\n\r\n return { start, end, topSpacerHeight, bottomSpacerHeight }\r\n }, [props.value.length, headerHeight, overscan, rowHeight, virtualized, scrollTopState, containerHeight])\r\n\r\n const rowsToRender = windowed.end >= windowed.start ? props.value.slice(windowed.start, windowed.end + 1) : []\r\n\r\n return (\r\n <ViewListVirtualizedStyled className={classes.root}>\r\n <TableContainer\r\n ref={wrapRef}\r\n className={classes.scrollContainer}\r\n onScroll={(e) => {\r\n const t = e.currentTarget as HTMLDivElement\r\n if (!virtualized \|\| typeof virtualized.scrollTop !== 'number') {\r\n setScrollTopState(t.scrollTop)\r\n }\r\n if (t.scrollHeight - t.scrollTop - t.clientHeight <= 80) {\r\n props.onNearEnd?.()\r\n }\r\n }}\r\n >\r\n <Table size='small' className={classes.table}>\r\n <TableHead className={classes.tableHeader}>\r\n <TableRow ref={headerRowRef}>\r\n {columns.map((col) => (\r\n <TableCell\r\n key={String(col.field)}\r\n className={classes.tableHeaderCell}\r\n align={col.align}\r\n sx={{\r\n minWidth: col.minWidth,\r\n width: getColumnWidth(col, totalFlex),\r\n maxWidth: col.width ?? (totalFlex > 0 && col.flex ? 0 : undefined)\r\n }}\r\n >\r\n {col.label ?? String(col.field)}\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n </TableHead>\r\n <TableBody>\r\n {windowed.topSpacerHeight > 0 ? (\r\n <TableRow className={classes.tableSpacerRow}>\r\n <TableCell\r\n colSpan={columns.length}\r\n className={classes.tableSpacerCell}\r\n sx={{ height: windowed.topSpacerHeight, padding: 0, border: 0 }}\r\n />\r\n </TableRow>\r\n ) : null}\r\n\r\n {rowsToRender.map((row, offset) => {\r\n const index = windowed.start + offset\r\n const rowKey = config.getterId(row, index) ?? index\r\n\r\n return (\r\n <TableRow key={rowKey} hover sx={{ height: rowHeight }}>\r\n {columns.map((col) => (\r\n <TableCell\r\n key={`${String(rowKey)}-${String(col.field)}`}\r\n className={classes.tableBodyCell}\r\n align={col.align}\r\n sx={{\r\n height: rowHeight,\r\n padding: cellPadding,\r\n maxWidth: col.width ?? (totalFlex > 0 && col.flex ? 0 : undefined)\r\n }}\r\n >\r\n <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n )\r\n })}\r\n\r\n {windowed.bottomSpacerHeight > 0 ? (\r\n <TableRow className={classes.tableSpacerRow}>\r\n <TableCell\r\n colSpan={columns.length}\r\n className={classes.tableSpacerCell}\r\n sx={{ height: windowed.bottomSpacerHeight, padding: 0, border: 0 }}\r\n />\r\n </TableRow>\r\n ) : null}\r\n </TableBody>\r\n </Table>\r\n </TableContainer>\r\n </ViewListVirtualizedStyled>\r\n )\r\n }\r\n return ViewListVirtualized\r\n}\r\n\r\nexport function createViewList<T>(config: IViewListConfig<T>) {\r\n const ViewListNormal = createViewListNormal<T>(config)\r\n const ViewListVirtualized = createViewListVirtualized<T>(config)\r\n\r\n const ViewList: FC<IViewListProps<T>> = (props) => {\r\n const renderStrategy = props.renderStrategy ?? config.renderStrategy ?? 'normal'\r\n if (renderStrategy === 'virtualized') {\r\n return <ViewListVirtualized {...props} />\r\n }\r\n return <ViewListNormal {...props} />\r\n }\r\n return ViewList\r\n}\r\n\r\nexport function createViewListLoading<T>(ListComponent: ComponentType<IViewListProps<T>>) {\r\n const ViewListLoading: FC<IViewListLoadingProps<T>> = (props) => {\r\n const handleNearEnd = useCallback(async () => {\r\n if (props.loadMode !== 'infiniteScroll') return\r\n if (!props.pagination?.hasNext) return\r\n if (props.loading) return\r\n\r\n const currentPage = props.pagination?.page ?? 0\r\n const currentPageSize = props.pagination?.pageSize ?? 20\r\n const nextPage = currentPage + 1\r\n await props.onPageChange?.(nextPage, currentPageSize)\r\n }, [props.loadMode, props.pagination?.hasNext, props.pagination?.page, props.pagination?.pageSize, props.loading, props.onPageChange])\r\n\r\n return (\r\n <ListComponent\r\n value={props.value}\r\n columns={props.columns}\r\n density={props.density}\r\n renderStrategy={props.renderStrategy}\r\n virtualizedConfig={props.virtualizedConfig}\r\n onNearEnd={props.loadMode === 'infiniteScroll' ? handleNearEnd : undefined}\r\n />\r\n )\r\n }\r\n\r\n return ViewListLoading\r\n}\r\n\r\nexport default createViewList\r\n\r\nexport const viewListClasses = {\r\n root: 'DinoViewList-root',\r\n scrollContainer: 'DinoViewList-scrollContainer',\r\n table: 'DinoViewList-table',\r\n tableHeader: 'DinoViewList-tableHeader',\r\n tableHeaderCell: 'DinoViewList-tableHeaderCell',\r\n tableBodyCell: 'DinoViewList-tableBodyCell',\r\n tableSpacerRow: 'DinoViewList-tableSpacerRow',\r\n tableSpacerCell: 'DinoViewList-tableSpacerCell',\r\n tableCellContent: 'DinoViewList-tableCellContent'\r\n}\r\nconst classes = viewListClasses\r\n\r\nconst ViewListNormalStyled = styled(Box)(({ theme }) => ({\r\n position: 'relative',\r\n width: '100%',\r\n height: '100%',\r\n overflow: 'hidden',\r\n [`.${classes.scrollContainer}`]: {\r\n position: 'absolute',\r\n inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n overflowY: 'auto'\r\n },\r\n [`.${classes.table}`]: {\r\n tableLayout: 'fixed',\r\n width: '100%'\r\n },\r\n [`.${classes.tableHeader}`]: {\r\n position: 'sticky',\r\n top: 0,\r\n zIndex: 2,\r\n backgroundColor: theme.palette.background.paper,\r\n boxShadow: `0 1px 3px ${theme.palette.mode === 'dark' ? 'rgba(0,0,0,0.3)' : 'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px'}`,\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.02)',\r\n zIndex: -1\r\n }\r\n },\r\n [`.${classes.tableHeaderCell}`]: {\r\n fontWeight: 600,\r\n paddingTop: theme.spacing(1.5),\r\n paddingBottom: theme.spacing(1.5),\r\n overflow: 'hidden'\r\n },\r\n [`.${classes.tableBodyCell}`]: {\r\n overflow: 'hidden'\r\n },\r\n [`.${classes.tableCellContent}`]: {\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap'\r\n }\r\n}))\r\n\r\nconst ViewListVirtualizedStyled = styled(Box)(({ theme }) => ({\r\n position: 'relative',\r\n width: '100%',\r\n height: '100%',\r\n overflow: 'hidden',\r\n boxSizing: 'border-box',\r\n [`.${classes.scrollContainer}`]: {\r\n position: 'absolute',\r\n inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n overflowY: 'auto'\r\n },\r\n [`.${classes.table}`]: {\r\n tableLayout: 'fixed',\r\n width: '100%'\r\n },\r\n [`.${classes.tableHeader}`]: {\r\n position: 'sticky',\r\n top: 0,\r\n zIndex: 2,\r\n backgroundColor: theme.palette.background.paper,\r\n boxShadow: `0 1px 3px ${theme.palette.mode === 'dark' ? 'rgba(0,0,0,0.3)' : 'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px'}`,\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n inset: 0,\r\n backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.02)',\r\n zIndex: -1\r\n }\r\n },\r\n [`.${classes.tableHeaderCell}`]: {\r\n fontWeight: 600,\r\n paddingTop: theme.spacing(1.5),\r\n paddingBottom: theme.spacing(1.5),\r\n overflow: 'hidden'\r\n },\r\n [`.${classes.tableBodyCell}`]: {\r\n overflow: 'hidden'\r\n },\r\n [`.${classes.tableCellContent}`]: {\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap'\r\n }\r\n}))\r\n"],"names":["getColumnWidth","column","totalFlex","undefined","width","flex","percent","concat","minWidth","renderCellValue","row","index","value","valueGetter","field","params","renderCell","String","buildDefaultColumns","data","length","firstRow","Object","keys","map","key","label","columnsRecordToArray","columnsRecord","_columnsRecord$key","colConfig","_objectSpread","createViewList","config","ViewListNormal","props","_ref","_props$density","density","ListDensity","standard","columns","reduce","sum","col","rowHeight","LIST_ROW_HEIGHT_BY_DENSITY","cellPadding","LIST_CELL_PADDING_BY_DENSITY","_jsx","ViewListNormalStyled","className","classes","root","children","TableContainer","scrollContainer","onScroll","e","_props$onNearEnd","t","currentTarget","scrollHeight","scrollTop","clientHeight","onNearEnd","call","_jsxs","Table","size","table","TableHead","tableHeader","TableRow","_col$width","_col$label","TableCell","tableHeaderCell","align","sx","maxWidth","TableBody","_config$getterId","rowKey","getterId","hover","height","_col$width2","tableBodyCell","padding","Box","tableCellContent","createViewListNormal","ViewListVirtualized","_ref2","_props$density2","_virtualized$scrollTo","_virtualized$overscan","virtualized","useMemo","assign","virtualizedConfig","wrapRef","useRef","headerRowRef","_useState","useState","_useState2","_slicedToArray","containerHeight","setContainerHeight","_useState3","_useState4","scrollTopState","setScrollTopState","_useState5","LIST_HEADER_HEIGHT","_useState6","headerHeight","setHeaderHeight","overscan","Math","max","useLayoutEffect","current","updateSize","_wrapRef$current$clie","_wrapRef$current","nextHeight","prev","observer","ResizeObserver","observe","disconnect","_headerRowRef$current","_headerRowRef$current2","measured","offsetHeight","windowed","_virtualized$viewport","totalItems","start","end","topSpacerHeight","bottomSpacerHeight","effectiveScrollTop","safeViewportHeight","viewportHeight","adjustedScrollTop","floor","visibleCount","ceil","min","rowsToRender","slice","ViewListVirtualizedStyled","ref","_props$onNearEnd2","_col$width3","_col$label2","tableSpacerRow","colSpan","tableSpacerCell","border","offset","_config$getterId2","_col$width4","createViewListVirtualized","_ref3","_props$renderStrategy","renderStrategy","createViewListLoading","ListComponent","_props$pagination4","_props$pagination5","_props$pagination6","handleNearEnd","useCallback","_asyncToGenerator","_regenerator","m","_callee","_props$pagination","_props$pagination$pag","_props$pagination2","_props$pagination$pag2","_props$pagination3","_props$onPageChange","currentPage","currentPageSize","nextPage","w","_context","n","loadMode","a","pagination","hasNext","loading","page","pageSize","onPageChange","viewListClasses","styled","_ref5","theme","_defineProperty","position","overflow","inset","overflowY","tableLayout","top","zIndex","backgroundColor","palette","background","paper","boxShadow","mode","content","fontWeight","paddingTop","spacing","paddingBottom","textOverflow","whiteSpace","_ref7","boxSizing"],"mappings":"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"}
1	+ {"version":3,"file":"view-list.js","sources":["../../../../src/lab/data-surface/view-list.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { Box, Checkbox, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography, alpha, styled } from '@mui/material'\r\nimport { ListDensity } from './view-list.types'\r\nimport { LIST_CELL_PADDING_BY_DENSITY, LIST_HEADER_HEIGHT, LIST_ROW_HEIGHT_BY_DENSITY, useListSelection } from './view-list.units'\r\n// types\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport type { IListCellParams, TListColumn, TListColumns } from './view-list.types'\r\nimport type { TGetterId, LoadingModeRule, TPagination, TVirtualizedConfig, RenderStrategyRule } from './types'\r\n\r\nexport interface IViewListBase<T> {\r\n columns?: TListColumns<T>\r\n density?: ListDensity\r\n /*\r\n Controls how the list is rendered into the DOM.\r\n * - `normal` — all rows are mounted (suitable for small datasets)\r\n * - `virtualized` — only visible rows are mounted (optimized for large datasets)\r\n * @default 'normal'\r\n /\r\n renderStrategy?: RenderStrategyRule\r\n virtualizedConfig?: TVirtualizedConfig\r\n /* Called when user scrolls near the bottom of the list. Use this to trigger pagination or infinity load. /\r\n onNearEnd?: () => void\r\n /* Enable row selection with checkboxes. /\r\n selectable?: boolean\r\n /* Array of selected row IDs (controlled). /\r\n selectedIds?: (string \| number)[]\r\n /* Callback when selection changes. /\r\n onSelectionChange?: (selectedIds: (string \| number)[]) => void\r\n}\r\n\r\nexport interface IViewListConfig<T> extends IViewListBase<T> {\r\n getterId: TGetterId<T>\r\n}\r\n\r\nexport interface IViewListProps<T> extends IViewListBase<T> {\r\n value: T[]\r\n}\r\n\r\nexport interface IViewListLoadingProps<T> extends IViewListBase<T> {\r\n value: T[]\r\n loadMode: LoadingModeRule\r\n loading?: boolean\r\n pagination?: TPagination\r\n onPageChange?: (page: number, pageSize: number) => void \| Promise<void>\r\n}\r\n\r\nconst getColumnWidth = <T,>(column: TListColumn<T>, totalFlex: number): number \| string \| undefined => {\r\n // Priority 1: Explicit width always wins\r\n if (column.width !== undefined) return column.width\r\n\r\n // Priority 2: Flex-based proportional width\r\n if (column.flex && column.flex > 0 && totalFlex > 0) {\r\n const percent = (column.flex / totalFlex) 100\r\n return `${percent}%`\r\n }\r\n\r\n // Priority 3: Auto-width (no width or flex specified)\r\n // Let the table auto-calculate based on content\r\n return undefined\r\n}\r\n\r\nfunction renderCellValue<T>(column: TListColumn<T>, row: T, index: number): ReactNode {\r\n const value = column.valueGetter ? column.valueGetter(row, index) : (row as any)[column.field]\r\n const params: IListCellParams<T> = { value, row, index, field: column.field }\r\n if (column.renderCell) return column.renderCell(params)\r\n const valueLabel = String(value ?? '')\r\n return (\r\n <Typography variant='body2' noWrap title={valueLabel}>\r\n {valueLabel}\r\n </Typography>\r\n )\r\n}\r\n\r\nconst buildDefaultColumns = <T,>(data: T[]): TListColumn<T>[] => {\r\n if (data.length === 0) return []\r\n const firstRow = data[0]\r\n return Object.keys(firstRow as object).map((key) => ({\r\n field: key as keyof T,\r\n label: String(key),\r\n flex: 1\r\n }))\r\n}\r\n\r\n/*\r\n Converts TListColumns<T> Record type to TListColumn<T>[] array for internal use.\r\n /\r\nconst columnsRecordToArray = <T,>(value: T[], columnsRecord?: TListColumns<T>): TListColumn<T>[] => {\r\n if (!columnsRecord) return buildDefaultColumns(value)\r\n const keys = Object.keys(columnsRecord) as (keyof T)[]\r\n return keys.map((key) => {\r\n const colConfig = columnsRecord[key] ?? {}\r\n return { field: key, ...colConfig } as TListColumn<T>\r\n })\r\n}\r\n\r\nfunction createViewListNormal<T>(config: IViewListConfig<T>) {\r\n const ViewListNormal: FC<IViewListProps<T>> = (props) => {\r\n const density = props.density ?? config.density ?? ListDensity.standard\r\n\r\n const columnsArray = columnsRecordToArray(props.value, props.columns ?? config.columns)\r\n const columns = columnsArray\r\n const totalFlex = columns.reduce((sum, col) => sum + (col.flex && col.flex > 0 ? col.flex : 0), 0)\r\n const rowHeight = LIST_ROW_HEIGHT_BY_DENSITY[density]\r\n const cellPadding = LIST_CELL_PADDING_BY_DENSITY[density]\r\n\r\n const selectable = props.selectable ?? config.selectable ?? false\r\n const onSelectionChange = props.onSelectionChange ?? config.onSelectionChange\r\n\r\n // Use selection hook to manage checkbox state and handlers\r\n const selection = useListSelection(props.value, config.getterId, selectable, props.selectedIds, onSelectionChange)\r\n const { selectedIds, isAllSelected, isSomeSelected, handleToggleAll, handleToggleRow } = selection\r\n\r\n return (\r\n <ViewListStyled className={classes.root}>\r\n <TableContainer\r\n className={classes.scrollContainer}\r\n onScroll={(e) => {\r\n const t = e.currentTarget\r\n if (t.scrollHeight - t.scrollTop - t.clientHeight <= 80) {\r\n props.onNearEnd?.()\r\n }\r\n }}\r\n >\r\n <Table size='small' className={classes.table}>\r\n <TableHead className={classes.tableHeader}>\r\n <TableRow>\r\n {selectable && (\r\n <TableCell padding='checkbox' className={classes.tableHeaderCell} sx={{ width: 48 }}>\r\n <Checkbox checked={isAllSelected} indeterminate={isSomeSelected} onChange={handleToggleAll} />\r\n </TableCell>\r\n )}\r\n {columns.map((col) => {\r\n const colWidth = getColumnWidth(col, totalFlex)\r\n const hasFixedWidth = col.width !== undefined\r\n return (\r\n <TableCell\r\n key={String(col.field)}\r\n className={classes.tableHeaderCell}\r\n align={col.align}\r\n sx={{\r\n width: colWidth,\r\n // For fixed-width columns, enforce minWidth = width to prevent shrinking\r\n minWidth: hasFixedWidth ? colWidth : col.minWidth,\r\n // Lock all columns with maxWidth to prevent text overflow expansion\r\n maxWidth: col.maxWidth ?? colWidth,\r\n // Prevent text overflow from expanding cells\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap'\r\n }}\r\n >\r\n {col.label ?? String(col.field)}\r\n </TableCell>\r\n )\r\n })}\r\n </TableRow>\r\n </TableHead>\r\n <TableBody>\r\n {props.value.map((row, index) => {\r\n const rowKey = config.getterId(row, index) ?? index\r\n const isSelected = selectedIds.includes(rowKey)\r\n return (\r\n <TableRow key={rowKey} hover sx={{ height: rowHeight }} selected={isSelected}>\r\n {selectable && (\r\n <TableCell padding='checkbox' className={classes.tableBodyCell} sx={{ height: rowHeight, padding: cellPadding }}>\r\n <Checkbox checked={isSelected} onChange={() => handleToggleRow(rowKey)} />\r\n </TableCell>\r\n )}\r\n {columns.map((col) => {\r\n const colWidth = getColumnWidth(col, totalFlex)\r\n const hasFixedWidth = col.width !== undefined\r\n return (\r\n <TableCell\r\n key={`${String(rowKey)}-${String(col.field)}`}\r\n className={classes.tableBodyCell}\r\n align={col.align}\r\n sx={{\r\n height: rowHeight,\r\n padding: cellPadding,\r\n width: colWidth,\r\n // For fixed-width columns, enforce minWidth = width to prevent shrinking\r\n minWidth: hasFixedWidth ? colWidth : col.minWidth,\r\n // Lock all columns with maxWidth to prevent text overflow expansion\r\n maxWidth: col.maxWidth ?? colWidth,\r\n // Prevent text overflow from expanding cells\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap'\r\n }}\r\n >\r\n <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n </TableCell>\r\n )\r\n })}\r\n </TableRow>\r\n )\r\n })}\r\n </TableBody>\r\n </Table>\r\n </TableContainer>\r\n </ViewListStyled>\r\n )\r\n }\r\n return ViewListNormal\r\n}\r\n\r\nfunction createViewListVirtualized<T>(config: IViewListConfig<T>) {\r\n const ViewListVirtualized: FC<IViewListProps<T>> = (props) => {\r\n const density = props.density ?? config.density ?? ListDensity.standard\r\n const columnsArray = columnsRecordToArray(props.value, props.columns \|\| config.columns)\r\n const columns = columnsArray\r\n const totalFlex = columns.reduce((sum, col) => sum + (col.flex && col.flex > 0 ? col.flex : 0), 0)\r\n const rowHeight = LIST_ROW_HEIGHT_BY_DENSITY[density]\r\n const cellPadding = LIST_CELL_PADDING_BY_DENSITY[density]\r\n\r\n const selectable = props.selectable ?? config.selectable ?? false\r\n const onSelectionChange = props.onSelectionChange ?? config.onSelectionChange\r\n\r\n // Use selection hook to manage checkbox state and handlers\r\n const selection = useListSelection(props.value, config.getterId, selectable, props.selectedIds, onSelectionChange)\r\n const { selectedIds, isAllSelected, isSomeSelected, handleToggleAll, handleToggleRow } = selection\r\n\r\n const virtualized = useMemo(() => {\r\n return Object.assign({}, config.virtualizedConfig, props.virtualizedConfig) as TVirtualizedConfig \| undefined\r\n }, [props.virtualizedConfig])\r\n\r\n const wrapRef = useRef<HTMLDivElement \| null>(null)\r\n const headerRowRef = useRef<HTMLTableRowElement \| null>(null)\r\n const [containerHeight, setContainerHeight] = useState(0)\r\n const [scrollTopState, setScrollTopState] = useState(virtualized?.scrollTop ?? 0)\r\n const [headerHeight, setHeaderHeight] = useState(LIST_HEADER_HEIGHT)\r\n\r\n const overscan = Math.max(1, virtualized?.overscan ?? 6)\r\n\r\n useLayoutEffect(() => {\r\n if (!wrapRef.current) return\r\n\r\n const updateSize = () => {\r\n const nextHeight = wrapRef.current?.clientHeight ?? 0\r\n setContainerHeight((prev) => (prev === nextHeight ? prev : nextHeight))\r\n }\r\n\r\n updateSize()\r\n\r\n const observer = new ResizeObserver(() => {\r\n updateSize()\r\n })\r\n\r\n observer.observe(wrapRef.current)\r\n return () => observer.disconnect()\r\n }, [])\r\n\r\n // sync external virtualized.scrollTop when provided\r\n useLayoutEffect(() => {\r\n if (virtualized && typeof virtualized.scrollTop === 'number') {\r\n setScrollTopState(virtualized.scrollTop)\r\n }\r\n }, [virtualized?.scrollTop])\r\n\r\n useLayoutEffect(() => {\r\n const measured = headerRowRef.current?.offsetHeight ?? 0\r\n if (measured > 0 && measured !== headerHeight) {\r\n setHeaderHeight(measured)\r\n }\r\n }, [columns.length, headerHeight])\r\n\r\n const windowed = useMemo(() => {\r\n const totalItems = props.value.length\r\n if (totalItems === 0) {\r\n return { start: 0, end: -1, topSpacerHeight: 0, bottomSpacerHeight: 0 }\r\n }\r\n\r\n const effectiveScrollTop = virtualized && typeof virtualized.scrollTop === 'number' ? virtualized.scrollTop : scrollTopState\r\n const safeViewportHeight = Math.max(1, (virtualized?.viewportHeight ?? containerHeight) - headerHeight)\r\n const adjustedScrollTop = Math.max(0, effectiveScrollTop - headerHeight)\r\n const start = Math.max(0, Math.floor(adjustedScrollTop / rowHeight) - overscan)\r\n const visibleCount = Math.ceil(safeViewportHeight / rowHeight)\r\n const end = Math.min(totalItems - 1, start + visibleCount + overscan 2)\r\n\r\n const topSpacerHeight = start * rowHeight\r\n const bottomSpacerHeight = Math.max(0, (totalItems - end - 1) * rowHeight)\r\n\r\n return { start, end, topSpacerHeight, bottomSpacerHeight }\r\n }, [props.value.length, headerHeight, overscan, rowHeight, virtualized, scrollTopState, containerHeight])\r\n\r\n const rowsToRender = windowed.end >= windowed.start ? props.value.slice(windowed.start, windowed.end + 1) : []\r\n const rootClasses = [classes.root, classes.virtualized].filter(Boolean).join(' ')\r\n return (\r\n <ViewListStyled className={rootClasses}>\r\n <TableContainer\r\n ref={wrapRef}\r\n className={classes.scrollContainer}\r\n onScroll={(e) => {\r\n const t = e.currentTarget as HTMLDivElement\r\n if (!virtualized \|\| typeof virtualized.scrollTop !== 'number') {\r\n setScrollTopState(t.scrollTop)\r\n }\r\n if (t.scrollHeight - t.scrollTop - t.clientHeight <= 80) {\r\n props.onNearEnd?.()\r\n }\r\n }}\r\n >\r\n <Table size='small' className={classes.table}>\r\n <TableHead className={classes.tableHeader}>\r\n <TableRow ref={headerRowRef}>\r\n {selectable && (\r\n <TableCell padding='checkbox' className={classes.tableHeaderCell} sx={{ width: 48 }}>\r\n <Checkbox checked={isAllSelected} indeterminate={isSomeSelected} onChange={handleToggleAll} />\r\n </TableCell>\r\n )}\r\n {columns.map((col) => {\r\n const colWidth = getColumnWidth(col, totalFlex)\r\n const hasFixedWidth = col.width !== undefined\r\n return (\r\n <TableCell\r\n key={String(col.field)}\r\n className={classes.tableHeaderCell}\r\n align={col.align}\r\n sx={{\r\n width: colWidth,\r\n // For fixed-width columns, enforce minWidth = width to prevent shrinking\r\n minWidth: hasFixedWidth ? colWidth : col.minWidth,\r\n // Lock all columns with maxWidth to prevent text overflow expansion\r\n maxWidth: col.maxWidth ?? colWidth,\r\n // Prevent text overflow from expanding cells\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap'\r\n }}\r\n >\r\n {col.label ?? String(col.field)}\r\n </TableCell>\r\n )\r\n })}\r\n </TableRow>\r\n </TableHead>\r\n <TableBody>\r\n {windowed.topSpacerHeight > 0 ? (\r\n <TableRow className={classes.tableSpacerRow}>\r\n <TableCell\r\n colSpan={columns.length + (selectable ? 1 : 0)}\r\n className={classes.tableSpacerCell}\r\n sx={{ height: windowed.topSpacerHeight, padding: 0, border: 0 }}\r\n />\r\n </TableRow>\r\n ) : null}\r\n\r\n {rowsToRender.map((row, offset) => {\r\n const index = windowed.start + offset\r\n const rowKey = config.getterId(row, index) ?? index\r\n const isSelected = selectedIds.includes(rowKey)\r\n\r\n return (\r\n <TableRow key={rowKey} hover sx={{ height: rowHeight }} selected={isSelected}>\r\n {selectable && (\r\n <TableCell padding='checkbox' className={classes.tableBodyCell} sx={{ height: rowHeight, padding: cellPadding }}>\r\n <Checkbox checked={isSelected} onChange={() => handleToggleRow(rowKey)} />\r\n </TableCell>\r\n )}\r\n {columns.map((col) => {\r\n const colWidth = getColumnWidth(col, totalFlex)\r\n const hasFixedWidth = col.width !== undefined\r\n return (\r\n <TableCell\r\n key={`${String(rowKey)}-${String(col.field)}`}\r\n className={classes.tableBodyCell}\r\n align={col.align}\r\n sx={{\r\n height: rowHeight,\r\n padding: cellPadding,\r\n width: colWidth,\r\n // For fixed-width columns, enforce minWidth = width to prevent shrinking\r\n minWidth: hasFixedWidth ? colWidth : col.minWidth,\r\n // Lock all columns with maxWidth to prevent text overflow expansion\r\n maxWidth: col.maxWidth ?? colWidth,\r\n // Prevent text overflow from expanding cells\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap'\r\n }}\r\n >\r\n <Box className={classes.tableCellContent}>{renderCellValue(col, row, index)}</Box>\r\n </TableCell>\r\n )\r\n })}\r\n </TableRow>\r\n )\r\n })}\r\n\r\n {windowed.bottomSpacerHeight > 0 ? (\r\n <TableRow className={classes.tableSpacerRow}>\r\n <TableCell\r\n colSpan={columns.length + (selectable ? 1 : 0)}\r\n className={classes.tableSpacerCell}\r\n sx={{ height: windowed.bottomSpacerHeight, padding: 0, border: 0 }}\r\n />\r\n </TableRow>\r\n ) : null}\r\n </TableBody>\r\n </Table>\r\n </TableContainer>\r\n </ViewListStyled>\r\n )\r\n }\r\n return ViewListVirtualized\r\n}\r\n\r\nexport function createViewList<T>(config: IViewListConfig<T>) {\r\n const ViewListNormal = createViewListNormal<T>(config)\r\n const ViewListVirtualized = createViewListVirtualized<T>(config)\r\n\r\n const ViewList: FC<IViewListProps<T>> = (props) => {\r\n const renderStrategy = props.renderStrategy ?? config.renderStrategy ?? 'normal'\r\n if (renderStrategy === 'virtualized') {\r\n return <ViewListVirtualized {...props} />\r\n }\r\n return <ViewListNormal {...props} />\r\n }\r\n return ViewList\r\n}\r\n\r\nexport function createViewListLoading<T>(ListComponent: ComponentType<IViewListProps<T>>) {\r\n const ViewListLoading: FC<IViewListLoadingProps<T>> = (props) => {\r\n const handleNearEnd = useCallback(async () => {\r\n if (props.loadMode !== 'infiniteScroll') return\r\n if (!props.pagination?.hasNext) return\r\n if (props.loading) return\r\n\r\n const currentPage = props.pagination?.page ?? 0\r\n const currentPageSize = props.pagination?.pageSize ?? 20\r\n const nextPage = currentPage + 1\r\n await props.onPageChange?.(nextPage, currentPageSize)\r\n }, [props.loadMode, props.pagination?.hasNext, props.pagination?.page, props.pagination?.pageSize, props.loading, props.onPageChange])\r\n\r\n return (\r\n <ListComponent\r\n value={props.value}\r\n columns={props.columns}\r\n density={props.density}\r\n renderStrategy={props.renderStrategy}\r\n virtualizedConfig={props.virtualizedConfig}\r\n onNearEnd={props.loadMode === 'infiniteScroll' ? handleNearEnd : undefined}\r\n selectable={props.selectable}\r\n selectedIds={props.selectedIds}\r\n onSelectionChange={props.onSelectionChange}\r\n />\r\n )\r\n }\r\n\r\n return ViewListLoading\r\n}\r\n\r\nexport default createViewList\r\n\r\nexport const viewListClasses = {\r\n root: 'DinoViewList-root',\r\n virtualized: 'DinoViewList-virtualized',\r\n scrollContainer: 'DinoViewList-scrollContainer',\r\n table: 'DinoViewList-table',\r\n tableHeader: 'DinoViewList-tableHeader',\r\n tableHeaderCell: 'DinoViewList-tableHeaderCell',\r\n tableBodyCell: 'DinoViewList-tableBodyCell',\r\n tableSpacerRow: 'DinoViewList-tableSpacerRow',\r\n tableSpacerCell: 'DinoViewList-tableSpacerCell',\r\n tableCellContent: 'DinoViewList-tableCellContent'\r\n}\r\nconst classes = viewListClasses\r\n\r\nconst ViewListStyled = styled(Box)(({ theme }) => {\r\n const mode = theme.palette.mode\r\n const borderColor = alpha(theme.palette.common.black, mode === 'dark' ? 0.24 : 0.08)\r\n const bgHeader = mode === 'dark' ? theme.palette.grey[800] : theme.palette.grey[50]\r\n\r\n return {\r\n [`&.${classes.root}`]: {\r\n position: 'relative',\r\n width: '100%',\r\n height: '100%',\r\n overflow: 'hidden'\r\n // border: `1px solid ${theme.palette.divider}`,\r\n // borderRadius: theme.spacing(1),\r\n },\r\n [`.${classes.scrollContainer}`]: {\r\n position: 'absolute',\r\n inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n overflowY: 'auto',\r\n padding: theme.spacing(0, 0.5),\r\n margin: theme.spacing(0, -0.5),\r\n // Scrollbar styling\r\n '&::-webkit-scrollbar': { width: 8, height: 8 },\r\n '&::-webkit-scrollbar-thumb': { backgroundColor: theme.palette.grey[300], borderRadius: 4 },\r\n '&::-webkit-scrollbar-thumb:hover': { backgroundColor: theme.palette.grey[500] }\r\n },\r\n [`.${classes.table}`]: {\r\n tableLayout: 'auto',\r\n width: '100%',\r\n borderCollapse: 'separate',\r\n borderSpacing: `0 ${theme.spacing(0.5)}`,\r\n marginTop: theme.spacing(-0.5)\r\n },\r\n [`.${classes.tableHeader}`]: {\r\n position: 'sticky',\r\n top: 0,\r\n zIndex: 2,\r\n backgroundColor: bgHeader\r\n },\r\n [`.${classes.tableHeaderCell}`]: {\r\n fontWeight: 500,\r\n paddingTop: theme.spacing(1.5),\r\n paddingBottom: theme.spacing(1.5),\r\n overflow: 'hidden',\r\n borderBottom: 'unset'\r\n // borderTop: `1px dashed ${borderColor}`,\r\n // borderBottom: `1px dashed ${borderColor}`,\r\n // '&:first-of-type': { borderLeft: `1px dashed ${borderColor}` },\r\n // '&:last-of-type': { borderRight: `1px dashed ${borderColor}` }\r\n },\r\n [`.${classes.tableBodyCell}`]: {\r\n overflow: 'hidden',\r\n borderTop: `0.5px dashed ${borderColor}`,\r\n borderBottom: `0.5px dashed ${borderColor}`,\r\n '&:first-of-type': { borderLeft: `0.5px dashed ${borderColor}` },\r\n '&:last-of-type': { borderRight: `0.5px dashed ${borderColor}` }\r\n },\r\n [`.${classes.tableCellContent}`]: {\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n minWidth: 0, // Allow shrinking below content size\r\n width: '100%' // Fill parent TableCell\r\n },\r\n // Virtualized styles\r\n [`&.${classes.virtualized}`]: {\r\n boxSizing: 'border-box'\r\n }\r\n }\r\n})\r\n"],"names":["getColumnWidth","column","totalFlex","undefined","width","flex","percent","concat","renderCellValue","row","index","value","valueGetter","field","params","renderCell","valueLabel","String","_jsx","Typography","variant","noWrap","title","columnsRecordToArray","columnsRecord","Object","keys","map","key","_columnsRecord$key","colConfig","_objectSpread","data","length","firstRow","label","buildDefaultColumns","createViewList","config","ViewListNormal","props","_ref","_props$density","_props$columns","_ref2","_props$selectable","_props$onSelectionCha","density","ListDensity","standard","columns","reduce","sum","col","rowHeight","LIST_ROW_HEIGHT_BY_DENSITY","cellPadding","LIST_CELL_PADDING_BY_DENSITY","selectable","onSelectionChange","selection","useListSelection","getterId","selectedIds","isAllSelected","isSomeSelected","handleToggleAll","handleToggleRow","ViewListStyled","className","classes","root","children","TableContainer","scrollContainer","onScroll","e","_props$onNearEnd","t","currentTarget","scrollHeight","scrollTop","clientHeight","onNearEnd","call","_jsxs","Table","size","table","TableHead","tableHeader","TableRow","TableCell","padding","tableHeaderCell","sx","Checkbox","checked","indeterminate","onChange","_col$maxWidth","_col$label","colWidth","hasFixedWidth","align","minWidth","maxWidth","overflow","textOverflow","whiteSpace","TableBody","_config$getterId","rowKey","isSelected","includes","hover","height","selected","tableBodyCell","_col$maxWidth2","Box","tableCellContent","createViewListNormal","ViewListVirtualized","_ref3","_props$density2","_ref4","_props$selectable2","_props$onSelectionCha2","_virtualized$scrollTo","_virtualized$overscan","virtualized","useMemo","assign","virtualizedConfig","wrapRef","useRef","headerRowRef","_useState","useState","_useState2","_slicedToArray","containerHeight","setContainerHeight","_useState3","_useState4","scrollTopState","setScrollTopState","_useState5","LIST_HEADER_HEIGHT","_useState6","headerHeight","setHeaderHeight","overscan","Math","max","useLayoutEffect","current","updateSize","_wrapRef$current$clie","_wrapRef$current","nextHeight","prev","observer","ResizeObserver","observe","disconnect","_headerRowRef$current","_headerRowRef$current2","measured","offsetHeight","windowed","_virtualized$viewport","totalItems","start","end","topSpacerHeight","bottomSpacerHeight","effectiveScrollTop","safeViewportHeight","viewportHeight","adjustedScrollTop","floor","visibleCount","ceil","min","rowsToRender","slice","rootClasses","filter","Boolean","join","ref","_props$onNearEnd2","_col$maxWidth3","_col$label2","tableSpacerRow","colSpan","tableSpacerCell","border","offset","_config$getterId2","_col$maxWidth4","createViewListVirtualized","_ref5","_props$renderStrategy","renderStrategy","createViewListLoading","ListComponent","_props$pagination4","_props$pagination5","_props$pagination6","handleNearEnd","useCallback","_asyncToGenerator","_regenerator","m","_callee","_props$pagination","_props$pagination$pag","_props$pagination2","_props$pagination$pag2","_props$pagination3","_props$onPageChange","currentPage","currentPageSize","nextPage","w","_context","n","loadMode","a","pagination","hasNext","loading","page","pageSize","onPageChange","viewListClasses","styled","_ref7","theme","mode","palette","borderColor","alpha","common","black","bgHeader","grey","_defineProperty","position","inset","overflowY","spacing","margin","backgroundColor","borderRadius","tableLayout","borderCollapse","borderSpacing","marginTop","top","zIndex","fontWeight","paddingTop","paddingBottom","borderBottom","borderTop","borderLeft","borderRight","boxSizing"],"mappings":"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"}

package/dist/src/lab/data-surface/view-list.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"view-list.types.js","sources":["../../../../src/lab/data-surface/view-list.types.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport type { ReactNode } from 'react'\r\n\r\n/*\r\n Props received by the custom render function for each row in List view.\r\n * @template T - The shape of a single data row object.\r\n /\r\nexport interface IViewListItemProps<T> {\r\n /* The data object for this list row. /\r\n value: T\r\n /* Zero-based position of this item in the data array. /\r\n index: number\r\n}\r\n\r\n/* Horizontal alignment for list cell content. /\r\nexport type TListAlign = 'left' \| 'right' \| 'center'\r\n\r\n/\r\n Context passed to a column's render callback.\r\n * @template T - The shape of a single data row object.\r\n /\r\nexport interface IListCellParams<T> {\r\n /* Resolved cell value (after valueGetter if provided). /\r\n value: any\r\n /* The full row object. /\r\n row: T\r\n /* Zero-based row index. /\r\n index: number\r\n /* The column field key this cell belongs to. /\r\n field: keyof T\r\n}\r\n\r\n/\r\n Definition of a single column in List view.\r\n * @template T - The shape of a single data row object.\r\n /\r\nexport interface TListColumn<T> {\r\n /* Key of the row object this column maps to. /\r\n field: keyof T\r\n /* Column header label shown in the header. /\r\n label?: string\r\n /* Explicit column width. Accepts px number or CSS string (e.g. '120px', '20%'). /\r\n width?: number \| string\r\n /* Minimum column width in pixels. /\r\n minWidth?: number\r\n /* Flex grow ratio used when no explicit width is set. /\r\n flex?: number\r\n /* Horizontal alignment of the cell content. /\r\n align?: TListAlign\r\n /* Custom cell render function - receives CellParams, returns ReactNode. /\r\n renderCell?: (params: IListCellParams<T>) => ReactNode\r\n /* Derives a value from the row before it is passed to the render step. /\r\n valueGetter?: (row: T, index: number) => any\r\n}\r\n\r\nexport type TListColumns<T> = Partial<Record<keyof T, Omit<TListColumn<T>, 'field'>>>\r\n\r\n/\r\n Row density preset for List view.\r\n * Controls the row height and cell padding.\r\n */\r\nexport const ListDensity = {\r\n compact: 'compact',\r\n standard: 'standard',\r\n comfortable: 'comfortable'\r\n} as const\r\nexport type ListDensity = keyof typeof ListDensity\r\n"],"names":["ListDensity","compact","standard","comfortable"],"mappings":"~~AA8DO~~,IAAMA,EAAc,CACzBC,QAAS,UACTC,SAAU,WACVC,YAAa"}
1	+ {"version":3,"file":"view-list.types.js","sources":["../../../../src/lab/data-surface/view-list.types.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport type { ReactNode } from 'react'\r\n\r\n/*\r\n Props received by the custom render function for each row in List view.\r\n * @template T - The shape of a single data row object.\r\n /\r\nexport interface IViewListItemProps<T> {\r\n /* The data object for this list row. /\r\n value: T\r\n /* Zero-based position of this item in the data array. /\r\n index: number\r\n /* Whether this row is currently selected. /\r\n selected?: boolean\r\n}\r\n\r\n/* Horizontal alignment for list cell content. /\r\nexport type TListAlign = 'left' \| 'right' \| 'center'\r\n\r\n/\r\n Context passed to a column's render callback.\r\n * @template T - The shape of a single data row object.\r\n /\r\nexport interface IListCellParams<T> {\r\n /* Resolved cell value (after valueGetter if provided). /\r\n value: any\r\n /* The full row object. /\r\n row: T\r\n /* Zero-based row index. /\r\n index: number\r\n /* The column field key this cell belongs to. /\r\n field: keyof T\r\n}\r\n\r\n/\r\n Definition of a single column in List view.\r\n * @template T - The shape of a single data row object.\r\n /\r\nexport interface TListColumn<T> {\r\n /* Key of the row object this column maps to. /\r\n field: keyof T\r\n /* Column header label shown in the header. /\r\n label?: string\r\n /* Explicit column width. Accepts px number or CSS string (e.g. '120px', '20%'). /\r\n width?: number \| string\r\n /* Minimum column width in pixels. /\r\n minWidth?: number\r\n /* Maximum column width in pixels. /\r\n maxWidth?: number\r\n /* Flex grow ratio used when no explicit width is set. /\r\n flex?: number\r\n /* Horizontal alignment of the cell content. /\r\n align?: TListAlign\r\n /* Custom cell render function - receives CellParams, returns ReactNode. /\r\n renderCell?: (params: IListCellParams<T>) => ReactNode\r\n /* Derives a value from the row before it is passed to the render step. /\r\n valueGetter?: (row: T, index: number) => any\r\n}\r\n\r\nexport type TListColumns<T> = Partial<Record<keyof T, Omit<TListColumn<T>, 'field'>>>\r\n\r\n/\r\n Row density preset for List view.\r\n * Controls the row height and cell padding.\r\n */\r\nexport const ListDensity = {\r\n compact: 'compact',\r\n standard: 'standard',\r\n comfortable: 'comfortable'\r\n} as const\r\nexport type ListDensity = keyof typeof ListDensity\r\n"],"names":["ListDensity","compact","standard","comfortable"],"mappings":"AAkEO,IAAMA,EAAc,CACzBC,QAAS,UACTC,SAAU,WACVC,YAAa"}

package/dist/src/lab/data-surface/view-list.units.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var a=48,p={compact:36,standard:48,comfortable:56},o={compact:"6px 10px",standard:"10px 12px",comfortable:"12px 14px"};export{o as LIST_CELL_PADDING_BY_DENSITY,a as LIST_HEADER_HEIGHT,p as LIST_ROW_HEIGHT_BY_DENSITY};
+import{toConsumableArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as r}from"react";var n=48,t={compact:36,standard:48,comfortable:56},l={compact:"6px 10px",standard:"10px 12px",comfortable:"12px 14px"};function o(n,t,l,o,a){var c=null!=o?o:[],u=r(function(){var e=new Map;return n.forEach(function(r,n){var l=t(r,n);null!=l&&e.set(l,r)}),e},[n,t]),i=r(function(){return Array.from(u.keys())},[u]),f=i.length>0&&i.every(function(e){return c.includes(e)}),p=c.length>0&&!f;return{selectedIds:c,isAllSelected:f,isSomeSelected:p,handleToggleAll:function(){l&&a&&a(f?[]:i)},handleToggleRow:function(r){if(l&&a){var n=c.includes(r)?c.filter(function(e){return e!==r}):[].concat(e(c),[r]);a(n)}}}}export{l as LIST_CELL_PADDING_BY_DENSITY,n as LIST_HEADER_HEIGHT,t as LIST_ROW_HEIGHT_BY_DENSITY,o as useListSelection};
 //# sourceMappingURL=view-list.units.js.map

package/dist/src/lab/data-surface/view-list.units.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"view-list.units.js","sources":["../../../../src/lab/data-surface/view-list.units.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport { ListDensity } from './view-list.types'\r\n\r\nexport const LIST_HEADER_HEIGHT = 48\r\n\r\nexport const LIST_ROW_HEIGHT_BY_DENSITY: Record<ListDensity, number> = {\r\n compact: 36,\r\n standard: 48,\r\n comfortable: 56\r\n}\r\n\r\nexport const LIST_CELL_PADDING_BY_DENSITY: Record<ListDensity, string> = {\r\n compact: '6px 10px',\r\n standard: '10px 12px',\r\n comfortable: '12px 14px'\r\n}\r\n"],"names":["LIST_HEADER_HEIGHT","LIST_ROW_HEIGHT_BY_DENSITY","compact","standard","comfortable","LIST_CELL_PADDING_BY_DENSITY"],"mappings":"~~AAIO~~,IAAMA,EAAqB,GAErBC,EAA0D,CACrEC,QAAS,GACTC,SAAU,GACVC,YAAa,IAGFC,EAA4D,CACvEH,QAAS,WACTC,SAAU,YACVC,YAAa"}
1	+ {"version":3,"file":"view-list.units.js","sources":["../../../../src/lab/data-surface/view-list.units.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport { useMemo } from 'react'\r\nimport { ListDensity } from './view-list.types'\r\nimport type { TGetterId } from './types'\r\n\r\nexport const LIST_HEADER_HEIGHT = 48\r\n\r\nexport const LIST_ROW_HEIGHT_BY_DENSITY: Record<ListDensity, number> = {\r\n compact: 36,\r\n standard: 48,\r\n comfortable: 56\r\n}\r\n\r\nexport const LIST_CELL_PADDING_BY_DENSITY: Record<ListDensity, string> = {\r\n compact: '6px 10px',\r\n standard: '10px 12px',\r\n comfortable: '12px 14px'\r\n}\r\n\r\n/*\r\n Custom hook to manage list row selection logic.\r\n * Handles select all, individual row selection, and indeterminate state.\r\n \r\n @param value - The array of data items\r\n * @param getterId - Function to extract unique ID from each row\r\n * @param selectable - Whether selection is enabled\r\n * @param selectedIds - Controlled array of selected row IDs\r\n * @param onSelectionChange - Callback when selection changes\r\n * @returns Selection state and handlers\r\n */\r\nexport function useListSelection<T>(\r\n value: T[],\r\n getterId: TGetterId<T>,\r\n selectable: boolean,\r\n selectedIds?: (string \| number)[],\r\n onSelectionChange?: (selectedIds: (string \| number)[]) => void\r\n) {\r\n const safeSelectedIds = selectedIds ?? []\r\n\r\n // Build map of row IDs for quick lookup\r\n const rowIdMap = useMemo(() => {\r\n const map = new Map<string \| number, T>()\r\n value.forEach((row, index) => {\r\n const id = getterId(row, index)\r\n if (id !== null && id !== undefined) {\r\n map.set(id, row)\r\n }\r\n })\r\n return map\r\n }, [value, getterId])\r\n\r\n const allRowIds = useMemo(() => Array.from(rowIdMap.keys()), [rowIdMap])\r\n\r\n const isAllSelected = allRowIds.length > 0 && allRowIds.every((id) => safeSelectedIds.includes(id))\r\n const isSomeSelected = safeSelectedIds.length > 0 && !isAllSelected\r\n\r\n const handleToggleAll = () => {\r\n if (!selectable \|\| !onSelectionChange) return\r\n if (isAllSelected) {\r\n onSelectionChange([])\r\n } else {\r\n onSelectionChange(allRowIds)\r\n }\r\n }\r\n\r\n const handleToggleRow = (rowId: string \| number) => {\r\n if (!selectable \|\| !onSelectionChange) return\r\n const newSelected = safeSelectedIds.includes(rowId) ? safeSelectedIds.filter((id) => id !== rowId) : [...safeSelectedIds, rowId]\r\n onSelectionChange(newSelected)\r\n }\r\n\r\n return {\r\n selectedIds: safeSelectedIds,\r\n isAllSelected,\r\n isSomeSelected,\r\n handleToggleAll,\r\n handleToggleRow\r\n }\r\n}\r\n"],"names":["LIST_HEADER_HEIGHT","LIST_ROW_HEIGHT_BY_DENSITY","compact","standard","comfortable","LIST_CELL_PADDING_BY_DENSITY","useListSelection","value","getterId","selectable","selectedIds","onSelectionChange","safeSelectedIds","rowIdMap","useMemo","map","Map","forEach","row","index","id","set","allRowIds","Array","from","keys","isAllSelected","length","every","includes","isSomeSelected","handleToggleAll","handleToggleRow","rowId","newSelected","filter","concat","_toConsumableArray"],"mappings":"mHAMO,IAAMA,EAAqB,GAErBC,EAA0D,CACrEC,QAAS,GACTC,SAAU,GACVC,YAAa,IAGFC,EAA4D,CACvEH,QAAS,WACTC,SAAU,YACVC,YAAa,aAcT,SAAUE,EACdC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAkBF,QAAAA,EAAe,GAGjCG,EAAWC,EAAQ,WACvB,IAAMC,EAAM,IAAIC,IAOhB,OANAT,EAAMU,QAAQ,SAACC,EAAKC,GAClB,IAAMC,EAAKZ,EAASU,EAAKC,GACrBC,SACFL,EAAIM,IAAID,EAAIF,EAEhB,GACOH,CACT,EAAG,CAACR,EAAOC,IAELc,EAAYR,EAAQ,WAAA,OAAMS,MAAMC,KAAKX,EAASY,SAAS,CAACZ,IAExDa,EAAgBJ,EAAUK,OAAS,GAAKL,EAAUM,MAAM,SAACR,GAAE,OAAKR,EAAgBiB,SAAST,KACzFU,EAAiBlB,EAAgBe,OAAS,IAAMD,EAiBtD,MAAO,CACLhB,YAAaE,EACbc,cAAAA,EACAI,eAAAA,EACAC,gBAnBsB,WACjBtB,GAAeE,GAElBA,EADEe,EACgB,GAEAJ,EAErB,EAaCU,gBAXsB,SAACC,GACvB,GAAKxB,GAAeE,EAApB,CACA,IAAMuB,EAActB,EAAgBiB,SAASI,GAASrB,EAAgBuB,OAAO,SAACf,GAAE,OAAKA,IAAOa,IAAM,GAAAG,OAAAC,EAAOzB,GAAe,CAAEqB,IAC1HtB,EAAkBuB,EAFqB,CAGxC,EASH"}

package/dist/types/filter-bar/components/filter-sort.types.d.ts CHANGED Viewed

@@ -16,6 +16,7 @@ export interface IFilterSortSlots {
     rootProps?: BoxProps;
 }
 export interface IFilterSortProps<T> {
+    sx?: BoxProps['sx'];
     slots?: IFilterSortSlots;
 }
 export interface IFilterSortConfig<T> extends IFilterSortSlots {

package/dist/types/filter-bar/helpers.d.ts CHANGED Viewed

@@ -1,2 +1,31 @@
-import { KeySpecial } from './types';
+import { KeySpecial, TFilterState } from './types';
 export declare const mapSpecialLabel: Record<KeySpecial, string>;
+export interface IFilterStateQueryParams {
+    filter?: string;
+}
+/**
+ * @en Remove null/undefined values from object recursively for accurate comparison.
+ * @vi Loai bo cac gia tri null/undefined khoi object mot cach de quy de so sanh chinh xac.
+ */
+export declare function removeNullValues<T = any>(obj: T): T | undefined;
+/**
+ * @en Deep comparison of two filter states to check if they are equal.
+ * @vi So sanh sau hai filter state de kiem tra xem chung co bang nhau khong.
+ */
+export declare function isFilterStateEqual<T>(state1?: TFilterState<T>, state2?: TFilterState<T>): boolean;
+/**
+ * @en Synchronize filter state to URL query parameters. If state equals defaultState, remove from URL to keep it clean.
+ * @vi Dong bo filter state vao URL query parameters. Neu state bang defaultState, xoa khoi URL de giu URL sach.
+ *
+ * @param state - Current filter state to sync
+ * @param defaultState - Default filter state (if current equals this, don't save to URL)
+ */
+export declare function setFilterToURL<T>(state?: TFilterState<T>, defaultState?: TFilterState<T>): void;
+/**
+ * @en Retrieve filter state from URL query parameters.
+ * @vi Lay filter state tu URL query parameters.
+ *
+ * @param defaultState - Default filter state to return if URL has no filter state
+ * @returns Filter state from URL or defaultState
+ */
+export declare function getFilterFromURL<T>(defaultState?: TFilterState<T>): TFilterState<T> | undefined;

package/dist/types/filter-bar/index.dino.d.ts CHANGED Viewed

@@ -1,8 +1,13 @@
+import { getFilterFromURL, isFilterStateEqual, removeNullValues, setFilterToURL } from './helpers';
 import { createFilterBar } from './index.create';
 export declare class DinoFilterBar {
     createFilterBar: typeof createFilterBar;
     createConvertToGraphQL: <TSource extends Record<string, any>, TTarget extends object>(state: import("./types").TFilterState<TSource>) => import("./convert-to-graphql").TableFileterConverter<TSource, TTarget>;
     mapLogic: (logic?: import("./types").TLogic | undefined) => "Or" | "And";
     mapDirection: (direction?: import("./types").TDirection | undefined) => "ASC" | "DESC";
+    removeNullValues: typeof removeNullValues;
+    isFilterStateEqual: typeof isFilterStateEqual;
+    setFilterToURL: typeof setFilterToURL;
+    getFilterFromURL: typeof getFilterFromURL;
 }
 export declare const dinoFilterBar: DinoFilterBar;

package/dist/types/lab/data-surface/button-switch.d.ts CHANGED Viewed

@@ -1,11 +1,12 @@
-import React from 'react';
-import type { DataSurfaceViewMode } from './types';
+import { FC } from 'react';
+import { DataSurfaceViewMode } from './types';
 type Props = {
     value?: DataSurfaceViewMode;
     onChange?: (value: DataSurfaceViewMode) => void;
     size?: 'sm' | 'md';
     className?: string;
     onlyIcon?: boolean;
+    reverse?: boolean;
 };
-declare const ButtonSwitch: React.FC<Props>;
+declare const ButtonSwitch: FC<Props>;
 export default ButtonSwitch;

package/dist/types/lab/data-surface/helpers.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import { DataSurfaceViewMode, TPagination } from './types';
+export interface IViewDataQueryParams {
+    mode?: DataSurfaceViewMode;
+}
+export declare function setViewModeToURL(mode?: DataSurfaceViewMode, defaultMode?: DataSurfaceViewMode): void;
+export declare function getViewModeFromURL(defaultMode?: DataSurfaceViewMode): DataSurfaceViewMode | undefined;
+export interface IPaginationQueryParams {
+    page?: string;
+    pageSize?: string;
+}
+/**
+ * @en Synchronize pagination to URL query parameters. If pagination equals defaultPagination, remove from URL to keep it clean.
+ * @vi Dong bo pagination vao URL query parameters. Neu pagination bang defaultPagination, xoa khoi URL de giu URL sach.
+ *
+ * @param pagination - Current pagination to sync
+ * @param defaultPagination - Default pagination (if current equals this, don't save to URL)
+ */
+export declare function setPaginationToURL(pagination?: TPagination, defaultPagination?: TPagination): void;
+/**
+ * @en Retrieve pagination from URL query parameters.
+ * @vi Lay pagination tu URL query parameters.
+ *
+ * @param defaultPagination - Default pagination to return if URL has no pagination
+ * @returns Pagination from URL or defaultPagination
+ */
+export declare function getPaginationFromURL(defaultPagination?: TPagination): TPagination | undefined;

package/dist/types/lab/data-surface/index.create.d.ts CHANGED Viewed

@@ -1,16 +1,26 @@
 import { DataSurfaceViewMode, LoadingModeRule } from './types';
 import type { BoxProps } from '@mui/material';
-import type { ComponentType, FC } from 'react';
+import type { ComponentType, FC, ReactNode } from 'react';
 import type { TPagination, TDataSurfaceState } from './types';
 import type { IViewGridConfig, IViewGridProps } from './view-grid';
 import type { IViewListConfig, IViewListProps } from './view-list';
 export interface IDataSurfaceSlots {
+    footer?: {
+        status?: string | ((currentStatus: string) => ReactNode);
+        range?: string | ((currentRange: string) => ReactNode);
+    };
 }
 export interface IDataSurfaceProps<T> {
     value?: T[];
-    /** Controlled state. When provided, DataSurface becomes fully controlled. */
+    /**
+     * @deprecated No longer used. Use `viewMode` and `loadMode` props directly instead.
+     * Controlled state. When provided, DataSurface becomes fully controlled.
+     */
     state?: TDataSurfaceState;
-    /** Called on any state change (viewMode, loadMode, page, pageSize). */
+    /**
+     * @deprecated No longer used. Component now uses uncontrolled mode with props.
+     * Called on any state change (viewMode, loadMode, page, pageSize).
+     */
     onStateChange?: (state: TDataSurfaceState) => void;
     viewMode?: DataSurfaceViewMode;
     /** Pagination metadata shared by both modes. */
@@ -28,6 +38,12 @@ export interface IDataSurfaceProps<T> {
     loadMode?: LoadingModeRule;
     sx?: BoxProps['sx'];
     slots?: IDataSurfaceSlots;
+    /** Enable row selection with checkboxes (List view only). */
+    selectable?: boolean;
+    /** Array of selected row IDs (controlled). */
+    selectedIds?: (string | number)[];
+    /** Callback when selection changes. */
+    onSelectionChange?: (selectedIds: (string | number)[]) => void;
 }
 export interface IDataSurfaceConfig<T> {
     defaultViewMode?: DataSurfaceViewMode;

package/dist/types/lab/data-surface/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export * from './types';
+export * from './helpers';
 export * from './index.create';
 export * from './view-list.types';
 export * from './view-grid.types';

package/dist/types/lab/data-surface/index.dino.d.ts CHANGED Viewed

@@ -1,15 +1,29 @@
 /// <reference types="react" />
+import { setViewModeToURL, getViewModeFromURL, setPaginationToURL, getPaginationFromURL } from './helpers';
 import createViewGrid from './view-grid';
 import createDataSurface from './index.create';
 export declare class DinoDataSurFace {
     createDataSurface: typeof createDataSurface;
     createViewGrid: typeof createViewGrid;
+    ButtonSwitch: import("react").FC<{
+        value?: "grid" | "list" | undefined;
+        onChange?: ((value: "grid" | "list") => void) | undefined;
+        size?: "sm" | "md" | undefined;
+        className?: string | undefined;
+        onlyIcon?: boolean | undefined;
+        reverse?: boolean | undefined;
+    }>;
     createButtonSwitch: () => import("react").FC<{
         value?: "grid" | "list" | undefined;
         onChange?: ((value: "grid" | "list") => void) | undefined;
         size?: "sm" | "md" | undefined;
         className?: string | undefined;
         onlyIcon?: boolean | undefined;
+        reverse?: boolean | undefined;
     }>;
+    setViewModeToURL: typeof setViewModeToURL;
+    getViewModeFromURL: typeof getViewModeFromURL;
+    setPaginationToURL: typeof setPaginationToURL;
+    getPaginationFromURL: typeof getPaginationFromURL;
 }
 export declare const dinoDataSurface: DinoDataSurFace;

package/dist/types/lab/data-surface/ui.units.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import type { BoxProps } from '@mui/material';
 export declare const PanelLoading: FC<BoxProps>;
 export declare const PanelError: FC<{
@@ -8,11 +8,16 @@ export declare const PanelNoData: FC;
 export declare const PanelWaiting: FC;
 export declare const PanelMissingConfig: FC;
 export declare const PanelLoadMore: FC;
+export interface IPanelInfiniteScrollFooterSlots {
+    statusText?: string | ((currentStatus: string) => ReactNode);
+    rangeText?: string | ((currentRange: string) => ReactNode);
+}
 export interface IPanelInfiniteScrollFooterProps {
     loading?: boolean;
     hasNext?: boolean;
     currentCount: number;
     total?: number;
+    slots?: IPanelInfiniteScrollFooterSlots;
 }
 export declare const PanelInfiniteScrollFooter: FC<IPanelInfiniteScrollFooterProps>;
 export interface IPanelPaginationFooterProps {

package/dist/types/lab/data-surface/view-list.d.ts CHANGED Viewed

@@ -15,6 +15,12 @@ export interface IViewListBase<T> {
     virtualizedConfig?: TVirtualizedConfig;
     /** Called when user scrolls near the bottom of the list. Use this to trigger pagination or infinity load. */
     onNearEnd?: () => void;
+    /** Enable row selection with checkboxes. */
+    selectable?: boolean;
+    /** Array of selected row IDs (controlled). */
+    selectedIds?: (string | number)[];
+    /** Callback when selection changes. */
+    onSelectionChange?: (selectedIds: (string | number)[]) => void;
 }
 export interface IViewListConfig<T> extends IViewListBase<T> {
     getterId: TGetterId<T>;
@@ -34,6 +40,7 @@ export declare function createViewListLoading<T>(ListComponent: ComponentType<IV
 export default createViewList;
 export declare const viewListClasses: {
     root: string;
+    virtualized: string;
     scrollContainer: string;
     table: string;
     tableHeader: string;

package/dist/types/lab/data-surface/view-list.types.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ export interface IViewListItemProps<T> {
     value: T;
     /** Zero-based position of this item in the data array. */
     index: number;
+    /** Whether this row is currently selected. */
+    selected?: boolean;
 }
 /** Horizontal alignment for list cell content. */
 export type TListAlign = 'left' | 'right' | 'center';
@@ -38,6 +40,8 @@ export interface TListColumn<T> {
     width?: number | string;
     /** Minimum column width in pixels. */
     minWidth?: number;
+    /** Maximum column width in pixels. */
+    maxWidth?: number;
     /** Flex grow ratio used when no explicit width is set. */
     flex?: number;
     /** Horizontal alignment of the cell content. */

package/dist/types/lab/data-surface/view-list.units.d.ts CHANGED Viewed

@@ -1,4 +1,23 @@
 import { ListDensity } from './view-list.types';
+import type { TGetterId } from './types';
 export declare const LIST_HEADER_HEIGHT = 48;
 export declare const LIST_ROW_HEIGHT_BY_DENSITY: Record<ListDensity, number>;
 export declare const LIST_CELL_PADDING_BY_DENSITY: Record<ListDensity, string>;
+/**
+ * Custom hook to manage list row selection logic.
+ * Handles select all, individual row selection, and indeterminate state.
+ *
+ * @param value - The array of data items
+ * @param getterId - Function to extract unique ID from each row
+ * @param selectable - Whether selection is enabled
+ * @param selectedIds - Controlled array of selected row IDs
+ * @param onSelectionChange - Callback when selection changes
+ * @returns Selection state and handlers
+ */
+export declare function useListSelection<T>(value: T[], getterId: TGetterId<T>, selectable: boolean, selectedIds?: (string | number)[], onSelectionChange?: (selectedIds: (string | number)[]) => void): {
+    selectedIds: (string | number)[];
+    isAllSelected: boolean;
+    isSomeSelected: boolean;
+    handleToggleAll: () => void;
+    handleToggleRow: (rowId: string | number) => void;
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "dinocollab-core",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Dinocollab core - libraries for building collaborative applications with React 18",
   "main": "dist/index.js",
   "module": "dist/index.js",