@rio-cloud/rio-uikit 2.2.1 → 2.3.0-beta.1

package/components/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import {\n    forwardRef,\n    useCallback,\n    useState,\n    type ForwardedRef,\n    type HTMLAttributes,\n    type MouseEvent as ReactMouseEvent,\n    type ReactElement,\n    type ReactNode,\n    type RefAttributes,\n} from 'react';\nimport type { MotionProps } from 'motion/react';\n\nimport SmoothScrollbars from '../smoothScrollbars/SmoothScrollbars';\nimport TableBodyComponent from './TableBody';\nimport type { TableCardsStyleSettings } from './TableCard';\nimport TableColumnComponent from './TableColumn';\nimport TableExpanderButtonComponent from './TableExpanderButton';\nimport TableExpandedContentRowComponent from './TableExpandedContentRow';\nimport TableExpandedRowComponent from './TableExpandedRow';\nimport TableFooterComponent from './TableFooter';\nimport TableGroupFooterRowComponent from './TableGroupFooterRow';\nimport TableGroupRowComponent from './TableGroupRow';\nimport TableHeaderComponent from './TableHeader';\nimport TableHeaderColumnComponent from './TableHeaderColumn';\nimport TableHeaderRowComponent from './TableHeaderRow';\nimport TableRowComponent from './TableRow';\nimport TableSpacerRowComponent from './TableSpacerRow';\nimport { useDraggableColumns } from './layout/useDraggableColumns';\nimport { useTableLayout } from './layout/useTableLayout';\nimport { buildTableViewModel } from './model/buildTableViewModel';\nimport { resolveTableBaseClassName, resolveTableClassConfig } from './model/resolveTableClassConfig';\nimport { useResizableColumns } from './layout/useResizableColumns';\nimport { resolveBodyMaxHeight, resolveHasBody } from './parse/parseBody';\nimport { resolveColumns } from './parse/parseColumns';\nimport { resolveFooter } from './parse/parseFooter';\nimport { resolveHeaderClassName, resolveHeaderColumns } from './parse/parseHeaders';\nimport { resolveRows } from './parse/parseRows';\nimport TableBodySection from './render/body/TableBodySection';\nimport TableFooterSection from './render/footer/TableFooterSection';\nimport TableBatchDropdownComponent from './render/header/TableBatchDropdown';\nimport TableColumnFilterComponent from './render/header/TableColumnFilter';\nimport TableHeaderSection from './render/header/TableHeaderSection';\nimport TableColumnsDropdownComponent from './settings/TableColumnsDropdown';\nimport type {\n    TableCellClassName,\n    TableColumnDefinition,\n    TableRowId,\n    TableRowClassName,\n    TableSortDirection,\n    TableViewType,\n} from './Table.types';\nimport useMergeRefs from '../../hooks/useMergeRefs';\n\nexport type {\n    TableCellOverflow,\n    TableCellClassName,\n    TableColumnDefinition,\n    TableHorizontalAlign,\n    TableParsedCell,\n    TableParsedCells,\n    TableParsedFooter,\n    TableParsedHeaderColumn,\n    TableParsedRow,\n    TableRowId,\n    TableRowClassName,\n    TableSortDirection,\n    TableStyle,\n    TableVerticalAlign,\n    TableViewType,\n} from './Table.types';\n\nexport type { TableCardsStyleSettings } from './TableCard';\n\nexport { default as useTableSelection } from './selection/useTableSelection';\n\nexport type { UseTableSelectionOptions, UseTableSelectionReturn } from './selection/useTableSelection';\n\nexport type {\n    TableDataViewRow,\n    TableExpandedContentViewRow,\n    TableExpandedDataViewRow,\n    TableGroupFooterViewRow,\n    TableGroupViewRow,\n    TableViewHeader,\n    TableViewHeaderColumn,\n    TableSpacerViewRow,\n    TableViewCell,\n    TableViewColumn,\n    TableViewFooter,\n    TableViewModel,\n    TableViewRow,\n} from './model/tableViewModel.types';\n\nexport type TableColumn<RowType extends Record<string, unknown>> = TableColumnDefinition<RowType>;\n\nexport type TableRowAnimationProps<RowType extends Record<string, unknown>> =\n    | MotionProps\n    | ((row: RowType, rowIndex: number) => MotionProps);\n\nexport type TableProps<RowType extends Record<string, unknown>> = Omit<\n    HTMLAttributes<HTMLDivElement>,\n    'draggable' | 'onClick'\n> & {\n    /**\n     * Row key accessor for resolving a stable unique row id.\n     *\n     * This is recommended whenever rows have their own identifier such as `id`, `vehicleId`, or `uuid`, especially\n     * when using selection, active rows, expanded rows, or virtualization.\n     *\n     * If omitted, the row index is used as a fallback.\n     *\n     * @default row index\n     */\n    rowKey?: keyof RowType | ((row: RowType, rowIndex: number) => string | number);\n\n    /**\n     * Controls table or card rendering modes.\n     *\n     * @default 'TABLE'\n     */\n    viewType?: TableViewType;\n\n    /**\n     * Card width configuration for `MULTI_CARDS` view.\n     */\n    cardsStyle?: TableCardsStyleSettings;\n\n    /**\n     * Compact row/cell spacing like old `table-condensed`.\n     *\n     * @default false\n     */\n    condensed?: boolean;\n\n    /**\n     * Zebra rows like old `table-striped`.\n     *\n     * @default false\n     */\n    striped?: boolean;\n\n    /**\n     * Hover effect like old `table-hover`.\n     *\n     * @default false\n     */\n    hover?: boolean;\n\n    /**\n     * Apply table shadow.\n     *\n     * @default false\n     */\n    shadow?: boolean;\n\n    /**\n     * Simple outer border on table wrapper and card variants.\n     *\n     * @default true\n     */\n    border?: boolean;\n\n    /**\n     * Rounded table corners and card variants.\n     * Top corners are applied to header or body (if no header),\n     * bottom corners are applied to footer or body (if no footer).\n     *\n     * @default true\n     */\n    rounded?: boolean;\n\n    /**\n     * Show vertical and header row grid lines.\n     *\n     * @default false\n     */\n    gridLines?: boolean;\n\n    /**\n     * Optional classes for rows.\n     */\n    rowClassName?: TableRowClassName<RowType>;\n\n    /**\n     * Current active row key for detail context or external side panels.\n     */\n    activeRowId?: TableRowId;\n\n    /**\n     * Called when a row is activated or deactivated by row click.\n     */\n    onActiveRowChange?: (rowId: TableRowId | undefined, row: RowType, rowIndex: number) => void;\n\n    /**\n     * Optional motion props applied to data rows for enter, exit, and layout animations.\n     *\n     * Can be defined once for all rows or resolved per row.\n     * A stable `rowKey` is recommended so animations keep working predictably across inserts, removals, and reordering.\n     * Ignored when `virtualizedRows` is enabled.\n     */\n    rowAnimationProps?: TableRowAnimationProps<RowType>;\n\n    /**\n     * Currently selected row keys for multi-selection use cases.\n     */\n    selectedRowIds?: TableRowId[];\n\n    /**\n     * Called when checkbox selection changes.\n     */\n    onSelectionChange?: (rowIds: TableRowId[]) => void;\n\n    /**\n     * Render a selection checkbox column as the first column.\n     */\n    showSelectionColumn?: boolean;\n\n    /**\n     * Enables horizontal resizing on header columns except the last column.\n     *\n     * @default false\n     */\n    resizeableColumns?: boolean;\n\n    /**\n     * Enables horizontal drag-reordering for simple leaf header columns.\n     *\n     * @default false\n     */\n    draggableColumns?: boolean;\n\n    /**\n     * Controlled column order for drag-reordering.\n     * Keys not present in the current table columns are ignored.\n     */\n    columnOrder?: string[];\n\n    /**\n     * Called while a column is resized via the header handle.\n     *\n     * Pass `undefined` to clear a previously configured width.\n     */\n    onColumnResize?: (columnKey: string, width?: number) => void;\n\n    /**\n     * Called when drag-reordering produces a new column order.\n     */\n    onColumnOrderChange?: (columnOrder: string[]) => void;\n\n    /**\n     * Optional custom header content for the selection column.\n     * If omitted, the header renders the default select-all checkbox.\n     */\n    selectionHeaderContent?: ReactNode;\n\n    /**\n     * Current sorted column key.\n     */\n    sortBy?: string | string[];\n\n    /**\n     * Current sort direction for `sortBy`.\n     */\n    sortDirection?: TableSortDirection;\n\n    /**\n     * Called when a sortable header is clicked.\n     *\n     * Sorting itself remains controlled outside the table.\n     * The click event is passed through as an optional third argument for modifier-key scenarios such as shift-click.\n     */\n    onSortChange?: (\n        columnKey: string,\n        direction: TableSortDirection,\n        event: ReactMouseEvent<HTMLButtonElement>\n    ) => void;\n\n    /**\n     * Optional classes for each cell.\n     */\n    cellClassName?: TableCellClassName<RowType>;\n\n    /**\n     * Row click callback. Adds keyboard support and pointer cursor.\n     */\n    onRowClick?: (row: RowType, rowIndex: number) => void;\n\n    /**\n     * Fallback content when there are no rows.\n     *\n     * @default 'No data available'\n     */\n    noRowsState?: ReactNode;\n\n    /**\n     * Enables table-specific row virtualization for vertically scrolling table bodies.\n     *\n     * Virtualization is currently only active in `TABLE` view with `bodyMaxHeight`.\n     *\n     * @default false\n     */\n    virtualizedRows?: boolean;\n\n    /**\n     * Extra row count rendered above and below the visible area when virtualization is enabled.\n     *\n     * @default 5\n     */\n    virtualizationOverscan?: number;\n};\n\n/**\n * Declarative body wrapper for use as child of `<Table>`.\n */\nexport const TableBody = TableBodyComponent;\nexport type { TableBodyProps } from './TableBody';\n\n/**\n * Declarative header definition for use as child of `<Table>`.\n */\nexport const TableHeader = TableHeaderComponent;\nexport type { TableHeaderProps } from './TableHeader';\n\n/**\n * Declarative header row for multi-row table headers.\n */\nexport const TableHeaderRow = TableHeaderRowComponent;\nexport type { TableHeaderRowProps } from './TableHeaderRow';\n\n/**\n * Declarative header column for multi-row table headers.\n */\nexport const TableHeaderColumn = TableHeaderColumnComponent;\nexport type { TableHeaderColumnProps } from './TableHeaderColumn';\n\n/**\n * Declarative footer for use as child of `<Table>`.\n */\nexport const TableFooter = TableFooterComponent;\nexport type { TableFooterProps } from './TableFooter';\n\n/**\n * Declarative cell definition for use inside `<TableRow>`.\n */\nexport const TableColumn = TableColumnComponent;\nexport type { TableColumnProps } from './TableColumn';\n\n/**\n * Table-specific button for toggling expandable row state.\n */\nexport const TableExpanderButton = TableExpanderButtonComponent;\nexport type { TableExpanderButtonProps } from './TableExpanderButton';\n\n/**\n * Declarative row definition for use as child of `<Table>`.\n */\nexport const TableRow = TableRowComponent;\nexport type { TableRowProps } from './TableRow';\n\n/**\n * Declarative spacer row for separating table sections.\n */\nexport const TableSpacerRow = TableSpacerRowComponent;\nexport type { TableSpacerRowProps } from './TableSpacerRow';\n\n/**\n * Declarative expanded data row associated with a parent row.\n */\nexport const TableExpandedRow = TableExpandedRowComponent;\nexport type { TableExpandedRowProps } from './TableExpandedRow';\n\n/**\n * Declarative full-width expanded content row associated with a parent row.\n */\nexport const TableExpandedContentRow = TableExpandedContentRowComponent;\nexport type { TableExpandedContentRowProps } from './TableExpandedContentRow';\n\n/**\n * Declarative sticky-capable group row for grouped table sections.\n */\nexport const TableGroupRow = TableGroupRowComponent;\nexport type { TableGroupRowProps } from './TableGroupRow';\n\n/**\n * Declarative non-sticky group footer row for grouped table sections.\n */\nexport const TableGroupFooterRow = TableGroupFooterRowComponent;\nexport type { TableGroupFooterRowProps } from './TableGroupFooterRow';\n\n/**\n * Table-specific batch action dropdown for selection headers.\n */\nexport const TableBatchDropdown = TableBatchDropdownComponent;\nexport type { TableBatchDropdownProps } from './render/header/TableBatchDropdown';\n\n/**\n * Table-specific wrapper for custom column filter dropdowns.\n */\nexport const TableColumnFilter = TableColumnFilterComponent;\nexport type { TableColumnFilterProps } from './render/header/TableColumnFilter';\n\n/**\n * Table-specific dropdown for column visibility and ordering.\n */\nexport const TableColumnsDropdown = TableColumnsDropdownComponent;\nexport type { TableColumnsDropdownItem, TableColumnsDropdownProps } from './settings/TableColumnsDropdown';\n\nconst Table = forwardRef(\n    <RowType extends Record<string, unknown>>(props: TableProps<RowType>, ref: ForwardedRef<HTMLDivElement>) => {\n        const {\n            children,\n            rowKey,\n            viewType = 'TABLE',\n            cardsStyle,\n            condensed = false,\n            striped = false,\n            hover = false,\n            shadow = false,\n            border = true,\n            rounded = true,\n            gridLines = false,\n            rowClassName,\n            activeRowId,\n            onActiveRowChange,\n            rowAnimationProps,\n            sortBy,\n            sortDirection,\n            onSortChange,\n            cellClassName,\n            onRowClick,\n            onSelectionChange,\n            selectedRowIds,\n            selectionHeaderContent,\n            resizeableColumns = false,\n            draggableColumns = false,\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 [bodyScrollContainer, setBodyScrollContainer] = useState<{ view?: HTMLDivElement | null } | null>(null);\n\n        const handleBodyScrollbarsRef = useCallback((instance: { view?: HTMLDivElement | null } | null) => {\n            setBodyScrollContainer(previousInstance =>\n                previousInstance?.view === instance?.view ? previousInstance : instance\n            );\n        }, []);\n\n        const { hasHover, isTableView, styleClassSwitches, cardClasses } = resolveTableClassConfig({\n            viewType,\n            hover,\n            shadow,\n            border,\n            rounded,\n            className,\n            cardsStyle,\n        });\n\n        const resolvedColumns = resolveColumns<RowType>(children);\n        const resolvedHeaderColumns = resolveHeaderColumns<RowType>(children);\n        const resolvedHeaderClassName = resolveHeaderClassName<RowType>(children);\n\n        const supportsDraggableColumns =\n            resolvedHeaderColumns.length > 0 &&\n            resolvedHeaderColumns.every(column => column.row === 1 && column.rowSpan === 1 && column.colSpan === 1);\n\n        const draggableColumnsEnabled = draggableColumns && viewType === 'TABLE' && supportsDraggableColumns;\n\n        const { draggableColumnKeys, handleColumnDragEnd, orderedColumns } = useDraggableColumns({\n            columns: resolvedColumns,\n            columnOrder,\n            enabled: draggableColumnsEnabled,\n            onColumnOrderChange,\n        });\n        const resizeColumnsEnabled =\n            viewType === 'TABLE' &&\n            (resizeableColumns || resolvedHeaderColumns.some(column => column.resizeable === true));\n\n        const { handleColumnResizeReset, handleColumnResizeStart, lastResizableColumnKey, resizedColumns } =\n            useResizableColumns({\n                columns: orderedColumns,\n                enabled: resizeColumnsEnabled,\n                onColumnResize,\n            });\n\n        const resolvedRows = resolveRows<RowType>(children, resolvedColumns);\n        const resolvedFooter = resolveFooter<RowType>(children, resolvedColumns);\n        const bodyMaxHeight = resolveBodyMaxHeight(children);\n        const hasBody = resolveHasBody<RowType>(children);\n\n        const {\n            columnsWithAreas,\n            handleBodyScroll,\n            tableUseOverflow,\n            tableWrapperRef,\n            tableFooterRowRef,\n            tableHeadRowRef,\n            wrapperStyle,\n        } = useTableLayout({\n            bodyMaxHeight,\n            cardsStyle,\n            columns: resizedColumns,\n            showSelectionColumn,\n            style,\n        });\n        const mergedWrapperRefs = useMergeRefs(tableWrapperRef, ref);\n\n        const isClickable = typeof onRowClick === 'function' || typeof onActiveRowChange === 'function';\n\n        const viewModel = buildTableViewModel({\n            columnsWithAreas,\n            resolvedHeaderColumns,\n            resolvedRows,\n            resolvedFooter,\n            rowKey,\n            rowClassName,\n            cellClassName,\n            activeRowId,\n            noRowsState,\n            isClickable,\n            isTableView,\n            selectedRowIds,\n            sortBy,\n            sortDirection,\n            cardClasses,\n        });\n\n        const selectableRowIds = viewModel.rows.flatMap(row => (row.kind === 'data' && !row.disabled ? [row.key] : []));\n        const selectableRowIdSet = new Set(selectableRowIds);\n        const normalizedSelectedRowIds = (selectedRowIds ?? []).filter(rowId => selectableRowIdSet.has(rowId));\n\n        const isAllRowsSelected =\n            selectableRowIds.length > 0 && selectableRowIds.every(rowId => normalizedSelectedRowIds.includes(rowId));\n\n        const isSomeRowsSelected = normalizedSelectedRowIds.length > 0 && !isAllRowsSelected;\n\n        const totalColumnCount = viewModel.columns.length + (showSelectionColumn ? 1 : 0);\n\n        const headerSection =\n            viewModel.flags.hasHeader && viewModel.header ? (\n                <TableHeaderSection\n                    header={viewModel.header}\n                    headerClassName={resolvedHeaderClassName}\n                    lastResizableColumnKey={resizeColumnsEnabled ? lastResizableColumnKey : undefined}\n                    isAllSelected={isAllRowsSelected}\n                    isSomeRowsSelected={isSomeRowsSelected}\n                    onColumnResizeReset={resizeColumnsEnabled ? handleColumnResizeReset : undefined}\n                    onColumnResizeStart={resizeColumnsEnabled ? handleColumnResizeStart : undefined}\n                    onToggleAllSelection={() => onSelectionChange?.(isAllRowsSelected ? [] : selectableRowIds)}\n                    selectionHeaderContent={selectionHeaderContent}\n                    showSelectionColumn={showSelectionColumn}\n                    tableHeadRowRef={tableHeadRowRef}\n                    draggableColumnKeys={draggableColumnsEnabled ? draggableColumnKeys : undefined}\n                    draggableColumns={draggableColumnsEnabled}\n                    onColumnDragEnd={draggableColumnsEnabled ? handleColumnDragEnd : undefined}\n                    onSortChange={onSortChange}\n                    resizeableColumns={resizeableColumns}\n                />\n            ) : null;\n\n        const bodySection = hasBody ? (\n            <TableBodySection\n                onActiveRowChange={onActiveRowChange}\n                onSelectionChange={onSelectionChange}\n                columnCount={totalColumnCount}\n                scrollContainer={virtualizedRows ? bodyScrollContainer : undefined}\n                rowAnimationProps={virtualizedRows ? undefined : rowAnimationProps}\n                selectedRowIds={normalizedSelectedRowIds}\n                showSelectionColumn={showSelectionColumn}\n                virtualizedRows={virtualizedRows && !!bodyMaxHeight && viewType === 'TABLE'}\n                virtualizationOverscan={virtualizationOverscan}\n                viewModel={viewModel}\n                onRowClick={onRowClick}\n            />\n        ) : null;\n\n        const footerSection =\n            viewModel.flags.isTableView && viewModel.flags.hasFooter && viewModel.footer ? (\n                <TableFooterSection\n                    columnCount={totalColumnCount}\n                    footer={viewModel.footer}\n                    showSelectionColumn={showSelectionColumn}\n                    tableFooterRowRef={tableFooterRowRef}\n                />\n            ) : null;\n\n        return (\n            <div\n                {...remainingProps}\n                className={resolveTableBaseClassName({\n                    viewType,\n                    condensed,\n                    striped,\n                    gridLines,\n                    className,\n                    tableUseOverflow,\n                    flags: viewModel.flags,\n                    hasHover,\n                    styleClassSwitches,\n                })}\n                ref={mergedWrapperRefs}\n                role='table'\n                aria-colcount={totalColumnCount > 0 ? totalColumnCount : undefined}\n                style={wrapperStyle}\n            >\n                {bodyMaxHeight && viewType === 'TABLE' ? (\n                    <>\n                        {headerSection}\n                        <SmoothScrollbars\n                            className='table-body-scroll-wrapper'\n                            autoHeight\n                            autoHeightMax={bodyMaxHeight}\n                            onScroll={handleBodyScroll}\n                            ref={virtualizedRows ? handleBodyScrollbarsRef : undefined}\n                            role='presentation'\n                        >\n                            {bodySection}\n                        </SmoothScrollbars>\n                        {footerSection}\n                    </>\n                ) : tableUseOverflow && viewType === 'TABLE' ? (\n                    <div className='overflow-x-auto' onScroll={handleBodyScroll} role='presentation'>\n                        <div className='table-scroll-content' role='presentation'>\n                            {headerSection}\n                            {bodySection}\n                            {footerSection}\n                        </div>\n                    </div>\n                ) : (\n                    <>\n                        {headerSection}\n                        {bodySection}\n                        {footerSection}\n                    </>\n                )}\n            </div>\n        );\n    }\n) as <RowType extends Record<string, unknown>>(\n    props: TableProps<RowType> & RefAttributes<HTMLDivElement>\n) => ReactElement;\n\nexport default Table;\n"],"names":["TableBody","TableBodyComponent","TableHeader","TableHeaderComponent","TableHeaderRow","TableHeaderRowComponent","TableHeaderColumn","TableHeaderColumnComponent","TableFooter","TableFooterComponent","TableColumn","TableColumnComponent","TableExpanderButton","TableExpanderButtonComponent","TableRow","TableRowComponent","TableSpacerRow","TableSpacerRowComponent","TableExpandedRow","TableExpandedRowComponent","TableExpandedContentRow","TableExpandedContentRowComponent","TableGroupRow","TableGroupRowComponent","TableGroupFooterRow","TableGroupFooterRowComponent","TableBatchDropdown","TableBatchDropdownComponent","TableColumnFilter","TableColumnFilterComponent","TableColumnsDropdown","TableColumnsDropdownComponent","Table","forwardRef","props","ref","children","rowKey","viewType","cardsStyle","condensed","striped","hover","shadow","border","rounded","gridLines","rowClassName","activeRowId","onActiveRowChange","rowAnimationProps","sortBy","sortDirection","onSortChange","cellClassName","onRowClick","onSelectionChange","selectedRowIds","selectionHeaderContent","resizeableColumns","draggableColumns","columnOrder","onColumnResize","onColumnOrderChange","showSelectionColumn","noRowsState","virtualizedRows","virtualizationOverscan","className","style","remainingProps","bodyScrollContainer","setBodyScrollContainer","useState","handleBodyScrollbarsRef","useCallback","instance","previousInstance","hasHover","isTableView","styleClassSwitches","cardClasses","resolveTableClassConfig","resolvedColumns","resolveColumns","resolvedHeaderColumns","resolveHeaderColumns","resolvedHeaderClassName","resolveHeaderClassName","supportsDraggableColumns","column","draggableColumnsEnabled","draggableColumnKeys","handleColumnDragEnd","orderedColumns","useDraggableColumns","resizeColumnsEnabled","handleColumnResizeReset","handleColumnResizeStart","lastResizableColumnKey","resizedColumns","useResizableColumns","resolvedRows","resolveRows","resolvedFooter","resolveFooter","bodyMaxHeight","resolveBodyMaxHeight","hasBody","resolveHasBody","columnsWithAreas","handleBodyScroll","tableUseOverflow","tableWrapperRef","tableFooterRowRef","tableHeadRowRef","wrapperStyle","useTableLayout","mergedWrapperRefs","useMergeRefs","viewModel","buildTableViewModel","selectableRowIds","row","selectableRowIdSet","normalizedSelectedRowIds","rowId","isAllRowsSelected","isSomeRowsSelected","totalColumnCount","headerSection","jsx","TableHeaderSection","bodySection","TableBodySection","footerSection","TableFooterSection","resolveTableBaseClassName","jsxs","Fragment","SmoothScrollbars"],"mappings":"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"}

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

@@ -0,0 +1,207 @@
+import { CSSProperties, ReactNode } from 'react';
+export type TableHorizontalAlign = 'left' | 'center' | 'right';
+export type TableVerticalAlign = 'top' | 'middle' | 'bottom';
+export type TableCellOverflow = 'hidden' | 'visible' | 'ellipsis';
+export type TableViewType = 'TABLE' | 'SINGLE_CARD' | 'MULTI_CARDS';
+export type TableSortDirection = 'asc' | 'desc';
+export type TableRowId = string | number;
+export type TableColumnDefinition<RowType extends Record<string, unknown>> = {
+    /**
+     * Unique key of the column.
+     */
+    key: Extract<keyof RowType, string> | string;
+    /**
+     * Column label shown in the header.
+     */
+    label: ReactNode;
+    /**
+     * Optional rioglyph class rendered before the header label in table view.
+     */
+    icon?: string;
+    /**
+     * Optional column label shown on mobile cards.
+     */
+    mobileLabel?: string;
+    /**
+     * Optional custom filter control rendered next to the header label.
+     *
+     * Useful for column-specific filter dropdowns or other header actions.
+     */
+    filter?: ReactNode;
+    /**
+     * Hides the visible label in table header cells while keeping the label for
+     * cards, mobile labels, settings dialogs, and other metadata consumers.
+     *
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * Minimum width of a flexible column.
+     *
+     * Adds a fixed width to the column.
+     */
+    width?: number | string;
+    /**
+     * Minimum resize width in px for the header drag handle.
+     *
+     * @default 50
+     */
+    minResizeWidth?: number;
+    /**
+     * Maximum resize width in px for the header drag handle.
+     *
+     * @default 1000
+     */
+    maxResizeWidth?: number;
+    /**
+     * Disables column drag-reordering for this column when `draggableColumns` is enabled on the table.
+     *
+     * @default true
+     */
+    draggable?: boolean;
+    /**
+     * Horizontal alignment of body cells in this column.
+     *
+     * @default 'left'
+     */
+    horizontalAlign?: TableHorizontalAlign;
+    /**
+     * Additional class names for body cells in this column.
+     */
+    className?: string;
+    /**
+     * Additional class names for header cells in this column.
+     */
+    headerClassName?: string;
+    /**
+     * Hide this column on mobile card layout.
+     *
+     * @default false
+     */
+    hideOnMobile?: boolean;
+    /**
+     * Allow sorting via clickable table header.
+     *
+     * Sorting itself stays controlled outside the table.
+     *
+     * @default false
+     */
+    sortable?: boolean;
+};
+export type TableColumn<RowType extends Record<string, unknown>> = TableColumnDefinition<RowType>;
+export type TableRowClassName<RowType extends Record<string, unknown>> = string | ((row: RowType, rowIndex: number) => string);
+export type TableCellClassName<RowType extends Record<string, unknown>> = (row: RowType, column: TableColumnDefinition<RowType>, rowIndex: number, columnIndex: number) => string;
+export type TableStyle = CSSProperties & {
+    '--table-columns'?: string;
+    '--table-areas'?: string;
+    '--table-cards-min'?: string;
+    '--table-cards-max'?: string;
+    '--table-column-count'?: string;
+    '--table-width'?: string;
+};
+/**
+ * Internal parser-stage table types.
+ *
+ * These `TableParsed*` types represent the normalized intermediate structure
+ * that is produced after reading the declarative JSX API (`TableHeader`,
+ * `TableHeaderColumn`, `TableBody`, `TableRow`, `TableColumn`, etc.) but
+ * before building the final render/view model.
+ *
+ * Pipeline overview:
+ * 1. Public declarative components define the table structure as JSX children.
+ * 2. The parse layer (`parseHeaders`, `parseRows`, `parseFooter`, ...) turns
+ *    these children into a predictable internal data shape.
+ * 3. `buildTableViewModel` enriches that parsed data with render-specific
+ *    information such as column layout, selection state, active state, card
+ *    metadata, and resolved class names.
+ *
+ * These types are intentionally separate from the public component props and
+ * from the final `TableView*` types:
+ * - public props describe authoring-time input
+ * - `TableParsed*` describes normalized parser output
+ * - `TableView*` describes render-ready output
+ *
+ * Keeping this intermediate layer explicit makes the parsing and rendering
+ * stages easier to reason about and allows the render model to evolve without
+ * coupling it directly to the external JSX API.
+ */
+export type TableParsedHeaderColumn = {
+    key: string | number;
+    columnKey?: string;
+    label: ReactNode;
+    icon?: string;
+    filter?: ReactNode;
+    hideLabel?: boolean;
+    row: number;
+    colSpan: number;
+    rowSpan: number;
+    horizontalAlign?: TableHorizontalAlign;
+    verticalAlign?: TableVerticalAlign;
+    className?: string;
+    headerClassName?: string;
+    hideOnMobile?: boolean;
+    draggable?: boolean;
+    resizeable?: boolean;
+    sortable?: boolean;
+};
+export type TableParsedCell = {
+    key?: string | number;
+    columnKey?: string;
+    content: ReactNode;
+    horizontalAlign?: TableHorizontalAlign;
+    verticalAlign?: TableVerticalAlign;
+    className?: string;
+    contentClassName?: string;
+    colSpan?: number;
+    preventRowClick?: boolean;
+};
+export type TableParsedCells = {
+    cellsByKey?: Record<string, TableParsedCell>;
+    cellsByIndex?: TableParsedCell[];
+};
+export type TableParsedFooterCell = TableParsedCell & {
+    key: string | number;
+    colSpan: number;
+};
+type TableParsedBaseRow = {
+    className?: string;
+    noHover?: boolean;
+};
+type TableParsedKeyedRow = TableParsedBaseRow & {
+    key: string | number;
+};
+type TableParsedContentRowBase = TableParsedKeyedRow & {
+    content: ReactNode;
+};
+type TableParsedDataLikeRow<RowType extends Record<string, unknown>, Kind extends 'data' | 'expanded'> = TableParsedCells & TableParsedBaseRow & {
+    kind: Kind;
+    data: RowType;
+    parentKey?: string | number;
+} & {
+    disabled?: boolean;
+};
+export type TableParsedDataRow<RowType extends Record<string, unknown>> = Omit<TableParsedDataLikeRow<RowType, 'data'>, 'parentKey'>;
+export type TableParsedExpandedDataRow<RowType extends Record<string, unknown>> = TableParsedDataLikeRow<RowType, 'expanded'>;
+export type TableParsedSpacerRow = TableParsedKeyedRow & {
+    kind: 'spacer';
+};
+export type TableParsedExpandedContentRow = TableParsedContentRowBase & {
+    kind: 'expanded-full-width';
+    parentKey?: string | number;
+};
+export type TableParsedGroupRow = TableParsedContentRowBase & {
+    kind: 'group';
+    sticky?: boolean;
+};
+export type TableParsedGroupFooterRow = TableParsedContentRowBase & {
+    kind: 'group-footer';
+};
+type TableParsedFooterBase = TableParsedCells & {
+    className?: string;
+    content?: ReactNode;
+};
+export type TableParsedRow<RowType extends Record<string, unknown>> = TableParsedDataRow<RowType> | TableParsedExpandedDataRow<RowType> | TableParsedSpacerRow | TableParsedExpandedContentRow | TableParsedGroupRow | TableParsedGroupFooterRow;
+export type TableParsedFooter = TableParsedFooterBase & {
+    cells?: TableParsedFooterCell[];
+};
+export {};

package/components/table/TableBody.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+export type TableBodyProps = PropsWithChildren<{
+    /**
+     * Optional max height of rendered table body.
+     * Enables vertical scrolling inside the body.
+     */
+    maxHeight?: number | string;
+}>;
+declare const TableBody: (_props: TableBodyProps) => null;
+export default TableBody;

package/components/table/TableBody.js

@@ -0,0 +1,5 @@
+const o = (l) => null;
+export {
+  o as default
+};
+//# sourceMappingURL=TableBody.js.map

package/components/table/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../src/components/table/TableBody.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type TableBodyProps = PropsWithChildren<{\n    /**\n     * Optional max height of rendered table body.\n     * Enables vertical scrolling inside the body.\n     */\n    maxHeight?: number | string;\n}>;\n\nconst TableBody = (_props: TableBodyProps) => null;\n\nexport default TableBody;\n"],"names":["TableBody","_props"],"mappings":"AAUA,MAAMA,IAAY,CAACC,MAA2B;"}

package/components/table/TableCard.d.ts

@@ -0,0 +1,63 @@
+import { MotionProps } from 'motion/react';
+import { ReactNode } from 'react';
+import { TableHorizontalAlign, TableRowId, TableVerticalAlign } from './Table.types';
+export type TableCardsStyleSettings = {
+    /**
+     * Minimum card width for `MULTI_CARDS` view.
+     */
+    minWidth?: number | string;
+    /**
+     * Maximum card width for `MULTI_CARDS` view.
+     */
+    maxWidth?: number | string;
+    /**
+     * Additional classes for each card row in card views.
+     */
+    className?: string;
+    /**
+     * Additional classes for each card cell in card views.
+     */
+    rowClassName?: string;
+    /**
+     * Additional classes for each card label in card views.
+     */
+    labelClassName?: string;
+    /**
+     * Additional classes for each card content in card views.
+     */
+    contentClassName?: string;
+};
+export type TableCardCell = {
+    key: string;
+    content: ReactNode;
+    mobileLabel?: string;
+    horizontalAlign?: TableHorizontalAlign;
+    verticalAlign?: TableVerticalAlign;
+    className?: string;
+    contentClassName?: string;
+    hideOnMobile?: boolean;
+    preventRowClick?: boolean;
+};
+export type TableCardProps<RowType extends Record<string, unknown>> = {
+    active?: boolean;
+    disabled?: boolean;
+    expanded?: boolean;
+    selected?: boolean;
+    row: RowType;
+    rowIndex: number;
+    rowKeyValue: string | number;
+    cells: TableCardCell[];
+    cardRowClassName?: string;
+    cardCellClassName?: string;
+    cardLabelClassName?: string;
+    cardContentClassName?: string;
+    rowClassName?: string;
+    rowAnimationProps?: MotionProps;
+    isClickable: boolean;
+    onActiveRowChange?: (rowId: TableRowId | undefined, row: RowType, rowIndex: number) => void;
+    onRowClick?: (row: RowType, rowIndex: number) => void;
+    onToggleRowSelection?: (rowId: TableRowId) => void;
+    showSelectionColumn?: boolean;
+};
+declare const TableCard: <RowType extends Record<string, unknown>>(props: TableCardProps<RowType>) => import("react/jsx-runtime").JSX.Element;
+export default TableCard;

package/components/table/TableCard.js

@@ -0,0 +1,150 @@
+import { jsxs as N, Fragment as T, jsx as t } from "react/jsx-runtime";
+import { useReducedMotion as V, motion as $ } from "motion/react";
+import E from "../checkbox/Checkbox.js";
+import { useState as F, useMemo as H } from "react";
+import n from "../../utils/classNames.js";
+import { getVerticalAlignClassName as q, getHorizontalAlignClassName as B } from "./shared/getAlignClassName.js";
+import { getInteractiveRowProps as G } from "./shared/getInteractiveRowProps.js";
+import { resolveAriaColIndex as J } from "./shared/resolveTableAria.js";
+const x = 0.18, oe = (k) => {
+  const {
+    active: c,
+    disabled: s,
+    expanded: o,
+    selected: d,
+    row: f,
+    rowIndex: A,
+    rowKeyValue: i,
+    cells: I,
+    cardRowClassName: R,
+    cardCellClassName: m,
+    cardLabelClassName: P,
+    cardContentClassName: D,
+    rowClassName: K,
+    rowAnimationProps: C,
+    isClickable: S,
+    onActiveRowChange: O,
+    onRowClick: M,
+    onToggleRowSelection: L,
+    showSelectionColumn: p
+  } = k, [j, b] = F(o), w = V(), a = G({
+    isClickable: S && !s,
+    onRowClick: (e, l) => {
+      M?.(e, l), O?.(c ? void 0 : i, e, l);
+    },
+    row: f,
+    rowIndex: A
+  }), v = (e) => {
+    e.stopPropagation();
+  }, h = H(() => {
+    if (o)
+      return w ? {
+        initial: { opacity: 0 },
+        animate: { opacity: 1, transition: { duration: 0.12, ease: "easeInOut" } },
+        exit: { opacity: 0, transition: { duration: 0.12, ease: "easeInOut" } }
+      } : {
+        initial: { opacity: 0, height: 0, y: -8 },
+        animate: {
+          opacity: 1,
+          height: "auto",
+          y: 0,
+          transition: { duration: x, ease: "easeOut" }
+        },
+        exit: {
+          opacity: 0,
+          height: 0,
+          y: -8,
+          transition: { duration: x, ease: "easeInOut" }
+        }
+      };
+  }, [o, w]), r = h || C ? {
+    ...h,
+    ...C
+  } : void 0, u = r?.style, z = o ? {
+    ...u,
+    overflow: j ? "hidden" : "visible"
+  } : u, y = n(
+    "table-row",
+    "divider-y-1 divider-color-lighter divider-style-solid",
+    c && "table-row-active",
+    s && "table-row-disabled",
+    o && "table-row-expanded-data",
+    d && "table-row-selected",
+    R,
+    a.isClickableClassName,
+    K
+  ), g = /* @__PURE__ */ N(T, { children: [
+    p && /* @__PURE__ */ t(
+      "div",
+      {
+        className: n("table-cell table-selection-cell", m),
+        role: "cell",
+        "aria-colindex": 1,
+        onClick: (e) => e.stopPropagation(),
+        onKeyDown: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ t("div", { className: "table-selection-control", children: /* @__PURE__ */ t(
+          E,
+          {
+            checked: d,
+            disabled: s,
+            onChange: () => L?.(i)
+          }
+        ) })
+      }
+    ),
+    I.map((e, l) => /* @__PURE__ */ N(
+      "div",
+      {
+        className: n(
+          "table-cell",
+          m,
+          B(e.horizontalAlign),
+          q(e.verticalAlign),
+          e.hideOnMobile && "table-hide-mobile",
+          e.className
+        ),
+        "data-column": e.key,
+        role: "cell",
+        "aria-colindex": J(l + 1, p),
+        onClick: e.preventRowClick ? v : void 0,
+        onKeyDown: e.preventRowClick ? v : void 0,
+        children: [
+          e.mobileLabel && /* @__PURE__ */ t("div", { className: n("table-cell-label", P), children: e.mobileLabel }),
+          /* @__PURE__ */ t("div", { className: n("table-cell-content", D, e.contentClassName), children: e.content })
+        ]
+      },
+      `${String(i)}-${e.key}`
+    ))
+  ] });
+  return r ? /* @__PURE__ */ t(
+    $.div,
+    {
+      className: y,
+      onClick: a.onClick,
+      onKeyDown: a.onKeyDown,
+      role: "row",
+      tabIndex: a.tabIndex,
+      onAnimationStart: o ? () => b(!0) : void 0,
+      onAnimationComplete: o ? () => b(!1) : void 0,
+      ...r,
+      style: z,
+      children: g
+    },
+    i
+  ) : /* @__PURE__ */ t(
+    "div",
+    {
+      className: y,
+      onClick: a.onClick,
+      onKeyDown: a.onKeyDown,
+      role: "row",
+      tabIndex: a.tabIndex,
+      children: g
+    },
+    i
+  );
+};
+export {
+  oe as default
+};
+//# sourceMappingURL=TableCard.js.map

package/components/table/TableCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCard.js","sources":["../../../src/components/table/TableCard.tsx"],"sourcesContent":["import { motion, type MotionProps, useReducedMotion } from 'motion/react';\nimport Checkbox from '../checkbox/Checkbox';\nimport { useMemo, useState, type CSSProperties, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { getHorizontalAlignClassName, getVerticalAlignClassName } from './shared/getAlignClassName';\nimport { getInteractiveRowProps } from './shared/getInteractiveRowProps';\nimport { resolveAriaColIndex } from './shared/resolveTableAria';\nimport type { TableHorizontalAlign, TableRowId, TableVerticalAlign } from './Table.types';\n\nexport type TableCardsStyleSettings = {\n    /**\n     * Minimum card width for `MULTI_CARDS` view.\n     */\n    minWidth?: number | string;\n\n    /**\n     * Maximum card width for `MULTI_CARDS` view.\n     */\n    maxWidth?: number | string;\n\n    /**\n     * Additional classes for each card row in card views.\n     */\n    className?: string;\n\n    /**\n     * Additional classes for each card cell in card views.\n     */\n    rowClassName?: string;\n\n    /**\n     * Additional classes for each card label in card views.\n     */\n    labelClassName?: string;\n\n    /**\n     * Additional classes for each card content in card views.\n     */\n    contentClassName?: string;\n};\n\nexport type TableCardCell = {\n    key: string;\n    content: ReactNode;\n    mobileLabel?: string;\n    horizontalAlign?: TableHorizontalAlign;\n    verticalAlign?: TableVerticalAlign;\n    className?: string;\n    contentClassName?: string;\n    hideOnMobile?: boolean;\n    preventRowClick?: boolean;\n};\n\nexport type TableCardProps<RowType extends Record<string, unknown>> = {\n    active?: boolean;\n    disabled?: boolean;\n    expanded?: boolean;\n    selected?: boolean;\n    row: RowType;\n    rowIndex: number;\n    rowKeyValue: string | number;\n    cells: TableCardCell[];\n    cardRowClassName?: string;\n    cardCellClassName?: string;\n    cardLabelClassName?: string;\n    cardContentClassName?: string;\n    rowClassName?: string;\n    rowAnimationProps?: MotionProps;\n    isClickable: boolean;\n    onActiveRowChange?: (rowId: TableRowId | undefined, row: RowType, rowIndex: number) => void;\n    onRowClick?: (row: RowType, rowIndex: number) => void;\n    onToggleRowSelection?: (rowId: TableRowId) => void;\n    showSelectionColumn?: boolean;\n};\n\nconst expandedCardDuration = 0.18;\n\nconst TableCard = <RowType extends Record<string, unknown>>(props: TableCardProps<RowType>) => {\n    const {\n        active,\n        disabled,\n        expanded,\n        selected,\n        row,\n        rowIndex,\n        rowKeyValue,\n        cells,\n        cardRowClassName,\n        cardCellClassName,\n        cardLabelClassName,\n        cardContentClassName,\n        rowClassName,\n        rowAnimationProps,\n        isClickable,\n        onActiveRowChange,\n        onRowClick,\n        onToggleRowSelection,\n        showSelectionColumn,\n    } = props;\n\n    const [isAnimating, setIsAnimating] = useState(expanded);\n    const shouldReduceMotion = useReducedMotion();\n\n    const interactiveRowProps = getInteractiveRowProps({\n        isClickable: isClickable && !disabled,\n        onRowClick: (clickedRow, clickedRowIndex) => {\n            onRowClick?.(clickedRow, clickedRowIndex);\n            onActiveRowChange?.(active ? undefined : rowKeyValue, clickedRow, clickedRowIndex);\n        },\n        row,\n        rowIndex,\n    });\n\n    const handleCellInteraction = (event: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n    };\n\n    const defaultExpandedAnimationProps = useMemo<MotionProps | undefined>(() => {\n        if (!expanded) {\n            return;\n        }\n\n        if (shouldReduceMotion) {\n            return {\n                initial: { opacity: 0 },\n                animate: { opacity: 1, transition: { duration: 0.12, ease: 'easeInOut' as const } },\n                exit: { opacity: 0, transition: { duration: 0.12, ease: 'easeInOut' as const } },\n            };\n        }\n\n        return {\n            initial: { opacity: 0, height: 0, y: -8 },\n            animate: {\n                opacity: 1,\n                height: 'auto',\n                y: 0,\n                transition: { duration: expandedCardDuration, ease: 'easeOut' as const },\n            },\n            exit: {\n                opacity: 0,\n                height: 0,\n                y: -8,\n                transition: { duration: expandedCardDuration, ease: 'easeInOut' as const },\n            },\n        };\n    }, [expanded, shouldReduceMotion]);\n\n    const resolvedRowAnimationProps =\n        defaultExpandedAnimationProps || rowAnimationProps\n            ? {\n                  ...defaultExpandedAnimationProps,\n                  ...rowAnimationProps,\n              }\n            : undefined;\n\n    const motionStyle = resolvedRowAnimationProps?.style as CSSProperties | undefined;\n    const resolvedRowStyle = expanded\n        ? {\n              ...motionStyle,\n              overflow: isAnimating ? 'hidden' : 'visible',\n          }\n        : motionStyle;\n\n    const rowClassNames = classNames(\n        'table-row',\n        'divider-y-1 divider-color-lighter divider-style-solid',\n        active && 'table-row-active',\n        disabled && 'table-row-disabled',\n        expanded && 'table-row-expanded-data',\n        selected && 'table-row-selected',\n        cardRowClassName,\n        interactiveRowProps.isClickableClassName,\n        rowClassName\n    );\n\n    const rowContent = (\n        <>\n            {showSelectionColumn && (\n                <div\n                    className={classNames('table-cell table-selection-cell', cardCellClassName)}\n                    role='cell'\n                    aria-colindex={1}\n                    onClick={event => event.stopPropagation()}\n                    onKeyDown={event => event.stopPropagation()}\n                >\n                    <div className='table-selection-control'>\n                        <Checkbox\n                            checked={selected}\n                            disabled={disabled}\n                            onChange={() => onToggleRowSelection?.(rowKeyValue)}\n                        />\n                    </div>\n                </div>\n            )}\n            {cells.map((cell, cellIndex) => (\n                <div\n                    key={`${String(rowKeyValue)}-${cell.key}`}\n                    className={classNames(\n                        'table-cell',\n                        cardCellClassName,\n                        getHorizontalAlignClassName(cell.horizontalAlign),\n                        getVerticalAlignClassName(cell.verticalAlign),\n                        cell.hideOnMobile && 'table-hide-mobile',\n                        cell.className\n                    )}\n                    data-column={cell.key}\n                    role='cell'\n                    aria-colindex={resolveAriaColIndex(cellIndex + 1, showSelectionColumn)}\n                    onClick={cell.preventRowClick ? handleCellInteraction : undefined}\n                    onKeyDown={cell.preventRowClick ? handleCellInteraction : undefined}\n                >\n                    {cell.mobileLabel && (\n                        <div className={classNames('table-cell-label', cardLabelClassName)}>{cell.mobileLabel}</div>\n                    )}\n                    <div className={classNames('table-cell-content', cardContentClassName, cell.contentClassName)}>\n                        {cell.content}\n                    </div>\n                </div>\n            ))}\n        </>\n    );\n\n    return resolvedRowAnimationProps ? (\n        <motion.div\n            key={rowKeyValue}\n            className={rowClassNames}\n            onClick={interactiveRowProps.onClick}\n            onKeyDown={interactiveRowProps.onKeyDown}\n            role='row'\n            tabIndex={interactiveRowProps.tabIndex}\n            onAnimationStart={expanded ? () => setIsAnimating(true) : undefined}\n            onAnimationComplete={expanded ? () => setIsAnimating(false) : undefined}\n            {...resolvedRowAnimationProps}\n            style={resolvedRowStyle}\n        >\n            {rowContent}\n        </motion.div>\n    ) : (\n        <div\n            key={rowKeyValue}\n            className={rowClassNames}\n            onClick={interactiveRowProps.onClick}\n            onKeyDown={interactiveRowProps.onKeyDown}\n            role='row'\n            tabIndex={interactiveRowProps.tabIndex}\n        >\n            {rowContent}\n        </div>\n    );\n};\n\nexport default TableCard;\n"],"names":["expandedCardDuration","TableCard","props","active","disabled","expanded","selected","row","rowIndex","rowKeyValue","cells","cardRowClassName","cardCellClassName","cardLabelClassName","cardContentClassName","rowClassName","rowAnimationProps","isClickable","onActiveRowChange","onRowClick","onToggleRowSelection","showSelectionColumn","isAnimating","setIsAnimating","useState","shouldReduceMotion","useReducedMotion","interactiveRowProps","getInteractiveRowProps","clickedRow","clickedRowIndex","handleCellInteraction","event","defaultExpandedAnimationProps","useMemo","resolvedRowAnimationProps","motionStyle","resolvedRowStyle","rowClassNames","classNames","rowContent","jsxs","Fragment","jsx","Checkbox","cell","cellIndex","getHorizontalAlignClassName","getVerticalAlignClassName","resolveAriaColIndex","motion"],"mappings":";;;;;;;;AA4EA,MAAMA,IAAuB,MAEvBC,KAAY,CAA0CC,MAAmC;AAC3F,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAnB,GAEE,CAACoB,GAAaC,CAAc,IAAIC,EAASnB,CAAQ,GACjDoB,IAAqBC,EAAA,GAErBC,IAAsBC,EAAuB;AAAA,IAC/C,aAAaX,KAAe,CAACb;AAAA,IAC7B,YAAY,CAACyB,GAAYC,MAAoB;AACzC,MAAAX,IAAaU,GAAYC,CAAe,GACxCZ,IAAoBf,IAAS,SAAYM,GAAaoB,GAAYC,CAAe;AAAA,IACrF;AAAA,IACA,KAAAvB;AAAA,IACA,UAAAC;AAAA,EAAA,CACH,GAEKuB,IAAwB,CAACC,MAAsE;AACjG,IAAAA,EAAM,gBAAA;AAAA,EACV,GAEMC,IAAgCC,EAAiC,MAAM;AACzE,QAAK7B;AAIL,aAAIoB,IACO;AAAA,QACH,SAAS,EAAE,SAAS,EAAA;AAAA,QACpB,SAAS,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,MAAM,MAAM,cAAqB;AAAA,QAChF,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,MAAM,MAAM,YAAA,EAAqB;AAAA,MAAE,IAIhF;AAAA,QACH,SAAS,EAAE,SAAS,GAAG,QAAQ,GAAG,GAAG,GAAA;AAAA,QACrC,SAAS;AAAA,UACL,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,GAAG;AAAA,UACH,YAAY,EAAE,UAAUzB,GAAsB,MAAM,UAAA;AAAA,QAAmB;AAAA,QAE3E,MAAM;AAAA,UACF,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,GAAG;AAAA,UACH,YAAY,EAAE,UAAUA,GAAsB,MAAM,YAAA;AAAA,QAAqB;AAAA,MAC7E;AAAA,EAER,GAAG,CAACK,GAAUoB,CAAkB,CAAC,GAE3BU,IACFF,KAAiCjB,IAC3B;AAAA,IACI,GAAGiB;AAAA,IACH,GAAGjB;AAAA,EAAA,IAEP,QAEJoB,IAAcD,GAA2B,OACzCE,IAAmBhC,IACnB;AAAA,IACI,GAAG+B;AAAA,IACH,UAAUd,IAAc,WAAW;AAAA,EAAA,IAEvCc,GAEAE,IAAgBC;AAAA,IAClB;AAAA,IACA;AAAA,IACApC,KAAU;AAAA,IACVC,KAAY;AAAA,IACZC,KAAY;AAAA,IACZC,KAAY;AAAA,IACZK;AAAA,IACAgB,EAAoB;AAAA,IACpBZ;AAAA,EAAA,GAGEyB,IACF,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAArB,KACG,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWJ,EAAW,mCAAmC3B,CAAiB;AAAA,QAC1E,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,SAAS,CAAAoB,MAASA,EAAM,gBAAA;AAAA,QACxB,WAAW,CAAAA,MAASA,EAAM,gBAAA;AAAA,QAE1B,UAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAStC;AAAA,YACT,UAAAF;AAAA,YACA,UAAU,MAAMgB,IAAuBX,CAAW;AAAA,UAAA;AAAA,QAAA,EACtD,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGPC,EAAM,IAAI,CAACmC,GAAMC,MACd,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAWF;AAAA,UACP;AAAA,UACA3B;AAAA,UACAmC,EAA4BF,EAAK,eAAe;AAAA,UAChDG,EAA0BH,EAAK,aAAa;AAAA,UAC5CA,EAAK,gBAAgB;AAAA,UACrBA,EAAK;AAAA,QAAA;AAAA,QAET,eAAaA,EAAK;AAAA,QAClB,MAAK;AAAA,QACL,iBAAeI,EAAoBH,IAAY,GAAGzB,CAAmB;AAAA,QACrE,SAASwB,EAAK,kBAAkBd,IAAwB;AAAA,QACxD,WAAWc,EAAK,kBAAkBd,IAAwB;AAAA,QAEzD,UAAA;AAAA,UAAAc,EAAK,iCACD,OAAA,EAAI,WAAWN,EAAW,oBAAoB1B,CAAkB,GAAI,UAAAgC,EAAK,YAAA,CAAY;AAAA,UAE1F,gBAAAF,EAAC,OAAA,EAAI,WAAWJ,EAAW,sBAAsBzB,GAAsB+B,EAAK,gBAAgB,GACvF,UAAAA,EAAK,QAAA,CACV;AAAA,QAAA;AAAA,MAAA;AAAA,MApBK,GAAG,OAAOpC,CAAW,CAAC,IAAIoC,EAAK,GAAG;AAAA,IAAA,CAsB9C;AAAA,EAAA,GACL;AAGJ,SAAOV,IACH,gBAAAQ;AAAA,IAACO,EAAO;AAAA,IAAP;AAAA,MAEG,WAAWZ;AAAA,MACX,SAASX,EAAoB;AAAA,MAC7B,WAAWA,EAAoB;AAAA,MAC/B,MAAK;AAAA,MACL,UAAUA,EAAoB;AAAA,MAC9B,kBAAkBtB,IAAW,MAAMkB,EAAe,EAAI,IAAI;AAAA,MAC1D,qBAAqBlB,IAAW,MAAMkB,EAAe,EAAK,IAAI;AAAA,MAC7D,GAAGY;AAAA,MACJ,OAAOE;AAAA,MAEN,UAAAG;AAAA,IAAA;AAAA,IAXI/B;AAAA,EAAA,IAcT,gBAAAkC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAWL;AAAA,MACX,SAASX,EAAoB;AAAA,MAC7B,WAAWA,EAAoB;AAAA,MAC/B,MAAK;AAAA,MACL,UAAUA,EAAoB;AAAA,MAE7B,UAAAa;AAAA,IAAA;AAAA,IAPI/B;AAAA,EAAA;AAUjB;"}

package/components/table/TableColumn.d.ts

@@ -0,0 +1,47 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { TableCellOverflow, TableHorizontalAlign, TableVerticalAlign } from './Table.types';
+export type TableColumnProps = PropsWithChildren<{
+    /**
+     * Optional explicit column key.
+     * If omitted, the cell is matched by its position inside `<TableRow>`.
+     */
+    columnKey?: string;
+    /**
+     * Optional explicit value.
+     */
+    value?: ReactNode;
+    /**
+     * Additional classes for this cell only.
+     */
+    className?: string;
+    /**
+     * Horizontal alignment override for this cell.
+     */
+    horizontalAlign?: TableHorizontalAlign;
+    /**
+     * Vertical alignment override for this cell.
+     */
+    verticalAlign?: TableVerticalAlign;
+    /**
+     * Overflow behavior for the cell content wrapper.
+     *
+     * @default 'hidden'
+     */
+    overflow?: TableCellOverflow;
+    /**
+     * Number of columns this cell should span.
+     *
+     * Currently used by header and footer-style declarative table sections.
+     */
+    colSpan?: number;
+    /**
+     * Prevents clicks and keyboard interactions inside this cell from triggering the parent row click handler.
+     *
+     * Useful for interactive cell content such as dropdowns, inputs, or buttons.
+     *
+     * @default false
+     */
+    preventRowClick?: boolean;
+}>;
+declare const TableColumn: (_props: TableColumnProps) => null;
+export default TableColumn;

package/components/table/TableColumn.js

@@ -0,0 +1,5 @@
+const o = (l) => null;
+export {
+  o as default
+};
+//# sourceMappingURL=TableColumn.js.map

package/components/table/TableColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.js","sources":["../../../src/components/table/TableColumn.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport type { TableCellOverflow, TableHorizontalAlign, TableVerticalAlign } from './Table.types';\n\nexport type TableColumnProps = PropsWithChildren<{\n    /**\n     * Optional explicit column key.\n     * If omitted, the cell is matched by its position inside `<TableRow>`.\n     */\n    columnKey?: string;\n\n    /**\n     * Optional explicit value.\n     */\n    value?: ReactNode;\n\n    /**\n     * Additional classes for this cell only.\n     */\n    className?: string;\n\n    /**\n     * Horizontal alignment override for this cell.\n     */\n    horizontalAlign?: TableHorizontalAlign;\n\n    /**\n     * Vertical alignment override for this cell.\n     */\n    verticalAlign?: TableVerticalAlign;\n\n    /**\n     * Overflow behavior for the cell content wrapper.\n     *\n     * @default 'hidden'\n     */\n    overflow?: TableCellOverflow;\n\n    /**\n     * Number of columns this cell should span.\n     *\n     * Currently used by header and footer-style declarative table sections.\n     */\n    colSpan?: number;\n\n    /**\n     * Prevents clicks and keyboard interactions inside this cell from triggering the parent row click handler.\n     *\n     * Useful for interactive cell content such as dropdowns, inputs, or buttons.\n     *\n     * @default false\n     */\n    preventRowClick?: boolean;\n}>;\n\nconst TableColumn = (_props: TableColumnProps) => null;\n\nexport default TableColumn;\n"],"names":["TableColumn","_props"],"mappings":"AAuDA,MAAMA,IAAc,CAACC,MAA6B;"}

package/components/table/TableExpandedContentRow.d.ts

@@ -0,0 +1,22 @@
+import { PropsWithChildren, ReactNode } from 'react';
+export type TableExpandedContentRowProps = PropsWithChildren<{
+    /**
+     * Parent row key used to associate this expanded content row with its parent.
+     */
+    parentKey: string | number;
+    /**
+     * Optional explicit content for the full-width expanded row.
+     * If omitted, `children` are used.
+     */
+    content?: ReactNode;
+    /**
+     * Optional class names only for this expanded content row.
+     */
+    className?: string;
+    /**
+     * Disable table hover styling for this row.
+     */
+    noHover?: boolean;
+}>;
+declare const TableExpandedContentRow: (_props: TableExpandedContentRowProps) => null;
+export default TableExpandedContentRow;

package/components/table/TableExpandedContentRow.js

@@ -0,0 +1,5 @@
+const n = (e) => null;
+export {
+  n as default
+};
+//# sourceMappingURL=TableExpandedContentRow.js.map

package/components/table/TableExpandedContentRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableExpandedContentRow.js","sources":["../../../src/components/table/TableExpandedContentRow.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nexport type TableExpandedContentRowProps = PropsWithChildren<{\n    /**\n     * Parent row key used to associate this expanded content row with its parent.\n     */\n    parentKey: string | number;\n\n    /**\n     * Optional explicit content for the full-width expanded row.\n     * If omitted, `children` are used.\n     */\n    content?: ReactNode;\n\n    /**\n     * Optional class names only for this expanded content row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n}>;\n\nconst TableExpandedContentRow = (_props: TableExpandedContentRowProps) => null;\n\nexport default TableExpandedContentRow;\n"],"names":["TableExpandedContentRow","_props"],"mappings":"AAyBA,MAAMA,IAA0B,CAACC,MAAyC;"}