@dbcdk/react-components 0.0.95 → 0.0.97

package/dist/components/table/components/TableHeader.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TableHeaderCell } from './TableHeaderCell';
-import { TableSelectionCell } from './TableSelectionCell';
-import styles from '../Table.module.css';
-export function TableHeader({ columns, hasSelection, selectionMode, allRowsSelected, onSelectAllRows, sortById, sortDirection, onSortChange, headerExtras, }) {
-    return (_jsx("thead", { className: styles.header, children: _jsxs("tr", { className: styles.headerRow, children: [hasSelection ? (_jsx(TableSelectionCell, { isHeader: true, multiple: selectionMode === 'multiple', checked: allRowsSelected, onToggle: checked => onSelectAllRows === null || onSelectAllRows === void 0 ? void 0 : onSelectAllRows(checked) })) : null, columns.map((column, index) => (_jsx(TableHeaderCell, { column: column, index: index, sortById: sortById, sortDirection: sortDirection, onSortChange: onSortChange, extraContent: headerExtras === null || headerExtras === void 0 ? void 0 : headerExtras({ column, index }) }, column.id)))] }) }));
-}

package/dist/components/table/components/TableHeaderCell.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDown, ArrowUp } from 'lucide-react';
-import { cx, getAlignValue, getDividerClass, getHeaderAlignClasses } from '../table.classes';
-import styles from '../Table.module.css';
-import { getAriaSort, getHeaderLabel, getNextSortDirection, isActiveSort, shouldToggleOnKey, } from '../table.utils';
-export function TableHeaderCell({ column, index, sortById, sortDirection, onSortChange, extraContent, }) {
-    const active = isActiveSort(sortById, column.id);
-    const ariaSort = getAriaSort(column.sortable, active, sortDirection !== null && sortDirection !== void 0 ? sortDirection : null);
-    const align = getAlignValue(column);
-    const dividerClass = getDividerClass(column);
-    const alignClasses = getHeaderAlignClasses(align);
-    const handleToggleSort = () => {
-        if (!column.sortable || !onSortChange)
-            return;
-        const nextDirection = getNextSortDirection(column.sortable, active, sortDirection !== null && sortDirection !== void 0 ? sortDirection : null);
-        onSortChange(column, nextDirection);
-    };
-    return (_jsxs("th", { className: cx(styles.headerCell, dividerClass), scope: "col", "aria-sort": ariaSort, "data-align": align, "data-divider": column.divider, "data-column-index": index, children: [_jsx("div", { className: alignClasses.inner, children: _jsx("div", { className: alignClasses.main, children: column.sortable ? (_jsxs("button", { type: "button", className: alignClasses.button, onClick: handleToggleSort, onKeyDown: e => {
-                            if (!shouldToggleOnKey(e.key))
-                                return;
-                            e.preventDefault();
-                            handleToggleSort();
-                        }, children: [_jsx("span", { className: alignClasses.label, children: getHeaderLabel(column.header) }), _jsxs("span", { className: styles.sortIndicator, "aria-hidden": "true", children: [active && sortDirection === 'asc' && _jsx(ArrowUp, {}), active && sortDirection === 'desc' && _jsx(ArrowDown, {}), !active && _jsx(ArrowDown, { className: styles.inActiveSort })] })] })) : (_jsx("span", { className: alignClasses.label, children: getHeaderLabel(column.header) })) }) }), extraContent != null ? _jsx("div", { className: styles.thOverlayExtras, children: extraContent }) : null] }, column.id));
-}

package/dist/components/table/components/TableLoadingBody.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SkeletonLoaderItem } from '../../../components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
-import { cx } from '../table.classes';
-import styles from '../Table.module.css';
-function getColumnWidth(column) {
-    // If column.width is defined and less than 150px, use 100%
-    if (typeof column.width === 'number' && column.width < 150) {
-        return '100%';
-    }
-    if (typeof column.width === 'string' && column.width.endsWith('px')) {
-        const px = parseInt(column.width, 10);
-        if (!isNaN(px) && px < 150) {
-            return '100%';
-        }
-    }
-    // Otherwise, random between 50% and 90%
-    const percent = Math.floor(Math.random() * (90 - 50 + 1)) + 50;
-    return `${percent}%`;
-}
-export function TableLoadingBody({ rows, columns, hasSelection }) {
-    const widths = Array.from({ length: rows }, () => columns.map(getColumnWidth));
-    return (_jsx("tbody", { className: styles.body, children: Array.from({ length: rows }).map((_, rowIndex) => (_jsxs("tr", { className: styles.row, children: [hasSelection ? (_jsx("td", { className: cx(styles.cell, styles.selectionCell), children: _jsx("div", { className: styles.cellContent, children: _jsx(SkeletonLoaderItem, { height: 20, width: 20 }) }) })) : null, columns.map((column, columnIndex) => {
-                    var _a;
-                    return (_jsx("td", { className: cx(styles.cell, column.divider === 'left' && styles.dividerLeft, column.divider === 'right' && styles.dividerRight), "data-align": (_a = column.align) !== null && _a !== void 0 ? _a : 'left', "data-divider": column.divider, children: _jsx("div", { className: styles.cellContent, children: _jsx("div", { className: styles.cellValueEllipsis, children: _jsx(SkeletonLoaderItem, { height: 16, width: widths[rowIndex][columnIndex] }) }) }) }, column.id));
-                })] }, `loading-row-${rowIndex}`))) }));
-}

package/dist/components/table/components/TablePagination.js

@@ -1 +0,0 @@
-"use strict";

package/dist/components/table/components/TableRow.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox } from '../../../components/forms/checkbox/Checkbox';
-import { RadioButton } from '../../../components/forms/radio-buttons/RadioButton';
-import { SeverityBorderColor } from '../../../constants/severity';
-import { useTableRowInteractions } from '../hooks/useTableRowInteractions';
-import { cx } from '../table.classes';
-import styles from '../Table.module.css';
-import { getCellDisplayValue, shouldAllowWrap } from '../table.utils';
-export function TableRow({ row, rowId, columns, selectedRows, hasSelection, selectionMode, selectionInputName, viewMode, getRowSeverity, onRowClick, onRowMouseEnter, onRowSelect, }) {
-    var _a;
-    const isSelected = (_a = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.has(rowId)) !== null && _a !== void 0 ? _a : false;
-    const rowSeverity = getRowSeverity === null || getRowSeverity === void 0 ? void 0 : getRowSeverity(row);
-    const canSelect = Boolean(selectedRows && onRowSelect);
-    const { handleRowClick, handleRowKeyDown } = useTableRowInteractions({
-        row,
-        rowId,
-        isSelected,
-        canSelect,
-        onRowClick,
-        onRowSelect,
-    });
-    return (_jsxs("tr", { className: cx(styles.row, onRowClick && styles.clickableRow, isSelected && styles.selectedRow, rowSeverity && styles.severity), style: {
-            ['--row-severity-color']: rowSeverity
-                ? SeverityBorderColor[rowSeverity]
-                : undefined,
-        }, tabIndex: onRowClick ? 0 : -1, onKeyDown: handleRowKeyDown, onMouseEnter: () => onRowMouseEnter === null || onRowMouseEnter === void 0 ? void 0 : onRowMouseEnter(row), onClick: handleRowClick, children: [hasSelection ? (_jsx("td", { className: cx(styles.cell, styles.selectionCell), "data-selection-control": "true", children: _jsx("div", { className: styles.selectionHitArea, "data-selection-control": "true", onClick: e => {
-                        if (e.target !== e.currentTarget)
-                            return;
-                        e.stopPropagation();
-                        onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(rowId, !isSelected);
-                    }, children: _jsx("div", { className: styles.selectionControlWrap, "data-selection-control": "true", onMouseDown: e => {
-                            if (selectionMode !== 'single' || !isSelected)
-                                return;
-                            e.preventDefault();
-                        }, onClick: e => {
-                            e.stopPropagation();
-                            if (selectionMode === 'single' && isSelected) {
-                                e.preventDefault();
-                                onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(rowId, false);
-                            }
-                        }, children: selectionMode === 'single' ? (_jsx(RadioButton, { noContainer: true, name: selectionInputName, value: String(rowId), checked: isSelected, size: "sm", variant: "primary", onChange: (_value, e) => {
-                                e.stopPropagation();
-                                onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(rowId, true);
-                            } })) : (_jsx(Checkbox, { noContainer: true, variant: "primary", checked: isSelected, size: "sm", onChange: (checked, e) => {
-                                e.stopPropagation();
-                                onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(rowId, checked);
-                            } })) }) }) })) : null, columns.map(column => {
-                var _a, _b, _c, _d;
-                const allowWrap = shouldAllowWrap(column.allowWrap, isSelected, viewMode);
-                const allowOverflow = column.allowOverflow;
-                const cellValue = getCellDisplayValue(row, column);
-                return (_jsx("td", { className: cx(styles.cell, allowWrap ? styles.allowWrap : styles.nowrap, column.divider === 'left' && styles.dividerLeft, column.divider === 'right' && styles.dividerRight), "data-align": (_a = column.align) !== null && _a !== void 0 ? _a : 'left', "data-vertical-align": (_b = column.verticalAlign) !== null && _b !== void 0 ? _b : 'top', "data-divider": column.divider, children: _jsx("div", { className: styles.cellContent, "data-align": (_c = column.align) !== null && _c !== void 0 ? _c : 'left', "data-vertical-align": (_d = column.verticalAlign) !== null && _d !== void 0 ? _d : 'top', children: allowWrap || allowOverflow ? (cellValue) : (_jsx("div", { className: styles.cellValueEllipsis, children: cellValue })) }) }, column.id));
-            })] }));
-}

package/dist/components/table/components/TableSelectionCell.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox } from '../../../components/forms/checkbox/Checkbox';
-import { cx } from '../table.classes';
-import styles from '../Table.module.css';
-export function TableSelectionCell({ checked, isHeader, multiple, onToggle }) {
-    const Tag = isHeader ? 'th' : 'td';
-    return (_jsx(Tag, { className: cx(styles.headerCell, styles.selectionCell), scope: isHeader ? 'col' : undefined, onClick: e => {
-            if (isHeader && !multiple)
-                return;
-            e.stopPropagation();
-            onToggle(!checked, e);
-        }, children: isHeader && !multiple ? null : (_jsx("div", { className: styles.selectionHitArea, children: _jsx(Checkbox, { noContainer: true, size: "sm", variant: "primary", checked: checked, onChange: (nextChecked, e) => {
-                    e.stopPropagation();
-                    onToggle(nextChecked, e);
-                } }) })) }));
-}

package/dist/components/table/components/column-resizer/ColumnResizer.js

@@ -1,5 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ColumnResizer.module.css';
-const ColumnResizer = ({ id, handler }) => (_jsx("span", { className: styles.resizer, "data-resizer": "true", onMouseDown: handler, onTouchStart: handler, role: "separator", "aria-orientation": "vertical", "aria-label": `Resize ${id}` }));
-export default ColumnResizer;

package/dist/components/table/components/column-resizer/ColumnResizer.module.css

@@ -1,22 +0,0 @@
-.resizer {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 10px;
-  cursor: col-resize;
-  user-select: none;
-  touch-action: none;
-  z-index: 20;
-}
-
-.resizer::after {
-  content: '';
-  position: absolute;
-  right: 0;
-  width: 1px; /* visual thickness */
-  height: 60%;
-  top: 50%;
-  transform: translateY(-50%);
-  background-color: var(--opac-bg-default);
-}

package/dist/components/table/components/empty-state/EmptyState.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowLeft } from 'lucide-react';
-const defaultEmptyConfig = {
-    enabled: true,
-    title: 'Ingen resultater',
-    description: _jsx("span", { children: "Ingen data at vise." }),
-    showBack: false,
-    showRefresh: false,
-    showClearFilters: true,
-    backLabel: (_jsxs(_Fragment, { children: [_jsx(ArrowLeft, { size: 16 }), "Tilbage"] })),
-    refreshLabel: _jsx(_Fragment, { children: "Indl\u00E6s igen" }),
-    clearFiltersLabel: _jsx(_Fragment, { children: "Nulstil alle filtre" }),
-    className: 'dbc-flex dbc-flex-column dbc-items-start dbc-justify-start dbc-text-left dbc-gap-sm dbc-py-lg',
-};
-export function TableEmptyState({ config }) {
-    const merged = {
-        ...defaultEmptyConfig,
-        ...(config !== null && config !== void 0 ? config : {}),
-    };
-    if (!merged.enabled)
-        return null;
-    return (_jsxs("div", { className: "dbc-flex dbc-flex-column dbc-gap-md dbc-pt-sm dbc-pb-sm", children: [_jsx("span", { className: "dbc-text-sm  dbc-muted-text", children: merged.description }), merged.actions ? _jsx("span", { className: "dbc-flex dbc-gap-sm", children: merged.actions }) : null] }));
-}

package/dist/components/table/components/empty-state/EmptyState.module.css

@@ -1,4 +0,0 @@
-.container,
-.icon {
-  display: none;
-}

package/dist/components/table/components/table-settings/TableSettings.js

@@ -1,63 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ListChevronsDownUp, Settings } from 'lucide-react';
-import { useMemo } from 'react';
-import { Button } from '../../../button/Button';
-import { Menu } from '../../../menu/Menu';
-import { Popover } from '../../../popover/Popover';
-export function TableSettings({ viewMode, handleChangeViewMode, columns = [], visibleColumnIds = [], onVisibleColumnIdsChange, columnsLabel = 'Kolonner', allPresetLabel = 'Alle', standardPresetLabel = 'Standard', buttonSize = 'sm', additionalSettings, }) {
-    const handleViewModeChange = (mode, close) => {
-        handleChangeViewMode(mode === 'wrapped' ? 'compact' : 'wrapped');
-        close === null || close === void 0 ? void 0 : close();
-    };
-    const hideableColumns = useMemo(() => columns.filter(c => c.enableHiding !== false), [columns]);
-    const allPresetIds = useMemo(() => hideableColumns.map(c => c.id), [hideableColumns]);
-    const standardPresetIds = useMemo(() => hideableColumns.filter(c => { var _a; return ((_a = c.meta) === null || _a === void 0 ? void 0 : _a.hidden) !== true; }).map(c => c.id), [hideableColumns]);
-    const visibleSet = useMemo(() => new Set(visibleColumnIds), [visibleColumnIds]);
-    const visibleCount = useMemo(() => {
-        return hideableColumns.reduce((acc, c) => { var _a; return acc + (visibleSet.has((_a = c.id) !== null && _a !== void 0 ? _a : '') ? 1 : 0); }, 0);
-    }, [hideableColumns, visibleSet]);
-    const setVisibleIds = (nextIds) => {
-        if (!onVisibleColumnIdsChange)
-            return;
-        const safe = nextIds.length > 0 ? nextIds : standardPresetIds.length > 0 ? standardPresetIds : allPresetIds;
-        onVisibleColumnIdsChange(safe.filter((id) => typeof id === 'string' && Boolean(id)));
-    };
-    const toggleColumn = (id, nextVisible) => {
-        const next = new Set(visibleColumnIds);
-        if (nextVisible)
-            next.add(id);
-        else
-            next.delete(id);
-        setVisibleIds(Array.from(next));
-    };
-    const isAllActive = useMemo(() => {
-        if (!hideableColumns.length)
-            return false;
-        return hideableColumns.every(c => c.id && visibleSet.has(c.id));
-    }, [hideableColumns, visibleSet]);
-    const isStandardActive = useMemo(() => {
-        if (!hideableColumns.length)
-            return false;
-        const std = new Set(standardPresetIds);
-        return hideableColumns.every(c => c.id && visibleSet.has(c.id) === std.has(c.id));
-    }, [hideableColumns, visibleSet, standardPresetIds]);
-    // Required by your RadioButton component
-    const presetRadioName = 'table-columns-preset';
-    return (_jsx(Popover, { trigger: (onClick, icon) => (_jsxs(Button, { size: buttonSize, onClick: onClick, type: "button", children: [_jsx(Settings, {}), icon] })), children: close => (_jsxs(Menu, { children: [additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings(close), _jsx(Menu.Item, { active: viewMode === 'wrapped', children: _jsxs("button", { type: "button", onClick: () => handleViewModeChange(viewMode, close), children: [_jsx(ListChevronsDownUp, {}), "Ombryd tekst"] }) }), hideableColumns.length > 0 && onVisibleColumnIdsChange ? (_jsxs(_Fragment, { children: [_jsx(Menu.Separator, {}), _jsx("div", { style: { padding: '6px 10px', fontSize: 12, opacity: 0.7 }, children: columnsLabel }), _jsx(Menu.RadioItem, { name: presetRadioName, value: "all", checked: isAllActive, label: allPresetLabel, onValueChange: () => {
-                                setVisibleIds(allPresetIds.filter((id) => typeof id === 'string' && Boolean(id)));
-                                close === null || close === void 0 ? void 0 : close();
-                            } }), _jsx(Menu.RadioItem, { name: presetRadioName, value: "standard", checked: isStandardActive, label: standardPresetLabel, onValueChange: () => {
-                                setVisibleIds(standardPresetIds.filter((id) => typeof id === 'string' && Boolean(id)));
-                                close === null || close === void 0 ? void 0 : close();
-                            } }), _jsx(Menu.Separator, {}), hideableColumns.map(col => {
-                            const isVisible = col.id ? visibleSet.has(col.id) : false;
-                            const disableUncheckingLast = isVisible && visibleCount <= 1;
-                            const label = col.header;
-                            return (_jsx(Menu.CheckItem, { checked: isVisible, disabled: disableUncheckingLast, label: label, onCheckedChange: nextChecked => {
-                                    if (disableUncheckingLast)
-                                        return;
-                                    toggleColumn(col.id, nextChecked);
-                                } }, col.id));
-                        })] })) : null] })) }));
-}

package/dist/components/table/hooks/useTableRowInteractions.js

@@ -1,30 +0,0 @@
-import { useCallback } from 'react';
-import { isModifierClick, shouldToggleOnKey } from '../table.utils';
-export function useTableRowInteractions({ row, rowId, isSelected, canSelect, onRowClick, onRowSelect, }) {
-    const handleRowClick = useCallback((e) => {
-        var _a;
-        const target = e.target;
-        if ((_a = target === null || target === void 0 ? void 0 : target.closest) === null || _a === void 0 ? void 0 : _a.call(target, '[data-selection-control="true"]')) {
-            return;
-        }
-        if (isModifierClick(e) && canSelect) {
-            e.preventDefault();
-            e.stopPropagation();
-            onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(rowId, !isSelected);
-            return;
-        }
-        onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row);
-    }, [canSelect, isSelected, onRowClick, onRowSelect, row, rowId]);
-    const handleRowKeyDown = useCallback((e) => {
-        if (!onRowClick)
-            return;
-        if (!shouldToggleOnKey(e.key))
-            return;
-        e.preventDefault();
-        onRowClick(row);
-    }, [onRowClick, row]);
-    return {
-        handleRowClick,
-        handleRowKeyDown,
-    };
-}

package/dist/components/table/table.classes.js

@@ -1,23 +0,0 @@
-import styles from './Table.module.css';
-export function cx(...values) {
-    return values.filter(Boolean).join(' ');
-}
-export function getDividerClass(column) {
-    if (column.divider === 'left')
-        return styles.dividerLeft;
-    if (column.divider === 'right')
-        return styles.dividerRight;
-    return '';
-}
-export function getAlignValue(column) {
-    var _a;
-    return (_a = column.align) !== null && _a !== void 0 ? _a : 'left';
-}
-export function getHeaderAlignClasses(align) {
-    return {
-        inner: cx(styles.thInner, align === 'right' && styles.thInnerRight, align === 'center' && styles.thInnerCenter),
-        main: cx(styles.thMain, align === 'right' && styles.thMainRight, align === 'center' && styles.thMainCenter),
-        button: cx(styles.thButton, align === 'right' && styles.thButtonRight, align === 'center' && styles.thButtonCenter),
-        label: cx(styles.thLabel, align === 'right' && styles.thLabelRight, align === 'center' && styles.thLabelCenter),
-    };
-}

package/dist/components/table/table.utils.js

@@ -1,47 +0,0 @@
-export const SELECTION_COLUMN_PX = 40;
-export const DEFAULT_COLUMN_PX = 150;
-export function getVisibleColumns(columns) {
-    return columns.filter(column => !column.hidden);
-}
-export function getHeaderLabel(header) {
-    return typeof header === 'function' ? header() : header;
-}
-export function isActiveSort(sortById, columnId) {
-    return sortById === columnId;
-}
-export function getAriaSort(sortable, active, direction) {
-    if (!sortable || !active || !direction)
-        return 'none';
-    return direction === 'asc' ? 'ascending' : 'descending';
-}
-export function getNextSortDirection(sortable, active, currentDirection) {
-    if (!sortable)
-        return null;
-    if (!active)
-        return 'asc';
-    if (currentDirection === 'asc')
-        return 'desc';
-    return null;
-}
-export function shouldToggleOnKey(key) {
-    return key === 'Enter' || key === ' ';
-}
-export function isModifierClick(e) {
-    return Boolean(e.metaKey || e.ctrlKey);
-}
-export function shouldAllowWrap(columnAllowWrap, isRowSelected, viewMode) {
-    return Boolean(columnAllowWrap || isRowSelected || viewMode === 'wrapped');
-}
-export function getCellDisplayValue(row, column) {
-    var _a;
-    const empty = (_a = column.emptyPlaceholder) !== null && _a !== void 0 ? _a : '';
-    if (column.render) {
-        const rendered = column.render(row);
-        return rendered !== null && rendered !== void 0 ? rendered : empty;
-    }
-    if (column.accessor) {
-        const value = row[column.accessor];
-        return value !== null && value !== void 0 ? value : empty;
-    }
-    return empty;
-}

package/dist/components/table/tanstackTable.utils.js

@@ -1,175 +0,0 @@
-import { DEFAULT_COLUMN_PX, SELECTION_COLUMN_PX } from './table.utils';
-export function getColumnId(def, index) {
-    const d = def;
-    if (d.id != null && String(d.id).length > 0)
-        return String(d.id);
-    if (d.accessorKey != null && String(d.accessorKey).length > 0)
-        return String(d.accessorKey);
-    return `col_${index}`;
-}
-export function buildColumnVisibilityFromVisibleIds(defs, visibleColumnIds) {
-    if (!(visibleColumnIds === null || visibleColumnIds === void 0 ? void 0 : visibleColumnIds.length))
-        return {};
-    const visible = new Set(visibleColumnIds);
-    const next = {};
-    defs.forEach((def, index) => {
-        const id = getColumnId(def, index);
-        next[id] = visible.has(id);
-    });
-    return next;
-}
-export function mapDefsToColumnItems(defs, columnVisibility, resolvedLayout = {}) {
-    return defs.map((def, index) => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const id = getColumnId(def, index);
-        const accessorKey = def.accessorKey;
-        const accessorFn = def.accessorFn;
-        const cell = def.cell;
-        const meta = ((_a = def.meta) !== null && _a !== void 0 ? _a : {});
-        let render;
-        if (typeof cell === 'function') {
-            render = (row) => cell({
-                row: { original: row },
-                getValue: () => accessorKey != null
-                    ? row[accessorKey]
-                    : accessorFn
-                        ? accessorFn(row)
-                        : undefined,
-            });
-        }
-        else if (accessorFn) {
-            render = (row) => accessorFn(row);
-        }
-        else if (accessorKey != null) {
-            render = (row) => row[accessorKey];
-        }
-        else {
-            render = () => null;
-        }
-        const isVisible = (_b = columnVisibility[id]) !== null && _b !== void 0 ? _b : true;
-        return {
-            id,
-            header: def.header,
-            accessor: accessorKey,
-            sortable: (_c = def.enableSorting) !== null && _c !== void 0 ? _c : !!accessorKey,
-            render,
-            hidden: !isVisible,
-            width: (_d = resolvedLayout[id]) === null || _d === void 0 ? void 0 : _d.width,
-            align: meta.align,
-            verticalAlign: meta.verticalAlign,
-            emptyPlaceholder: (_e = meta.emptyPlaceholder) !== null && _e !== void 0 ? _e : '-',
-            allowWrap: (_f = meta.allowWrap) !== null && _f !== void 0 ? _f : false,
-            severity: meta.severity,
-            divider: meta.divider,
-            allowOverflow: (_g = meta.allowOverflow) !== null && _g !== void 0 ? _g : false,
-        };
-    });
-}
-export function sortingEqual(a, b) {
-    const A = a === null || a === void 0 ? void 0 : a[0];
-    const B = b === null || b === void 0 ? void 0 : b[0];
-    if (!A && !B)
-        return true;
-    if (!A || !B)
-        return false;
-    return A.id === B.id && A.desc === B.desc;
-}
-export function getSortPropsFromSorting(sorting) {
-    const s = sorting === null || sorting === void 0 ? void 0 : sorting[0];
-    return {
-        sortById: s === null || s === void 0 ? void 0 : s.id,
-        sortDirection: s ? (s.desc ? 'desc' : 'asc') : null,
-    };
-}
-function clamp(value, min, max) {
-    const lowerBounded = Math.max(min, value);
-    if (max == null || !Number.isFinite(max))
-        return lowerBounded;
-    return Math.min(lowerBounded, max);
-}
-function toIntegerTrackWidths(tracks, targetWidth) {
-    const floored = tracks.map(track => ({
-        id: track.id,
-        width: Math.floor(track.width),
-        fraction: track.width - Math.floor(track.width),
-    }));
-    const baseTotal = floored.reduce((sum, track) => sum + track.width, 0);
-    let remainder = Math.max(0, targetWidth - baseTotal);
-    floored
-        .slice()
-        .sort((a, b) => b.fraction - a.fraction)
-        .forEach(track => {
-        if (remainder <= 0)
-            return;
-        track.width += 1;
-        remainder -= 1;
-    });
-    return Object.fromEntries(floored.map(track => [track.id, track.width]));
-}
-export function buildDistributedColumnWidths(args) {
-    const { table, hasSelection, defaultMinPx, columnSizing, availableWidth } = args;
-    const leaf = table.getVisibleLeafColumns();
-    const selectionWidth = hasSelection ? SELECTION_COLUMN_PX : 0;
-    const tracks = leaf.map((c) => {
-        var _a, _b, _c, _d;
-        const def = c.columnDef;
-        const meta = ((_a = def.meta) !== null && _a !== void 0 ? _a : {});
-        const min = Math.max(1, Number((_b = def.minSize) !== null && _b !== void 0 ? _b : defaultMinPx));
-        const max = def.maxSize != null ? Math.max(min, Number(def.maxSize)) : undefined;
-        const resizedPxRaw = columnSizing[c.id];
-        const resizedPx = resizedPxRaw != null ? Math.round(clamp(Number(resizedPxRaw), min, max)) : undefined;
-        if (resizedPx != null) {
-            return {
-                id: c.id,
-                width: resizedPx,
-                weight: 0,
-                max: resizedPx,
-                fixed: true,
-            };
-        }
-        const rawWeight = Number((_d = (_c = meta.weight) !== null && _c !== void 0 ? _c : def.size) !== null && _d !== void 0 ? _d : DEFAULT_COLUMN_PX);
-        const weight = Number.isFinite(rawWeight) && rawWeight > 0 ? rawWeight : DEFAULT_COLUMN_PX;
-        return {
-            id: c.id,
-            width: min,
-            weight,
-            max,
-            fixed: false,
-        };
-    });
-    const fixedWidth = selectionWidth + tracks.reduce((sum, track) => sum + track.width, 0);
-    let remaining = Math.max(0, availableWidth - fixedWidth);
-    let active = tracks.filter(track => !track.fixed && (track.max == null || track.width < track.max));
-    while (remaining > 0.5 && active.length > 0) {
-        const totalWeight = active.reduce((sum, track) => sum + track.weight, 0);
-        if (totalWeight <= 0)
-            break;
-        let consumed = 0;
-        const nextActive = [];
-        for (const track of active) {
-            const share = (remaining * track.weight) / totalWeight;
-            const maxGrow = track.max == null ? share : Math.max(0, track.max - track.width);
-            const growth = Math.min(share, maxGrow);
-            track.width += growth;
-            consumed += growth;
-            if (track.max == null || track.width < track.max - 0.5) {
-                nextActive.push(track);
-            }
-        }
-        if (consumed <= 0.5)
-            break;
-        remaining -= consumed;
-        active = nextActive;
-    }
-    const floatTrackTotal = tracks.reduce((sum, track) => sum + track.width, 0);
-    const targetTrackWidth = floatTrackTotal <= availableWidth - selectionWidth
-        ? Math.floor(floatTrackTotal)
-        : Math.ceil(floatTrackTotal);
-    const widths = toIntegerTrackWidths(tracks, targetTrackWidth);
-    const totalWidth = selectionWidth + Object.values(widths).reduce((sum, width) => sum + width, 0);
-    return {
-        selectionWidth: hasSelection ? SELECTION_COLUMN_PX : undefined,
-        widths,
-        totalWidth,
-    };
-}