@cratis/components 4.21.0 → 4.22.0

package/dist/esm/DataTables/DataTableCore.js

@@ -1,170 +1,61 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useId, useMemo, useRef, useEffect } from 'react';
-import 'react-aria-components/I18nProvider';
-import 'ts-deepmerge';
-import 'react-dom';
-import { useCratisComponentsConfig } from '../configuration/CratisComponentsContext.js';
+import React, { useId, useMemo } from 'react';
 import { useCratisIcon } from '../configuration/useCratisIcon.js';
-import '../Notifications/toast.js';
-import '../renderer/RendererContext.js';
-import { ColumnFilterMenu } from './ColumnFilterMenu.js';
-import { DataTableFilterMatchMode } from './DataTableFilterMeta.js';
-import { resolveDataTableFilterMatcher } from './DataTableFilterMatcherRegistry.js';
-import { DataTableStatus } from './DataTableStatus.js';
-import { DataTableSortDirection } from './DataTableSortDirection.js';
+import { classNames } from '../ClassNames/classNames.js';
+import { DataTableHeaderCell } from './DataTableHeaderCell.js';
+import { DataTableBody } from './DataTableBody.js';
+import { DataTableRow } from './DataTableRow.js';
+import { DataTableSearch } from './DataTableSearch.js';
 import { DataTableRowProcessing } from './DataTableRowProcessing.js';
-import { useControllableState } from './useControllableState.js';
+import { DataTableStatus } from './DataTableStatus.js';
+import { processRows } from './processRows.js';
+import { useDataTableMessages } from './useDataTableMessages.js';
+import { useDataTableState } from './useDataTableState.js';
+import { useRowSelection } from './useRowSelection.js';
 
 const useColumns = (children) => useMemo(() => React.Children.toArray(children).filter(React.isValidElement), [children]);
-const asCellValue = (value) => typeof value === 'function' ? String(value) : value;
-const valueAtPath = (row, path) => {
-    if (!path)
-        return undefined;
-    let current = row;
-    for (const segment of path.split('.')) {
-        if (current === null || typeof current !== 'object')
-            return undefined;
-        const record = current;
-        if (!Object.hasOwn(record, segment))
-            return undefined;
-        current = asCellValue(record[segment]);
-    }
-    return current;
-};
-const renderCellContent = (column, row) => {
-    if (column.body)
-        return column.body(row);
-    const value = valueAtPath(row, column.field);
-    return value == null ? '' : String(value);
-};
-const dateNumber = (value) => {
-    const date = value instanceof Date ? new Date(value.getTime()) : new Date(String(value));
-    return Number.isNaN(date.getTime()) ? undefined : date.setHours(0, 0, 0, 0);
-};
-const firstConstraint = (entry) => entry && 'constraints' in entry ? entry.constraints[0] : entry;
-const builtInMatches = (value, constraint) => {
-    const filter = constraint.value;
-    const mode = constraint.matchMode ?? DataTableFilterMatchMode.Contains;
-    if (filter === null || filter === undefined || filter === '')
-        return true;
-    const valueText = String(value ?? '').toLocaleLowerCase();
-    const filterText = String(filter).toLocaleLowerCase();
-    const valueNumber = typeof value === 'number' ? value : Number(value);
-    const filterNumber = typeof filter === 'number' ? filter : Number(filter);
-    switch (mode) {
-        case DataTableFilterMatchMode.StartsWith:
-            return valueText.startsWith(filterText);
-        case DataTableFilterMatchMode.Contains:
-            return valueText.includes(filterText);
-        case DataTableFilterMatchMode.NotContains:
-            return !valueText.includes(filterText);
-        case DataTableFilterMatchMode.EndsWith:
-            return valueText.endsWith(filterText);
-        case DataTableFilterMatchMode.Equals:
-            return Object.is(value, filter) || valueText === filterText;
-        case DataTableFilterMatchMode.NotEquals:
-            return !(Object.is(value, filter) || valueText === filterText);
-        case DataTableFilterMatchMode.In:
-            return Array.isArray(filter) && filter.some((item) => Object.is(item, value));
-        case DataTableFilterMatchMode.Between:
-            return (Array.isArray(filter) &&
-                filter.length >= 2 &&
-                valueNumber >= Number(filter[0]) &&
-                valueNumber <= Number(filter[1]));
-        case DataTableFilterMatchMode.LessThan:
-            return valueNumber < filterNumber;
-        case DataTableFilterMatchMode.LessThanOrEqual:
-            return valueNumber <= filterNumber;
-        case DataTableFilterMatchMode.GreaterThan:
-            return valueNumber > filterNumber;
-        case DataTableFilterMatchMode.GreaterThanOrEqual:
-            return valueNumber >= filterNumber;
-        case DataTableFilterMatchMode.DateIs:
-            return dateNumber(value) === dateNumber(filter);
-        case DataTableFilterMatchMode.DateIsNot:
-            return dateNumber(value) !== dateNumber(filter);
-        case DataTableFilterMatchMode.DateBefore:
-            return (dateNumber(value) ?? Infinity) < (dateNumber(filter) ?? -Infinity);
-        case DataTableFilterMatchMode.DateAfter:
-            return (dateNumber(value) ?? -Infinity) > (dateNumber(filter) ?? Infinity);
-        default:
-            return resolveDataTableFilterMatcher(String(mode))?.(value, filter) ?? false;
-    }
-};
-const matchesFilterEntry = (value, entry) => {
-    if (!('constraints' in entry))
-        return builtInMatches(value, entry);
-    if (entry.constraints.length === 0)
-        return true;
-    const matches = entry.constraints.map((constraint) => builtInMatches(value, constraint));
-    return entry.operator?.toLowerCase() === 'or'
-        ? matches.some(Boolean)
-        : matches.every(Boolean);
-};
-const compareValues = (left, right) => {
-    if (typeof left === 'number' && typeof right === 'number')
-        return left - right;
-    if (left instanceof Date && right instanceof Date)
-        return left.getTime() - right.getTime();
-    return String(left ?? '').localeCompare(String(right ?? ''), undefined, {
-        numeric: true,
-        sensitivity: 'base',
-    });
-};
-const classNames = (...values) => values.filter(Boolean).join(' ');
 const DataTableCore = ({ data, children, dataKey, emptyMessage, status = DataTableStatus.Ready, loadingMessage, failureMessage, unauthorizedMessage, selectionMode, selectionAriaLabel, selectAllAriaLabel, selection, onSelectionChange, selectedItems, onSelectedItemsChange, onRowClick, rowClassName, globalFilterFields, globalSearchPlaceholder, globalSearchAriaLabel, defaultFilters, filters: filtersProp, onFilter, globalFilter: globalFilterProp, onGlobalFilterChange, sort: sortProp, onSortChange, rowProcessing = DataTableRowProcessing.Loaded, scrollable, scrollHeight, className, style, pt, }) => {
-    const { messages } = useCratisComponentsConfig();
-    const dataTableMessages = messages?.dataTable;
-    const resolvedSelectionAriaLabel = selectionAriaLabel ?? dataTableMessages?.selectRow ?? 'Select row';
-    const resolvedSelectAllAriaLabel = selectAllAriaLabel ?? dataTableMessages?.selectAllRows ?? 'Select all rows';
-    const resolvedGlobalSearchPlaceholder = globalSearchPlaceholder ?? dataTableMessages?.search ?? 'Search…';
-    const resolvedGlobalSearchAriaLabel = globalSearchAriaLabel ?? dataTableMessages?.searchAriaLabel ?? 'Search table';
-    const resolvedLoadingMessage = loadingMessage ?? dataTableMessages?.loading ?? 'Loading…';
-    const resolvedFailureMessage = failureMessage ?? dataTableMessages?.failed ?? 'Could not load data.';
-    const resolvedUnauthorizedMessage = unauthorizedMessage ?? dataTableMessages?.unauthorized ??
-        'You are not authorized to view this data.';
+    const messages = useDataTableMessages({
+        selectionAriaLabel,
+        selectAllAriaLabel,
+        globalSearchPlaceholder,
+        globalSearchAriaLabel,
+        loadingMessage,
+        failureMessage,
+        unauthorizedMessage,
+    });
+    const { resolvedSelectionAriaLabel, resolvedSelectAllAriaLabel, resolvedGlobalSearchPlaceholder, resolvedGlobalSearchAriaLabel, } = messages;
     const isBusy = status === DataTableStatus.Loading && data.length > 0;
     const icon = useCratisIcon();
     const sortAscendingIcon = icon('sortAscending', '▲');
     const sortDescendingIcon = icon('sortDescending', '▼');
     const columns = useColumns(children);
     const selectionGroupName = useId();
-    const [filters, setFilters] = useControllableState(filtersProp, defaultFilters ?? {}, onFilter);
-    const [globalFilter, setGlobalFilter] = useControllableState(globalFilterProp, '', onGlobalFilterChange);
-    const [sort, setSort] = useControllableState(sortProp, null, onSortChange);
-    const filteredRows = useMemo(() => {
-        if (rowProcessing === DataTableRowProcessing.None) {
-            return data.map((row, loadedIndex) => ({ row, loadedIndex }));
-        }
-        const term = globalFilter.trim().toLocaleLowerCase();
-        const rows = data
-            .map((row, loadedIndex) => ({ row, loadedIndex }))
-            .filter(({ row }) => {
-            const rowValues = row;
-            const matchesColumns = Object.entries(filters).every(([field, entry]) => matchesFilterEntry(valueAtPath(rowValues, field), entry));
-            if (!matchesColumns)
-                return false;
-            if (!term || !globalFilterFields?.length)
-                return true;
-            return globalFilterFields.some((field) => String(valueAtPath(rowValues, field) ?? '')
-                .toLocaleLowerCase()
-                .includes(term));
-        });
-        if (!sort)
-            return rows;
-        return [...rows].sort((left, right) => {
-            const comparison = compareValues(valueAtPath(left.row, sort.field), valueAtPath(right.row, sort.field));
-            return sort.direction === 'ascending' ? comparison : -comparison;
-        });
-    }, [data, filters, globalFilter, globalFilterFields, sort, rowProcessing]);
-    const updateFilter = (field, constraint) => {
-        const next = { ...filters };
-        if (constraint)
-            next[field] = constraint;
-        else
-            delete next[field];
-        setFilters(next);
-    };
+    const { filters, updateFilter, globalFilter, setGlobalFilter, sort, setSort } = useDataTableState({
+        defaultFilters,
+        filters: filtersProp,
+        onFilter,
+        globalFilter: globalFilterProp,
+        onGlobalFilterChange,
+        sort: sortProp,
+        onSortChange,
+    });
+    const filteredRows = useMemo(() => processRows(data, {
+        filters,
+        globalFilter,
+        globalFilterFields,
+        sort,
+        rowProcessing,
+    }), [data, filters, globalFilter, globalFilterFields, sort, rowProcessing]);
+    const { dataKeyIdentity, isSelectedRow, isRowSelected, toggleRowSelection, allFilteredRowsSelected, selectAllRef, toggleSelectAll, } = useRowSelection({
+        data,
+        visibleRows: filteredRows.map(({ row }) => row),
+        dataKey,
+        selection,
+        selectedItems,
+        onSelectedItemsChange,
+    });
+    const isInteractive = Boolean(onRowClick) || selectionMode === 'single' || selectionMode === 'multiple';
     const activateRow = (row, index, originalEvent) => {
         onRowClick?.({ data: row, index });
         if (selectionMode === 'single') {
@@ -174,138 +65,19 @@ const DataTableCore = ({ data, children, dataKey, emptyMessage, status = DataTab
             toggleRowSelection(row);
         }
     };
-    const dataKeyIdentity = (row) => String(valueAtPath(row, dataKey));
-    const dataKeyCounts = useMemo(() => {
-        const counts = new Map();
-        if (!dataKey)
-            return counts;
-        for (const row of data) {
-            const identity = String(valueAtPath(row, dataKey));
-            counts.set(identity, (counts.get(identity) ?? 0) + 1);
-        }
-        return counts;
-    }, [data, dataKey]);
-    const firstLoadedIndexByDataKey = useMemo(() => {
-        const indices = new Map();
-        if (!dataKey)
-            return indices;
-        data.forEach((row, loadedIndex) => {
-            const identity = String(valueAtPath(row, dataKey));
-            if (!indices.has(identity))
-                indices.set(identity, loadedIndex);
-        });
-        return indices;
-    }, [data, dataKey]);
-    const selectedLoadedIndex = selection ? data.indexOf(selection) : -1;
-    const selectedDataKey = selection && dataKey ? dataKeyIdentity(selection) : undefined;
-    const isSelectedRow = (row, loadedIndex) => {
-        if (!selection)
-            return false;
-        if (!dataKey)
-            return loadedIndex === selectedLoadedIndex;
-        const identity = dataKeyIdentity(row);
-        if (identity !== selectedDataKey)
-            return false;
-        if ((dataKeyCounts.get(identity) ?? 0) <= 1)
-            return true;
-        if (selectedLoadedIndex >= 0)
-            return loadedIndex === selectedLoadedIndex;
-        return loadedIndex === firstLoadedIndexByDataKey.get(identity);
-    };
-    const selectedItemsList = useMemo(() => selectedItems ?? [], [selectedItems]);
-    const isRowSelected = (row) => dataKey
-        ? selectedItemsList.some((selected) => dataKeyIdentity(selected) === dataKeyIdentity(row))
-        : selectedItemsList.includes(row);
-    const toggleRowSelection = (row) => {
-        const next = isRowSelected(row)
-            ? selectedItemsList.filter((selected) => dataKey
-                ? dataKeyIdentity(selected) !== dataKeyIdentity(row)
-                : selected !== row)
-            : [...selectedItemsList, row];
-        onSelectedItemsChange?.(next);
-    };
-    const visibleRows = filteredRows.map(({ row }) => row);
-    const isVisibleRow = (row) => dataKey
-        ? visibleRows.some((visible) => dataKeyIdentity(visible) === dataKeyIdentity(row))
-        : visibleRows.includes(row);
-    const selectedVisibleCount = visibleRows.filter((row) => isRowSelected(row)).length;
-    const allFilteredRowsSelected = visibleRows.length > 0 && selectedVisibleCount === visibleRows.length;
-    const someFilteredRowsSelected = selectedVisibleCount > 0 && !allFilteredRowsSelected;
-    const selectAllRef = useRef(null);
-    useEffect(() => {
-        if (selectAllRef.current) {
-            selectAllRef.current.indeterminate = someFilteredRowsSelected;
-        }
-    }, [someFilteredRowsSelected]);
-    const toggleSelectAll = () => {
-        if (allFilteredRowsSelected) {
-            onSelectedItemsChange?.(selectedItemsList.filter((selected) => !isVisibleRow(selected)));
-            return;
-        }
-        const additions = visibleRows.filter((row) => !isRowSelected(row));
-        onSelectedItemsChange?.([...selectedItemsList, ...additions]);
-    };
-    return (jsxs("div", { ...pt?.root, className: classNames('cratis-datatable', scrollable ? 'cratis-datatable--scrollable' : undefined, pt?.root?.className, className), style: { ...pt?.root?.style, ...style }, "data-cratis-part": 'root', "data-busy": isBusy || undefined, children: [!!globalFilterFields?.length && (jsx("div", { ...pt?.search, className: classNames('cratis-datatable-search', pt?.search?.className), "data-cratis-part": 'search', children: jsx("input", { ...pt?.searchInput, value: globalFilter, placeholder: resolvedGlobalSearchPlaceholder, "aria-label": resolvedGlobalSearchAriaLabel, className: classNames('cratis-datatable-search__input', pt?.searchInput?.className), "data-cratis-part": 'search-input', onChange: (event) => setGlobalFilter(event.target.value) }) })), jsx("div", { ...pt?.tableContainer, className: classNames('cratis-datatable__container', pt?.tableContainer?.className), style: {
+    return (jsxs("div", { ...pt?.root, className: classNames('cratis-datatable', scrollable ? 'cratis-datatable--scrollable' : undefined, pt?.root?.className, className), style: { ...pt?.root?.style, ...style }, "data-cratis-part": 'root', "data-busy": isBusy || undefined, children: [!!globalFilterFields?.length && (jsx(DataTableSearch, { parts: pt, value: globalFilter, placeholder: resolvedGlobalSearchPlaceholder, ariaLabel: resolvedGlobalSearchAriaLabel, onChange: setGlobalFilter })), jsx("div", { ...pt?.tableContainer, className: classNames('cratis-datatable__container', pt?.tableContainer?.className), style: {
                     ...pt?.tableContainer?.style,
                     ...(scrollable
                         ? { maxHeight: scrollHeight ?? '100%', overflow: 'auto' }
                         : {}),
-                }, "data-cratis-part": 'table-container', children: jsxs("table", { ...pt?.table, className: classNames('cratis-datatable__table', pt?.table?.className), "data-cratis-part": 'table', "aria-busy": isBusy || undefined, children: [jsx("thead", { ...pt?.head, className: classNames('cratis-datatable__head', pt?.head?.className), "data-cratis-part": 'head', children: jsx("tr", { ...pt?.headerRow, className: classNames('cratis-datatable__header-row', pt?.headerRow?.className), "data-cratis-part": 'header-row', children: columns.map((column, index) => {
-                                    const field = column.props.filterField ?? column.props.field;
-                                    const ariaSort = sort && sort.field === column.props.field
-                                        ? sort.direction
-                                        : undefined;
-                                    return (jsx("th", { ...pt?.headerCell, scope: 'col', "aria-label": column.props.selectionMode
-                                            ? resolvedSelectionAriaLabel
-                                            : undefined, "aria-sort": ariaSort, style: {
-                                            ...pt?.headerCell?.style,
-                                            ...column.props.style,
-                                            ...column.props.headerStyle,
-                                        }, className: classNames('cratis-datatable__header-cell', pt?.headerCell?.className, column.props.headerClassName), "data-cratis-part": 'header-cell', "data-selected": Boolean(ariaSort) || undefined, children: jsxs("div", { className: 'cratis-datatable-header-cell', "data-cratis-part": 'header-content', "data-selected": Boolean(ariaSort) || undefined, children: [column.props.selectionMode ===
-                                                    'multiple' ? (jsx("input", { type: 'checkbox', "aria-label": resolvedSelectAllAriaLabel, "data-cratis-part": 'select-all', checked: allFilteredRowsSelected, ref: selectAllRef, onChange: toggleSelectAll })) : (column.props.selectionMode && (jsx("span", { className: 'cratis-datatable__sr-only', children: resolvedSelectionAriaLabel }))), column.props.sortable &&
-                                                    column.props.field ? (jsxs("button", { type: 'button', className: 'cratis-datatable__sort', "data-cratis-part": 'sort', "data-pressed": Boolean(ariaSort) || undefined, onClick: () => setSort({
-                                                        field: column.props
-                                                            .field,
-                                                        direction: sort?.field ===
-                                                            column.props.field &&
-                                                            sort?.direction ===
-                                                                DataTableSortDirection.Ascending
-                                                            ? DataTableSortDirection.Descending
-                                                            : DataTableSortDirection.Ascending,
-                                                    }), children: [jsx("span", { children: column.props.header }), ariaSort && (jsx("span", { "aria-hidden": 'true', children: ariaSort === 'ascending'
-                                                                ? sortAscendingIcon
-                                                                : sortDescendingIcon }))] })) : (column.props.header), column.props.filter && field && (jsx(ColumnFilterMenu, { field: field, dataType: column.props.dataType, placeholder: column.props.filterPlaceholder, showMatchModes: column.props.showFilterMatchModes, filterElement: column.props.filterElement, filterOptions: column.props.filterOptions, labels: column.props.filterLabels, pt: column.props.filterPt, constraint: firstConstraint(filters[field]), onApply: (constraint) => updateFilter(field, constraint), onClear: () => updateFilter(field, undefined) }))] }) }, index));
-                                }) }) }), jsx("tbody", { ...pt?.body, className: classNames('cratis-datatable__body', pt?.body?.className), "data-cratis-part": 'body', children: status === DataTableStatus.Failed ||
-                                status === DataTableStatus.Unauthorized ? (jsx("tr", { ...pt?.failureRow, className: classNames('cratis-datatable__failure-row', pt?.failureRow?.className), "data-cratis-part": 'failure-row', "data-reason": status, children: jsx("td", { ...pt?.failureCell, colSpan: Math.max(columns.length, 1), className: classNames('cratis-datatable__failure-cell', pt?.failureCell?.className), "data-cratis-part": 'failure-cell', children: jsx("div", { role: 'alert', children: status === DataTableStatus.Failed
-                                            ? resolvedFailureMessage
-                                            : resolvedUnauthorizedMessage }) }) }, status)) : status === DataTableStatus.Loading && data.length === 0 ? (jsx("tr", { ...pt?.loadingRow, className: classNames('cratis-datatable__loading-row', pt?.loadingRow?.className), "data-cratis-part": 'loading-row', children: jsx("td", { ...pt?.loadingCell, colSpan: Math.max(columns.length, 1), className: classNames('cratis-datatable__loading-cell', pt?.loadingCell?.className), "data-cratis-part": 'loading-cell', children: jsx("div", { role: 'status', children: resolvedLoadingMessage }) }) }, status)) : filteredRows.length === 0 ? (jsx("tr", { ...pt?.emptyRow, className: classNames('cratis-datatable__empty-row', pt?.emptyRow?.className), "data-cratis-part": 'empty-row', children: jsx("td", { ...pt?.emptyCell, colSpan: Math.max(columns.length, 1), className: classNames('cratis-datatable__empty-cell', pt?.emptyCell?.className), "data-cratis-part": 'empty-cell', children: emptyMessage }) })) : (filteredRows.map(({ row, loadedIndex }) => {
+                }, "data-cratis-part": 'table-container', children: jsxs("table", { ...pt?.table, className: classNames('cratis-datatable__table', pt?.table?.className), "data-cratis-part": 'table', "aria-busy": isBusy || undefined, children: [jsx("thead", { ...pt?.head, className: classNames('cratis-datatable__head', pt?.head?.className), "data-cratis-part": 'head', children: jsx("tr", { ...pt?.headerRow, className: classNames('cratis-datatable__header-row', pt?.headerRow?.className), "data-cratis-part": 'header-row', children: columns.map((column, index) => (jsx(DataTableHeaderCell, { column: column, parts: pt, sort: sort, onSort: setSort, filters: filters, updateFilter: updateFilter, resolvedSelectionAriaLabel: resolvedSelectionAriaLabel, resolvedSelectAllAriaLabel: resolvedSelectAllAriaLabel, allFilteredRowsSelected: allFilteredRowsSelected, selectAllRef: selectAllRef, toggleSelectAll: toggleSelectAll, sortAscendingIcon: sortAscendingIcon, sortDescendingIcon: sortDescendingIcon }, index))) }) }), jsx(DataTableBody, { status: status, hasLoadedRows: data.length > 0, rowCount: filteredRows.length, columnCount: columns.length, parts: pt, messages: messages, emptyMessage: emptyMessage, renderRows: () => filteredRows.map(({ row, loadedIndex }) => {
                                 const identity = dataKey
                                     ? dataKeyIdentity(row)
                                     : 'loaded-row';
-                                const rowKey = `${identity}::${loadedIndex}`;
                                 const isSelected = selectionMode === 'single' &&
                                     isSelectedRow(row, loadedIndex);
-                                const isInteractive = Boolean(onRowClick) ||
-                                    selectionMode === 'single' ||
-                                    selectionMode === 'multiple';
-                                return (jsx("tr", { ...pt?.row, tabIndex: isInteractive ? 0 : pt?.row?.tabIndex, "aria-selected": selectionMode === 'single'
-                                        ? isSelected
-                                        : undefined, className: classNames('cratis-datatable__row', pt?.row?.className, rowClassName?.(row)), "data-cratis-part": 'row', "data-selected": isSelected || undefined, "data-interactive": isInteractive || undefined, onClick: (event) => activateRow(row, loadedIndex, event), onKeyDown: (event) => {
-                                        if (event.target !== event.currentTarget ||
-                                            (event.key !== 'Enter' &&
-                                                event.key !== ' ')) {
-                                            return;
-                                        }
-                                        event.preventDefault();
-                                        activateRow(row, loadedIndex, event);
-                                    }, children: columns.map((column, columnIndex) => (jsx("td", { ...pt?.cell, style: {
-                                            ...pt?.cell?.style,
-                                            ...column.props.style,
-                                            ...column.props.bodyStyle,
-                                        }, className: classNames('cratis-datatable__cell', pt?.cell?.className, column.props.bodyClassName ??
-                                            column.props.className), "data-cratis-part": 'cell', "data-selected": isSelected || undefined, children: column.props.selectionMode ===
-                                            'multiple' ? (jsx("input", { type: 'checkbox', "aria-label": resolvedSelectionAriaLabel, checked: isRowSelected(row), onClick: (event) => event.stopPropagation(), onChange: () => toggleRowSelection(row) })) : column.props.selectionMode ? (jsx("input", { type: 'radio', name: selectionGroupName, readOnly: true, tabIndex: -1, "aria-label": resolvedSelectionAriaLabel, checked: isSelected })) : (renderCellContent(column.props, row)) }, columnIndex))) }, rowKey));
-                            })) })] }) })] }));
+                                return (jsx(DataTableRow, { row: row, columns: columns, parts: pt, selectionMode: selectionMode, isSelected: isSelected, isInteractive: isInteractive, isRowSelected: isRowSelected(row), rowClassName: rowClassName, resolvedSelectionAriaLabel: resolvedSelectionAriaLabel, selectionGroupName: selectionGroupName, onActivate: (event) => activateRow(row, loadedIndex, event), onToggleSelection: () => toggleRowSelection(row) }, `${identity}::${loadedIndex}`));
+                            }) })] }) })] }));
 };
 
 export { DataTableCore };

package/dist/esm/DataTables/DataTableCore.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableCore.js","sources":["../../../DataTables/DataTableCore.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport React, {\n    useEffect,\n    useId,\n    useMemo,\n    useRef,\n    type CSSProperties,\n    type HTMLAttributes,\n    type ReactNode,\n    type TableHTMLAttributes,\n    type TdHTMLAttributes,\n    type ThHTMLAttributes,\n} from 'react';\nimport { useCratisComponentsConfig } from '../Common/CratisComponentsProvider';\nimport { useCratisIcon } from '../configuration/useCratisIcon';\nimport type { ColumnProps } from './Column';\nimport { ColumnFilterMenu } from './ColumnFilterMenu';\nimport type { DataTableSelectionChangeEvent } from './DataTableSelectionChangeEvent';\nimport {\n    DataTableFilterMatchMode,\n    type DataTableFilterConstraint,\n    type DataTableFilterEntry,\n    type DataTableFilterMeta,\n} from './DataTableFilterMeta';\nimport { resolveDataTableFilterMatcher } from './DataTableFilterMatcherRegistry';\nimport { DataTableStatus } from './DataTableStatus';\nimport type { DataTableSort } from './DataTableSort';\nimport { DataTableSortDirection } from './DataTableSortDirection';\nimport { DataTableRowProcessing } from './DataTableRowProcessing';\nimport { useControllableState } from './useControllableState';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/** Event emitted when a DataTable row is activated. */\nexport interface DataTableRowClickEvent<TData> {\n    /** Activated row data. */\n    data: TData;\n    /** Loaded-page row index. */\n    index: number;\n}\n\n/** Stable Cratis-owned parts for styling a {@link DataTableCore}. */\nexport interface DataTableParts {\n    /** Outer table composition. */\n    root?: HTMLAttributes<HTMLDivElement>;\n    /** Loaded-page search wrapper. */\n    search?: HTMLAttributes<HTMLDivElement>;\n    /** Loaded-page search input. */\n    searchInput?: React.InputHTMLAttributes<HTMLInputElement>;\n    /** Scroll container. */\n    tableContainer?: HTMLAttributes<HTMLDivElement>;\n    /** Semantic table element. */\n    table?: TableHTMLAttributes<HTMLTableElement>;\n    /** Table head. */\n    head?: HTMLAttributes<HTMLTableSectionElement>;\n    /** Header row. */\n    headerRow?: HTMLAttributes<HTMLTableRowElement>;\n    /** Header cell. */\n    headerCell?: ThHTMLAttributes<HTMLTableCellElement>;\n    /** Table body. */\n    body?: HTMLAttributes<HTMLTableSectionElement>;\n    /** Data row. */\n    row?: HTMLAttributes<HTMLTableRowElement>;\n    /** Data cell. */\n    cell?: TdHTMLAttributes<HTMLTableCellElement>;\n    /** Empty-state row. */\n    emptyRow?: HTMLAttributes<HTMLTableRowElement>;\n    /** Empty-state cell. */\n    emptyCell?: TdHTMLAttributes<HTMLTableCellElement>;\n    /** Loading-state row. */\n    loadingRow?: HTMLAttributes<HTMLTableRowElement>;\n    /** Loading-state cell. */\n    loadingCell?: TdHTMLAttributes<HTMLTableCellElement>;\n    /** Failed or unauthorized row. */\n    failureRow?: HTMLAttributes<HTMLTableRowElement>;\n    /** Failed or unauthorized cell. */\n    failureCell?: TdHTMLAttributes<HTMLTableCellElement>;\n}\n\n/** Props for the semantic loaded-page DataTable renderer. */\nexport interface DataTableCoreProps<TData extends object> {\n    /** Loaded page rows. */\n    data: TData[];\n    /** Declarative {@link Column} markers. */\n    children?: ReactNode;\n    /** Row property used as stable identity. Required to preserve selection across refreshed row objects. */\n    dataKey?: string;\n    /** Content shown when the loaded page has no matching rows. */\n    emptyMessage: ReactNode;\n    /** Table display state. Defaults to ready. */\n    status?: DataTableStatus;\n    /** Message shown while loading without rows. */\n    loadingMessage?: ReactNode;\n    /** Message shown for a failed query. */\n    failureMessage?: ReactNode;\n    /** Message shown for an unauthorized query. */\n    unauthorizedMessage?: ReactNode;\n    /**\n     * Enables row selection. `'single'` selects one row at a time through row activation;\n     * `'multiple'` adds per-row checkboxes and a select-all header checkbox, and reports through\n     * {@link onSelectedItemsChange} rather than {@link onSelectionChange}.\n     */\n    selectionMode?: 'single' | 'multiple';\n    /** Accessible name for row selection controls. Falls back to the provider's `dataTable.selectRow` message, then `'Select row'`. */\n    selectionAriaLabel?: string;\n    /** Accessible name for the select-all control. Falls back to the provider's `dataTable.selectAllRows` message, then `'Select all rows'`. */\n    selectAllAriaLabel?: string;\n    /** Controlled selected row. Applies to `selectionMode='single'`. */\n    selection?: TData | null;\n    /** Invoked when the single-row selection changes. */\n    onSelectionChange?: (event: DataTableSelectionChangeEvent<TData>) => void;\n    /** Controlled selected rows. Applies to `selectionMode='multiple'`. */\n    selectedItems?: TData[];\n    /** Invoked with the full set of selected rows when a multiple selection changes. */\n    onSelectedItemsChange?: (items: TData[]) => void;\n    /** Invoked when a row is clicked or keyboard activated. */\n    onRowClick?: (event: DataTableRowClickEvent<TData>) => void;\n    /** Builds an extra class name for one row. */\n    rowClassName?: (rowData: TData) => string;\n    /** Row fields searched on the loaded page. */\n    globalFilterFields?: string[];\n    /** Placeholder for the loaded-page search input. Falls back to the provider's `dataTable.search` message, then `'Search…'`. */\n    globalSearchPlaceholder?: string;\n    /** Accessible name for the loaded-page search input. Falls back to the provider's `dataTable.searchAriaLabel` message, then `'Search table'`. */\n    globalSearchAriaLabel?: string;\n    /** Initial per-field filter constraints. */\n    defaultFilters?: DataTableFilterMeta;\n    /** Controlled per-field filter constraints. Leave undefined to let the table keep its own. */\n    filters?: DataTableFilterMeta;\n    /** Invoked when applied field filters change. */\n    onFilter?: (filters: DataTableFilterMeta) => void;\n    /** Controlled search text. Leave undefined to let the table keep its own. */\n    globalFilter?: string;\n    /** Invoked when the search text changes. */\n    onGlobalFilterChange?: (globalFilter: string) => void;\n    /** Controlled sort; null means not sorted. Leave undefined to let the table keep its own. */\n    sort?: DataTableSort | null;\n    /** Invoked when a sortable column header changes the sort. */\n    onSortChange?: (sort: DataTableSort | null) => void;\n    /**\n     * Whether the table filters and sorts the rows it is given (default:\n     * {@link DataTableRowProcessing.Loaded}). Use {@link DataTableRowProcessing.None} when the\n     * source already applied the controlled filter and sort state.\n     */\n    rowProcessing?: DataTableRowProcessing;\n    /** Enables the bounded scroll container. */\n    scrollable?: boolean;\n    /** Scroll-container maximum height. */\n    scrollHeight?: string;\n    /** Extra class name for the table composition. */\n    className?: string;\n    /** Inline style for the table composition. */\n    style?: CSSProperties;\n    /** Cratis-owned per-part attributes. */\n    pt?: DataTableParts;\n    /**\n     * @deprecated Cratis parts always merge. Remove this renderer-era option.\n     */\n    ptOptions?: object;\n    /**\n     * @deprecated Components always uses consumer-owned CSS. Customize through `pt` and CSS instead.\n     */\n    unstyled?: boolean;\n}\n\nconst useColumns = (children: ReactNode): React.ReactElement<ColumnProps<any>>[] =>\n    useMemo(\n        () =>\n            React.Children.toArray(children).filter(\n                React.isValidElement,\n            ) as React.ReactElement<ColumnProps<any>>[],\n        [children],\n    );\n\ntype CellValue =\n    string | number | boolean | bigint | symbol | Date | object | null | undefined;\n\nconst asCellValue = (value: unknown): CellValue =>\n    typeof value === 'function' ? String(value) : (value as CellValue);\n\nconst valueAtPath = (\n    row: Record<string, unknown>,\n    path: string | undefined,\n): CellValue => {\n    if (!path) return undefined;\n    let current: CellValue = row;\n    for (const segment of path.split('.')) {\n        if (current === null || typeof current !== 'object') return undefined;\n        const record = current as Record<string, unknown>;\n        if (!Object.hasOwn(record, segment)) return undefined;\n        current = asCellValue(record[segment]);\n    }\n    return current;\n};\n\nconst renderCellContent = (\n    column: ColumnProps<any>,\n    row: Record<string, unknown>,\n): ReactNode => {\n    if (column.body) return column.body(row);\n    const value = valueAtPath(row, column.field);\n    return value == null ? '' : String(value);\n};\n\nconst dateNumber = (value: unknown) => {\n    // A cloned Date is normalized in place so caller-owned Date instances (row\n    // values and filter constraints alike) are never mutated by comparison.\n    const date =\n        value instanceof Date ? new Date(value.getTime()) : new Date(String(value));\n    return Number.isNaN(date.getTime()) ? undefined : date.setHours(0, 0, 0, 0);\n};\n\nconst firstConstraint = (\n    entry: DataTableFilterEntry | undefined,\n): DataTableFilterConstraint | undefined =>\n    entry && 'constraints' in entry ? entry.constraints[0] : entry;\n\nconst builtInMatches = (\n    value: unknown,\n    constraint: DataTableFilterConstraint,\n): boolean => {\n    const filter = constraint.value;\n    const mode = constraint.matchMode ?? DataTableFilterMatchMode.Contains;\n    if (filter === null || filter === undefined || filter === '') return true;\n\n    const valueText = String(value ?? '').toLocaleLowerCase();\n    const filterText = String(filter).toLocaleLowerCase();\n    const valueNumber = typeof value === 'number' ? value : Number(value);\n    const filterNumber = typeof filter === 'number' ? filter : Number(filter);\n\n    switch (mode) {\n        case DataTableFilterMatchMode.StartsWith:\n            return valueText.startsWith(filterText);\n        case DataTableFilterMatchMode.Contains:\n            return valueText.includes(filterText);\n        case DataTableFilterMatchMode.NotContains:\n            return !valueText.includes(filterText);\n        case DataTableFilterMatchMode.EndsWith:\n            return valueText.endsWith(filterText);\n        case DataTableFilterMatchMode.Equals:\n            return Object.is(value, filter) || valueText === filterText;\n        case DataTableFilterMatchMode.NotEquals:\n            return !(Object.is(value, filter) || valueText === filterText);\n        case DataTableFilterMatchMode.In:\n            return Array.isArray(filter) && filter.some((item) => Object.is(item, value));\n        case DataTableFilterMatchMode.Between:\n            return (\n                Array.isArray(filter) &&\n                filter.length >= 2 &&\n                valueNumber >= Number(filter[0]) &&\n                valueNumber <= Number(filter[1])\n            );\n        case DataTableFilterMatchMode.LessThan:\n            return valueNumber < filterNumber;\n        case DataTableFilterMatchMode.LessThanOrEqual:\n            return valueNumber <= filterNumber;\n        case DataTableFilterMatchMode.GreaterThan:\n            return valueNumber > filterNumber;\n        case DataTableFilterMatchMode.GreaterThanOrEqual:\n            return valueNumber >= filterNumber;\n        case DataTableFilterMatchMode.DateIs:\n            return dateNumber(value) === dateNumber(filter);\n        case DataTableFilterMatchMode.DateIsNot:\n            return dateNumber(value) !== dateNumber(filter);\n        case DataTableFilterMatchMode.DateBefore:\n            return (dateNumber(value) ?? Infinity) < (dateNumber(filter) ?? -Infinity);\n        case DataTableFilterMatchMode.DateAfter:\n            return (dateNumber(value) ?? -Infinity) > (dateNumber(filter) ?? Infinity);\n        default:\n            return resolveDataTableFilterMatcher(String(mode))?.(value, filter) ?? false;\n    }\n};\n\nconst matchesFilterEntry = (value: unknown, entry: DataTableFilterEntry) => {\n    if (!('constraints' in entry)) return builtInMatches(value, entry);\n    if (entry.constraints.length === 0) return true;\n\n    const matches = entry.constraints.map((constraint) =>\n        builtInMatches(value, constraint),\n    );\n    return entry.operator?.toLowerCase() === 'or'\n        ? matches.some(Boolean)\n        : matches.every(Boolean);\n};\n\nconst compareValues = (left: unknown, right: unknown): number => {\n    if (typeof left === 'number' && typeof right === 'number') return left - right;\n    if (left instanceof Date && right instanceof Date)\n        return left.getTime() - right.getTime();\n    return String(left ?? '').localeCompare(String(right ?? ''), undefined, {\n        numeric: true,\n        sensitivity: 'base',\n    });\n};\n\nconst classNames = (...values: Array<string | undefined>) =>\n    values.filter(Boolean).join(' ');\n\n/** A semantic, renderer-independent data table over one already-loaded page. */\nexport const DataTableCore = <TData extends object>({\n    data,\n    children,\n    dataKey,\n    emptyMessage,\n    status = DataTableStatus.Ready,\n    loadingMessage,\n    failureMessage,\n    unauthorizedMessage,\n    selectionMode,\n    selectionAriaLabel,\n    selectAllAriaLabel,\n    selection,\n    onSelectionChange,\n    selectedItems,\n    onSelectedItemsChange,\n    onRowClick,\n    rowClassName,\n    globalFilterFields,\n    globalSearchPlaceholder,\n    globalSearchAriaLabel,\n    defaultFilters,\n    filters: filtersProp,\n    onFilter,\n    globalFilter: globalFilterProp,\n    onGlobalFilterChange,\n    sort: sortProp,\n    onSortChange,\n    rowProcessing = DataTableRowProcessing.Loaded,\n    scrollable,\n    scrollHeight,\n    className,\n    style,\n    pt,\n}: DataTableCoreProps<TData>) => {\n    const { messages } = useCratisComponentsConfig();\n    const dataTableMessages = messages?.dataTable;\n    const resolvedSelectionAriaLabel =\n        selectionAriaLabel ?? dataTableMessages?.selectRow ?? 'Select row';\n    const resolvedSelectAllAriaLabel =\n        selectAllAriaLabel ?? dataTableMessages?.selectAllRows ?? 'Select all rows';\n    const resolvedGlobalSearchPlaceholder =\n        globalSearchPlaceholder ?? dataTableMessages?.search ?? 'Search…';\n    const resolvedGlobalSearchAriaLabel =\n        globalSearchAriaLabel ?? dataTableMessages?.searchAriaLabel ?? 'Search table';\n    const resolvedLoadingMessage = loadingMessage ?? dataTableMessages?.loading ?? 'Loading…';\n    const resolvedFailureMessage =\n        failureMessage ?? dataTableMessages?.failed ?? 'Could not load data.';\n    const resolvedUnauthorizedMessage =\n        unauthorizedMessage ?? dataTableMessages?.unauthorized ??\n        'You are not authorized to view this data.';\n    const isBusy = status === DataTableStatus.Loading && data.length > 0;\n    const icon = useCratisIcon();\n    const sortAscendingIcon = icon('sortAscending', '▲');\n    const sortDescendingIcon = icon('sortDescending', '▼');\n    const columns = useColumns(children);\n    const selectionGroupName = useId();\n    const [filters, setFilters] = useControllableState<DataTableFilterMeta>(filtersProp, defaultFilters ?? {}, onFilter);\n    const [globalFilter, setGlobalFilter] = useControllableState(globalFilterProp, '', onGlobalFilterChange);\n    const [sort, setSort] = useControllableState<DataTableSort | null>(sortProp, null, onSortChange);\n\n    const filteredRows = useMemo(() => {\n        if (rowProcessing === DataTableRowProcessing.None) {\n            return data.map((row, loadedIndex) => ({ row, loadedIndex }));\n        }\n        const term = globalFilter.trim().toLocaleLowerCase();\n        const rows = data\n            .map((row, loadedIndex) => ({ row, loadedIndex }))\n            .filter(({ row }) => {\n                const rowValues = row as Record<string, unknown>;\n                const matchesColumns = Object.entries(filters).every(([field, entry]) =>\n                    matchesFilterEntry(valueAtPath(rowValues, field), entry),\n                );\n                if (!matchesColumns) return false;\n                if (!term || !globalFilterFields?.length) return true;\n                return globalFilterFields.some((field) =>\n                    String(valueAtPath(rowValues, field) ?? '')\n                        .toLocaleLowerCase()\n                        .includes(term),\n                );\n            });\n\n        if (!sort) return rows;\n        return [...rows].sort((left, right) => {\n            const comparison = compareValues(\n                valueAtPath(left.row as Record<string, unknown>, sort.field),\n                valueAtPath(right.row as Record<string, unknown>, sort.field),\n            );\n            return sort.direction === 'ascending' ? comparison : -comparison;\n        });\n    }, [data, filters, globalFilter, globalFilterFields, sort, rowProcessing]);\n\n    const updateFilter = (\n        field: string,\n        constraint: DataTableFilterConstraint | undefined,\n    ) => {\n        const next = { ...filters };\n        if (constraint) next[field] = constraint;\n        else delete next[field];\n        setFilters(next);\n    };\n\n    const activateRow = (\n        row: TData,\n        index: number,\n        originalEvent: React.SyntheticEvent,\n    ) => {\n        onRowClick?.({ data: row, index });\n        if (selectionMode === 'single') {\n            onSelectionChange?.({ value: row, originalEvent });\n        }\n        if (selectionMode === 'multiple') {\n            toggleRowSelection(row);\n        }\n    };\n\n    const dataKeyIdentity = (row: TData) =>\n        String(valueAtPath(row as Record<string, unknown>, dataKey!));\n    const dataKeyCounts = useMemo(() => {\n        const counts = new Map<string, number>();\n        if (!dataKey) return counts;\n        for (const row of data) {\n            const identity = String(valueAtPath(row as Record<string, unknown>, dataKey));\n            counts.set(identity, (counts.get(identity) ?? 0) + 1);\n        }\n        return counts;\n    }, [data, dataKey]);\n    const firstLoadedIndexByDataKey = useMemo(() => {\n        const indices = new Map<string, number>();\n        if (!dataKey) return indices;\n        data.forEach((row, loadedIndex) => {\n            const identity = String(valueAtPath(row as Record<string, unknown>, dataKey));\n            if (!indices.has(identity)) indices.set(identity, loadedIndex);\n        });\n        return indices;\n    }, [data, dataKey]);\n    const selectedLoadedIndex = selection ? data.indexOf(selection) : -1;\n    const selectedDataKey = selection && dataKey ? dataKeyIdentity(selection) : undefined;\n    const isSelectedRow = (row: TData, loadedIndex: number) => {\n        if (!selection) return false;\n        if (!dataKey) return loadedIndex === selectedLoadedIndex;\n\n        const identity = dataKeyIdentity(row);\n        if (identity !== selectedDataKey) return false;\n        if ((dataKeyCounts.get(identity) ?? 0) <= 1) return true;\n        if (selectedLoadedIndex >= 0) return loadedIndex === selectedLoadedIndex;\n        return loadedIndex === firstLoadedIndexByDataKey.get(identity);\n    };\n\n    // Membership is by dataKey when there is one, and by object identity otherwise. A table whose\n    // rows are replaced wholesale on every refresh - which is every observable query - keeps its\n    // selection only in the first case, which is why dataKey matters here as much as it does for\n    // single selection.\n    const selectedItemsList = useMemo(() => selectedItems ?? [], [selectedItems]);\n    const isRowSelected = (row: TData) =>\n        dataKey\n            ? selectedItemsList.some(\n                  (selected) => dataKeyIdentity(selected) === dataKeyIdentity(row),\n              )\n            : selectedItemsList.includes(row);\n\n    const toggleRowSelection = (row: TData) => {\n        const next = isRowSelected(row)\n            ? selectedItemsList.filter((selected) =>\n                  dataKey\n                      ? dataKeyIdentity(selected) !== dataKeyIdentity(row)\n                      : selected !== row,\n              )\n            : [...selectedItemsList, row];\n        onSelectedItemsChange?.(next);\n    };\n\n    // Select-all means the rows the user can currently see. A filtered table that silently selected\n    // rows hidden behind the filter would act on more than it showed, which is the whole hazard of a\n    // bulk action.\n    const visibleRows = filteredRows.map(({ row }) => row);\n    const isVisibleRow = (row: TData) =>\n        dataKey\n            ? visibleRows.some((visible) => dataKeyIdentity(visible) === dataKeyIdentity(row))\n            : visibleRows.includes(row);\n    const selectedVisibleCount = visibleRows.filter((row) => isRowSelected(row)).length;\n    const allFilteredRowsSelected =\n        visibleRows.length > 0 && selectedVisibleCount === visibleRows.length;\n    const someFilteredRowsSelected =\n        selectedVisibleCount > 0 && !allFilteredRowsSelected;\n    const selectAllRef = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n        if (selectAllRef.current) {\n            selectAllRef.current.indeterminate = someFilteredRowsSelected;\n        }\n    }, [someFilteredRowsSelected]);\n\n    const toggleSelectAll = () => {\n        if (allFilteredRowsSelected) {\n            onSelectedItemsChange?.(\n                selectedItemsList.filter((selected) => !isVisibleRow(selected)),\n            );\n            return;\n        }\n        const additions = visibleRows.filter((row) => !isRowSelected(row));\n        onSelectedItemsChange?.([...selectedItemsList, ...additions]);\n    };\n\n\n    return (\n        <div\n            {...pt?.root}\n            className={classNames(\n                'cratis-datatable',\n                scrollable ? 'cratis-datatable--scrollable' : undefined,\n                pt?.root?.className,\n                className,\n            )}\n            style={{ ...pt?.root?.style, ...style }}\n            data-cratis-part='root'\n            data-busy={isBusy || undefined}\n        >\n            {!!globalFilterFields?.length && (\n                <div\n                    {...pt?.search}\n                    className={classNames(\n                        'cratis-datatable-search',\n                        pt?.search?.className,\n                    )}\n                    data-cratis-part='search'\n                >\n                    <input\n                        {...pt?.searchInput}\n                        value={globalFilter}\n                        placeholder={resolvedGlobalSearchPlaceholder}\n                        aria-label={resolvedGlobalSearchAriaLabel}\n                        className={classNames(\n                            'cratis-datatable-search__input',\n                            pt?.searchInput?.className,\n                        )}\n                        data-cratis-part='search-input'\n                        onChange={(event) => setGlobalFilter(event.target.value)}\n                    />\n                </div>\n            )}\n            <div\n                {...pt?.tableContainer}\n                className={classNames(\n                    'cratis-datatable__container',\n                    pt?.tableContainer?.className,\n                )}\n                style={{\n                    ...pt?.tableContainer?.style,\n                    ...(scrollable\n                        ? { maxHeight: scrollHeight ?? '100%', overflow: 'auto' }\n                        : {}),\n                }}\n                data-cratis-part='table-container'\n            >\n                <table\n                    {...pt?.table}\n                    className={classNames(\n                        'cratis-datatable__table',\n                        pt?.table?.className,\n                    )}\n                    data-cratis-part='table'\n                    aria-busy={isBusy || undefined}\n                >\n                    <thead\n                        {...pt?.head}\n                        className={classNames(\n                            'cratis-datatable__head',\n                            pt?.head?.className,\n                        )}\n                        data-cratis-part='head'\n                    >\n                        <tr\n                            {...pt?.headerRow}\n                            className={classNames(\n                                'cratis-datatable__header-row',\n                                pt?.headerRow?.className,\n                            )}\n                            data-cratis-part='header-row'\n                        >\n                            {columns.map((column, index) => {\n                                const field =\n                                    column.props.filterField ?? column.props.field;\n                                const ariaSort =\n                                    sort && sort.field === column.props.field\n                                        ? sort.direction\n                                        : undefined;\n                                return (\n                                    <th\n                                        key={index}\n                                        {...pt?.headerCell}\n                                        scope='col'\n                                        aria-label={\n                                            column.props.selectionMode\n                                                ? resolvedSelectionAriaLabel\n                                                : undefined\n                                        }\n                                        aria-sort={ariaSort}\n                                        style={{\n                                            ...pt?.headerCell?.style,\n                                            ...column.props.style,\n                                            ...column.props.headerStyle,\n                                        }}\n                                        className={classNames(\n                                            'cratis-datatable__header-cell',\n                                            pt?.headerCell?.className,\n                                            column.props.headerClassName,\n                                        )}\n                                        data-cratis-part='header-cell'\n                                        data-selected={Boolean(ariaSort) || undefined}\n                                    >\n                                        <div\n                                            className='cratis-datatable-header-cell'\n                                            data-cratis-part='header-content'\n                                            data-selected={Boolean(ariaSort) || undefined}\n                                        >\n                                            {column.props.selectionMode ===\n                                            'multiple' ? (\n                                                <input\n                                                    type='checkbox'\n                                                    aria-label={\n                                                        resolvedSelectAllAriaLabel\n                                                    }\n                                                    data-cratis-part='select-all'\n                                                    checked={allFilteredRowsSelected}\n                                                    ref={selectAllRef}\n                                                    onChange={toggleSelectAll}\n                                                />\n                                            ) : (\n                                                column.props.selectionMode && (\n                                                    <span className='cratis-datatable__sr-only'>\n                                                        {resolvedSelectionAriaLabel}\n                                                    </span>\n                                                )\n                                            )}\n                                            {column.props.sortable &&\n                                            column.props.field ? (\n                                                <button\n                                                    type='button'\n                                                    className='cratis-datatable__sort'\n                                                    data-cratis-part='sort'\n                                                    data-pressed={\n                                                        Boolean(ariaSort) || undefined\n                                                    }\n                                                    onClick={() =>\n                                                        setSort({\n                                                            field: column.props\n                                                                .field as string,\n                                                            direction:\n                                                                sort?.field ===\n                                                                    column.props.field &&\n                                                                sort?.direction ===\n                                                                    DataTableSortDirection.Ascending\n                                                                    ? DataTableSortDirection.Descending\n                                                                    : DataTableSortDirection.Ascending,\n                                                        })\n                                                    }\n                                                >\n                                                    <span>{column.props.header}</span>\n                                                    {ariaSort && (\n                                                        <span aria-hidden='true'>\n                                                            {ariaSort === 'ascending'\n                                                                ? sortAscendingIcon\n                                                                : sortDescendingIcon}\n                                                        </span>\n                                                    )}\n                                                </button>\n                                            ) : (\n                                                column.props.header\n                                            )}\n                                            {column.props.filter && field && (\n                                                <ColumnFilterMenu\n                                                    field={field}\n                                                    dataType={column.props.dataType}\n                                                    placeholder={\n                                                        column.props.filterPlaceholder\n                                                    }\n                                                    showMatchModes={\n                                                        column.props.showFilterMatchModes\n                                                    }\n                                                    filterElement={\n                                                        column.props.filterElement\n                                                    }\n                                                    filterOptions={\n                                                        column.props.filterOptions\n                                                    }\n                                                    labels={column.props.filterLabels}\n                                                    pt={column.props.filterPt}\n                                                    constraint={firstConstraint(\n                                                        filters[field],\n                                                    )}\n                                                    onApply={(constraint) =>\n                                                        updateFilter(field, constraint)\n                                                    }\n                                                    onClear={() =>\n                                                        updateFilter(field, undefined)\n                                                    }\n                                                />\n                                            )}\n                                        </div>\n                                    </th>\n                                );\n                            })}\n                        </tr>\n                    </thead>\n                    <tbody\n                        {...pt?.body}\n                        className={classNames(\n                            'cratis-datatable__body',\n                            pt?.body?.className,\n                        )}\n                        data-cratis-part='body'\n                    >\n                        {status === DataTableStatus.Failed ||\n                        status === DataTableStatus.Unauthorized ? (\n                            <tr\n                                key={status}\n                                {...pt?.failureRow}\n                                className={classNames(\n                                    'cratis-datatable__failure-row',\n                                    pt?.failureRow?.className,\n                                )}\n                                data-cratis-part='failure-row'\n                                data-reason={status}\n                            >\n                                <td\n                                    {...pt?.failureCell}\n                                    colSpan={Math.max(columns.length, 1)}\n                                    className={classNames(\n                                        'cratis-datatable__failure-cell',\n                                        pt?.failureCell?.className,\n                                    )}\n                                    data-cratis-part='failure-cell'\n                                >\n                                    <div role='alert'>\n                                        {status === DataTableStatus.Failed\n                                            ? resolvedFailureMessage\n                                            : resolvedUnauthorizedMessage}\n                                    </div>\n                                </td>\n                            </tr>\n                        ) : status === DataTableStatus.Loading && data.length === 0 ? (\n                            <tr\n                                key={status}\n                                {...pt?.loadingRow}\n                                className={classNames(\n                                    'cratis-datatable__loading-row',\n                                    pt?.loadingRow?.className,\n                                )}\n                                data-cratis-part='loading-row'\n                            >\n                                <td\n                                    {...pt?.loadingCell}\n                                    colSpan={Math.max(columns.length, 1)}\n                                    className={classNames(\n                                        'cratis-datatable__loading-cell',\n                                        pt?.loadingCell?.className,\n                                    )}\n                                    data-cratis-part='loading-cell'\n                                >\n                                    <div role='status'>{resolvedLoadingMessage}</div>\n                                </td>\n                            </tr>\n                        ) : filteredRows.length === 0 ? (\n                            <tr\n                                {...pt?.emptyRow}\n                                className={classNames(\n                                    'cratis-datatable__empty-row',\n                                    pt?.emptyRow?.className,\n                                )}\n                                data-cratis-part='empty-row'\n                            >\n                                <td\n                                    {...pt?.emptyCell}\n                                    colSpan={Math.max(columns.length, 1)}\n                                    className={classNames(\n                                        'cratis-datatable__empty-cell',\n                                        pt?.emptyCell?.className,\n                                    )}\n                                    data-cratis-part='empty-cell'\n                                >\n                                    {emptyMessage}\n                                </td>\n                            </tr>\n                        ) : (\n                            filteredRows.map(({ row, loadedIndex }) => {\n                                const identity = dataKey\n                                    ? dataKeyIdentity(row)\n                                    : 'loaded-row';\n                                const rowKey = `${identity}::${loadedIndex}`;\n                                const isSelected =\n                                    selectionMode === 'single' &&\n                                    isSelectedRow(row, loadedIndex);\n                                const isInteractive =\n                                    Boolean(onRowClick) ||\n                                    selectionMode === 'single' ||\n                                    selectionMode === 'multiple';\n                                return (\n                                    <tr\n                                        key={rowKey}\n                                        {...pt?.row}\n                                        tabIndex={isInteractive ? 0 : pt?.row?.tabIndex}\n                                        aria-selected={\n                                            selectionMode === 'single'\n                                                ? isSelected\n                                                : undefined\n                                        }\n                                        className={classNames(\n                                            'cratis-datatable__row',\n                                            pt?.row?.className,\n                                            rowClassName?.(row),\n                                        )}\n                                        data-cratis-part='row'\n                                        data-selected={isSelected || undefined}\n                                        data-interactive={isInteractive || undefined}\n                                        onClick={(event) =>\n                                            activateRow(row, loadedIndex, event)\n                                        }\n                                        onKeyDown={(event) => {\n                                            if (\n                                                event.target !== event.currentTarget ||\n                                                (event.key !== 'Enter' &&\n                                                    event.key !== ' ')\n                                            ) {\n                                                return;\n                                            }\n                                            event.preventDefault();\n                                            activateRow(row, loadedIndex, event);\n                                        }}\n                                    >\n                                        {columns.map((column, columnIndex) => (\n                                            <td\n                                                key={columnIndex}\n                                                {...pt?.cell}\n                                                style={{\n                                                    ...pt?.cell?.style,\n                                                    ...column.props.style,\n                                                    ...column.props.bodyStyle,\n                                                }}\n                                                className={classNames(\n                                                    'cratis-datatable__cell',\n                                                    pt?.cell?.className,\n                                                    column.props.bodyClassName ??\n                                                        column.props.className,\n                                                )}\n                                                data-cratis-part='cell'\n                                                data-selected={isSelected || undefined}\n                                            >\n                                                {column.props.selectionMode ===\n                                                'multiple' ? (\n                                                    <input\n                                                        type='checkbox'\n                                                        aria-label={\n                                                            resolvedSelectionAriaLabel\n                                                        }\n                                                        checked={isRowSelected(row)}\n                                                        onClick={(event) =>\n                                                            event.stopPropagation()\n                                                        }\n                                                        onChange={() =>\n                                                            toggleRowSelection(row)\n                                                        }\n                                                    />\n                                                ) : column.props.selectionMode ? (\n                                                    <input\n                                                        type='radio'\n                                                        name={selectionGroupName}\n                                                        readOnly\n                                                        tabIndex={-1}\n                                                        aria-label={\n                                                            resolvedSelectionAriaLabel\n                                                        }\n                                                        checked={isSelected}\n                                                    />\n                                                ) : (\n                                                    renderCellContent(\n                                                        column.props,\n                                                        row as Record<string, unknown>,\n                                                    )\n                                                )}\n                                            </td>\n                                        ))}\n                                    </tr>\n                                );\n                            })\n                        )}\n                    </tbody>\n                </table>\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAuKA,MAAM,UAAU,GAAG,CAAC,QAAmB,KACnC,OAAO,CACH,MACI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnC,KAAK,CAAC,cAAc,CACmB,EAC/C,CAAC,QAAQ,CAAC,CACb;AAKL,MAAM,WAAW,GAAG,CAAC,KAAc,KAC/B,OAAO,KAAK,KAAK,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,GAAI,KAAmB;AAEtE,MAAM,WAAW,GAAG,CAChB,GAA4B,EAC5B,IAAwB,KACb;AACX,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,SAAS;IAC3B,IAAI,OAAO,GAAc,GAAG;IAC5B,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;AACnC,QAAA,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,OAAO,KAAK,QAAQ;AAAE,YAAA,OAAO,SAAS;QACrE,MAAM,MAAM,GAAG,OAAkC;QACjD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;AAAE,YAAA,OAAO,SAAS;QACrD,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1C;AACA,IAAA,OAAO,OAAO;AAClB,CAAC;AAED,MAAM,iBAAiB,GAAG,CACtB,MAAwB,EACxB,GAA4B,KACjB;IACX,IAAI,MAAM,CAAC,IAAI;AAAE,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;IACxC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;AAC5C,IAAA,OAAO,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,KAAc,KAAI;IAGlC,MAAM,IAAI,GACN,KAAK,YAAY,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC/E,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,eAAe,GAAG,CACpB,KAAuC,KAEvC,KAAK,IAAI,aAAa,IAAI,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK;AAElE,MAAM,cAAc,GAAG,CACnB,KAAc,EACd,UAAqC,KAC5B;AACT,IAAA,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK;IAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,IAAI,wBAAwB,CAAC,QAAQ;IACtE,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAEzE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,iBAAiB,EAAE;IACzD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE;AACrD,IAAA,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AACrE,IAAA,MAAM,YAAY,GAAG,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAEzE,QAAQ,IAAI;QACR,KAAK,wBAAwB,CAAC,UAAU;AACpC,YAAA,OAAO,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC;QAC3C,KAAK,wBAAwB,CAAC,QAAQ;AAClC,YAAA,OAAO,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC;QACzC,KAAK,wBAAwB,CAAC,WAAW;AACrC,YAAA,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC;QAC1C,KAAK,wBAAwB,CAAC,QAAQ;AAClC,YAAA,OAAO,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC;QACzC,KAAK,wBAAwB,CAAC,MAAM;AAChC,YAAA,OAAO,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,SAAS,KAAK,UAAU;QAC/D,KAAK,wBAAwB,CAAC,SAAS;AACnC,YAAA,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,SAAS,KAAK,UAAU,CAAC;QAClE,KAAK,wBAAwB,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACjF,KAAK,wBAAwB,CAAC,OAAO;AACjC,YAAA,QACI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;gBACrB,MAAM,CAAC,MAAM,IAAI,CAAC;AAClB,gBAAA,WAAW,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAChC,WAAW,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAExC,KAAK,wBAAwB,CAAC,QAAQ;YAClC,OAAO,WAAW,GAAG,YAAY;QACrC,KAAK,wBAAwB,CAAC,eAAe;YACzC,OAAO,WAAW,IAAI,YAAY;QACtC,KAAK,wBAAwB,CAAC,WAAW;YACrC,OAAO,WAAW,GAAG,YAAY;QACrC,KAAK,wBAAwB,CAAC,kBAAkB;YAC5C,OAAO,WAAW,IAAI,YAAY;QACtC,KAAK,wBAAwB,CAAC,MAAM;YAChC,OAAO,UAAU,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,MAAM,CAAC;QACnD,KAAK,wBAAwB,CAAC,SAAS;YACnC,OAAO,UAAU,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,MAAM,CAAC;QACnD,KAAK,wBAAwB,CAAC,UAAU;AACpC,YAAA,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,QAAQ,KAAK,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC9E,KAAK,wBAAwB,CAAC,SAAS;AACnC,YAAA,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,UAAU,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC;AAC9E,QAAA;AACI,YAAA,OAAO,6BAA6B,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,EAAE,MAAM,CAAC,IAAI,KAAK;;AAExF,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAc,EAAE,KAA2B,KAAI;AACvE,IAAA,IAAI,EAAE,aAAa,IAAI,KAAK,CAAC;AAAE,QAAA,OAAO,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC;AAClE,IAAA,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;IAE/C,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,KAC7C,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,CACpC;AACD,IAAA,OAAO,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK;AACrC,UAAE,OAAO,CAAC,IAAI,CAAC,OAAO;AACtB,UAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;AAChC,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,IAAa,EAAE,KAAc,KAAY;IAC5D,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,IAAI,GAAG,KAAK;AAC9E,IAAA,IAAI,IAAI,YAAY,IAAI,IAAI,KAAK,YAAY,IAAI;QAC7C,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE;AAC3C,IAAA,OAAO,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE;AACpE,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,WAAW,EAAE,MAAM;AACtB,KAAA,CAAC;AACN,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,GAAG,MAAiC,KACpD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAG7B,MAAM,aAAa,GAAG,CAAuB,EAChD,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,MAAM,GAAG,eAAe,CAAC,KAAK,EAC9B,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,cAAc,EACd,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,YAAY,EAAE,gBAAgB,EAC9B,oBAAoB,EACpB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAa,GAAG,sBAAsB,CAAC,MAAM,EAC7C,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,EAAE,GACsB,KAAI;AAC5B,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE;AAChD,IAAA,MAAM,iBAAiB,GAAG,QAAQ,EAAE,SAAS;IAC7C,MAAM,0BAA0B,GAC5B,kBAAkB,IAAI,iBAAiB,EAAE,SAAS,IAAI,YAAY;IACtE,MAAM,0BAA0B,GAC5B,kBAAkB,IAAI,iBAAiB,EAAE,aAAa,IAAI,iBAAiB;IAC/E,MAAM,+BAA+B,GACjC,uBAAuB,IAAI,iBAAiB,EAAE,MAAM,IAAI,SAAS;IACrE,MAAM,6BAA6B,GAC/B,qBAAqB,IAAI,iBAAiB,EAAE,eAAe,IAAI,cAAc;IACjF,MAAM,sBAAsB,GAAG,cAAc,IAAI,iBAAiB,EAAE,OAAO,IAAI,UAAU;IACzF,MAAM,sBAAsB,GACxB,cAAc,IAAI,iBAAiB,EAAE,MAAM,IAAI,sBAAsB;AACzE,IAAA,MAAM,2BAA2B,GAC7B,mBAAmB,IAAI,iBAAiB,EAAE,YAAY;AACtD,QAAA,2CAA2C;AAC/C,IAAA,MAAM,MAAM,GAAG,MAAM,KAAK,eAAe,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;AACpE,IAAA,MAAM,IAAI,GAAG,aAAa,EAAE;IAC5B,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC;IACpD,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAAC;AACtD,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC;AACpC,IAAA,MAAM,kBAAkB,GAAG,KAAK,EAAE;AAClC,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,oBAAoB,CAAsB,WAAW,EAAE,cAAc,IAAI,EAAE,EAAE,QAAQ,CAAC;AACpH,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,oBAAoB,CAAC,gBAAgB,EAAE,EAAE,EAAE,oBAAoB,CAAC;AACxG,IAAA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,oBAAoB,CAAuB,QAAQ,EAAE,IAAI,EAAE,YAAY,CAAC;AAEhG,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,MAAK;AAC9B,QAAA,IAAI,aAAa,KAAK,sBAAsB,CAAC,IAAI,EAAE;AAC/C,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,WAAW,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,CAAC;QACjE;QACA,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC,iBAAiB,EAAE;QACpD,MAAM,IAAI,GAAG;AACR,aAAA,GAAG,CAAC,CAAC,GAAG,EAAE,WAAW,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;AAChD,aAAA,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAI;YAChB,MAAM,SAAS,GAAG,GAA8B;AAChD,YAAA,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAChE,kBAAkB,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,CAC3D;AACD,YAAA,IAAI,CAAC,cAAc;AAAE,gBAAA,OAAO,KAAK;AACjC,YAAA,IAAI,CAAC,IAAI,IAAI,CAAC,kBAAkB,EAAE,MAAM;AAAE,gBAAA,OAAO,IAAI;AACrD,YAAA,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,KACjC,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE;AACrC,iBAAA,iBAAiB;AACjB,iBAAA,QAAQ,CAAC,IAAI,CAAC,CACtB;AACL,QAAA,CAAC,CAAC;AAEN,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;AACtB,QAAA,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;YAClC,MAAM,UAAU,GAAG,aAAa,CAC5B,WAAW,CAAC,IAAI,CAAC,GAA8B,EAAE,IAAI,CAAC,KAAK,CAAC,EAC5D,WAAW,CAAC,KAAK,CAAC,GAA8B,EAAE,IAAI,CAAC,KAAK,CAAC,CAChE;AACD,YAAA,OAAO,IAAI,CAAC,SAAS,KAAK,WAAW,GAAG,UAAU,GAAG,CAAC,UAAU;AACpE,QAAA,CAAC,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;AAE1E,IAAA,MAAM,YAAY,GAAG,CACjB,KAAa,EACb,UAAiD,KACjD;AACA,QAAA,MAAM,IAAI,GAAG,EAAE,GAAG,OAAO,EAAE;AAC3B,QAAA,IAAI,UAAU;AAAE,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,UAAU;;AACnC,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC;QACvB,UAAU,CAAC,IAAI,CAAC;AACpB,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,CAChB,GAAU,EACV,KAAa,EACb,aAAmC,KACnC;QACA,UAAU,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAClC,QAAA,IAAI,aAAa,KAAK,QAAQ,EAAE;YAC5B,iBAAiB,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC;QACtD;AACA,QAAA,IAAI,aAAa,KAAK,UAAU,EAAE;YAC9B,kBAAkB,CAAC,GAAG,CAAC;QAC3B;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,GAAU,KAC/B,MAAM,CAAC,WAAW,CAAC,GAA8B,EAAE,OAAQ,CAAC,CAAC;AACjE,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAK;AAC/B,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAkB;AACxC,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,MAAM;AAC3B,QAAA,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,GAA8B,EAAE,OAAO,CAAC,CAAC;AAC7E,YAAA,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzD;AACA,QAAA,OAAO,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACnB,IAAA,MAAM,yBAAyB,GAAG,OAAO,CAAC,MAAK;AAC3C,QAAA,MAAM,OAAO,GAAG,IAAI,GAAG,EAAkB;AACzC,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,OAAO;QAC5B,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,WAAW,KAAI;YAC9B,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,GAA8B,EAAE,OAAO,CAAC,CAAC;AAC7E,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;AAAE,gBAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC;AAClE,QAAA,CAAC,CAAC;AACF,QAAA,OAAO,OAAO;AAClB,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACnB,IAAA,MAAM,mBAAmB,GAAG,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;AACpE,IAAA,MAAM,eAAe,GAAG,SAAS,IAAI,OAAO,GAAG,eAAe,CAAC,SAAS,CAAC,GAAG,SAAS;AACrF,IAAA,MAAM,aAAa,GAAG,CAAC,GAAU,EAAE,WAAmB,KAAI;AACtD,QAAA,IAAI,CAAC,SAAS;AAAE,YAAA,OAAO,KAAK;AAC5B,QAAA,IAAI,CAAC,OAAO;YAAE,OAAO,WAAW,KAAK,mBAAmB;AAExD,QAAA,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC;QACrC,IAAI,QAAQ,KAAK,eAAe;AAAE,YAAA,OAAO,KAAK;QAC9C,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AAAE,YAAA,OAAO,IAAI;QACxD,IAAI,mBAAmB,IAAI,CAAC;YAAE,OAAO,WAAW,KAAK,mBAAmB;QACxE,OAAO,WAAW,KAAK,yBAAyB,CAAC,GAAG,CAAC,QAAQ,CAAC;AAClE,IAAA,CAAC;AAMD,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,aAAa,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC;AAC7E,IAAA,MAAM,aAAa,GAAG,CAAC,GAAU,KAC7B;AACI,UAAE,iBAAiB,CAAC,IAAI,CAClB,CAAC,QAAQ,KAAK,eAAe,CAAC,QAAQ,CAAC,KAAK,eAAe,CAAC,GAAG,CAAC;AAEtE,UAAE,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC;AAEzC,IAAA,MAAM,kBAAkB,GAAG,CAAC,GAAU,KAAI;AACtC,QAAA,MAAM,IAAI,GAAG,aAAa,CAAC,GAAG;cACxB,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,KAC9B;kBACM,eAAe,CAAC,QAAQ,CAAC,KAAK,eAAe,CAAC,GAAG;AACnD,kBAAE,QAAQ,KAAK,GAAG;AAE5B,cAAE,CAAC,GAAG,iBAAiB,EAAE,GAAG,CAAC;AACjC,QAAA,qBAAqB,GAAG,IAAI,CAAC;AACjC,IAAA,CAAC;AAKD,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AACtD,IAAA,MAAM,YAAY,GAAG,CAAC,GAAU,KAC5B;AACI,UAAE,WAAW,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,eAAe,CAAC,OAAO,CAAC,KAAK,eAAe,CAAC,GAAG,CAAC;AACjF,UAAE,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;AACnC,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;AACnF,IAAA,MAAM,uBAAuB,GACzB,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,oBAAoB,KAAK,WAAW,CAAC,MAAM;IACzE,MAAM,wBAAwB,GAC1B,oBAAoB,GAAG,CAAC,IAAI,CAAC,uBAAuB;AACxD,IAAA,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC;IACnD,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,YAAY,CAAC,OAAO,CAAC,aAAa,GAAG,wBAAwB;QACjE;AACJ,IAAA,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;IAE9B,MAAM,eAAe,GAAG,MAAK;QACzB,IAAI,uBAAuB,EAAE;AACzB,YAAA,qBAAqB,GACjB,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAClE;YACD;QACJ;AACA,QAAA,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAClE,qBAAqB,GAAG,CAAC,GAAG,iBAAiB,EAAE,GAAG,SAAS,CAAC,CAAC;AACjE,IAAA,CAAC;AAGD,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,EACZ,SAAS,EAAE,UAAU,CACjB,kBAAkB,EAClB,UAAU,GAAG,8BAA8B,GAAG,SAAS,EACvD,EAAE,EAAE,IAAI,EAAE,SAAS,EACnB,SAAS,CACZ,EACD,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAA,kBAAA,EACtB,MAAM,eACZ,MAAM,IAAI,SAAS,EAAA,QAAA,EAAA,CAE7B,CAAC,CAAC,kBAAkB,EAAE,MAAM,KACzBC,GAAA,CAAA,KAAA,EAAA,EAAA,GACQ,EAAE,EAAE,MAAM,EACd,SAAS,EAAE,UAAU,CACjB,yBAAyB,EACzB,EAAE,EAAE,MAAM,EAAE,SAAS,CACxB,EAAA,kBAAA,EACgB,QAAQ,EAAA,QAAA,EAEzBA,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,EAAE,EAAE,WAAW,EACnB,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,+BAA+B,EAAA,YAAA,EAChC,6BAA6B,EACzC,SAAS,EAAE,UAAU,CACjB,gCAAgC,EAChC,EAAE,EAAE,WAAW,EAAE,SAAS,CAC7B,EAAA,kBAAA,EACgB,cAAc,EAC/B,QAAQ,EAAE,CAAC,KAAK,KAAK,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAA,CAC1D,EAAA,CACA,CACT,EACDA,GAAA,CAAA,KAAA,EAAA,EAAA,GACQ,EAAE,EAAE,cAAc,EACtB,SAAS,EAAE,UAAU,CACjB,6BAA6B,EAC7B,EAAE,EAAE,cAAc,EAAE,SAAS,CAChC,EACD,KAAK,EAAE;AACH,oBAAA,GAAG,EAAE,EAAE,cAAc,EAAE,KAAK;AAC5B,oBAAA,IAAI;0BACE,EAAE,SAAS,EAAE,YAAY,IAAI,MAAM,EAAE,QAAQ,EAAE,MAAM;0BACrD,EAAE,CAAC;AACZ,iBAAA,EAAA,kBAAA,EACgB,iBAAiB,EAAA,QAAA,EAElCD,IAAA,CAAA,OAAA,EAAA,EAAA,GACQ,EAAE,EAAE,KAAK,EACb,SAAS,EAAE,UAAU,CACjB,yBAAyB,EACzB,EAAE,EAAE,KAAK,EAAE,SAAS,CACvB,sBACgB,OAAO,EAAA,WAAA,EACb,MAAM,IAAI,SAAS,EAAA,QAAA,EAAA,CAE9BC,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,EACZ,SAAS,EAAE,UAAU,CACjB,wBAAwB,EACxB,EAAE,EAAE,IAAI,EAAE,SAAS,CACtB,EAAA,kBAAA,EACgB,MAAM,EAAA,QAAA,EAEvBA,GAAA,CAAA,IAAA,EAAA,EAAA,GACQ,EAAE,EAAE,SAAS,EACjB,SAAS,EAAE,UAAU,CACjB,8BAA8B,EAC9B,EAAE,EAAE,SAAS,EAAE,SAAS,CAC3B,EAAA,kBAAA,EACgB,YAAY,EAAA,QAAA,EAE5B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;AAC3B,oCAAA,MAAM,KAAK,GACP,MAAM,CAAC,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK;AAClD,oCAAA,MAAM,QAAQ,GACV,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;0CAC9B,IAAI,CAAC;0CACL,SAAS;AACnB,oCAAA,QACIA,GAAA,CAAA,IAAA,EAAA,EAAA,GAEQ,EAAE,EAAE,UAAU,EAClB,KAAK,EAAC,KAAK,EAAA,YAAA,EAEP,MAAM,CAAC,KAAK,CAAC;AACT,8CAAE;AACF,8CAAE,SAAS,EAAA,WAAA,EAER,QAAQ,EACnB,KAAK,EAAE;AACH,4CAAA,GAAG,EAAE,EAAE,UAAU,EAAE,KAAK;AACxB,4CAAA,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK;AACrB,4CAAA,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW;yCAC9B,EACD,SAAS,EAAE,UAAU,CACjB,+BAA+B,EAC/B,EAAE,EAAE,UAAU,EAAE,SAAS,EACzB,MAAM,CAAC,KAAK,CAAC,eAAe,CAC/B,EAAA,kBAAA,EACgB,aAAa,EAAA,eAAA,EACf,OAAO,CAAC,QAAQ,CAAC,IAAI,SAAS,EAAA,QAAA,EAE7CD,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAC,8BAA8B,sBACvB,gBAAgB,EAAA,eAAA,EAClB,OAAO,CAAC,QAAQ,CAAC,IAAI,SAAS,aAE5C,MAAM,CAAC,KAAK,CAAC,aAAa;oDAC3B,UAAU,IACNC,eACI,IAAI,EAAC,UAAU,EAAA,YAAA,EAEX,0BAA0B,EAAA,kBAAA,EAEb,YAAY,EAC7B,OAAO,EAAE,uBAAuB,EAChC,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,eAAe,EAAA,CAC3B,KAEF,MAAM,CAAC,KAAK,CAAC,aAAa,KACtBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,2BAA2B,EAAA,QAAA,EACtC,0BAA0B,EAAA,CACxB,CACV,CACJ,EACA,MAAM,CAAC,KAAK,CAAC,QAAQ;AACtB,oDAAA,MAAM,CAAC,KAAK,CAAC,KAAK,IACdD,IAAA,CAAA,QAAA,EAAA,EACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAAA,kBAAA,EACjB,MAAM,EAAA,cAAA,EAEnB,OAAO,CAAC,QAAQ,CAAC,IAAI,SAAS,EAElC,OAAO,EAAE,MACL,OAAO,CAAC;wDACJ,KAAK,EAAE,MAAM,CAAC;6DACT,KAAe;wDACpB,SAAS,EACL,IAAI,EAAE,KAAK;4DACP,MAAM,CAAC,KAAK,CAAC,KAAK;AACtB,4DAAA,IAAI,EAAE,SAAS;AACX,gEAAA,sBAAsB,CAAC;8DACrB,sBAAsB,CAAC;8DACvB,sBAAsB,CAAC,SAAS;AAC7C,qDAAA,CAAC,aAGNC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,MAAM,CAAC,KAAK,CAAC,MAAM,EAAA,CAAQ,EACjC,QAAQ,KACLA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAA,QAAA,EACnB,QAAQ,KAAK;AACV,kEAAE;AACF,kEAAE,kBAAkB,EAAA,CACrB,CACV,CAAA,EAAA,CACI,KAET,MAAM,CAAC,KAAK,CAAC,MAAM,CACtB,EACA,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,KACzBA,GAAA,CAAC,gBAAgB,IACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,WAAW,EACP,MAAM,CAAC,KAAK,CAAC,iBAAiB,EAElC,cAAc,EACV,MAAM,CAAC,KAAK,CAAC,oBAAoB,EAErC,aAAa,EACT,MAAM,CAAC,KAAK,CAAC,aAAa,EAE9B,aAAa,EACT,MAAM,CAAC,KAAK,CAAC,aAAa,EAE9B,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,YAAY,EACjC,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EACzB,UAAU,EAAE,eAAe,CACvB,OAAO,CAAC,KAAK,CAAC,CACjB,EACD,OAAO,EAAE,CAAC,UAAU,KAChB,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,EAEnC,OAAO,EAAE,MACL,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,EAAA,CAEpC,CACL,CAAA,EAAA,CACC,EAAA,EA9GD,KAAK,CA+GT;AAEb,gCAAA,CAAC,CAAC,EAAA,CACD,EAAA,CACD,EACRA,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,EACZ,SAAS,EAAE,UAAU,CACjB,wBAAwB,EACxB,EAAE,EAAE,IAAI,EAAE,SAAS,CACtB,EAAA,kBAAA,EACgB,MAAM,EAAA,QAAA,EAEtB,MAAM,KAAK,eAAe,CAAC,MAAM;AAClC,gCAAA,MAAM,KAAK,eAAe,CAAC,YAAY,IACnCA,GAAA,CAAA,IAAA,EAAA,EAAA,GAEQ,EAAE,EAAE,UAAU,EAClB,SAAS,EAAE,UAAU,CACjB,+BAA+B,EAC/B,EAAE,EAAE,UAAU,EAAE,SAAS,CAC5B,EAAA,kBAAA,EACgB,aAAa,EAAA,aAAA,EACjB,MAAM,EAAA,QAAA,EAEnBA,GAAA,CAAA,IAAA,EAAA,EAAA,GACQ,EAAE,EAAE,WAAW,EACnB,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,EACpC,SAAS,EAAE,UAAU,CACjB,gCAAgC,EAChC,EAAE,EAAE,WAAW,EAAE,SAAS,CAC7B,EAAA,kBAAA,EACgB,cAAc,EAAA,QAAA,EAE/BA,GAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,OAAO,EAAA,QAAA,EACZ,MAAM,KAAK,eAAe,CAAC;AACxB,8CAAE;AACF,8CAAE,2BAA2B,EAAA,CAC/B,GACL,EAAA,EAvBA,MAAM,CAwBV,IACL,MAAM,KAAK,eAAe,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IACvDA,GAAA,CAAA,IAAA,EAAA,EAAA,GAEQ,EAAE,EAAE,UAAU,EAClB,SAAS,EAAE,UAAU,CACjB,+BAA+B,EAC/B,EAAE,EAAE,UAAU,EAAE,SAAS,CAC5B,EAAA,kBAAA,EACgB,aAAa,EAAA,QAAA,EAE9BA,GAAA,CAAA,IAAA,EAAA,EAAA,GACQ,EAAE,EAAE,WAAW,EACnB,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,EACpC,SAAS,EAAE,UAAU,CACjB,gCAAgC,EAChC,EAAE,EAAE,WAAW,EAAE,SAAS,CAC7B,EAAA,kBAAA,EACgB,cAAc,YAE/BA,GAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,QAAQ,EAAA,QAAA,EAAE,sBAAsB,EAAA,CAAO,EAAA,CAChD,EAAA,EAlBA,MAAM,CAmBV,IACL,YAAY,CAAC,MAAM,KAAK,CAAC,IACzBA,eACQ,EAAE,EAAE,QAAQ,EAChB,SAAS,EAAE,UAAU,CACjB,6BAA6B,EAC7B,EAAE,EAAE,QAAQ,EAAE,SAAS,CAC1B,sBACgB,WAAW,EAAA,QAAA,EAE5BA,eACQ,EAAE,EAAE,SAAS,EACjB,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,EACpC,SAAS,EAAE,UAAU,CACjB,8BAA8B,EAC9B,EAAE,EAAE,SAAS,EAAE,SAAS,CAC3B,EAAA,kBAAA,EACgB,YAAY,EAAA,QAAA,EAE5B,YAAY,EAAA,CACZ,EAAA,CACJ,KAEL,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,KAAI;gCACtC,MAAM,QAAQ,GAAG;AACb,sCAAE,eAAe,CAAC,GAAG;sCACnB,YAAY;AAClB,gCAAA,MAAM,MAAM,GAAG,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,WAAW,EAAE;AAC5C,gCAAA,MAAM,UAAU,GACZ,aAAa,KAAK,QAAQ;AAC1B,oCAAA,aAAa,CAAC,GAAG,EAAE,WAAW,CAAC;AACnC,gCAAA,MAAM,aAAa,GACf,OAAO,CAAC,UAAU,CAAC;AACnB,oCAAA,aAAa,KAAK,QAAQ;oCAC1B,aAAa,KAAK,UAAU;gCAChC,QACIA,GAAA,CAAA,IAAA,EAAA,EAAA,GAEQ,EAAE,EAAE,GAAG,EACX,QAAQ,EAAE,aAAa,GAAG,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAA,eAAA,EAE3C,aAAa,KAAK;AACd,0CAAE;0CACA,SAAS,EAEnB,SAAS,EAAE,UAAU,CACjB,uBAAuB,EACvB,EAAE,EAAE,GAAG,EAAE,SAAS,EAClB,YAAY,GAAG,GAAG,CAAC,CACtB,EAAA,kBAAA,EACgB,KAAK,EAAA,eAAA,EACP,UAAU,IAAI,SAAS,EAAA,kBAAA,EACpB,aAAa,IAAI,SAAS,EAC5C,OAAO,EAAE,CAAC,KAAK,KACX,WAAW,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,CAAC,EAExC,SAAS,EAAE,CAAC,KAAK,KAAI;AACjB,wCAAA,IACI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;AACpC,6CAAC,KAAK,CAAC,GAAG,KAAK,OAAO;AAClB,gDAAA,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,EACxB;4CACE;wCACJ;wCACA,KAAK,CAAC,cAAc,EAAE;AACtB,wCAAA,WAAW,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,CAAC;AACxC,oCAAA,CAAC,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,MAC7BA,GAAA,CAAA,IAAA,EAAA,EAAA,GAEQ,EAAE,EAAE,IAAI,EACZ,KAAK,EAAE;AACH,4CAAA,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK;AAClB,4CAAA,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK;AACrB,4CAAA,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS;AAC5B,yCAAA,EACD,SAAS,EAAE,UAAU,CACjB,wBAAwB,EACxB,EAAE,EAAE,IAAI,EAAE,SAAS,EACnB,MAAM,CAAC,KAAK,CAAC,aAAa;AACtB,4CAAA,MAAM,CAAC,KAAK,CAAC,SAAS,CAC7B,sBACgB,MAAM,EAAA,eAAA,EACR,UAAU,IAAI,SAAS,EAAA,QAAA,EAErC,MAAM,CAAC,KAAK,CAAC,aAAa;4CAC3B,UAAU,IACNA,eACI,IAAI,EAAC,UAAU,EAAA,YAAA,EAEX,0BAA0B,EAE9B,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,EAC3B,OAAO,EAAE,CAAC,KAAK,KACX,KAAK,CAAC,eAAe,EAAE,EAE3B,QAAQ,EAAE,MACN,kBAAkB,CAAC,GAAG,CAAC,GAE7B,IACF,MAAM,CAAC,KAAK,CAAC,aAAa,IAC1BA,GAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAA,IAAA,EACR,QAAQ,EAAE,EAAE,EAAA,YAAA,EAER,0BAA0B,EAE9B,OAAO,EAAE,UAAU,GACrB,KAEF,iBAAiB,CACb,MAAM,CAAC,KAAK,EACZ,GAA8B,CACjC,CACJ,EAAA,EA/CI,WAAW,CAgDf,CACR,CAAC,EAAA,EAlFG,MAAM,CAmFV;AAEb,4BAAA,CAAC,CAAC,CACL,EAAA,CACG,IACJ,EAAA,CACN,CAAA,EAAA,CACJ;AAEd;;"}
+{"version":3,"file":"DataTableCore.js","sources":["../../../DataTables/DataTableCore.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport React, { useId, useMemo, type CSSProperties, type ReactNode } from 'react';\nimport { useCratisIcon } from '../configuration/useCratisIcon';\nimport type { ColumnProps } from './Column';\nimport { classNames } from '../ClassNames/classNames';\nimport type { DataTableFilterMeta } from './DataTableFilterMeta';\nimport { DataTableHeaderCell } from './DataTableHeaderCell';\nimport type { DataTableParts } from './DataTableParts';\nimport type { DataTableRowClickEvent } from './DataTableRowClickEvent';\nimport { DataTableBody } from './DataTableBody';\nimport { DataTableRow } from './DataTableRow';\nimport { DataTableSearch } from './DataTableSearch';\nimport { DataTableRowProcessing } from './DataTableRowProcessing';\nimport type { DataTableSelectionChangeEvent } from './DataTableSelectionChangeEvent';\nimport type { DataTableSort } from './DataTableSort';\nimport { DataTableStatus } from './DataTableStatus';\nimport { processRows } from './processRows';\nimport { useDataTableMessages } from './useDataTableMessages';\nimport { useDataTableState } from './useDataTableState';\nimport { useRowSelection } from './useRowSelection';\n\nexport type { DataTableParts } from './DataTableParts';\nexport type { DataTableRowClickEvent } from './DataTableRowClickEvent';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst useColumns = (children: React.ReactNode): React.ReactElement<ColumnProps<any>>[] =>\n    useMemo(\n        () =>\n            React.Children.toArray(children).filter(\n                React.isValidElement,\n            ) as React.ReactElement<ColumnProps<any>>[],\n        [children],\n    );\n\n/** Props for the semantic loaded-page DataTable renderer. */\nexport interface DataTableCoreProps<TData extends object> {\n    /** Loaded page rows. */\n    data: TData[];\n    /** Declarative {@link Column} markers. */\n    children?: ReactNode;\n    /** Row property used as stable identity. Required to preserve selection across refreshed row objects. */\n    dataKey?: string;\n    /** Content shown when the loaded page has no matching rows. */\n    emptyMessage: ReactNode;\n    /** Table display state. Defaults to ready. */\n    status?: DataTableStatus;\n    /** Message shown while loading without rows. */\n    loadingMessage?: ReactNode;\n    /** Message shown for a failed query. */\n    failureMessage?: ReactNode;\n    /** Message shown for an unauthorized query. */\n    unauthorizedMessage?: ReactNode;\n    /**\n     * Enables row selection. `'single'` selects one row at a time through row activation;\n     * `'multiple'` adds per-row checkboxes and a select-all header checkbox, and reports through\n     * {@link onSelectedItemsChange} rather than {@link onSelectionChange}.\n     */\n    selectionMode?: 'single' | 'multiple';\n    /** Accessible name for row selection controls. Falls back to the provider's `dataTable.selectRow` message, then `'Select row'`. */\n    selectionAriaLabel?: string;\n    /** Accessible name for the select-all control. Falls back to the provider's `dataTable.selectAllRows` message, then `'Select all rows'`. */\n    selectAllAriaLabel?: string;\n    /** Controlled selected row. Applies to `selectionMode='single'`. */\n    selection?: TData | null;\n    /** Invoked when the single-row selection changes. */\n    onSelectionChange?: (event: DataTableSelectionChangeEvent<TData>) => void;\n    /** Controlled selected rows. Applies to `selectionMode='multiple'`. */\n    selectedItems?: TData[];\n    /** Invoked with the full set of selected rows when a multiple selection changes. */\n    onSelectedItemsChange?: (items: TData[]) => void;\n    /** Invoked when a row is clicked or keyboard activated. */\n    onRowClick?: (event: DataTableRowClickEvent<TData>) => void;\n    /** Builds an extra class name for one row. */\n    rowClassName?: (rowData: TData) => string;\n    /** Row fields searched on the loaded page. */\n    globalFilterFields?: string[];\n    /** Placeholder for the loaded-page search input. Falls back to the provider's `dataTable.search` message, then `'Search…'`. */\n    globalSearchPlaceholder?: string;\n    /** Accessible name for the loaded-page search input. Falls back to the provider's `dataTable.searchAriaLabel` message, then `'Search table'`. */\n    globalSearchAriaLabel?: string;\n    /** Initial per-field filter constraints. */\n    defaultFilters?: DataTableFilterMeta;\n    /** Controlled per-field filter constraints. Leave undefined to let the table keep its own. */\n    filters?: DataTableFilterMeta;\n    /** Invoked when applied field filters change. */\n    onFilter?: (filters: DataTableFilterMeta) => void;\n    /** Controlled search text. Leave undefined to let the table keep its own. */\n    globalFilter?: string;\n    /** Invoked when the search text changes. */\n    onGlobalFilterChange?: (globalFilter: string) => void;\n    /** Controlled sort; null means not sorted. Leave undefined to let the table keep its own. */\n    sort?: DataTableSort | null;\n    /** Invoked when a sortable column header changes the sort. */\n    onSortChange?: (sort: DataTableSort | null) => void;\n    /**\n     * Whether the table filters and sorts the rows it is given (default:\n     * {@link DataTableRowProcessing.Loaded}). Use {@link DataTableRowProcessing.None} when the\n     * source already applied the controlled filter and sort state.\n     */\n    rowProcessing?: DataTableRowProcessing;\n    /** Enables the bounded scroll container. */\n    scrollable?: boolean;\n    /** Scroll-container maximum height. */\n    scrollHeight?: string;\n    /** Extra class name for the table composition. */\n    className?: string;\n    /** Inline style for the table composition. */\n    style?: CSSProperties;\n    /** Cratis-owned per-part attributes. */\n    pt?: DataTableParts;\n    /**\n     * @deprecated Cratis parts always merge. Remove this renderer-era option.\n     */\n    ptOptions?: object;\n    /**\n     * @deprecated Components always uses consumer-owned CSS. Customize through `pt` and CSS instead.\n     */\n    unstyled?: boolean;\n}\n\n/** A semantic, renderer-independent data table over one already-loaded page. */\nexport const DataTableCore = <TData extends object>({\n    data,\n    children,\n    dataKey,\n    emptyMessage,\n    status = DataTableStatus.Ready,\n    loadingMessage,\n    failureMessage,\n    unauthorizedMessage,\n    selectionMode,\n    selectionAriaLabel,\n    selectAllAriaLabel,\n    selection,\n    onSelectionChange,\n    selectedItems,\n    onSelectedItemsChange,\n    onRowClick,\n    rowClassName,\n    globalFilterFields,\n    globalSearchPlaceholder,\n    globalSearchAriaLabel,\n    defaultFilters,\n    filters: filtersProp,\n    onFilter,\n    globalFilter: globalFilterProp,\n    onGlobalFilterChange,\n    sort: sortProp,\n    onSortChange,\n    rowProcessing = DataTableRowProcessing.Loaded,\n    scrollable,\n    scrollHeight,\n    className,\n    style,\n    pt,\n}: DataTableCoreProps<TData>) => {\n    const messages = useDataTableMessages({\n        selectionAriaLabel,\n        selectAllAriaLabel,\n        globalSearchPlaceholder,\n        globalSearchAriaLabel,\n        loadingMessage,\n        failureMessage,\n        unauthorizedMessage,\n    });\n    const {\n        resolvedSelectionAriaLabel,\n        resolvedSelectAllAriaLabel,\n        resolvedGlobalSearchPlaceholder,\n        resolvedGlobalSearchAriaLabel,\n    } = messages;\n    const isBusy = status === DataTableStatus.Loading && data.length > 0;\n    const icon = useCratisIcon();\n    const sortAscendingIcon = icon('sortAscending', '▲');\n    const sortDescendingIcon = icon('sortDescending', '▼');\n    const columns = useColumns(children);\n    const selectionGroupName = useId();\n    const { filters, updateFilter, globalFilter, setGlobalFilter, sort, setSort } =\n        useDataTableState({\n            defaultFilters,\n            filters: filtersProp,\n            onFilter,\n            globalFilter: globalFilterProp,\n            onGlobalFilterChange,\n            sort: sortProp,\n            onSortChange,\n        });\n\n    const filteredRows = useMemo(\n        () =>\n            processRows(data, {\n                filters,\n                globalFilter,\n                globalFilterFields,\n                sort,\n                rowProcessing,\n            }),\n        [data, filters, globalFilter, globalFilterFields, sort, rowProcessing],\n    );\n    const {\n        dataKeyIdentity,\n        isSelectedRow,\n        isRowSelected,\n        toggleRowSelection,\n        allFilteredRowsSelected,\n        selectAllRef,\n        toggleSelectAll,\n    } = useRowSelection({\n        data,\n        visibleRows: filteredRows.map(({ row }) => row),\n        dataKey,\n        selection,\n        selectedItems,\n        onSelectedItemsChange,\n    });\n    const isInteractive =\n        Boolean(onRowClick) || selectionMode === 'single' || selectionMode === 'multiple';\n\n    const activateRow = (\n        row: TData,\n        index: number,\n        originalEvent: React.SyntheticEvent,\n    ) => {\n        onRowClick?.({ data: row, index });\n        if (selectionMode === 'single') {\n            onSelectionChange?.({ value: row, originalEvent });\n        }\n        if (selectionMode === 'multiple') {\n            toggleRowSelection(row);\n        }\n    };\n\n    return (\n        <div\n            {...pt?.root}\n            className={classNames(\n                'cratis-datatable',\n                scrollable ? 'cratis-datatable--scrollable' : undefined,\n                pt?.root?.className,\n                className,\n            )}\n            style={{ ...pt?.root?.style, ...style }}\n            data-cratis-part='root'\n            data-busy={isBusy || undefined}\n        >\n            {!!globalFilterFields?.length && (\n                <DataTableSearch\n                    parts={pt}\n                    value={globalFilter}\n                    placeholder={resolvedGlobalSearchPlaceholder}\n                    ariaLabel={resolvedGlobalSearchAriaLabel}\n                    onChange={setGlobalFilter}\n                />\n            )}\n            <div\n                {...pt?.tableContainer}\n                className={classNames(\n                    'cratis-datatable__container',\n                    pt?.tableContainer?.className,\n                )}\n                style={{\n                    ...pt?.tableContainer?.style,\n                    ...(scrollable\n                        ? { maxHeight: scrollHeight ?? '100%', overflow: 'auto' }\n                        : {}),\n                }}\n                data-cratis-part='table-container'\n            >\n                <table\n                    {...pt?.table}\n                    className={classNames(\n                        'cratis-datatable__table',\n                        pt?.table?.className,\n                    )}\n                    data-cratis-part='table'\n                    aria-busy={isBusy || undefined}\n                >\n                    <thead\n                        {...pt?.head}\n                        className={classNames(\n                            'cratis-datatable__head',\n                            pt?.head?.className,\n                        )}\n                        data-cratis-part='head'\n                    >\n                        <tr\n                            {...pt?.headerRow}\n                            className={classNames(\n                                'cratis-datatable__header-row',\n                                pt?.headerRow?.className,\n                            )}\n                            data-cratis-part='header-row'\n                        >\n                            {columns.map((column, index) => (\n                                <DataTableHeaderCell\n                                    key={index}\n                                    column={column}\n                                    parts={pt}\n                                    sort={sort}\n                                    onSort={setSort}\n                                    filters={filters}\n                                    updateFilter={updateFilter}\n                                    resolvedSelectionAriaLabel={\n                                        resolvedSelectionAriaLabel\n                                    }\n                                    resolvedSelectAllAriaLabel={\n                                        resolvedSelectAllAriaLabel\n                                    }\n                                    allFilteredRowsSelected={allFilteredRowsSelected}\n                                    selectAllRef={selectAllRef}\n                                    toggleSelectAll={toggleSelectAll}\n                                    sortAscendingIcon={sortAscendingIcon}\n                                    sortDescendingIcon={sortDescendingIcon}\n                                />\n                            ))}\n                        </tr>\n                    </thead>\n                    <DataTableBody\n                        status={status}\n                        hasLoadedRows={data.length > 0}\n                        rowCount={filteredRows.length}\n                        columnCount={columns.length}\n                        parts={pt}\n                        messages={messages}\n                        emptyMessage={emptyMessage}\n                        renderRows={() =>\n                            filteredRows.map(({ row, loadedIndex }) => {\n                                const identity = dataKey\n                                    ? dataKeyIdentity(row)\n                                    : 'loaded-row';\n                                const isSelected =\n                                    selectionMode === 'single' &&\n                                    isSelectedRow(row, loadedIndex);\n                                return (\n                                    <DataTableRow<TData>\n                                        key={`${identity}::${loadedIndex}`}\n                                        row={row}\n                                        columns={columns}\n                                        parts={pt}\n                                        selectionMode={selectionMode}\n                                        isSelected={isSelected}\n                                        isInteractive={isInteractive}\n                                        isRowSelected={isRowSelected(row)}\n                                        rowClassName={rowClassName}\n                                        resolvedSelectionAriaLabel={\n                                            resolvedSelectionAriaLabel\n                                        }\n                                        selectionGroupName={selectionGroupName}\n                                        onActivate={(event) =>\n                                            activateRow(row, loadedIndex, event)\n                                        }\n                                        onToggleSelection={() => toggleRowSelection(row)}\n                                    />\n                                );\n                            })\n                        }\n                    />\n                </table>\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/DataTables/DataTableHeaderCell.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElement, ReactNode, RefObject } from 'react';
+import type { ColumnProps } from './Column.js';
+import type { DataTableFilterConstraint, DataTableFilterMeta } from './DataTableFilterMeta.js';
+import type { DataTableParts } from './DataTableParts.js';
+import type { DataTableSort } from './DataTableSort.js';
+/** Props for {@link DataTableHeaderCell}. */
+export interface DataTableHeaderCellProps {
+    column: ReactElement<ColumnProps<any>>;
+    /** The table's part attributes. */
+    parts?: DataTableParts;
+    sort: DataTableSort | null;
+    onSort: (sort: DataTableSort) => void;
+    filters: DataTableFilterMeta;
+    updateFilter: (field: string, constraint: DataTableFilterConstraint | undefined) => void;
+    resolvedSelectionAriaLabel: string;
+    resolvedSelectAllAriaLabel: string;
+    allFilteredRowsSelected: boolean;
+    selectAllRef: RefObject<HTMLInputElement | null>;
+    toggleSelectAll: () => void;
+    sortAscendingIcon: ReactNode;
+    sortDescendingIcon: ReactNode;
+}
+/** One column header: its label, sort control, filter menu, and select-all or selection label. */
+export declare const DataTableHeaderCell: ({ column, parts: pt, sort, onSort, filters, updateFilter, resolvedSelectionAriaLabel, resolvedSelectAllAriaLabel, allFilteredRowsSelected, selectAllRef, toggleSelectAll, sortAscendingIcon, sortDescendingIcon, }: DataTableHeaderCellProps) => import("react").JSX.Element;
+//# sourceMappingURL=DataTableHeaderCell.d.ts.map

package/dist/esm/DataTables/DataTableHeaderCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableHeaderCell.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableHeaderCell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAU,CAAC;AAG5C,OAAO,KAAK,EACR,yBAAyB,EACzB,mBAAmB,EACtB,MAAM,0BAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAiB,CAAC;AAMrD,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACrC,MAAM,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IACvC,mCAAmC;IACnC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,YAAY,EAAE,CACV,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,yBAAyB,GAAG,SAAS,KAChD,IAAI,CAAC;IACV,0BAA0B,EAAE,MAAM,CAAC;IACnC,0BAA0B,EAAE,MAAM,CAAC;IACnC,uBAAuB,EAAE,OAAO,CAAC;IACjC,YAAY,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACjD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,kBAAkB,EAAE,SAAS,CAAC;CACjC;AAED,kGAAkG;AAClG,eAAO,MAAM,mBAAmB,uNAc7B,wBAAwB,gCA6F1B,CAAC"}