@cratis/components 4.21.0 → 4.21.1

package/MIGRATION.md

@@ -45,9 +45,9 @@ Keep a Prime package only when your application still imports it directly. Migra
 
 Applications using Canvas or PivotViewer must install `pixi.js@^8.20.0`, now an optional peer rather than a nested Components dependency. Align any existing direct Pixi dependency to the same compatible resolution so public `PIXI.Container` and pointer-event types come from one package instance. Applications using only non-Pixi subpaths do not need it.
 
-The package declares an Arc peer range of `>=20.3.1 <23`. Conformance and all three renderer
-adapters declare the final `@cratis/components >=4 <5` peer range, so each remains bounded to the
-Components major whose renderer ABI and stable presentation profile it implements.
+The package declares an Arc peer range of `>=20.3.1 <23`. Each published release of Conformance
+and the three renderer adapters requires exactly the `@cratis/components` version it is released
+with, so install and upgrade an adapter and `@cratis/components` together, at the same version.
 
 ## Import from explicit subpaths
 

package/compat-manifest.json

@@ -68,7 +68,7 @@
         {
             "name": "@cratis/components",
             "role": "core",
-            "version": "4.21.0",
+            "version": "4.21.1",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
@@ -92,7 +92,7 @@
         {
             "name": "@cratis/eslint-plugin-components",
             "role": "eslint",
-            "version": "4.21.0",
+            "version": "4.21.1",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
@@ -105,7 +105,7 @@
         {
             "name": "@cratis/components.migrator",
             "role": "migrator",
-            "version": "4.21.0",
+            "version": "4.21.1",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
@@ -116,13 +116,13 @@
         {
             "name": "@cratis/components.conformance",
             "role": "conformance",
-            "version": "4.21.0",
+            "version": "4.21.1",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.21.0",
+                "@cratis/components": "4.21.1",
                 "react": "^19.0.0",
                 "react-dom": "^19.0.0"
             },
@@ -132,13 +132,13 @@
         {
             "name": "@cratis/components.mui",
             "role": "renderer-adapter",
-            "version": "4.21.0",
+            "version": "4.21.1",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.21.0",
+                "@cratis/components": "4.21.1",
                 "@emotion/react": ">=11.5 <12",
                 "@emotion/styled": ">=11.11 <12",
                 "@mui/material": ">=9 <10",
@@ -188,13 +188,13 @@
         {
             "name": "@cratis/components.primereact",
             "role": "renderer-adapter",
-            "version": "4.21.0",
+            "version": "4.21.1",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.21.0",
+                "@cratis/components": "4.21.1",
                 "@primereact/core": ">=11 <12",
                 "@primereact/ui": ">=11 <12",
                 "@primeuix/themes": ">=3 <4",
@@ -256,13 +256,13 @@
         {
             "name": "@cratis/components.primereact10",
             "role": "renderer-adapter",
-            "version": "4.21.0",
+            "version": "4.21.1",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.21.0",
+                "@cratis/components": "4.21.1",
                 "primereact": ">=10.9.9 <11",
                 "react": "^19.0.0",
                 "react-dom": "^19.0.0"

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

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import type { DataTableMessages } from './DataTableMessages.js';
+import type { DataTableParts } from './DataTableParts.js';
+import { DataTableStatus } from './DataTableStatus.js';
+/** Props for {@link DataTableBody}. */
+export interface DataTableBodyProps {
+    status: DataTableStatus;
+    /** Whether the table was given any rows, before filtering. */
+    hasLoadedRows: boolean;
+    /** How many rows are left to render after filtering. */
+    rowCount: number;
+    columnCount: number;
+    /** The table's part attributes. */
+    parts?: DataTableParts;
+    messages: DataTableMessages;
+    emptyMessage: ReactNode;
+    /** Renders the data rows; called only when there are rows to show. */
+    renderRows: () => ReactNode;
+}
+/** The table body: a failure, loading or empty message row, or the data rows. */
+export declare const DataTableBody: ({ status, hasLoadedRows, rowCount, columnCount, parts: pt, messages, emptyMessage, renderRows, }: DataTableBodyProps) => import("react").JSX.Element;
+//# sourceMappingURL=DataTableBody.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableBody.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEpD,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IAC/B,MAAM,EAAE,eAAe,CAAC;IACxB,8DAA8D;IAC9D,aAAa,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE,SAAS,CAAC;IACxB,sEAAsE;IACtE,UAAU,EAAE,MAAM,SAAS,CAAC;CAC/B;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,qGASvB,kBAAkB,gCAgFpB,CAAC"}

package/dist/esm/DataTables/DataTableBody.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { classNames } from './classNames.js';
+import { DataTableStatus } from './DataTableStatus.js';
+
+const DataTableBody = ({ status, hasLoadedRows, rowCount, columnCount, parts: pt, messages, emptyMessage, renderRows, }) => (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(columnCount, 1), className: classNames('cratis-datatable__failure-cell', pt?.failureCell?.className), "data-cratis-part": 'failure-cell', children: jsx("div", { role: 'alert', children: status === DataTableStatus.Failed
+                    ? messages.resolvedFailureMessage
+                    : messages.resolvedUnauthorizedMessage }) }) }, status)) : status === DataTableStatus.Loading && !hasLoadedRows ? (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(columnCount, 1), className: classNames('cratis-datatable__loading-cell', pt?.loadingCell?.className), "data-cratis-part": 'loading-cell', children: jsx("div", { role: 'status', children: messages.resolvedLoadingMessage }) }) }, status)) : rowCount === 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(columnCount, 1), className: classNames('cratis-datatable__empty-cell', pt?.emptyCell?.className), "data-cratis-part": 'empty-cell', children: emptyMessage }) })) : (renderRows()) }));
+
+export { DataTableBody };
+//# sourceMappingURL=DataTableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableBody.js","sources":["../../../DataTables/DataTableBody.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 type { ReactNode } from 'react';\nimport { classNames } from './classNames';\nimport type { DataTableMessages } from './DataTableMessages';\nimport type { DataTableParts } from './DataTableParts';\nimport { DataTableStatus } from './DataTableStatus';\n\n/** Props for {@link DataTableBody}. */\nexport interface DataTableBodyProps {\n    status: DataTableStatus;\n    /** Whether the table was given any rows, before filtering. */\n    hasLoadedRows: boolean;\n    /** How many rows are left to render after filtering. */\n    rowCount: number;\n    columnCount: number;\n    /** The table's part attributes. */\n    parts?: DataTableParts;\n    messages: DataTableMessages;\n    emptyMessage: ReactNode;\n    /** Renders the data rows; called only when there are rows to show. */\n    renderRows: () => ReactNode;\n}\n\n/** The table body: a failure, loading or empty message row, or the data rows. */\nexport const DataTableBody = ({\n    status,\n    hasLoadedRows,\n    rowCount,\n    columnCount,\n    parts: pt,\n    messages,\n    emptyMessage,\n    renderRows,\n}: DataTableBodyProps) => (\n    <tbody\n        {...pt?.body}\n        className={classNames('cratis-datatable__body', pt?.body?.className)}\n        data-cratis-part='body'\n    >\n        {status === DataTableStatus.Failed || 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(columnCount, 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                            ? messages.resolvedFailureMessage\n                            : messages.resolvedUnauthorizedMessage}\n                    </div>\n                </td>\n            </tr>\n        ) : status === DataTableStatus.Loading && !hasLoadedRows ? (\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(columnCount, 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'>{messages.resolvedLoadingMessage}</div>\n                </td>\n            </tr>\n        ) : rowCount === 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(columnCount, 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            renderRows()\n        )}\n    </tbody>\n);\n"],"names":["_jsx"],"mappings":";;;;AA0BO,MAAM,aAAa,GAAG,CAAC,EAC1B,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,KAAK,EAAE,EAAE,EACT,QAAQ,EACR,YAAY,EACZ,UAAU,GACO,MACjBA,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,EACZ,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,EAAA,kBAAA,EACnD,MAAM,EAAA,QAAA,EAEtB,MAAM,KAAK,eAAe,CAAC,MAAM,IAAI,MAAM,KAAK,eAAe,CAAC,YAAY,IACzEA,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,WAAW,EAAE,CAAC,CAAC,EACjC,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;sBACtB,QAAQ,CAAC;AACX,sBAAE,QAAQ,CAAC,2BAA2B,EAAA,CACxC,GACL,EAAA,EAvBA,MAAM,CAwBV,IACL,MAAM,KAAK,eAAe,CAAC,OAAO,IAAI,CAAC,aAAa,IACpDA,GAAA,CAAA,IAAA,EAAA,EAAA,GAEQ,EAAE,EAAE,UAAU,EAClB,SAAS,EAAE,UAAU,CACjB,+BAA+B,EAC/B,EAAE,EAAE,UAAU,EAAE,SAAS,CAC5B,sBACgB,aAAa,EAAA,QAAA,EAE9BA,GAAA,CAAA,IAAA,EAAA,EAAA,GACQ,EAAE,EAAE,WAAW,EACnB,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,EACjC,SAAS,EAAE,UAAU,CACjB,gCAAgC,EAChC,EAAE,EAAE,WAAW,EAAE,SAAS,CAC7B,sBACgB,cAAc,EAAA,QAAA,EAE/BA,aAAK,IAAI,EAAC,QAAQ,EAAA,QAAA,EAAE,QAAQ,CAAC,sBAAsB,GAAO,EAAA,CACzD,EAAA,EAlBA,MAAM,CAmBV,IACL,QAAQ,KAAK,CAAC,IACdA,eACQ,EAAE,EAAE,QAAQ,EAChB,SAAS,EAAE,UAAU,CACjB,6BAA6B,EAC7B,EAAE,EAAE,QAAQ,EAAE,SAAS,CAC1B,EAAA,kBAAA,EACgB,WAAW,EAAA,QAAA,EAE5BA,GAAA,CAAA,IAAA,EAAA,EAAA,GACQ,EAAE,EAAE,SAAS,EACjB,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,EACjC,SAAS,EAAE,UAAU,CACjB,8BAA8B,EAC9B,EAAE,EAAE,SAAS,EAAE,SAAS,CAC3B,EAAA,kBAAA,EACgB,YAAY,EAAA,QAAA,EAE5B,YAAY,GACZ,EAAA,CACJ,KAEL,UAAU,EAAE,CACf,EAAA,CACG;;"}

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

@@ -1,53 +1,13 @@
-import React, { type CSSProperties, type HTMLAttributes, type ReactNode, type TableHTMLAttributes, type TdHTMLAttributes, type ThHTMLAttributes } from 'react';
+import React, { type CSSProperties, type ReactNode } from 'react';
+import type { DataTableFilterMeta } from './DataTableFilterMeta.js';
+import type { DataTableParts } from './DataTableParts.js';
+import type { DataTableRowClickEvent } from './DataTableRowClickEvent.js';
+import { DataTableRowProcessing } from './DataTableRowProcessing.js';
 import type { DataTableSelectionChangeEvent } from './DataTableSelectionChangeEvent.js';
-import { type DataTableFilterMeta } from './DataTableFilterMeta.js';
-import { DataTableStatus } from './DataTableStatus.js';
 import type { DataTableSort } from './DataTableSort.js';
-import { DataTableRowProcessing } from './DataTableRowProcessing.js';
-/** Event emitted when a DataTable row is activated. */
-export interface DataTableRowClickEvent<TData> {
-    /** Activated row data. */
-    data: TData;
-    /** Loaded-page row index. */
-    index: number;
-}
-/** Stable Cratis-owned parts for styling a {@link DataTableCore}. */
-export interface DataTableParts {
-    /** Outer table composition. */
-    root?: HTMLAttributes<HTMLDivElement>;
-    /** Loaded-page search wrapper. */
-    search?: HTMLAttributes<HTMLDivElement>;
-    /** Loaded-page search input. */
-    searchInput?: React.InputHTMLAttributes<HTMLInputElement>;
-    /** Scroll container. */
-    tableContainer?: HTMLAttributes<HTMLDivElement>;
-    /** Semantic table element. */
-    table?: TableHTMLAttributes<HTMLTableElement>;
-    /** Table head. */
-    head?: HTMLAttributes<HTMLTableSectionElement>;
-    /** Header row. */
-    headerRow?: HTMLAttributes<HTMLTableRowElement>;
-    /** Header cell. */
-    headerCell?: ThHTMLAttributes<HTMLTableCellElement>;
-    /** Table body. */
-    body?: HTMLAttributes<HTMLTableSectionElement>;
-    /** Data row. */
-    row?: HTMLAttributes<HTMLTableRowElement>;
-    /** Data cell. */
-    cell?: TdHTMLAttributes<HTMLTableCellElement>;
-    /** Empty-state row. */
-    emptyRow?: HTMLAttributes<HTMLTableRowElement>;
-    /** Empty-state cell. */
-    emptyCell?: TdHTMLAttributes<HTMLTableCellElement>;
-    /** Loading-state row. */
-    loadingRow?: HTMLAttributes<HTMLTableRowElement>;
-    /** Loading-state cell. */
-    loadingCell?: TdHTMLAttributes<HTMLTableCellElement>;
-    /** Failed or unauthorized row. */
-    failureRow?: HTMLAttributes<HTMLTableRowElement>;
-    /** Failed or unauthorized cell. */
-    failureCell?: TdHTMLAttributes<HTMLTableCellElement>;
-}
+import { DataTableStatus } from './DataTableStatus.js';
+export type { DataTableParts } from './DataTableParts.js';
+export type { DataTableRowClickEvent } from './DataTableRowClickEvent.js';
 /** Props for the semantic loaded-page DataTable renderer. */
 export interface DataTableCoreProps<TData extends object> {
     /** Loaded page rows. */

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCore.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableCore.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTableCore.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableCore.tsx"],"names":[],"mappings":"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"}

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.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 };