@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import {\n    Children,\n    Fragment,\n    forwardRef,\n    isValidElement,\n    useRef,\n    type ForwardedRef,\n    type ReactElement,\n    type ReactNode,\n    type RefAttributes,\n} from 'react';\n\nimport classNames from '../../utils/classNames';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport TableBodyComponent from './TableBody';\nimport TableColumnComponent from './TableColumn';\nimport TableExpanderButtonComponent from './TableExpanderButton';\nimport TableExpandAllGroupsButtonComponent from './TableExpandAllGroupsButton';\nimport TableExpandedContentRowComponent from './TableExpandedContentRow';\nimport TableExpandedRowComponent from './TableExpandedRow';\nimport TableFooterComponent, { type TableFooterProps } from './TableFooter';\nimport TableGroupFooterRowComponent from './TableGroupFooterRow';\nimport TableGroupRowComponent from './TableGroupRow';\nimport TableHeaderComponent, { type TableHeaderProps } from './TableHeader';\nimport TableHeaderColumnComponent from './TableHeaderColumn';\nimport TableHeaderRowComponent from './TableHeaderRow';\nimport TableRowComponent from './TableRow';\nimport TableStickyRowButtonComponent from './TableStickyRowButton';\nimport TableSpacerRowComponent from './TableSpacerRow';\nimport { useTableLayout } from './layout/useTableLayout';\nimport { resolveTableBaseClassName, resolveTableClassConfig } from './model/resolveTableClassConfig';\nimport TableBatchDropdownComponent from './render/header/TableBatchDropdown';\nimport TableColumnFilterComponent from './render/header/TableColumnFilter';\nimport useRenderDraftState from './runtime/useRenderDraftState';\nimport useResponsiveResolvedViewType from './runtime/useResponsiveResolvedViewType';\nimport useResolvedRenderColumns from './runtime/useResolvedRenderColumns';\nimport useResolvedRenderHeader from './runtime/useResolvedRenderHeader';\nimport useInternalTableSelectionState from './selection/useInternalTableSelectionState';\nimport { TableInteractionContext, type TableInteractionContextValue } from './context/TableInteractionContext';\nimport { TableLayoutContext, type TableLayoutContextValue } from './context/TableLayoutContext';\nimport { TableRenderConfigContext, type TableRenderConfigContextValue } from './context/TableRenderConfigContext';\nimport { TableRenderContext, type TableRenderContextValue, type TableRenderDraft } from './context/TableRenderContext';\nimport TableColumnsDropdownComponent from './settings/TableColumnsDropdown';\nimport type { TableProps, TableRowData } from './Table.types';\n\nexport type {\n    TableCellOverflow,\n    TableCellClassName,\n    TableCardsStyleSettings,\n    TableColumnDefinition,\n    TableExpandedRowAnimation,\n    TableHorizontalAlign,\n    TableProps,\n    TableResponsiveBreakpoint,\n    TableRowAnimationProps,\n    TableRowId,\n    TableRowClassName,\n    TableRowSelectable,\n    TableStickyReference,\n    TableStickyColumns,\n    TableSortDirection,\n    TableVerticalAlign,\n    TableViewType,\n} from './Table.types';\n\nexport { default as useTableSelection } from './selection/useTableSelection';\n\nexport type { UseTableSelectionOptions, UseTableSelectionReturn } from './selection/useTableSelection';\n\nexport const TableBody = TableBodyComponent;\nexport type { TableBodyHandle, TableBodyProps } from './TableBody';\n\nexport const TableHeader = TableHeaderComponent;\nexport type { TableHeaderProps } from './TableHeader';\n\nexport const TableHeaderRow = TableHeaderRowComponent;\nexport type { TableHeaderRowProps } from './TableHeaderRow';\n\nexport const TableHeaderColumn = TableHeaderColumnComponent;\nexport type { TableHeaderColumnProps } from './TableHeaderColumn';\n\nexport const TableFooter = TableFooterComponent;\nexport type { TableFooterProps } from './TableFooter';\n\nexport const TableColumn = TableColumnComponent;\nexport type { TableColumnProps } from './TableColumn';\n\nexport const TableExpanderButton = TableExpanderButtonComponent;\nexport type { TableExpanderButtonProps } from './TableExpanderButton';\n\nexport const TableExpandAllGroupsButton = TableExpandAllGroupsButtonComponent;\nexport type { TableExpandAllGroupsButtonProps } from './TableExpandAllGroupsButton';\n\nexport const TableRow = TableRowComponent;\nexport type { TableRowProps } from './TableRow';\n\nexport const TableStickyRowButton = TableStickyRowButtonComponent;\nexport type { TableStickyRowButtonProps } from './TableStickyRowButton';\n\nexport const TableSpacerRow = TableSpacerRowComponent;\nexport type { TableSpacerRowProps } from './TableSpacerRow';\n\nexport const TableExpandedRow = TableExpandedRowComponent;\nexport type { TableExpandedRowProps } from './TableExpandedRow';\n\nexport const TableExpandedContentRow = TableExpandedContentRowComponent;\nexport type { TableExpandedContentRowProps } from './TableExpandedContentRow';\n\nexport const TableGroupRow = TableGroupRowComponent;\nexport type { TableGroupRowProps } from './TableGroupRow';\n\nexport const TableGroupFooterRow = TableGroupFooterRowComponent;\nexport type { TableGroupFooterRowProps } from './TableGroupFooterRow';\n\nexport const TableBatchDropdown = TableBatchDropdownComponent;\nexport const TableColumnFilter = TableColumnFilterComponent;\nexport const TableColumnsDropdown = TableColumnsDropdownComponent;\nexport type { TableBatchDropdownProps } from './render/header/TableBatchDropdown';\nexport type { TableColumnFilterProps } from './render/header/TableColumnFilter';\nexport type { TableColumnsDropdownItem, TableColumnsDropdownProps } from './settings/TableColumnsDropdown';\n\nconst hasMatchingSectionChild = (children: ReactNode, matcher: (child: ReactNode) => boolean): boolean =>\n    Children.toArray(children).some(child => {\n        if (matcher(child)) {\n            return true;\n        }\n\n        if (isValidElement(child) && child.type === Fragment) {\n            return hasMatchingSectionChild(child.props.children, matcher);\n        }\n\n        return false;\n    });\n\nconst isTableHeaderChild = <RowType extends TableRowData>(\n    child: ReactNode\n): child is ReactElement<TableHeaderProps<RowType>> => isValidElement(child) && child.type === TableHeaderComponent;\n\nconst isTableFooterChild = (child: ReactNode): child is ReactElement<TableFooterProps> =>\n    isValidElement(child) && child.type === TableFooterComponent;\n\nconst Table = forwardRef(\n    <RowType extends TableRowData>(props: TableProps<RowType>, ref: ForwardedRef<HTMLDivElement>) => {\n        const {\n            children,\n            viewType = 'TABLE',\n            cardsStyle,\n            responsiveBreakpoint,\n            onViewTypeChange,\n            condensed = false,\n            striped = false,\n            hover = false,\n            shadow = false,\n            border = true,\n            rounded = true,\n            gridLines = false,\n            rowClassName,\n            rowKey,\n            rowSeparatorWidth,\n            stickyReference = 'applicationLayout',\n            stickyColumns,\n            activeRowId,\n            onActiveRowChange,\n            rowAnimationProps,\n            expandedRowAnimation,\n            sortBy,\n            sortDirection,\n            onSortChange,\n            cellClassName,\n            selectionCheckboxVerticalAlignment = 'middle',\n            onRowClick,\n            onSelectionChange,\n            hideSelectionCheckboxesForExcludedRows = false,\n            selectedRowIds,\n            selectionHeaderContent,\n            columnOrder,\n            onColumnResize,\n            onColumnOrderChange,\n            showSelectionColumn = false,\n            noRowsState = 'No data available',\n            virtualizedRows = false,\n            virtualizationOverscan = 5,\n            className,\n            style,\n            ...remainingProps\n        } = props;\n\n        const renderDraftRef = useRef<TableRenderDraft<RowType>>({ headerColumns: [], bodyRows: [] });\n\n        // Core render cycle:\n        // 1. Header/body/footer sub-components register their structure into `renderDraftRef.current`.\n        // 2. `useRenderDraftState(...)` promotes that mutable draft into stable state.\n        // 3. The table renders from that stable draft state so virtualization, footer logic, sorting,\n        //    and row animations operate on a normalized model instead of arbitrary JSX children.\n        //\n        // The draft must be reset before each pass because it only represents the currently\n        // executing render, not persistent state.\n        renderDraftRef.current.headerColumns = [];\n        renderDraftRef.current.bodyRows = [];\n        renderDraftRef.current.bodyMaxHeight = undefined;\n        renderDraftRef.current.hasFooter = false;\n        renderDraftRef.current.hasFooterCells = undefined;\n        renderDraftRef.current.hasExpandableRows = undefined;\n\n        const {\n            renderHeaderColumns,\n            renderBodyRows,\n            renderBodyMaxHeight,\n            renderHasFooter,\n            renderHasFooterCells,\n            renderHasExpandableRows,\n            renderBodyRow,\n        } = useRenderDraftState(renderDraftRef);\n\n        const {\n            columnDefinitionsByKey,\n            columnIndexByKey,\n            draggableColumnKeys,\n            draggableColumnsEnabled,\n            handleColumnDragEnd,\n            handleColumnResizeReset,\n            handleColumnResizeStart,\n            lastResizableColumnKey,\n            resettableColumnKeys,\n            resizeColumnsEnabled,\n            resolvedRenderColumns,\n            resizedColumns,\n        } = useResolvedRenderColumns({\n            columnOrder,\n            onColumnOrderChange,\n            onColumnResize,\n            renderHeaderColumns,\n            viewType,\n        });\n\n        const resolvedRenderHeader = useResolvedRenderHeader({\n            renderHeaderColumns,\n            resolvedRenderColumns,\n            sortBy,\n            sortDirection,\n        });\n\n        const hasFooterCells = renderHasFooterCells ?? false;\n\n        const {\n            handleBodyScroll,\n            hasHorizontalScrollEndOffset,\n            hasHorizontalScrollStartOffset,\n            tableUseOverflow,\n            tableWrapperRef,\n            wrapperStyle,\n            tableHeadRowRef,\n            tableFooterRowRef,\n            wrapperWidth,\n        } = useTableLayout({\n            bodyMaxHeight: renderBodyMaxHeight,\n            cardsStyle,\n            columns: resizedColumns,\n            hasFooterCells,\n            rowSeparatorWidth,\n            showSelectionColumn,\n            stickyReference,\n            style,\n        });\n\n        const resolvedViewType = useResponsiveResolvedViewType({\n            onViewTypeChange,\n            responsiveBreakpoint,\n            viewType,\n            wrapperTableWidth: wrapperStyle['--table-width'],\n            wrapperWidth,\n        });\n\n        const { cardClasses, hasHover, isTableView, styleClassSwitches } = resolveTableClassConfig({\n            viewType: resolvedViewType,\n            hover,\n            shadow,\n            border,\n            rounded,\n            className,\n            cardsStyle,\n        });\n        const stickyLeftColumnCount = isTableView ? Math.min(stickyColumns?.left ?? 0, 1) : 0;\n        const stickyRightColumnCount = isTableView ? Math.min(stickyColumns?.right ?? 0, 1) : 0;\n        const stickyFooter =\n            (stickyLeftColumnCount > 0 || stickyRightColumnCount > 0) && stickyColumns?.footer === true;\n\n        const mergedWrapperRefs = useMergeRefs(tableWrapperRef, ref);\n\n        const flags = {\n            hasHeader:\n                !!resolvedRenderHeader ||\n                hasMatchingSectionChild(children, child => isTableHeaderChild<RowType>(child)),\n            hasFooter:\n                resolvedViewType === 'TABLE' &&\n                (renderHasFooter || hasMatchingSectionChild(children, isTableFooterChild)),\n            isClickable: typeof onRowClick === 'function' || typeof onActiveRowChange === 'function',\n            isTableView: resolvedViewType === 'TABLE',\n        };\n\n        // Keep controlled selection derivation out of the main Table orchestrator so the\n        // interaction context consumes a small, already-normalized selection state.\n        const {\n            selectedRowIdSet,\n            selectableRowIdSet,\n            isAllRowsSelected,\n            isSomeRowsSelected,\n            hasSelectableRows,\n            handleToggleAllSelection,\n            handleToggleRowSelection,\n        } = useInternalTableSelectionState({\n            bodyRows: renderBodyRows,\n            onSelectionChange,\n            selectedRowIds,\n        });\n\n        const interactionContextValue: TableInteractionContextValue<RowType> = {\n            showSelectionColumn,\n            selectedRowIdSet,\n            selectableRowIdSet,\n            selectionHeaderContent,\n            isAllRowsSelected,\n            isSomeRowsSelected,\n            hasSelectableRows,\n            hideSelectionCheckboxesForExcludedRows,\n            onToggleAllSelection: handleToggleAllSelection,\n            onToggleRowSelection: handleToggleRowSelection,\n            activeRowId,\n            onActiveRowChange,\n            onRowClick,\n            isClickable: flags.isClickable,\n            onSortChange,\n        };\n\n        const layoutContextValue: TableLayoutContextValue = {\n            handleBodyScroll,\n            tableHeadRowRef,\n            tableFooterRowRef,\n            draggableColumnKeys: draggableColumnsEnabled ? draggableColumnKeys : undefined,\n            lastResizableColumnKey: resizeColumnsEnabled ? lastResizableColumnKey : undefined,\n            resettableColumnKeys: resizeColumnsEnabled ? resettableColumnKeys : undefined,\n            stickyLeftColumnCount,\n            stickyRightColumnCount,\n            stickyFooter,\n            onColumnDragEnd: draggableColumnsEnabled ? handleColumnDragEnd : undefined,\n            onColumnResizeReset: resizeColumnsEnabled ? handleColumnResizeReset : undefined,\n            onColumnResizeStart: resizeColumnsEnabled ? handleColumnResizeStart : undefined,\n        };\n\n        const renderConfigContextValue: TableRenderConfigContextValue<RowType> = {\n            viewType: resolvedViewType,\n            isTableView: resolvedViewType === 'TABLE',\n            cardClasses,\n            noRowsState,\n            rowKey,\n            rowClassName,\n            cellClassName,\n            selectionCheckboxVerticalAlignment,\n            rowAnimationProps: virtualizedRows ? undefined : rowAnimationProps,\n            expandedRowAnimation,\n            virtualizedRows,\n            virtualizationOverscan,\n        };\n\n        const renderContextValue: TableRenderContextValue<RowType> = {\n            renderDraft: renderDraftRef.current,\n            header: resolvedRenderHeader,\n            columns: resolvedRenderColumns,\n            columnDefinitionsByKey,\n            columnIndexByKey,\n            bodyRows: renderBodyRows,\n            renderBodyRow,\n            hasFooterCells: renderHasFooterCells,\n            hasExpandableRows: renderHasExpandableRows,\n            isRegisteringBodyRows: true,\n        };\n\n        const content = (\n            <TableInteractionContext.Provider\n                value={interactionContextValue as TableInteractionContextValue<TableRowData>}\n            >\n                <TableLayoutContext.Provider value={layoutContextValue}>\n                    <TableRenderConfigContext.Provider\n                        value={renderConfigContextValue as TableRenderConfigContextValue<TableRowData>}\n                    >\n                        <TableRenderContext.Provider\n                            value={renderContextValue as TableRenderContextValue<TableRowData>}\n                        >\n                            {children}\n                        </TableRenderContext.Provider>\n                    </TableRenderConfigContext.Provider>\n                </TableLayoutContext.Provider>\n            </TableInteractionContext.Provider>\n        );\n\n        return (\n            <div\n                {...remainingProps}\n                className={classNames(\n                    resolveTableBaseClassName({\n                        viewType: resolvedViewType,\n                        condensed,\n                        striped,\n                        gridLines,\n                        className,\n                        tableUseOverflow,\n                        flags,\n                        hasHover,\n                        styleClassSwitches,\n                    }),\n                    hasHorizontalScrollStartOffset && 'table-has-horizontal-scroll-start-offset',\n                    (hasHorizontalScrollEndOffset || (tableUseOverflow && !hasHorizontalScrollStartOffset)) &&\n                        'table-has-horizontal-scroll-end-offset'\n                )}\n                ref={mergedWrapperRefs}\n                role='table'\n                aria-colcount={\n                    resolvedRenderColumns.length > 0\n                        ? resolvedRenderColumns.length + (showSelectionColumn ? 1 : 0)\n                        : undefined\n                }\n                style={wrapperStyle}\n            >\n                {tableUseOverflow && !renderBodyMaxHeight ? (\n                    <div className='overflow-x-auto' onScroll={handleBodyScroll} role='presentation'>\n                        <div className='table-scroll-content' role='presentation'>\n                            {content}\n                        </div>\n                    </div>\n                ) : (\n                    content\n                )}\n            </div>\n        );\n    }\n) as <RowType extends TableRowData>(props: TableProps<RowType> & RefAttributes<HTMLDivElement>) => ReactElement;\n\nexport default Table;\n"],"names":["TableBody","TableBodyComponent","TableHeader","TableHeaderComponent","TableHeaderRow","TableHeaderRowComponent","TableHeaderColumn","TableHeaderColumnComponent","TableFooter","TableFooterComponent","TableColumn","TableColumnComponent","TableExpanderButton","TableExpanderButtonComponent","TableExpandAllGroupsButton","TableExpandAllGroupsButtonComponent","TableRow","TableRowComponent","TableStickyRowButton","TableStickyRowButtonComponent","TableSpacerRow","TableSpacerRowComponent","TableExpandedRow","TableExpandedRowComponent","TableExpandedContentRow","TableExpandedContentRowComponent","TableGroupRow","TableGroupRowComponent","TableGroupFooterRow","TableGroupFooterRowComponent","TableBatchDropdown","TableBatchDropdownComponent","TableColumnFilter","TableColumnFilterComponent","TableColumnsDropdown","TableColumnsDropdownComponent","hasMatchingSectionChild","children","matcher","Children","child","isValidElement","Fragment","isTableHeaderChild","isTableFooterChild","Table","forwardRef","props","ref","viewType","cardsStyle","responsiveBreakpoint","onViewTypeChange","condensed","striped","hover","shadow","border","rounded","gridLines","rowClassName","rowKey","rowSeparatorWidth","stickyReference","stickyColumns","activeRowId","onActiveRowChange","rowAnimationProps","expandedRowAnimation","sortBy","sortDirection","onSortChange","cellClassName","selectionCheckboxVerticalAlignment","onRowClick","onSelectionChange","hideSelectionCheckboxesForExcludedRows","selectedRowIds","selectionHeaderContent","columnOrder","onColumnResize","onColumnOrderChange","showSelectionColumn","noRowsState","virtualizedRows","virtualizationOverscan","className","style","remainingProps","renderDraftRef","useRef","renderHeaderColumns","renderBodyRows","renderBodyMaxHeight","renderHasFooter","renderHasFooterCells","renderHasExpandableRows","renderBodyRow","useRenderDraftState","columnDefinitionsByKey","columnIndexByKey","draggableColumnKeys","draggableColumnsEnabled","handleColumnDragEnd","handleColumnResizeReset","handleColumnResizeStart","lastResizableColumnKey","resettableColumnKeys","resizeColumnsEnabled","resolvedRenderColumns","resizedColumns","useResolvedRenderColumns","resolvedRenderHeader","useResolvedRenderHeader","hasFooterCells","handleBodyScroll","hasHorizontalScrollEndOffset","hasHorizontalScrollStartOffset","tableUseOverflow","tableWrapperRef","wrapperStyle","tableHeadRowRef","tableFooterRowRef","wrapperWidth","useTableLayout","resolvedViewType","useResponsiveResolvedViewType","cardClasses","hasHover","isTableView","styleClassSwitches","resolveTableClassConfig","stickyLeftColumnCount","stickyRightColumnCount","stickyFooter","mergedWrapperRefs","useMergeRefs","flags","selectedRowIdSet","selectableRowIdSet","isAllRowsSelected","isSomeRowsSelected","hasSelectableRows","handleToggleAllSelection","handleToggleRowSelection","useInternalTableSelectionState","interactionContextValue","layoutContextValue","renderConfigContextValue","renderContextValue","content","jsx","TableInteractionContext","TableLayoutContext","TableRenderConfigContext","TableRenderContext","classNames","resolveTableBaseClassName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEO,MAAMA,KAAYC,IAGZC,KAAcC,GAGdC,KAAiBC,IAGjBC,KAAoBC,IAGpBC,KAAcC,GAGdC,KAAcC,IAGdC,KAAsBC,IAGtBC,KAA6BC,IAG7BC,KAAWC,IAGXC,KAAuBC,IAGvBC,KAAiBC,IAGjBC,KAAmBC,IAGnBC,KAA0BC,IAG1BC,KAAgBC,IAGhBC,KAAsBC,IAGtBC,KAAqBC,IACrBC,KAAoBC,IACpBC,KAAuBC,IAK9BC,IAA0B,CAACC,GAAqBC,MAClDC,GAAS,QAAQF,CAAQ,EAAE,KAAK,CAAAG,MACxBF,EAAQE,CAAK,IACN,KAGPC,EAAeD,CAAK,KAAKA,EAAM,SAASE,KACjCN,EAAwBI,EAAM,MAAM,UAAUF,CAAO,IAGzD,EACV,GAECK,KAAqB,CACvBH,MACmDC,EAAeD,CAAK,KAAKA,EAAM,SAASrC,GAEzFyC,KAAqB,CAACJ,MACxBC,EAAeD,CAAK,KAAKA,EAAM,SAAS/B,GAEtCoC,KAAQC;AAAA,EACV,CAA+BC,GAA4BC,MAAsC;AAC7F,UAAM;AAAA,MACF,UAAAX;AAAA,MACA,UAAAY,IAAW;AAAA,MACX,YAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,WAAAC,IAAY;AAAA,MACZ,SAAAC,IAAU;AAAA,MACV,OAAAC,IAAQ;AAAA,MACR,QAAAC,IAAS;AAAA,MACT,QAAAC,IAAS;AAAA,MACT,SAAAC,IAAU;AAAA,MACV,WAAAC,IAAY;AAAA,MACZ,cAAAC;AAAA,MACA,QAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,iBAAAC,IAAkB;AAAA,MAClB,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,QAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MACA,oCAAAC,KAAqC;AAAA,MACrC,YAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,wCAAAC,KAAyC;AAAA,MACzC,gBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,qBAAAC,IAAsB;AAAA,MACtB,aAAAC,KAAc;AAAA,MACd,iBAAAC,IAAkB;AAAA,MAClB,wBAAAC,KAAyB;AAAA,MACzB,WAAAC;AAAA,MACA,OAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACHzC,GAEE0C,IAAiBC,GAAkC,EAAE,eAAe,CAAA,GAAI,UAAU,CAAA,GAAI;AAU5F,IAAAD,EAAe,QAAQ,gBAAgB,CAAA,GACvCA,EAAe,QAAQ,WAAW,CAAA,GAClCA,EAAe,QAAQ,gBAAgB,QACvCA,EAAe,QAAQ,YAAY,IACnCA,EAAe,QAAQ,iBAAiB,QACxCA,EAAe,QAAQ,oBAAoB;AAE3C,UAAM;AAAA,MACF,qBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,GAAoBT,CAAc,GAEhC;AAAA,MACF,wBAAAU;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA,IACAC,GAAyB;AAAA,MACzB,aAAAhC;AAAA,MACA,qBAAAE;AAAA,MACA,gBAAAD;AAAA,MACA,qBAAAW;AAAA,MACA,UAAA1C;AAAA,IAAA,CACH,GAEK+D,IAAuBC,GAAwB;AAAA,MACjD,qBAAAtB;AAAA,MACA,uBAAAkB;AAAA,MACA,QAAAxC;AAAA,MACA,eAAAC;AAAA,IAAA,CACH,GAEK4C,KAAiBnB,KAAwB,IAEzC;AAAA,MACF,kBAAAoB;AAAA,MACA,8BAAAC;AAAA,MACA,gCAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,cAAAC;AAAA,IAAA,IACAC,GAAe;AAAA,MACf,eAAe/B;AAAA,MACf,YAAA3C;AAAA,MACA,SAAS4D;AAAA,MACT,gBAAAI;AAAA,MACA,mBAAApD;AAAA,MACA,qBAAAoB;AAAA,MACA,iBAAAnB;AAAA,MACA,OAAAwB;AAAA,IAAA,CACH,GAEKsC,IAAmBC,GAA8B;AAAA,MACnD,kBAAA1E;AAAA,MACA,sBAAAD;AAAA,MACA,UAAAF;AAAA,MACA,mBAAmBuE,EAAa,eAAe;AAAA,MAC/C,cAAAG;AAAA,IAAA,CACH,GAEK,EAAE,aAAAI,IAAa,UAAAC,IAAU,aAAAC,GAAa,oBAAAC,GAAA,IAAuBC,GAAwB;AAAA,MACvF,UAAUN;AAAA,MACV,OAAAtE;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAA4B;AAAA,MACA,YAAApC;AAAA,IAAA,CACH,GACKkF,IAAwBH,IAAc,KAAK,IAAIjE,GAAe,QAAQ,GAAG,CAAC,IAAI,GAC9EqE,IAAyBJ,IAAc,KAAK,IAAIjE,GAAe,SAAS,GAAG,CAAC,IAAI,GAChFsE,MACDF,IAAwB,KAAKC,IAAyB,MAAMrE,GAAe,WAAW,IAErFuE,KAAoBC,GAAajB,IAAiBvE,CAAG,GAErDyF,IAAQ;AAAA,MACV,WACI,CAAC,CAACzB,KACF5E,EAAwBC,GAAU,CAAAG,OAASG,GAA4BH,EAAK,CAAC;AAAA,MACjF,WACIqF,MAAqB,YACpB/B,MAAmB1D,EAAwBC,GAAUO,EAAkB;AAAA,MAC5E,aAAa,OAAO8B,KAAe,cAAc,OAAOR,KAAsB;AAAA,MAC9E,aAAa2D,MAAqB;AAAA,IAAA,GAKhC;AAAA,MACF,kBAAAa;AAAA,MACA,oBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,0BAAAC;AAAA,MACA,0BAAAC;AAAA,IAAA,IACAC,GAA+B;AAAA,MAC/B,UAAUrD;AAAA,MACV,mBAAAjB;AAAA,MACA,gBAAAE;AAAA,IAAA,CACH,GAEKqE,KAAiE;AAAA,MACnE,qBAAAhE;AAAA,MACA,kBAAAwD;AAAA,MACA,oBAAAC;AAAA,MACA,wBAAA7D;AAAA,MACA,mBAAA8D;AAAA,MACA,oBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,wCAAAlE;AAAA,MACA,sBAAsBmE;AAAA,MACtB,sBAAsBC;AAAA,MACtB,aAAA/E;AAAA,MACA,mBAAAC;AAAA,MACA,YAAAQ;AAAA,MACA,aAAa+D,EAAM;AAAA,MACnB,cAAAlE;AAAA,IAAA,GAGE4E,KAA8C;AAAA,MAChD,kBAAAhC;AAAA,MACA,iBAAAM;AAAA,MACA,mBAAAC;AAAA,MACA,qBAAqBpB,IAA0BD,KAAsB;AAAA,MACrE,wBAAwBO,IAAuBF,KAAyB;AAAA,MACxE,sBAAsBE,IAAuBD,KAAuB;AAAA,MACpE,uBAAAyB;AAAA,MACA,wBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,iBAAiBhC,IAA0BC,KAAsB;AAAA,MACjE,qBAAqBK,IAAuBJ,KAA0B;AAAA,MACtE,qBAAqBI,IAAuBH,KAA0B;AAAA,IAAA,GAGpE2C,KAAmE;AAAA,MACrE,UAAUvB;AAAA,MACV,aAAaA,MAAqB;AAAA,MAClC,aAAAE;AAAA,MACA,aAAA5C;AAAA,MACA,QAAAtB;AAAA,MACA,cAAAD;AAAA,MACA,eAAAY;AAAA,MACA,oCAAAC;AAAA,MACA,mBAAmBW,IAAkB,SAAYjB;AAAA,MACjD,sBAAAC;AAAA,MACA,iBAAAgB;AAAA,MACA,wBAAAC;AAAA,IAAA,GAGEgE,KAAuD;AAAA,MACzD,aAAa5D,EAAe;AAAA,MAC5B,QAAQuB;AAAA,MACR,SAASH;AAAA,MACT,wBAAAV;AAAA,MACA,kBAAAC;AAAA,MACA,UAAUR;AAAA,MACV,eAAAK;AAAA,MACA,gBAAgBF;AAAA,MAChB,mBAAmBC;AAAA,MACnB,uBAAuB;AAAA,IAAA,GAGrBsD,IACF,gBAAAC;AAAA,MAACC,GAAwB;AAAA,MAAxB;AAAA,QACG,OAAON;AAAA,QAEP,UAAA,gBAAAK,EAACE,GAAmB,UAAnB,EAA4B,OAAON,IAChC,UAAA,gBAAAI;AAAA,UAACG,GAAyB;AAAA,UAAzB;AAAA,YACG,OAAON;AAAA,YAEP,UAAA,gBAAAG;AAAA,cAACI,GAAmB;AAAA,cAAnB;AAAA,gBACG,OAAON;AAAA,gBAEN,UAAAhH;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAIR,WACI,gBAAAkH;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG/D;AAAA,QACJ,WAAWoE;AAAA,UACPC,GAA0B;AAAA,YACtB,UAAUhC;AAAA,YACV,WAAAxE;AAAA,YACA,SAAAC;AAAA,YACA,WAAAK;AAAA,YACA,WAAA2B;AAAA,YACA,kBAAAgC;AAAA,YACA,OAAAmB;AAAA,YACA,UAAAT;AAAA,YACA,oBAAAE;AAAA,UAAA,CACH;AAAA,UACDb,KAAkC;AAAA,WACjCD,MAAiCE,KAAoB,CAACD,MACnD;AAAA,QAAA;AAAA,QAER,KAAKkB;AAAA,QACL,MAAK;AAAA,QACL,iBACI1B,EAAsB,SAAS,IACzBA,EAAsB,UAAU3B,IAAsB,IAAI,KAC1D;AAAA,QAEV,OAAOsC;AAAA,QAEN,eAAoB,CAAC3B,sBACjB,OAAA,EAAI,WAAU,mBAAkB,UAAUsB,GAAkB,MAAK,gBAC9D,UAAA,gBAAAoC,EAAC,SAAI,WAAU,wBAAuB,MAAK,gBACtC,UAAAD,EAAA,CACL,GACJ,IAEAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;"}
+{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import {\n    Children,\n    Fragment,\n    forwardRef,\n    isValidElement,\n    useRef,\n    type ForwardedRef,\n    type ReactElement,\n    type ReactNode,\n    type RefAttributes,\n} from 'react';\n\nimport classNames from '../../utils/classNames';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport TableBodyComponent from './TableBody';\nimport TableColumnComponent from './TableColumn';\nimport TableExpanderButtonComponent from './TableExpanderButton';\nimport TableExpandAllGroupsButtonComponent from './TableExpandAllGroupsButton';\nimport TableExpandedContentRowComponent from './TableExpandedContentRow';\nimport TableExpandedRowComponent from './TableExpandedRow';\nimport TableFooterComponent, { type TableFooterProps } from './TableFooter';\nimport TableGroupFooterRowComponent from './TableGroupFooterRow';\nimport TableGroupRowComponent from './TableGroupRow';\nimport TableHeaderComponent, { type TableHeaderProps } from './TableHeader';\nimport TableHeaderColumnComponent from './TableHeaderColumn';\nimport TableHeaderRowComponent from './TableHeaderRow';\nimport TableRowComponent from './TableRow';\nimport TableStickyRowButtonComponent from './TableStickyRowButton';\nimport TableSpacerRowComponent from './TableSpacerRow';\nimport { useTableLayout } from './layout/useTableLayout';\nimport { resolveTableBaseClassName, resolveTableClassConfig } from './model/resolveTableClassConfig';\nimport TableBatchDropdownComponent from './render/header/TableBatchDropdown';\nimport TableColumnFilterComponent from './render/header/TableColumnFilter';\nimport useRenderDraftState from './runtime/useRenderDraftState';\nimport useResponsiveResolvedViewType from './runtime/useResponsiveResolvedViewType';\nimport useResolvedRenderColumns from './runtime/useResolvedRenderColumns';\nimport useResolvedRenderHeader from './runtime/useResolvedRenderHeader';\nimport useInternalTableSelectionState from './selection/useInternalTableSelectionState';\nimport { TableInteractionContext, type TableInteractionContextValue } from './context/TableInteractionContext';\nimport { TableLayoutContext, type TableLayoutContextValue } from './context/TableLayoutContext';\nimport { TableRenderConfigContext, type TableRenderConfigContextValue } from './context/TableRenderConfigContext';\nimport { TableRenderContext, type TableRenderContextValue, type TableRenderDraft } from './context/TableRenderContext';\nimport TableColumnsDropdownComponent from './settings/TableColumnsDropdown';\nimport type { TableProps, TableRowData } from './Table.types';\n\nexport type {\n    TableCellOverflow,\n    TableCellClassName,\n    TableCardsStyleSettings,\n    TableColumnDefinition,\n    TableExpandedRowAnimation,\n    TableHorizontalAlign,\n    TableProps,\n    TableResponsiveBreakpoint,\n    TableRowAnimationProps,\n    TableRowId,\n    TableRowClassName,\n    TableRowSelectable,\n    TableStickyReference,\n    TableStickyColumns,\n    TableSortDirection,\n    TableVerticalAlign,\n    TableViewType,\n} from './Table.types';\n\nexport { default as useTableSelection } from './selection/useTableSelection';\n\nexport type { UseTableSelectionOptions, UseTableSelectionReturn } from './selection/useTableSelection';\n\nexport const TableBody = TableBodyComponent;\nexport type { TableBodyHandle, TableBodyProps } from './TableBody';\n\nexport const TableHeader = TableHeaderComponent;\nexport type { TableHeaderProps } from './TableHeader';\n\nexport const TableHeaderRow = TableHeaderRowComponent;\nexport type { TableHeaderRowProps } from './TableHeaderRow';\n\nexport const TableHeaderColumn = TableHeaderColumnComponent;\nexport type { TableHeaderColumnProps } from './TableHeaderColumn';\n\nexport const TableFooter = TableFooterComponent;\nexport type { TableFooterProps } from './TableFooter';\n\nexport const TableColumn = TableColumnComponent;\nexport type { TableColumnProps } from './TableColumn';\n\nexport const TableExpanderButton = TableExpanderButtonComponent;\nexport type { TableExpanderButtonProps } from './TableExpanderButton';\n\nexport const TableExpandAllGroupsButton = TableExpandAllGroupsButtonComponent;\nexport type { TableExpandAllGroupsButtonProps } from './TableExpandAllGroupsButton';\n\nexport const TableRow = TableRowComponent;\nexport type { TableRowProps } from './TableRow';\n\nexport const TableStickyRowButton = TableStickyRowButtonComponent;\nexport type { TableStickyRowButtonProps } from './TableStickyRowButton';\n\nexport const TableSpacerRow = TableSpacerRowComponent;\nexport type { TableSpacerRowProps } from './TableSpacerRow';\n\nexport const TableExpandedRow = TableExpandedRowComponent;\nexport type { TableExpandedRowProps } from './TableExpandedRow';\n\nexport const TableExpandedContentRow = TableExpandedContentRowComponent;\nexport type { TableExpandedContentRowProps } from './TableExpandedContentRow';\n\nexport const TableGroupRow = TableGroupRowComponent;\nexport type { TableGroupRowProps } from './TableGroupRow';\n\nexport const TableGroupFooterRow = TableGroupFooterRowComponent;\nexport type { TableGroupFooterRowProps } from './TableGroupFooterRow';\n\nexport const TableBatchDropdown = TableBatchDropdownComponent;\nexport const TableColumnFilter = TableColumnFilterComponent;\nexport const TableColumnsDropdown = TableColumnsDropdownComponent;\nexport type { TableBatchDropdownProps } from './render/header/TableBatchDropdown';\nexport type { TableColumnFilterProps } from './render/header/TableColumnFilter';\nexport type { TableColumnsDropdownItem, TableColumnsDropdownProps } from './settings/TableColumnsDropdown';\n\nconst hasMatchingSectionChild = (children: ReactNode, matcher: (child: ReactNode) => boolean): boolean =>\n    Children.toArray(children).some(child => {\n        if (matcher(child)) {\n            return true;\n        }\n\n        if (isValidElement<{ children?: ReactNode }>(child) && child.type === Fragment) {\n            return hasMatchingSectionChild(child.props.children, matcher);\n        }\n\n        return false;\n    });\n\nconst isTableHeaderChild = <RowType extends TableRowData>(\n    child: ReactNode\n): child is ReactElement<TableHeaderProps<RowType>> => isValidElement(child) && child.type === TableHeaderComponent;\n\nconst isTableFooterChild = (child: ReactNode): child is ReactElement<TableFooterProps> =>\n    isValidElement(child) && child.type === TableFooterComponent;\n\nconst Table = forwardRef(\n    <RowType extends TableRowData>(props: TableProps<RowType>, ref: ForwardedRef<HTMLDivElement>) => {\n        const {\n            children,\n            viewType = 'TABLE',\n            cardsStyle,\n            responsiveBreakpoint,\n            onViewTypeChange,\n            condensed = false,\n            striped = false,\n            hover = false,\n            shadow = false,\n            border = true,\n            rounded = true,\n            gridLines = false,\n            rowClassName,\n            rowKey,\n            rowSeparatorWidth,\n            stickyReference = 'applicationLayout',\n            stickyColumns,\n            activeRowId,\n            onActiveRowChange,\n            rowAnimationProps,\n            expandedRowAnimation,\n            sortBy,\n            sortDirection,\n            onSortChange,\n            cellClassName,\n            selectionCheckboxVerticalAlignment = 'middle',\n            onRowClick,\n            onSelectionChange,\n            hideSelectionCheckboxesForExcludedRows = false,\n            selectedRowIds,\n            selectionHeaderContent,\n            columnOrder,\n            onColumnResize,\n            onColumnOrderChange,\n            showSelectionColumn = false,\n            noRowsState = 'No data available',\n            virtualizedRows = false,\n            virtualizationOverscan = 5,\n            className,\n            style,\n            ...remainingProps\n        } = props;\n\n        const renderDraftRef = useRef<TableRenderDraft<RowType>>({ headerColumns: [], bodyRows: [] });\n\n        // Core render cycle:\n        // 1. Header/body/footer sub-components register their structure into `renderDraftRef.current`.\n        // 2. `useRenderDraftState(...)` promotes that mutable draft into stable state.\n        // 3. The table renders from that stable draft state so virtualization, footer logic, sorting,\n        //    and row animations operate on a normalized model instead of arbitrary JSX children.\n        //\n        // The draft must be reset before each pass because it only represents the currently\n        // executing render, not persistent state.\n        renderDraftRef.current.headerColumns = [];\n        renderDraftRef.current.bodyRows = [];\n        renderDraftRef.current.bodyMaxHeight = undefined;\n        renderDraftRef.current.hasFooter = false;\n        renderDraftRef.current.hasFooterCells = undefined;\n        renderDraftRef.current.hasExpandableRows = undefined;\n\n        const {\n            renderHeaderColumns,\n            renderBodyRows,\n            renderBodyMaxHeight,\n            renderHasFooter,\n            renderHasFooterCells,\n            renderHasExpandableRows,\n            renderBodyRow,\n        } = useRenderDraftState(renderDraftRef);\n\n        const {\n            columnDefinitionsByKey,\n            columnIndexByKey,\n            draggableColumnKeys,\n            draggableColumnsEnabled,\n            handleColumnDragEnd,\n            handleColumnResizeReset,\n            handleColumnResizeStart,\n            lastResizableColumnKey,\n            resettableColumnKeys,\n            resizeColumnsEnabled,\n            resolvedRenderColumns,\n            resizedColumns,\n        } = useResolvedRenderColumns({\n            columnOrder,\n            onColumnOrderChange,\n            onColumnResize,\n            renderHeaderColumns,\n            viewType,\n        });\n\n        const resolvedRenderHeader = useResolvedRenderHeader({\n            renderHeaderColumns,\n            resolvedRenderColumns,\n            sortBy,\n            sortDirection,\n        });\n\n        const hasFooterCells = renderHasFooterCells ?? false;\n\n        const {\n            handleBodyScroll,\n            hasHorizontalScrollEndOffset,\n            hasHorizontalScrollStartOffset,\n            tableUseOverflow,\n            tableWrapperRef,\n            wrapperStyle,\n            tableHeadRowRef,\n            tableFooterRowRef,\n            wrapperWidth,\n        } = useTableLayout({\n            bodyMaxHeight: renderBodyMaxHeight,\n            cardsStyle,\n            columns: resizedColumns,\n            hasFooterCells,\n            rowSeparatorWidth,\n            showSelectionColumn,\n            stickyReference,\n            style,\n        });\n\n        const resolvedViewType = useResponsiveResolvedViewType({\n            onViewTypeChange,\n            responsiveBreakpoint,\n            viewType,\n            wrapperTableWidth: wrapperStyle['--table-width'],\n            wrapperWidth,\n        });\n\n        const { cardClasses, hasHover, isTableView, styleClassSwitches } = resolveTableClassConfig({\n            viewType: resolvedViewType,\n            hover,\n            shadow,\n            border,\n            rounded,\n            className,\n            cardsStyle,\n        });\n        const stickyLeftColumnCount = isTableView ? Math.min(stickyColumns?.left ?? 0, 1) : 0;\n        const stickyRightColumnCount = isTableView ? Math.min(stickyColumns?.right ?? 0, 1) : 0;\n        const stickyFooter =\n            (stickyLeftColumnCount > 0 || stickyRightColumnCount > 0) && stickyColumns?.footer === true;\n\n        const mergedWrapperRefs = useMergeRefs(tableWrapperRef, ref);\n\n        const flags = {\n            hasHeader:\n                !!resolvedRenderHeader ||\n                hasMatchingSectionChild(children, child => isTableHeaderChild<RowType>(child)),\n            hasFooter:\n                resolvedViewType === 'TABLE' &&\n                (renderHasFooter || hasMatchingSectionChild(children, isTableFooterChild)),\n            isClickable: typeof onRowClick === 'function' || typeof onActiveRowChange === 'function',\n            isTableView: resolvedViewType === 'TABLE',\n        };\n\n        // Keep controlled selection derivation out of the main Table orchestrator so the\n        // interaction context consumes a small, already-normalized selection state.\n        const {\n            selectedRowIdSet,\n            selectableRowIdSet,\n            isAllRowsSelected,\n            isSomeRowsSelected,\n            hasSelectableRows,\n            handleToggleAllSelection,\n            handleToggleRowSelection,\n        } = useInternalTableSelectionState({\n            bodyRows: renderBodyRows,\n            onSelectionChange,\n            selectedRowIds,\n        });\n\n        const interactionContextValue: TableInteractionContextValue<RowType> = {\n            showSelectionColumn,\n            selectedRowIdSet,\n            selectableRowIdSet,\n            selectionHeaderContent,\n            isAllRowsSelected,\n            isSomeRowsSelected,\n            hasSelectableRows,\n            hideSelectionCheckboxesForExcludedRows,\n            onToggleAllSelection: handleToggleAllSelection,\n            onToggleRowSelection: handleToggleRowSelection,\n            activeRowId,\n            onActiveRowChange,\n            onRowClick,\n            isClickable: flags.isClickable,\n            onSortChange,\n        };\n\n        const layoutContextValue: TableLayoutContextValue = {\n            handleBodyScroll,\n            tableHeadRowRef,\n            tableFooterRowRef,\n            draggableColumnKeys: draggableColumnsEnabled ? draggableColumnKeys : undefined,\n            lastResizableColumnKey: resizeColumnsEnabled ? lastResizableColumnKey : undefined,\n            resettableColumnKeys: resizeColumnsEnabled ? resettableColumnKeys : undefined,\n            stickyLeftColumnCount,\n            stickyRightColumnCount,\n            stickyFooter,\n            onColumnDragEnd: draggableColumnsEnabled ? handleColumnDragEnd : undefined,\n            onColumnResizeReset: resizeColumnsEnabled ? handleColumnResizeReset : undefined,\n            onColumnResizeStart: resizeColumnsEnabled ? handleColumnResizeStart : undefined,\n        };\n\n        const renderConfigContextValue: TableRenderConfigContextValue<RowType> = {\n            viewType: resolvedViewType,\n            isTableView: resolvedViewType === 'TABLE',\n            cardClasses,\n            noRowsState,\n            rowKey,\n            rowClassName,\n            cellClassName,\n            selectionCheckboxVerticalAlignment,\n            rowAnimationProps: virtualizedRows ? undefined : rowAnimationProps,\n            expandedRowAnimation,\n            virtualizedRows,\n            virtualizationOverscan,\n        };\n\n        const renderContextValue: TableRenderContextValue<RowType> = {\n            renderDraft: renderDraftRef.current,\n            header: resolvedRenderHeader,\n            columns: resolvedRenderColumns,\n            columnDefinitionsByKey,\n            columnIndexByKey,\n            bodyRows: renderBodyRows,\n            renderBodyRow,\n            hasFooterCells: renderHasFooterCells,\n            hasExpandableRows: renderHasExpandableRows,\n            isRegisteringBodyRows: true,\n        };\n\n        const content = (\n            <TableInteractionContext.Provider\n                value={interactionContextValue as TableInteractionContextValue<TableRowData>}\n            >\n                <TableLayoutContext.Provider value={layoutContextValue}>\n                    <TableRenderConfigContext.Provider\n                        value={renderConfigContextValue as TableRenderConfigContextValue<TableRowData>}\n                    >\n                        <TableRenderContext.Provider\n                            value={renderContextValue as TableRenderContextValue<TableRowData>}\n                        >\n                            {children}\n                        </TableRenderContext.Provider>\n                    </TableRenderConfigContext.Provider>\n                </TableLayoutContext.Provider>\n            </TableInteractionContext.Provider>\n        );\n\n        return (\n            <div\n                {...remainingProps}\n                className={classNames(\n                    resolveTableBaseClassName({\n                        viewType: resolvedViewType,\n                        condensed,\n                        striped,\n                        gridLines,\n                        className,\n                        tableUseOverflow,\n                        flags,\n                        hasHover,\n                        styleClassSwitches,\n                    }),\n                    hasHorizontalScrollStartOffset && 'table-has-horizontal-scroll-start-offset',\n                    (hasHorizontalScrollEndOffset || (tableUseOverflow && !hasHorizontalScrollStartOffset)) &&\n                        'table-has-horizontal-scroll-end-offset'\n                )}\n                ref={mergedWrapperRefs}\n                role='table'\n                aria-colcount={\n                    resolvedRenderColumns.length > 0\n                        ? resolvedRenderColumns.length + (showSelectionColumn ? 1 : 0)\n                        : undefined\n                }\n                style={wrapperStyle}\n            >\n                {tableUseOverflow && !renderBodyMaxHeight ? (\n                    <div className='overflow-x-auto' onScroll={handleBodyScroll} role='presentation'>\n                        <div className='table-scroll-content' role='presentation'>\n                            {content}\n                        </div>\n                    </div>\n                ) : (\n                    content\n                )}\n            </div>\n        );\n    }\n) as <RowType extends TableRowData>(props: TableProps<RowType> & RefAttributes<HTMLDivElement>) => ReactElement;\n\nexport default Table;\n"],"mappings":"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"}

package/components/table/Table.types.d.ts

@@ -1,5 +1,6 @@
 import { MotionProps } from 'motion/react';
 import { HTMLAttributes, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+import { IconType } from '../icon/Icon';
 export type TableHorizontalAlign = 'left' | 'center' | 'right';
 export type TableVerticalAlign = 'top' | 'middle' | 'bottom';
 export type TableCellOverflow = 'hidden' | 'visible' | 'ellipsis' | 'ellipsis-2' | 'ellipsis-3';
@@ -92,9 +93,15 @@ export type TableColumnDefinition<RowType extends TableRowData> = {
      */
     label: ReactNode;
     /**
-     * Optional rioglyph class rendered before the header label in table view.
+     * Optional uikit-icon class rendered before the header label in table view.
      */
-    icon?: string;
+    iconName?: IconType;
+    /**
+     * Legacy alias for `iconName`.
+     *
+     * @deprecated Use `iconName` instead.
+     */
+    icon?: IconType;
     /**
      * Optional column label shown on mobile cards.
      */

package/components/table/TableBody.js

@@ -1,135 +1,115 @@
-import { jsx as l, jsxs as j } from "react/jsx-runtime";
-import { forwardRef as D, Children as L, useRef as h, useState as q, useCallback as z, useImperativeHandle as $ } from "react";
-import G from "../smoothScrollbars/SmoothScrollbars.js";
-import J from "../virtualList/useVirtualListResizeObserver.js";
-import { toCssSize as K } from "./layout/columnSizing.js";
-import Q from "./layout/useTableBodyScrollBottom.js";
-import U from "./layout/useTableVirtualization.js";
-import { shouldAnimateBodyRows as W } from "./runtime/shouldAnimateBodyRows.js";
-import H from "./render/body/TableBodyContent.js";
-import { useOptionalTableInteractionContext as X } from "./context/TableInteractionContext.js";
-import { useOptionalTableLayoutContext as Y } from "./context/TableLayoutContext.js";
-import { useOptionalTableRenderConfigContext as Z } from "./context/TableRenderConfigContext.js";
-import { TableSectionContext as _, TableBodyContext as oo } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as eo, TableRenderContext as to } from "./context/TableRenderContext.js";
-const ro = (s) => {
-  if (!s)
-    return;
-  const i = Number.parseFloat(s);
-  return Number.isNaN(i) ? void 0 : i;
-}, no = (s, i) => {
-  const { children: b, maxHeight: O, onScrollBottom: d, scrollBottomOffset: P = 0, ...w } = s, t = Z(), o = eo(), R = X(), f = Y(), x = !!o && o.columns.length > 0, C = L.toArray(b).length > 0, c = h(0), m = h(null), y = h(null), [a, V] = q(null);
-  c.current = 0;
-  const r = K(O), k = ro(r), g = x && t?.virtualizedRows === !0 && !!r, E = (o?.bodyRows.length ?? 0) > 0, n = z(
-    () => a?.view ?? y.current?.view ?? null,
-    [a?.view]
-  ), I = z((e) => {
-    y.current = e, V(
-      (A) => A?.view === e?.view ? A : e
-    );
-  }, []);
-  $(
-    i,
-    () => ({
-      scrollToTop: () => {
-        n()?.scrollTo({ top: 0 }), requestAnimationFrame(() => {
-          n()?.scrollTo({ top: 0 });
-        });
-      },
-      scrollTo: (e) => {
-        n()?.scrollTo(e);
-      },
-      getScrollElement: n
-    }),
-    [n]
-  );
-  const { isVirtualized: u, measureRow: N, paddingBottom: v, paddingTop: T, virtualRows: p } = U({
-    enabled: g && E,
-    overscan: t?.virtualizationOverscan ?? 0,
-    rows: o?.bodyRows ?? [],
-    scrollContainer: a,
-    viewportHeightFallback: k
-  });
-  J(m, N, [u, p]);
-  const { handleScrollBottom: F } = Q({
-    enabled: !!r && !!d,
-    itemCount: o?.bodyRows.length ?? 0,
-    onScrollBottom: d,
-    scrollBottomOffset: P,
-    scrollElement: a?.view
-  });
-  if (!t || !o || !R || !f || !x)
-    return null;
-  const B = o.columns.length + (R.showSelectionColumn ? 1 : 0), S = W({
-    rowAnimationProps: t.rowAnimationProps,
-    expandedRowAnimation: t.expandedRowAnimation,
-    hasExpandableRows: o.hasExpandableRows,
-    hasExpandedRows: o.bodyRows.some(
-      (e) => e.kind === "expanded" || e.kind === "expanded-full-width"
-    )
-  });
-  o.renderDraft.bodyMaxHeight = r;
-  const M = /* @__PURE__ */ l(to.Provider, { value: { ...o, isRegisteringBodyRows: !0 }, children: b });
-  return /* @__PURE__ */ l(_.Provider, { value: "body", children: /* @__PURE__ */ j(
-    oo.Provider,
-    {
-      value: {
-        nextRowIndex: () => {
-          const e = c.current;
-          return c.current += 1, e;
-        }
-      },
-      children: [
-        M,
-        r ? /* @__PURE__ */ l(
-          G,
-          {
-            className: "table-body-scroll-wrapper",
-            autoHeight: !0,
-            autoHeightMax: r,
-            onScroll: (e) => {
-              f.handleBodyScroll?.(e), F(e?.currentTarget);
-            },
-            role: "presentation",
-            ref: g || d ? I : void 0,
-            children: /* @__PURE__ */ l(
-              H,
-              {
-                columnCount: B,
-                hasDeclaredChildren: C,
-                htmlAttributes: w,
-                shouldAnimateBodyRows: S,
-                isVirtualized: u,
-                itemsRef: m,
-                paddingBottom: v,
-                paddingTop: T,
-                renderConfigContext: t,
-                renderContext: o,
-                virtualRows: p
-              }
-            )
-          }
-        ) : /* @__PURE__ */ l(
-          H,
-          {
-            columnCount: B,
-            hasDeclaredChildren: C,
-            htmlAttributes: w,
-            shouldAnimateBodyRows: S,
-            isVirtualized: u,
-            itemsRef: m,
-            paddingBottom: v,
-            paddingTop: T,
-            renderConfigContext: t,
-            renderContext: o,
-            virtualRows: p
-          }
-        )
-      ]
-    }
-  ) });
-}, Co = D(no);
-export {
-  Co as default
-};
-//# sourceMappingURL=TableBody.js.map
+import e from "../virtualList/useVirtualListResizeObserver.js";
+import t from "../smoothScrollbars/SmoothScrollbars.js";
+import { toCssSize as n } from "./layout/columnSizing.js";
+import r from "./layout/useTableBodyScrollBottom.js";
+import i from "./layout/useTableVirtualization.js";
+import { shouldAnimateBodyRows as a } from "./runtime/shouldAnimateBodyRows.js";
+import o from "./render/body/TableBodyContent.js";
+import { useOptionalTableInteractionContext as s } from "./context/TableInteractionContext.js";
+import { useOptionalTableLayoutContext as c } from "./context/TableLayoutContext.js";
+import { useOptionalTableRenderConfigContext as l } from "./context/TableRenderConfigContext.js";
+import { TableBodyContext as u, TableSectionContext as d } from "./context/TableStructureContext.js";
+import { TableRenderContext as f, useOptionalTableRenderContext as p } from "./context/TableRenderContext.js";
+import { Children as m, forwardRef as h, useCallback as g, useImperativeHandle as _, useRef as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/table/TableBody.tsx
+var S = (e) => {
+	if (!e) return;
+	let t = Number.parseFloat(e);
+	return Number.isNaN(t) ? void 0 : t;
+}, C = h((h, C) => {
+	let { children: w, maxHeight: T, onScrollBottom: E, scrollBottomOffset: D = 0, ...O } = h, k = l(), A = p(), j = s(), M = c(), N = !!A && A.columns.length > 0, P = m.toArray(w).length > 0, F = v(0), I = v(null), L = v(null), [R, z] = y(null);
+	F.current = 0;
+	let B = n(T), V = S(B), H = N && k?.virtualizedRows === !0 && !!B, U = (A?.bodyRows.length ?? 0) > 0, W = g(() => R?.view ?? L.current?.view ?? null, [R?.view]), G = g((e) => {
+		L.current = e, z((t) => t?.view === e?.view ? t : e);
+	}, []);
+	_(C, () => ({
+		scrollToTop: () => {
+			W()?.scrollTo({ top: 0 }), requestAnimationFrame(() => {
+				W()?.scrollTo({ top: 0 });
+			});
+		},
+		scrollTo: (e) => {
+			W()?.scrollTo(e);
+		},
+		getScrollElement: W
+	}), [W]);
+	let { isVirtualized: K, measureRow: q, paddingBottom: J, paddingTop: Y, virtualRows: X } = i({
+		enabled: H && U,
+		overscan: k?.virtualizationOverscan ?? 0,
+		rows: A?.bodyRows ?? [],
+		scrollContainer: R,
+		viewportHeightFallback: V
+	});
+	e(I, q, [K, X]);
+	let { handleScrollBottom: Z } = r({
+		enabled: !!B && !!E,
+		itemCount: A?.bodyRows.length ?? 0,
+		onScrollBottom: E,
+		scrollBottomOffset: D,
+		scrollElement: R?.view
+	});
+	if (!k || !A || !j || !M || !N) return null;
+	let Q = A.columns.length + +!!j.showSelectionColumn, $ = a({
+		rowAnimationProps: k.rowAnimationProps,
+		expandedRowAnimation: k.expandedRowAnimation,
+		hasExpandableRows: A.hasExpandableRows,
+		hasExpandedRows: A.bodyRows.some((e) => e.kind === "expanded" || e.kind === "expanded-full-width")
+	});
+	A.renderDraft.bodyMaxHeight = B;
+	let ee = /* @__PURE__ */ b(f.Provider, {
+		value: {
+			...A,
+			isRegisteringBodyRows: !0
+		},
+		children: w
+	});
+	return /* @__PURE__ */ b(d.Provider, {
+		value: "body",
+		children: /* @__PURE__ */ x(u.Provider, {
+			value: { nextRowIndex: () => {
+				let e = F.current;
+				return F.current += 1, e;
+			} },
+			children: [ee, B ? /* @__PURE__ */ b(t, {
+				className: "table-body-scroll-wrapper",
+				autoHeight: !0,
+				autoHeightMax: B,
+				onScroll: (e) => {
+					M.handleBodyScroll?.(e), Z(e?.currentTarget);
+				},
+				role: "presentation",
+				ref: H || E ? G : void 0,
+				children: /* @__PURE__ */ b(o, {
+					columnCount: Q,
+					hasDeclaredChildren: P,
+					htmlAttributes: O,
+					shouldAnimateBodyRows: $,
+					isVirtualized: K,
+					itemsRef: I,
+					paddingBottom: J,
+					paddingTop: Y,
+					renderConfigContext: k,
+					renderContext: A,
+					virtualRows: X
+				})
+			}) : /* @__PURE__ */ b(o, {
+				columnCount: Q,
+				hasDeclaredChildren: P,
+				htmlAttributes: O,
+				shouldAnimateBodyRows: $,
+				isVirtualized: K,
+				itemsRef: I,
+				paddingBottom: J,
+				paddingTop: Y,
+				renderConfigContext: k,
+				renderContext: A,
+				virtualRows: X
+			})]
+		})
+	});
+});
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=TableBody.js.map

package/components/table/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../src/components/table/TableBody.tsx"],"sourcesContent":["import {\n    Children,\n    forwardRef,\n    useCallback,\n    useImperativeHandle,\n    useRef,\n    useState,\n    type ForwardedRef,\n    type ReactNode,\n} from 'react';\n\nimport SmoothScrollbars from '../smoothScrollbars/SmoothScrollbars';\nimport useVirtualListResizeObserver from '../virtualList/useVirtualListResizeObserver';\nimport type { TableHtmlAttributes } from './Table.types';\nimport { toCssSize } from './layout/columnSizing';\nimport useTableBodyScrollBottom from './layout/useTableBodyScrollBottom';\nimport useTableVirtualization from './layout/useTableVirtualization';\nimport { shouldAnimateBodyRows as resolveShouldAnimateBodyRows } from './runtime/shouldAnimateBodyRows';\nimport TableBodyContent from './render/body/TableBodyContent';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { TableBodyContext, TableSectionContext } from './context/TableStructureContext';\nimport { TableRenderContext, useOptionalTableRenderContext } from './context/TableRenderContext';\n\ntype TableVirtualScrollContainer = {\n    view?: HTMLDivElement | null;\n};\n\nconst parsePixelSize = (value?: string): number | undefined => {\n    if (!value) {\n        return;\n    }\n\n    const parsedValue = Number.parseFloat(value);\n    return Number.isNaN(parsedValue) ? undefined : parsedValue;\n};\n\nexport type TableBodyProps = TableHtmlAttributes & {\n    /**\n     * Body sections are expected to render row components such as `TableRow`,\n     * `TableExpandedRow`, `TableExpandedContentRow`, `TableGroupRow`,\n     * `TableGroupFooterRow`, or `TableSpacerRow`.\n     *\n     * Rows may be wrapped by custom React components, but direct `TableColumn`\n     * children of `TableBody` are not supported.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional max height of rendered table body.\n     * Enables vertical scrolling inside the body.\n     */\n    maxHeight?: number | string;\n\n    /**\n     * Called when the scrollable table body reaches the bottom threshold.\n     *\n     * This is useful for progressive loading patterns such as appending the next\n     * chunk of rows when the user scrolls to the end of the body.\n     */\n    onScrollBottom?: () => void;\n\n    /**\n     * Distance in pixels from the bottom at which `onScrollBottom` should fire.\n     *\n     * Set this to `0` to only trigger when the body is scrolled fully to the end.\n     *\n     * @default 0\n     */\n    scrollBottomOffset?: number;\n};\n\nexport type TableBodyHandle = {\n    scrollToTop: () => void;\n    scrollTo: (options: ScrollToOptions) => void;\n    getScrollElement: () => HTMLDivElement | null;\n};\n\nconst TableBody = (props: TableBodyProps, ref: ForwardedRef<TableBodyHandle>) => {\n    const { children, maxHeight, onScrollBottom, scrollBottomOffset = 0, ...remainingProps } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext();\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const layoutContext = useOptionalTableLayoutContext();\n\n    const hasRenderColumns = !!renderContext && renderContext.columns.length > 0;\n\n    const hasDeclaredChildren = Children.toArray(children).length > 0;\n\n    const rowIndexRef = useRef(0);\n    const itemsRef = useRef<HTMLDivElement>(null);\n    const scrollbarsRef = useRef<TableVirtualScrollContainer | null>(null);\n\n    const [scrollContainer, setScrollContainer] = useState<TableVirtualScrollContainer | null>(null);\n    rowIndexRef.current = 0;\n\n    const resolvedMaxHeight = toCssSize(maxHeight);\n\n    const virtualViewportHeightFallback = parsePixelSize(resolvedMaxHeight);\n\n    const shouldVirtualize = hasRenderColumns && renderConfigContext?.virtualizedRows === true && !!resolvedMaxHeight;\n    const hasRenderBodyRows = (renderContext?.bodyRows.length ?? 0) > 0;\n\n    const getScrollElement = useCallback(\n        () => scrollContainer?.view ?? scrollbarsRef.current?.view ?? null,\n        [scrollContainer?.view]\n    );\n\n    const handleScrollbarsRef = useCallback((instance: TableVirtualScrollContainer | null) => {\n        scrollbarsRef.current = instance;\n        setScrollContainer(previousContainer =>\n            previousContainer?.view === instance?.view ? previousContainer : instance\n        );\n    }, []);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            scrollToTop: () => {\n                getScrollElement()?.scrollTo({ top: 0 });\n\n                requestAnimationFrame(() => {\n                    getScrollElement()?.scrollTo({ top: 0 });\n                });\n            },\n            scrollTo: options => {\n                getScrollElement()?.scrollTo(options);\n            },\n            getScrollElement,\n        }),\n        [getScrollElement]\n    );\n\n    const { isVirtualized, measureRow, paddingBottom, paddingTop, virtualRows } = useTableVirtualization({\n        enabled: shouldVirtualize && hasRenderBodyRows,\n        overscan: renderConfigContext?.virtualizationOverscan ?? 0,\n        rows: renderContext?.bodyRows ?? [],\n        scrollContainer,\n        viewportHeightFallback: virtualViewportHeightFallback,\n    });\n\n    useVirtualListResizeObserver(itemsRef, measureRow, [isVirtualized, virtualRows]);\n\n    const { handleScrollBottom } = useTableBodyScrollBottom({\n        enabled: !!resolvedMaxHeight && !!onScrollBottom,\n        itemCount: renderContext?.bodyRows.length ?? 0,\n        onScrollBottom,\n        scrollBottomOffset,\n        scrollElement: scrollContainer?.view,\n    });\n\n    if (!renderConfigContext || !renderContext || !interactionContext || !layoutContext || !hasRenderColumns) {\n        return null;\n    }\n\n    const columnCount = renderContext.columns.length + (interactionContext.showSelectionColumn ? 1 : 0);\n\n    const shouldAnimateBodyRows = resolveShouldAnimateBodyRows({\n        rowAnimationProps: renderConfigContext.rowAnimationProps,\n        expandedRowAnimation: renderConfigContext.expandedRowAnimation,\n        hasExpandableRows: renderContext.hasExpandableRows,\n        hasExpandedRows: renderContext.bodyRows.some(\n            row => row.kind === 'expanded' || row.kind === 'expanded-full-width'\n        ),\n    });\n\n    renderContext.renderDraft.bodyMaxHeight = resolvedMaxHeight;\n\n    // First pass: execute the body children in \"register only\" mode so wrapped rows can\n    // contribute normalized row metadata without rendering their DOM twice.\n    const renderCollectionContent = (\n        <TableRenderContext.Provider value={{ ...renderContext, isRegisteringBodyRows: true }}>\n            {children}\n        </TableRenderContext.Provider>\n    );\n\n    return (\n        <TableSectionContext.Provider value='body'>\n            <TableBodyContext.Provider\n                value={{\n                    nextRowIndex: () => {\n                        const nextRowIndex = rowIndexRef.current;\n                        rowIndexRef.current += 1;\n                        return nextRowIndex;\n                    },\n                }}\n            >\n                {renderCollectionContent}\n                {/* Second pass: render the collected row draft state in one controlled place. */}\n                {resolvedMaxHeight ? (\n                    <SmoothScrollbars\n                        className='table-body-scroll-wrapper'\n                        autoHeight\n                        autoHeightMax={resolvedMaxHeight}\n                        onScroll={event => {\n                            layoutContext.handleBodyScroll?.(event);\n                            handleScrollBottom(event?.currentTarget as HTMLDivElement | null);\n                        }}\n                        role='presentation'\n                        ref={shouldVirtualize || !!onScrollBottom ? handleScrollbarsRef : undefined}\n                    >\n                        <TableBodyContent\n                            columnCount={columnCount}\n                            hasDeclaredChildren={hasDeclaredChildren}\n                            htmlAttributes={remainingProps}\n                            shouldAnimateBodyRows={shouldAnimateBodyRows}\n                            isVirtualized={isVirtualized}\n                            itemsRef={itemsRef}\n                            paddingBottom={paddingBottom}\n                            paddingTop={paddingTop}\n                            renderConfigContext={renderConfigContext}\n                            renderContext={renderContext}\n                            virtualRows={virtualRows}\n                        />\n                    </SmoothScrollbars>\n                ) : (\n                    <TableBodyContent\n                        columnCount={columnCount}\n                        hasDeclaredChildren={hasDeclaredChildren}\n                        htmlAttributes={remainingProps}\n                        shouldAnimateBodyRows={shouldAnimateBodyRows}\n                        isVirtualized={isVirtualized}\n                        itemsRef={itemsRef}\n                        paddingBottom={paddingBottom}\n                        paddingTop={paddingTop}\n                        renderConfigContext={renderConfigContext}\n                        renderContext={renderContext}\n                        virtualRows={virtualRows}\n                    />\n                )}\n            </TableBodyContext.Provider>\n        </TableSectionContext.Provider>\n    );\n};\n\nexport default forwardRef(TableBody);\n"],"names":["parsePixelSize","value","parsedValue","TableBody","props","ref","children","maxHeight","onScrollBottom","scrollBottomOffset","remainingProps","renderConfigContext","useOptionalTableRenderConfigContext","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","layoutContext","useOptionalTableLayoutContext","hasRenderColumns","hasDeclaredChildren","Children","rowIndexRef","useRef","itemsRef","scrollbarsRef","scrollContainer","setScrollContainer","useState","resolvedMaxHeight","toCssSize","virtualViewportHeightFallback","shouldVirtualize","hasRenderBodyRows","getScrollElement","useCallback","handleScrollbarsRef","instance","previousContainer","useImperativeHandle","options","isVirtualized","measureRow","paddingBottom","paddingTop","virtualRows","useTableVirtualization","useVirtualListResizeObserver","handleScrollBottom","useTableBodyScrollBottom","columnCount","shouldAnimateBodyRows","resolveShouldAnimateBodyRows","row","renderCollectionContent","jsx","TableRenderContext","TableSectionContext","jsxs","TableBodyContext","nextRowIndex","SmoothScrollbars","event","TableBodyContent","TableBodyComponent","forwardRef"],"mappings":"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"}
+{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/table/TableBody.tsx"],"sourcesContent":["import {\n    Children,\n    forwardRef,\n    useCallback,\n    useImperativeHandle,\n    useRef,\n    useState,\n    type ForwardedRef,\n    type ReactNode,\n} from 'react';\n\nimport SmoothScrollbars from '../smoothScrollbars/SmoothScrollbars';\nimport useVirtualListResizeObserver from '../virtualList/useVirtualListResizeObserver';\nimport type { TableHtmlAttributes } from './Table.types';\nimport { toCssSize } from './layout/columnSizing';\nimport useTableBodyScrollBottom from './layout/useTableBodyScrollBottom';\nimport useTableVirtualization from './layout/useTableVirtualization';\nimport { shouldAnimateBodyRows as resolveShouldAnimateBodyRows } from './runtime/shouldAnimateBodyRows';\nimport TableBodyContent from './render/body/TableBodyContent';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { TableBodyContext, TableSectionContext } from './context/TableStructureContext';\nimport { TableRenderContext, useOptionalTableRenderContext } from './context/TableRenderContext';\n\ntype TableVirtualScrollContainer = {\n    view?: HTMLDivElement | null;\n};\n\nconst parsePixelSize = (value?: string): number | undefined => {\n    if (!value) {\n        return;\n    }\n\n    const parsedValue = Number.parseFloat(value);\n    return Number.isNaN(parsedValue) ? undefined : parsedValue;\n};\n\nexport type TableBodyProps = TableHtmlAttributes & {\n    /**\n     * Body sections are expected to render row components such as `TableRow`,\n     * `TableExpandedRow`, `TableExpandedContentRow`, `TableGroupRow`,\n     * `TableGroupFooterRow`, or `TableSpacerRow`.\n     *\n     * Rows may be wrapped by custom React components, but direct `TableColumn`\n     * children of `TableBody` are not supported.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional max height of rendered table body.\n     * Enables vertical scrolling inside the body.\n     */\n    maxHeight?: number | string;\n\n    /**\n     * Called when the scrollable table body reaches the bottom threshold.\n     *\n     * This is useful for progressive loading patterns such as appending the next\n     * chunk of rows when the user scrolls to the end of the body.\n     */\n    onScrollBottom?: () => void;\n\n    /**\n     * Distance in pixels from the bottom at which `onScrollBottom` should fire.\n     *\n     * Set this to `0` to only trigger when the body is scrolled fully to the end.\n     *\n     * @default 0\n     */\n    scrollBottomOffset?: number;\n};\n\nexport type TableBodyHandle = {\n    scrollToTop: () => void;\n    scrollTo: (options: ScrollToOptions) => void;\n    getScrollElement: () => HTMLDivElement | null;\n};\n\nconst TableBody = (props: TableBodyProps, ref: ForwardedRef<TableBodyHandle>) => {\n    const { children, maxHeight, onScrollBottom, scrollBottomOffset = 0, ...remainingProps } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext();\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const layoutContext = useOptionalTableLayoutContext();\n\n    const hasRenderColumns = !!renderContext && renderContext.columns.length > 0;\n\n    const hasDeclaredChildren = Children.toArray(children).length > 0;\n\n    const rowIndexRef = useRef(0);\n    const itemsRef = useRef<HTMLDivElement>(null);\n    const scrollbarsRef = useRef<TableVirtualScrollContainer | null>(null);\n\n    const [scrollContainer, setScrollContainer] = useState<TableVirtualScrollContainer | null>(null);\n    rowIndexRef.current = 0;\n\n    const resolvedMaxHeight = toCssSize(maxHeight);\n\n    const virtualViewportHeightFallback = parsePixelSize(resolvedMaxHeight);\n\n    const shouldVirtualize = hasRenderColumns && renderConfigContext?.virtualizedRows === true && !!resolvedMaxHeight;\n    const hasRenderBodyRows = (renderContext?.bodyRows.length ?? 0) > 0;\n\n    const getScrollElement = useCallback(\n        () => scrollContainer?.view ?? scrollbarsRef.current?.view ?? null,\n        [scrollContainer?.view]\n    );\n\n    const handleScrollbarsRef = useCallback((instance: TableVirtualScrollContainer | null) => {\n        scrollbarsRef.current = instance;\n        setScrollContainer(previousContainer =>\n            previousContainer?.view === instance?.view ? previousContainer : instance\n        );\n    }, []);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            scrollToTop: () => {\n                getScrollElement()?.scrollTo({ top: 0 });\n\n                requestAnimationFrame(() => {\n                    getScrollElement()?.scrollTo({ top: 0 });\n                });\n            },\n            scrollTo: options => {\n                getScrollElement()?.scrollTo(options);\n            },\n            getScrollElement,\n        }),\n        [getScrollElement]\n    );\n\n    const { isVirtualized, measureRow, paddingBottom, paddingTop, virtualRows } = useTableVirtualization({\n        enabled: shouldVirtualize && hasRenderBodyRows,\n        overscan: renderConfigContext?.virtualizationOverscan ?? 0,\n        rows: renderContext?.bodyRows ?? [],\n        scrollContainer,\n        viewportHeightFallback: virtualViewportHeightFallback,\n    });\n\n    useVirtualListResizeObserver(itemsRef, measureRow, [isVirtualized, virtualRows]);\n\n    const { handleScrollBottom } = useTableBodyScrollBottom({\n        enabled: !!resolvedMaxHeight && !!onScrollBottom,\n        itemCount: renderContext?.bodyRows.length ?? 0,\n        onScrollBottom,\n        scrollBottomOffset,\n        scrollElement: scrollContainer?.view,\n    });\n\n    if (!renderConfigContext || !renderContext || !interactionContext || !layoutContext || !hasRenderColumns) {\n        return null;\n    }\n\n    const columnCount = renderContext.columns.length + (interactionContext.showSelectionColumn ? 1 : 0);\n\n    const shouldAnimateBodyRows = resolveShouldAnimateBodyRows({\n        rowAnimationProps: renderConfigContext.rowAnimationProps,\n        expandedRowAnimation: renderConfigContext.expandedRowAnimation,\n        hasExpandableRows: renderContext.hasExpandableRows,\n        hasExpandedRows: renderContext.bodyRows.some(\n            row => row.kind === 'expanded' || row.kind === 'expanded-full-width'\n        ),\n    });\n\n    renderContext.renderDraft.bodyMaxHeight = resolvedMaxHeight;\n\n    // First pass: execute the body children in \"register only\" mode so wrapped rows can\n    // contribute normalized row metadata without rendering their DOM twice.\n    const renderCollectionContent = (\n        <TableRenderContext.Provider value={{ ...renderContext, isRegisteringBodyRows: true }}>\n            {children}\n        </TableRenderContext.Provider>\n    );\n\n    return (\n        <TableSectionContext.Provider value='body'>\n            <TableBodyContext.Provider\n                value={{\n                    nextRowIndex: () => {\n                        const nextRowIndex = rowIndexRef.current;\n                        rowIndexRef.current += 1;\n                        return nextRowIndex;\n                    },\n                }}\n            >\n                {renderCollectionContent}\n                {/* Second pass: render the collected row draft state in one controlled place. */}\n                {resolvedMaxHeight ? (\n                    <SmoothScrollbars\n                        className='table-body-scroll-wrapper'\n                        autoHeight\n                        autoHeightMax={resolvedMaxHeight}\n                        onScroll={event => {\n                            layoutContext.handleBodyScroll?.(event);\n                            handleScrollBottom(event?.currentTarget as HTMLDivElement | null);\n                        }}\n                        role='presentation'\n                        ref={shouldVirtualize || !!onScrollBottom ? handleScrollbarsRef : undefined}\n                    >\n                        <TableBodyContent\n                            columnCount={columnCount}\n                            hasDeclaredChildren={hasDeclaredChildren}\n                            htmlAttributes={remainingProps}\n                            shouldAnimateBodyRows={shouldAnimateBodyRows}\n                            isVirtualized={isVirtualized}\n                            itemsRef={itemsRef}\n                            paddingBottom={paddingBottom}\n                            paddingTop={paddingTop}\n                            renderConfigContext={renderConfigContext}\n                            renderContext={renderContext}\n                            virtualRows={virtualRows}\n                        />\n                    </SmoothScrollbars>\n                ) : (\n                    <TableBodyContent\n                        columnCount={columnCount}\n                        hasDeclaredChildren={hasDeclaredChildren}\n                        htmlAttributes={remainingProps}\n                        shouldAnimateBodyRows={shouldAnimateBodyRows}\n                        isVirtualized={isVirtualized}\n                        itemsRef={itemsRef}\n                        paddingBottom={paddingBottom}\n                        paddingTop={paddingTop}\n                        renderConfigContext={renderConfigContext}\n                        renderContext={renderContext}\n                        virtualRows={virtualRows}\n                    />\n                )}\n            </TableBodyContext.Provider>\n        </TableSectionContext.Provider>\n    );\n};\n\nexport default forwardRef(TableBody);\n"],"mappings":"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"}

package/components/table/TableCardsSorting.js

@@ -1,39 +1,40 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { noop as g } from "es-toolkit/compat";
-import b from "../../utils/classNames.js";
-import h from "../selects/Select.js";
-import c from "../button/ToggleButton.js";
-const v = (i) => {
-  const { sortName: m, sortOrder: t = "asc", selectOptions: a, onSortChange: r = g, className: e } = i, n = (o) => {
-    r(m, o);
-  }, p = (o) => {
-    r(o, t);
-  }, d = b("table-toolbar-cards-sorting", "btn-toolbar", e && e);
-  return /* @__PURE__ */ l("div", { className: d, children: [
-    /* @__PURE__ */ l("div", { className: "btn-group margin-left-0", children: [
-      /* @__PURE__ */ s(
-        c,
-        {
-          className: "btn-icon-only",
-          active: t === "asc",
-          onClick: () => n("asc"),
-          children: /* @__PURE__ */ s("span", { className: "rioglyph rioglyph-sort-by-attributes-alt" })
-        }
-      ),
-      /* @__PURE__ */ s(
-        c,
-        {
-          className: "btn-icon-only",
-          active: t === "desc",
-          onClick: () => n("desc"),
-          children: /* @__PURE__ */ s("span", { className: "rioglyph rioglyph-sort-by-attributes" })
-        }
-      )
-    ] }),
-    a.length && /* @__PURE__ */ s("div", { className: "btn-group", children: /* @__PURE__ */ s(h, { options: a, onChange: (o) => o && p(o.id) }) })
-  ] });
+import e from "../../utils/classNames.js";
+import t from "../button/ToggleButton.js";
+import n from "../selects/Select.js";
+import { noop as r } from "es-toolkit/compat";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/table/TableCardsSorting.tsx
+var o = (o) => {
+	let { sortName: s, sortOrder: c = "asc", selectOptions: l, onSortChange: u = r, className: d } = o, f = (e) => {
+		u(s, e);
+	}, p = (e) => {
+		u(e, c);
+	};
+	return /* @__PURE__ */ a("div", {
+		className: e("table-toolbar-cards-sorting", "btn-toolbar", d && d),
+		children: [/* @__PURE__ */ a("div", {
+			className: "btn-group margin-left-0",
+			children: [/* @__PURE__ */ i(t, {
+				className: "btn-icon-only",
+				active: c === "asc",
+				onClick: () => f("asc"),
+				children: /* @__PURE__ */ i("span", { className: "uikit-icon icon-sort-by-attributes-alt" })
+			}), /* @__PURE__ */ i(t, {
+				className: "btn-icon-only",
+				active: c === "desc",
+				onClick: () => f("desc"),
+				children: /* @__PURE__ */ i("span", { className: "uikit-icon icon-sort-by-attributes" })
+			})]
+		}), l.length && /* @__PURE__ */ i("div", {
+			className: "btn-group",
+			children: /* @__PURE__ */ i(n, {
+				options: l,
+				onChange: (e) => e && p(e.id)
+			})
+		})]
+	});
 };
-export {
-  v as default
-};
-//# sourceMappingURL=TableCardsSorting.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=TableCardsSorting.js.map

package/components/table/TableCardsSorting.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCardsSorting.js","sources":["../../../src/components/table/TableCardsSorting.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport Select from '../selects/Select';\nimport ToggleButton from '../button/ToggleButton';\n\ntype TableCardsSortingOption = {\n    /**\n     * ID to use for the select option.\n     */\n    id: string;\n\n    /**\n     * Translated column label to be shown in the select.\n     */\n    label: string | React.ReactNode;\n\n    /**\n     * Defines the column which is currently sorted by.\n     */\n    selected?: boolean;\n\n    /**\n     * Defines if the column can be sorted.\n     *\n     * Hence, it will be disabled in the select.\n     */\n    disabled?: boolean;\n};\n\nexport type TableCardsSortingProps = {\n    /**\n     * \"Name\", \"Key\", or \"Id\" of the current sorted column.\n     */\n    sortName: string;\n\n    /**\n     * Defines the sort direction.\n     *\n     * @default 'asc'\n     */\n    sortOrder: 'asc' | 'desc';\n\n    /**\n     * List of objects for the column name select component.\n     */\n    selectOptions: TableCardsSortingOption[];\n\n    /**\n     * Function that is called when the sort key or direction changes.\n     *\n     * @default noop\n     */\n    onSortChange?: (name: string, order: 'asc' | 'desc') => void;\n\n    /**\n     * Optional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nconst TableCardsSorting = (props: TableCardsSortingProps) => {\n    const { sortName, sortOrder = 'asc', selectOptions, onSortChange = noop, className } = props;\n\n    const updateSortOrder = (newSortOrder: 'asc' | 'desc') => {\n        onSortChange(sortName, newSortOrder);\n    };\n\n    const updateSortName = (newSortName: string) => {\n        onSortChange(newSortName, sortOrder);\n    };\n\n    const wrapperClassNames = classNames('table-toolbar-cards-sorting', 'btn-toolbar', className && className);\n\n    return (\n        <div className={wrapperClassNames}>\n            <div className='btn-group margin-left-0'>\n                <ToggleButton\n                    className='btn-icon-only'\n                    active={sortOrder === 'asc'}\n                    onClick={() => updateSortOrder('asc')}\n                >\n                    <span className='rioglyph rioglyph-sort-by-attributes-alt' />\n                </ToggleButton>\n\n                <ToggleButton\n                    className='btn-icon-only'\n                    active={sortOrder === 'desc'}\n                    onClick={() => updateSortOrder('desc')}\n                >\n                    <span className='rioglyph rioglyph-sort-by-attributes' />\n                </ToggleButton>\n            </div>\n\n            {selectOptions.length && (\n                <div className='btn-group'>\n                    <Select options={selectOptions} onChange={item => item && updateSortName(item.id)} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default TableCardsSorting;\n"],"names":["TableCardsSorting","props","sortName","sortOrder","selectOptions","onSortChange","noop","className","updateSortOrder","newSortOrder","updateSortName","newSortName","wrapperClassNames","classNames","jsxs","jsx","ToggleButton","Select","item"],"mappings":";;;;;AA6DA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,OAAO,eAAAC,GAAe,cAAAC,IAAeC,GAAM,WAAAC,MAAcN,GAEjFO,IAAkB,CAACC,MAAiC;AACtD,IAAAJ,EAAaH,GAAUO,CAAY;AAAA,EACvC,GAEMC,IAAiB,CAACC,MAAwB;AAC5C,IAAAN,EAAaM,GAAaR,CAAS;AAAA,EACvC,GAEMS,IAAoBC,EAAW,+BAA+B,eAAeN,KAAaA,CAAS;AAEzG,SACI,gBAAAO,EAAC,OAAA,EAAI,WAAWF,GACZ,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,QAAQb,MAAc;AAAA,UACtB,SAAS,MAAMK,EAAgB,KAAK;AAAA,UAEpC,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,2CAAA,CAA2C;AAAA,QAAA;AAAA,MAAA;AAAA,MAG/D,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,QAAQb,MAAc;AAAA,UACtB,SAAS,MAAMK,EAAgB,MAAM;AAAA,UAErC,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,uCAAA,CAAuC;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3D,GACJ;AAAA,IAECX,EAAc,UACX,gBAAAW,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAACE,GAAA,EAAO,SAASb,GAAe,UAAU,CAAAc,MAAQA,KAAQR,EAAeQ,EAAK,EAAE,GAAG,EAAA,CACvF;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"TableCardsSorting.js","names":[],"sources":["../../../src/components/table/TableCardsSorting.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport Select from '../selects/Select';\nimport ToggleButton from '../button/ToggleButton';\n\ntype TableCardsSortingOption = {\n    /**\n     * ID to use for the select option.\n     */\n    id: string;\n\n    /**\n     * Translated column label to be shown in the select.\n     */\n    label: string | React.ReactNode;\n\n    /**\n     * Defines the column which is currently sorted by.\n     */\n    selected?: boolean;\n\n    /**\n     * Defines if the column can be sorted.\n     *\n     * Hence, it will be disabled in the select.\n     */\n    disabled?: boolean;\n};\n\nexport type TableCardsSortingProps = {\n    /**\n     * \"Name\", \"Key\", or \"Id\" of the current sorted column.\n     */\n    sortName: string;\n\n    /**\n     * Defines the sort direction.\n     *\n     * @default 'asc'\n     */\n    sortOrder: 'asc' | 'desc';\n\n    /**\n     * List of objects for the column name select component.\n     */\n    selectOptions: TableCardsSortingOption[];\n\n    /**\n     * Function that is called when the sort key or direction changes.\n     *\n     * @default noop\n     */\n    onSortChange?: (name: string, order: 'asc' | 'desc') => void;\n\n    /**\n     * Optional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nconst TableCardsSorting = (props: TableCardsSortingProps) => {\n    const { sortName, sortOrder = 'asc', selectOptions, onSortChange = noop, className } = props;\n\n    const updateSortOrder = (newSortOrder: 'asc' | 'desc') => {\n        onSortChange(sortName, newSortOrder);\n    };\n\n    const updateSortName = (newSortName: string) => {\n        onSortChange(newSortName, sortOrder);\n    };\n\n    const wrapperClassNames = classNames('table-toolbar-cards-sorting', 'btn-toolbar', className && className);\n\n    return (\n        <div className={wrapperClassNames}>\n            <div className='btn-group margin-left-0'>\n                <ToggleButton\n                    className='btn-icon-only'\n                    active={sortOrder === 'asc'}\n                    onClick={() => updateSortOrder('asc')}\n                >\n                    <span className='uikit-icon icon-sort-by-attributes-alt' />\n                </ToggleButton>\n\n                <ToggleButton\n                    className='btn-icon-only'\n                    active={sortOrder === 'desc'}\n                    onClick={() => updateSortOrder('desc')}\n                >\n                    <span className='uikit-icon icon-sort-by-attributes' />\n                </ToggleButton>\n            </div>\n\n            {selectOptions.length && (\n                <div className='btn-group'>\n                    <Select options={selectOptions} onChange={item => item && updateSortName(item.id)} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default TableCardsSorting;\n"],"mappings":";;;;;;AA6DA,IAAM,KAAqB,MAAkC;CACzD,IAAM,EAAE,aAAU,eAAY,OAAO,kBAAe,kBAAe,GAAM,iBAAc,GAEjF,KAAmB,MAAiC;EACtD,EAAa,GAAU,CAAY;CACvC,GAEM,KAAkB,MAAwB;EAC5C,EAAa,GAAa,CAAS;CACvC;CAIA,OACI,kBAAC,OAAD;EAAK,WAHiB,EAAW,+BAA+B,eAAe,KAAa,CAG5E;YAAhB,CACI,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IACI,WAAU;IACV,QAAQ,MAAc;IACtB,eAAe,EAAgB,KAAK;cAEpC,kBAAC,QAAD,EAAM,WAAU,yCAA0C,CAAA;GAChD,CAAA,GAEd,kBAAC,GAAD;IACI,WAAU;IACV,QAAQ,MAAc;IACtB,eAAe,EAAgB,MAAM;cAErC,kBAAC,QAAD,EAAM,WAAU,qCAAsC,CAAA;GAC5C,CAAA,CACb;MAEJ,EAAc,UACX,kBAAC,OAAD;GAAK,WAAU;aACX,kBAAC,GAAD;IAAQ,SAAS;IAAe,WAAU,MAAQ,KAAQ,EAAe,EAAK,EAAE;GAAI,CAAA;EACnF,CAAA,CAER;;AAEb"}