eidos-ui 1.2.0 → 2.0.0

package/dist/data-grid/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6XB3QTHOcjs = require('../chunk-6XB3QTHO.cjs');
-require('../chunk-TKLWQWMT.cjs');
+var _chunk2ZENLZEQcjs = require('../chunk-2ZENLZEQ.cjs');
+require('../chunk-XVSODE4K.cjs');
 require('../chunk-TROYIUDH.cjs');
 require('../chunk-EQEV7GPT.cjs');
 require('../chunk-ISABZ2VX.cjs');
@@ -27,5 +27,5 @@ require('../chunk-Z5U4NJTW.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.DataGrid = _chunk6XB3QTHOcjs.DataGrid;
+exports.DataGrid = _chunk2ZENLZEQcjs.DataGrid;
 //# sourceMappingURL=index.cjs.map

package/dist/data-grid/index.d.cts

@@ -1,16 +1,18 @@
 import React__default from 'react';
 import { I as IconType } from '../renderIcon-C2lEMMzb.cjs';
+import { R as RowKey, e as TableFilters, B as BulkAction } from '../Table.types-Cl5gR8r9.cjs';
+export { a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption } from '../Table.types-Cl5gR8r9.cjs';
 import { C as ComboboxOption } from '../Combobox.types-B7ozlnA9.cjs';
 import { b as MenuItemType } from '../Menu.types-DwcuCZM7.cjs';
 import { S as SelectOption } from '../Select.types-CAkT2ACt.cjs';
 import { b as SegmentedOption, S as SegmentedControlColorProps } from '../SegmentedControl.types-Dm4SnwCK.cjs';
-import { d as TableFilters, B as BulkAction } from '../Table.types-DQ0ReOLj.cjs';
-export { a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption } from '../Table.types-DQ0ReOLj.cjs';
+import '../Button.types-DZRCVqyN.cjs';
 import '../sizes-DM6Rrrgq.cjs';
 import '../Input.types-DFZNyJGF.cjs';
-import '../Button.types-DZRCVqyN.cjs';
 
-type DataGridCellType = 'text' | 'number' | 'select' | 'checkbox' | 'date' | 'readonly' | 'actions';
+type DataGridCellType = 'text' | 'number' | 'select' | 'checkbox' | 'date' | 'readonly' | 'custom' | 'actions';
+/** Cell types that address a row field, i.e. everything but the two escape hatches. */
+type DataGridValueCellType = Exclude<DataGridCellType, 'custom' | 'actions'>;
 interface DataGridSelectOption {
     value: string;
     label: string;
@@ -22,9 +24,15 @@ interface DataGridSelectOption {
  * field (including ones you don't display), without hunting through column
  * definitions to find which ones set a filter flag.
  */
-interface DataGridFilterField {
-    /** Row data key this filter reads/writes. Does not need to match a `columns` entry. */
-    key: string;
+interface DataGridFilterField<T extends object = Record<string, unknown>> {
+    /**
+     * Row data key this filter reads/writes. Does not need to match a `columns`
+     * entry - the decoupling from `columns` is intact, so filtering an
+     * undisplayed field still works. It does have to be a real field of `T`,
+     * because the filter evaluates `row[key]`: a name that isn't on the row
+     * type used to compile fine and then silently match nothing.
+     */
+    key: RowKey<T>;
     label: string;
     /** Filter UI type. @default 'text' */
     filterType?: 'text' | 'select' | 'date' | 'boolean';
@@ -40,9 +48,12 @@ interface DataGridFilterField {
 type DataGridQuickFilterSelectOption = Omit<SelectOption, 'id'>;
 type DataGridQuickFilterComboboxOption = Omit<ComboboxOption, 'id'>;
 type DataGridQuickFilterSegmentedOption = SegmentedOption;
-interface DataGridQuickFilterBase {
-    /** Row data key this filter reads/writes. Does not need to match a `columns` entry. */
-    key: string;
+interface DataGridQuickFilterBase<T extends object = Record<string, unknown>> {
+    /**
+     * Row data key this filter reads/writes. Does not need to match a `columns`
+     * entry, but must be a real field of `T` - the filter evaluates `row[key]`.
+     */
+    key: RowKey<T>;
     /**
      * Short label for the control. The toolbar has no room for a visible field
      * label, so this is used as the control's placeholder and its accessible
@@ -63,7 +74,7 @@ interface DataGridQuickFilterBase {
      */
     defaultValue?: string | string[];
 }
-interface DataGridQuickFilterSelect extends DataGridQuickFilterBase {
+interface DataGridQuickFilterSelect<T extends object = Record<string, unknown>> extends DataGridQuickFilterBase<T> {
     type: 'select';
     options: DataGridQuickFilterSelectOption[];
     /** Select several values at once - writes a `string[]` filter value. @default false */
@@ -73,7 +84,7 @@ interface DataGridQuickFilterSelect extends DataGridQuickFilterBase {
     /** Defaults to `label`. */
     placeholder?: string;
 }
-interface DataGridQuickFilterCombobox extends DataGridQuickFilterBase {
+interface DataGridQuickFilterCombobox<T extends object = Record<string, unknown>> extends DataGridQuickFilterBase<T> {
     type: 'combobox';
     /** Optional so options can be supplied asynchronously via `onSearch`. */
     options?: DataGridQuickFilterComboboxOption[];
@@ -87,7 +98,7 @@ interface DataGridQuickFilterCombobox extends DataGridQuickFilterBase {
     loading?: boolean;
     loadingText?: string;
 }
-interface DataGridQuickFilterSegmented extends DataGridQuickFilterBase {
+interface DataGridQuickFilterSegmented<T extends object = Record<string, unknown>> extends DataGridQuickFilterBase<T> {
     type: 'segmented';
     /**
      * Rendered after the reset segment, which the grid always prepends - a
@@ -104,7 +115,7 @@ interface DataGridQuickFilterSegmented extends DataGridQuickFilterBase {
  * `DataGridProps.quickFilters`. Discriminated on `type`, so each control only
  * accepts the props that actually apply to it.
  */
-type DataGridQuickFilter = DataGridQuickFilterSelect | DataGridQuickFilterCombobox | DataGridQuickFilterSegmented;
+type DataGridQuickFilter<T extends object = Record<string, unknown>> = DataGridQuickFilterSelect<T> | DataGridQuickFilterCombobox<T> | DataGridQuickFilterSegmented<T>;
 /** A single entry in a `type: 'actions'` column's menu - see `DataGridColumn.actions`. */
 interface DataGridRowAction<T = Record<string, unknown>> {
     /** Defaults to `label` if omitted - only needs to be unique within this column's `actions`. */
@@ -118,24 +129,11 @@ interface DataGridRowAction<T = Record<string, unknown>> {
     /** Renders a separator directly above this item. */
     divider?: boolean;
 }
-interface DataGridColumn<T = Record<string, unknown>> {
-    /** Matches the key in the data row object. Unused when `type: 'actions'`, but still required - any placeholder string works. */
-    key: string;
+/** Members every column variant shares, whether or not it addresses a row field. */
+interface DataGridColumnCommon {
     header: string;
-    /** @default 'text' */
-    type?: DataGridCellType;
     width?: number | string;
     minWidth?: number | string;
-    /** @default true */
-    editable?: boolean;
-    /** Show error if cell is left empty */
-    required?: boolean;
-    /** For type='select' */
-    options?: DataGridSelectOption[];
-    /** Return an error string or `true` if valid */
-    validate?: (value: unknown) => string | true;
-    renderCell?: (value: unknown, row: T, rowIndex: number) => React__default.ReactNode;
-    renderEditor?: (value: unknown, onChange: (v: unknown) => void, row: T) => React__default.ReactNode;
     /** Enable click-to-sort on this column */
     sortable?: boolean;
     /**
@@ -149,6 +147,73 @@ interface DataGridColumn<T = Record<string, unknown>> {
     align?: 'left' | 'center' | 'right';
     /** Lock this column to the left or right edge on horizontal scroll */
     pin?: 'left' | 'right';
+    /**
+     * Render this column's value as the card's title instead of a label:value
+     * field row. Only the first column with `cardHeader` set is used - if
+     * several are marked, the rest are silently ignored.
+     */
+    cardHeader?: boolean;
+    /**
+     * Render this column's value as the card's subtitle, directly under the
+     * `cardHeader` value. Only the first column with `cardSubheader` set is
+     * used. Has no effect without a `cardHeader` column also being set.
+     */
+    cardSubheader?: boolean;
+}
+/**
+ * A column bound to the row field named by `key`, which is what makes `value`
+ * knowable: every callback below receives `T[K]` rather than `unknown`.
+ *
+ * Not used directly - `DataGridColumn` distributes this over `keyof T` so each
+ * entry in a `columns` array correlates its own `key` with its own value type.
+ */
+interface DataGridValueColumn<T extends object, K extends RowKey<T>> extends DataGridColumnCommon {
+    /** Matches the key in the data row object. */
+    key: K;
+    /** @default 'text' */
+    type?: DataGridValueCellType;
+    /** @default true */
+    editable?: boolean;
+    /** Show error if cell is left empty */
+    required?: boolean;
+    /** For type='select' */
+    options?: DataGridSelectOption[];
+    /** Return an error string or `true` if valid */
+    validate?: (value: T[K]) => string | true;
+    renderCell?: (value: T[K], row: T, rowIndex: number) => React__default.ReactNode;
+    renderEditor?: (value: T[K], onChange: (v: T[K]) => void, row: T) => React__default.ReactNode;
+}
+/**
+ * A column that renders from the whole row rather than one field - a computed
+ * or composite value (`${row.first} ${row.last}`), a link, a status derived
+ * from several fields. `key` is free-form here because nothing reads
+ * `row[key]`: it's only an identity for React keys, sorting and `data-col-key`.
+ *
+ * This is the home for what used to be expressible by pointing `key` at a
+ * field that didn't exist. Not editable - there is no single field to write
+ * back to - so `editable`, `required`, `validate` and `renderEditor` are all
+ * absent by design.
+ */
+interface DataGridCustomColumn<T extends object> extends DataGridColumnCommon {
+    /** Free-form - must only be unique within `columns`. */
+    key: string;
+    type: 'custom';
+    /**
+     * Required: a custom column has no field to fall back to rendering.
+     * `value` is always `undefined` and exists only to keep the parameter list
+     * aligned with `DataGridValueColumn.renderCell`, so `(_, row) => ...` reads
+     * the same on both.
+     */
+    renderCell: (value: undefined, row: T, rowIndex: number) => React__default.ReactNode;
+}
+/**
+ * The row-actions column. Addresses no field, so it needs no `key` at all -
+ * previously this had to carry a required placeholder string that nothing read.
+ */
+interface DataGridActionsColumn<T extends object> extends DataGridColumnCommon {
+    /** Optional, and unused - only ever an identity for React keys. */
+    key?: string;
+    type: 'actions';
     /**
      * The menu items shown for this row. Required for the column to render
      * anything - a `type: 'actions'` column with no `actions` renders nothing.
@@ -169,24 +234,31 @@ interface DataGridColumn<T = Record<string, unknown>> {
      * ignored.
      */
     renderActions?: (row: T, index: number) => MenuItemType[];
-    /**
-     * Render this column's value as the card's title instead of a label:value
-     * field row. Only the first column with `cardHeader` set is used - if
-     * several are marked, the rest are silently ignored.
-     */
-    cardHeader?: boolean;
-    /**
-     * Render this column's value as the card's subtitle, directly under the
-     * `cardHeader` value. Only the first column with `cardSubheader` set is
-     * used. Has no effect without a `cardHeader` column also being set.
-     */
-    cardSubheader?: boolean;
 }
-interface DataGridProps<T extends Record<string, unknown> = Record<string, unknown>> {
+/**
+ * One column definition. A union of three variants, discriminated on `type`:
+ *
+ * - **value column** (default, `type` omitted or a cell type) - `key` must be a
+ *   field of `T`, and `renderCell`/`renderEditor`/`validate` receive that
+ *   field's type instead of `unknown`.
+ * - **`type: 'custom'`** - renders from the whole row; `key` is free-form.
+ * - **`type: 'actions'`** - the row-actions menu; `key` is optional.
+ *
+ * The value variant is produced by distributing over `RowKey<T>`, which is
+ * what correlates `key` with the value type. Note this keeps a single public
+ * type parameter, so no consumer signature changes.
+ *
+ * With the untyped default `T`, `RowKey<T>` is `string` and `T[K]` is
+ * `unknown`, which is byte-identical to the pre-2.0 behaviour.
+ */
+type DataGridColumn<T extends object = Record<string, unknown>> = {
+    [K in RowKey<T>]: DataGridValueColumn<T, K>;
+}[RowKey<T>] | DataGridCustomColumn<T> | DataGridActionsColumn<T>;
+interface DataGridProps<T extends object = Record<string, unknown>> {
     columns: DataGridColumn<T>[];
     data: T[];
     /** Field name used as React key. @default 'id' */
-    rowKey?: string;
+    rowKey?: RowKey<T>;
     /** Called after each cell commit with the full updated dataset */
     onChange?: (data: T[]) => void;
     /** Returns a blank row object; if omitted, no Add-row button is shown */
@@ -206,11 +278,11 @@ interface DataGridProps<T extends Record<string, unknown> = Record<string, unkno
     onRowReorder?: (newData: T[]) => void;
     /** Controlled sort state. When provided, component is in server-side sort mode. */
     currentSort?: {
-        key: string;
+        key: RowKey<T>;
         direction: 'asc' | 'desc';
     };
     /** Server-side sort callback. When omitted, sorting is handled client-side. */
-    onSortChange?: (key: string, direction: 'asc' | 'desc') => void;
+    onSortChange?: (key: RowKey<T>, direction: 'asc' | 'desc') => void;
     /** Show the filter button in the toolbar. */
     showFilters?: boolean;
     /**
@@ -219,7 +291,7 @@ interface DataGridProps<T extends Record<string, unknown> = Record<string, unkno
      * (including ones that aren't rendered as a column at all), rather than
      * columns each carrying their own filter flag.
      */
-    filterConfig?: DataGridFilterField[];
+    filterConfig?: DataGridFilterField<T>[];
     /** Controlled filter state (the current values, keyed by `filterConfig[].key`). When provided with onFiltersChange → server-side mode. */
     filters?: TableFilters;
     /** Filter change callback. When omitted, filtering is handled client-side. */
@@ -239,7 +311,7 @@ interface DataGridProps<T extends Record<string, unknown> = Record<string, unkno
      * Hidden while rows are selected - the selection count and bulk actions
      * occupy the same toolbar zone.
      */
-    quickFilters?: DataGridQuickFilter[];
+    quickFilters?: DataGridQuickFilter<T>[];
     showPagination?: boolean;
     /** @default 10 */
     pageSize?: number;
@@ -312,14 +384,14 @@ interface DataGridProps<T extends Record<string, unknown> = Record<string, unkno
      */
     cardMinWidth?: number;
 }
-type EditingCell = {
+type EditingCell<T extends object = Record<string, unknown>> = {
     rowIndex: number;
-    colKey: string;
+    colKey: RowKey<T>;
 } | null;
 
-declare function DataGridInner<T extends Record<string, unknown>>({ columns, data, rowKey, onChange, onRowAdd, editable, loading, emptyText, className, stickyHeader, maxHeight, showRowNumbers, draggableRows, onRowReorder, currentSort, onSortChange, showFilters, filterConfig, filters, onFiltersChange, quickFilters, showPagination, pageSize, pageSizeOptions, totalRows: totalRowsProp, onPageChange, selectable, selectedRows: controlledSelectedRows, defaultSelectedRows, onSelectionChange, bulkActions, expandable, renderExpandedContent, isRowExpandable, expandMultiple, expandedRows: controlledExpandedRows, defaultExpandedRows, onExpandedRowsChange, density, showDensity, hasCardView, cardViewBreakpoint, cardMinWidth, }: DataGridProps<T>): React__default.ReactElement;
+declare function DataGridInner<T extends object>({ columns: columnsProp, data, rowKey, onChange, onRowAdd, editable, loading, emptyText, className, stickyHeader, maxHeight, showRowNumbers, draggableRows, onRowReorder, currentSort, onSortChange, showFilters, filterConfig, filters, onFiltersChange, quickFilters, showPagination, pageSize, pageSizeOptions, totalRows: totalRowsProp, onPageChange, selectable, selectedRows: controlledSelectedRows, defaultSelectedRows, onSelectionChange, bulkActions, expandable, renderExpandedContent, isRowExpandable, expandMultiple, expandedRows: controlledExpandedRows, defaultExpandedRows, onExpandedRowsChange, density, showDensity, hasCardView, cardViewBreakpoint, cardMinWidth, }: DataGridProps<T>): React__default.ReactElement;
 declare const DataGrid: typeof DataGridInner & {
     displayName: string;
 };
 
-export { BulkAction, DataGrid, type DataGridCellType, type DataGridColumn, type DataGridFilterField, type DataGridProps, type DataGridQuickFilter, type DataGridQuickFilterCombobox, type DataGridQuickFilterComboboxOption, type DataGridQuickFilterSegmented, type DataGridQuickFilterSegmentedOption, type DataGridQuickFilterSelect, type DataGridQuickFilterSelectOption, type DataGridRowAction, type DataGridSelectOption, type EditingCell };
+export { BulkAction, DataGrid, type DataGridActionsColumn, type DataGridCellType, type DataGridColumn, type DataGridCustomColumn, type DataGridFilterField, type DataGridProps, type DataGridQuickFilter, type DataGridQuickFilterCombobox, type DataGridQuickFilterComboboxOption, type DataGridQuickFilterSegmented, type DataGridQuickFilterSegmentedOption, type DataGridQuickFilterSelect, type DataGridQuickFilterSelectOption, type DataGridRowAction, type DataGridSelectOption, type DataGridValueCellType, type DataGridValueColumn, type EditingCell };

package/dist/data-grid/index.d.ts

@@ -1,16 +1,18 @@
 import React__default from 'react';
 import { I as IconType } from '../renderIcon-C2lEMMzb.js';
+import { R as RowKey, e as TableFilters, B as BulkAction } from '../Table.types-jhPb7JNU.js';
+export { a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption } from '../Table.types-jhPb7JNU.js';
 import { C as ComboboxOption } from '../Combobox.types-DkigkEh2.js';
 import { b as MenuItemType } from '../Menu.types-DNIpjSAK.js';
 import { S as SelectOption } from '../Select.types-B4kDpkGB.js';
 import { b as SegmentedOption, S as SegmentedControlColorProps } from '../SegmentedControl.types-CK8EiShd.js';
-import { d as TableFilters, B as BulkAction } from '../Table.types-Bv9l7qxd.js';
-export { a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption } from '../Table.types-Bv9l7qxd.js';
+import '../Button.types-BH0CPyPx.js';
 import '../sizes-DM6Rrrgq.js';
 import '../Input.types-XrJTI0JC.js';
-import '../Button.types-BH0CPyPx.js';
 
-type DataGridCellType = 'text' | 'number' | 'select' | 'checkbox' | 'date' | 'readonly' | 'actions';
+type DataGridCellType = 'text' | 'number' | 'select' | 'checkbox' | 'date' | 'readonly' | 'custom' | 'actions';
+/** Cell types that address a row field, i.e. everything but the two escape hatches. */
+type DataGridValueCellType = Exclude<DataGridCellType, 'custom' | 'actions'>;
 interface DataGridSelectOption {
     value: string;
     label: string;
@@ -22,9 +24,15 @@ interface DataGridSelectOption {
  * field (including ones you don't display), without hunting through column
  * definitions to find which ones set a filter flag.
  */
-interface DataGridFilterField {
-    /** Row data key this filter reads/writes. Does not need to match a `columns` entry. */
-    key: string;
+interface DataGridFilterField<T extends object = Record<string, unknown>> {
+    /**
+     * Row data key this filter reads/writes. Does not need to match a `columns`
+     * entry - the decoupling from `columns` is intact, so filtering an
+     * undisplayed field still works. It does have to be a real field of `T`,
+     * because the filter evaluates `row[key]`: a name that isn't on the row
+     * type used to compile fine and then silently match nothing.
+     */
+    key: RowKey<T>;
     label: string;
     /** Filter UI type. @default 'text' */
     filterType?: 'text' | 'select' | 'date' | 'boolean';
@@ -40,9 +48,12 @@ interface DataGridFilterField {
 type DataGridQuickFilterSelectOption = Omit<SelectOption, 'id'>;
 type DataGridQuickFilterComboboxOption = Omit<ComboboxOption, 'id'>;
 type DataGridQuickFilterSegmentedOption = SegmentedOption;
-interface DataGridQuickFilterBase {
-    /** Row data key this filter reads/writes. Does not need to match a `columns` entry. */
-    key: string;
+interface DataGridQuickFilterBase<T extends object = Record<string, unknown>> {
+    /**
+     * Row data key this filter reads/writes. Does not need to match a `columns`
+     * entry, but must be a real field of `T` - the filter evaluates `row[key]`.
+     */
+    key: RowKey<T>;
     /**
      * Short label for the control. The toolbar has no room for a visible field
      * label, so this is used as the control's placeholder and its accessible
@@ -63,7 +74,7 @@ interface DataGridQuickFilterBase {
      */
     defaultValue?: string | string[];
 }
-interface DataGridQuickFilterSelect extends DataGridQuickFilterBase {
+interface DataGridQuickFilterSelect<T extends object = Record<string, unknown>> extends DataGridQuickFilterBase<T> {
     type: 'select';
     options: DataGridQuickFilterSelectOption[];
     /** Select several values at once - writes a `string[]` filter value. @default false */
@@ -73,7 +84,7 @@ interface DataGridQuickFilterSelect extends DataGridQuickFilterBase {
     /** Defaults to `label`. */
     placeholder?: string;
 }
-interface DataGridQuickFilterCombobox extends DataGridQuickFilterBase {
+interface DataGridQuickFilterCombobox<T extends object = Record<string, unknown>> extends DataGridQuickFilterBase<T> {
     type: 'combobox';
     /** Optional so options can be supplied asynchronously via `onSearch`. */
     options?: DataGridQuickFilterComboboxOption[];
@@ -87,7 +98,7 @@ interface DataGridQuickFilterCombobox extends DataGridQuickFilterBase {
     loading?: boolean;
     loadingText?: string;
 }
-interface DataGridQuickFilterSegmented extends DataGridQuickFilterBase {
+interface DataGridQuickFilterSegmented<T extends object = Record<string, unknown>> extends DataGridQuickFilterBase<T> {
     type: 'segmented';
     /**
      * Rendered after the reset segment, which the grid always prepends - a
@@ -104,7 +115,7 @@ interface DataGridQuickFilterSegmented extends DataGridQuickFilterBase {
  * `DataGridProps.quickFilters`. Discriminated on `type`, so each control only
  * accepts the props that actually apply to it.
  */
-type DataGridQuickFilter = DataGridQuickFilterSelect | DataGridQuickFilterCombobox | DataGridQuickFilterSegmented;
+type DataGridQuickFilter<T extends object = Record<string, unknown>> = DataGridQuickFilterSelect<T> | DataGridQuickFilterCombobox<T> | DataGridQuickFilterSegmented<T>;
 /** A single entry in a `type: 'actions'` column's menu - see `DataGridColumn.actions`. */
 interface DataGridRowAction<T = Record<string, unknown>> {
     /** Defaults to `label` if omitted - only needs to be unique within this column's `actions`. */
@@ -118,24 +129,11 @@ interface DataGridRowAction<T = Record<string, unknown>> {
     /** Renders a separator directly above this item. */
     divider?: boolean;
 }
-interface DataGridColumn<T = Record<string, unknown>> {
-    /** Matches the key in the data row object. Unused when `type: 'actions'`, but still required - any placeholder string works. */
-    key: string;
+/** Members every column variant shares, whether or not it addresses a row field. */
+interface DataGridColumnCommon {
     header: string;
-    /** @default 'text' */
-    type?: DataGridCellType;
     width?: number | string;
     minWidth?: number | string;
-    /** @default true */
-    editable?: boolean;
-    /** Show error if cell is left empty */
-    required?: boolean;
-    /** For type='select' */
-    options?: DataGridSelectOption[];
-    /** Return an error string or `true` if valid */
-    validate?: (value: unknown) => string | true;
-    renderCell?: (value: unknown, row: T, rowIndex: number) => React__default.ReactNode;
-    renderEditor?: (value: unknown, onChange: (v: unknown) => void, row: T) => React__default.ReactNode;
     /** Enable click-to-sort on this column */
     sortable?: boolean;
     /**
@@ -149,6 +147,73 @@ interface DataGridColumn<T = Record<string, unknown>> {
     align?: 'left' | 'center' | 'right';
     /** Lock this column to the left or right edge on horizontal scroll */
     pin?: 'left' | 'right';
+    /**
+     * Render this column's value as the card's title instead of a label:value
+     * field row. Only the first column with `cardHeader` set is used - if
+     * several are marked, the rest are silently ignored.
+     */
+    cardHeader?: boolean;
+    /**
+     * Render this column's value as the card's subtitle, directly under the
+     * `cardHeader` value. Only the first column with `cardSubheader` set is
+     * used. Has no effect without a `cardHeader` column also being set.
+     */
+    cardSubheader?: boolean;
+}
+/**
+ * A column bound to the row field named by `key`, which is what makes `value`
+ * knowable: every callback below receives `T[K]` rather than `unknown`.
+ *
+ * Not used directly - `DataGridColumn` distributes this over `keyof T` so each
+ * entry in a `columns` array correlates its own `key` with its own value type.
+ */
+interface DataGridValueColumn<T extends object, K extends RowKey<T>> extends DataGridColumnCommon {
+    /** Matches the key in the data row object. */
+    key: K;
+    /** @default 'text' */
+    type?: DataGridValueCellType;
+    /** @default true */
+    editable?: boolean;
+    /** Show error if cell is left empty */
+    required?: boolean;
+    /** For type='select' */
+    options?: DataGridSelectOption[];
+    /** Return an error string or `true` if valid */
+    validate?: (value: T[K]) => string | true;
+    renderCell?: (value: T[K], row: T, rowIndex: number) => React__default.ReactNode;
+    renderEditor?: (value: T[K], onChange: (v: T[K]) => void, row: T) => React__default.ReactNode;
+}
+/**
+ * A column that renders from the whole row rather than one field - a computed
+ * or composite value (`${row.first} ${row.last}`), a link, a status derived
+ * from several fields. `key` is free-form here because nothing reads
+ * `row[key]`: it's only an identity for React keys, sorting and `data-col-key`.
+ *
+ * This is the home for what used to be expressible by pointing `key` at a
+ * field that didn't exist. Not editable - there is no single field to write
+ * back to - so `editable`, `required`, `validate` and `renderEditor` are all
+ * absent by design.
+ */
+interface DataGridCustomColumn<T extends object> extends DataGridColumnCommon {
+    /** Free-form - must only be unique within `columns`. */
+    key: string;
+    type: 'custom';
+    /**
+     * Required: a custom column has no field to fall back to rendering.
+     * `value` is always `undefined` and exists only to keep the parameter list
+     * aligned with `DataGridValueColumn.renderCell`, so `(_, row) => ...` reads
+     * the same on both.
+     */
+    renderCell: (value: undefined, row: T, rowIndex: number) => React__default.ReactNode;
+}
+/**
+ * The row-actions column. Addresses no field, so it needs no `key` at all -
+ * previously this had to carry a required placeholder string that nothing read.
+ */
+interface DataGridActionsColumn<T extends object> extends DataGridColumnCommon {
+    /** Optional, and unused - only ever an identity for React keys. */
+    key?: string;
+    type: 'actions';
     /**
      * The menu items shown for this row. Required for the column to render
      * anything - a `type: 'actions'` column with no `actions` renders nothing.
@@ -169,24 +234,31 @@ interface DataGridColumn<T = Record<string, unknown>> {
      * ignored.
      */
     renderActions?: (row: T, index: number) => MenuItemType[];
-    /**
-     * Render this column's value as the card's title instead of a label:value
-     * field row. Only the first column with `cardHeader` set is used - if
-     * several are marked, the rest are silently ignored.
-     */
-    cardHeader?: boolean;
-    /**
-     * Render this column's value as the card's subtitle, directly under the
-     * `cardHeader` value. Only the first column with `cardSubheader` set is
-     * used. Has no effect without a `cardHeader` column also being set.
-     */
-    cardSubheader?: boolean;
 }
-interface DataGridProps<T extends Record<string, unknown> = Record<string, unknown>> {
+/**
+ * One column definition. A union of three variants, discriminated on `type`:
+ *
+ * - **value column** (default, `type` omitted or a cell type) - `key` must be a
+ *   field of `T`, and `renderCell`/`renderEditor`/`validate` receive that
+ *   field's type instead of `unknown`.
+ * - **`type: 'custom'`** - renders from the whole row; `key` is free-form.
+ * - **`type: 'actions'`** - the row-actions menu; `key` is optional.
+ *
+ * The value variant is produced by distributing over `RowKey<T>`, which is
+ * what correlates `key` with the value type. Note this keeps a single public
+ * type parameter, so no consumer signature changes.
+ *
+ * With the untyped default `T`, `RowKey<T>` is `string` and `T[K]` is
+ * `unknown`, which is byte-identical to the pre-2.0 behaviour.
+ */
+type DataGridColumn<T extends object = Record<string, unknown>> = {
+    [K in RowKey<T>]: DataGridValueColumn<T, K>;
+}[RowKey<T>] | DataGridCustomColumn<T> | DataGridActionsColumn<T>;
+interface DataGridProps<T extends object = Record<string, unknown>> {
     columns: DataGridColumn<T>[];
     data: T[];
     /** Field name used as React key. @default 'id' */
-    rowKey?: string;
+    rowKey?: RowKey<T>;
     /** Called after each cell commit with the full updated dataset */
     onChange?: (data: T[]) => void;
     /** Returns a blank row object; if omitted, no Add-row button is shown */
@@ -206,11 +278,11 @@ interface DataGridProps<T extends Record<string, unknown> = Record<string, unkno
     onRowReorder?: (newData: T[]) => void;
     /** Controlled sort state. When provided, component is in server-side sort mode. */
     currentSort?: {
-        key: string;
+        key: RowKey<T>;
         direction: 'asc' | 'desc';
     };
     /** Server-side sort callback. When omitted, sorting is handled client-side. */
-    onSortChange?: (key: string, direction: 'asc' | 'desc') => void;
+    onSortChange?: (key: RowKey<T>, direction: 'asc' | 'desc') => void;
     /** Show the filter button in the toolbar. */
     showFilters?: boolean;
     /**
@@ -219,7 +291,7 @@ interface DataGridProps<T extends Record<string, unknown> = Record<string, unkno
      * (including ones that aren't rendered as a column at all), rather than
      * columns each carrying their own filter flag.
      */
-    filterConfig?: DataGridFilterField[];
+    filterConfig?: DataGridFilterField<T>[];
     /** Controlled filter state (the current values, keyed by `filterConfig[].key`). When provided with onFiltersChange → server-side mode. */
     filters?: TableFilters;
     /** Filter change callback. When omitted, filtering is handled client-side. */
@@ -239,7 +311,7 @@ interface DataGridProps<T extends Record<string, unknown> = Record<string, unkno
      * Hidden while rows are selected - the selection count and bulk actions
      * occupy the same toolbar zone.
      */
-    quickFilters?: DataGridQuickFilter[];
+    quickFilters?: DataGridQuickFilter<T>[];
     showPagination?: boolean;
     /** @default 10 */
     pageSize?: number;
@@ -312,14 +384,14 @@ interface DataGridProps<T extends Record<string, unknown> = Record<string, unkno
      */
     cardMinWidth?: number;
 }
-type EditingCell = {
+type EditingCell<T extends object = Record<string, unknown>> = {
     rowIndex: number;
-    colKey: string;
+    colKey: RowKey<T>;
 } | null;
 
-declare function DataGridInner<T extends Record<string, unknown>>({ columns, data, rowKey, onChange, onRowAdd, editable, loading, emptyText, className, stickyHeader, maxHeight, showRowNumbers, draggableRows, onRowReorder, currentSort, onSortChange, showFilters, filterConfig, filters, onFiltersChange, quickFilters, showPagination, pageSize, pageSizeOptions, totalRows: totalRowsProp, onPageChange, selectable, selectedRows: controlledSelectedRows, defaultSelectedRows, onSelectionChange, bulkActions, expandable, renderExpandedContent, isRowExpandable, expandMultiple, expandedRows: controlledExpandedRows, defaultExpandedRows, onExpandedRowsChange, density, showDensity, hasCardView, cardViewBreakpoint, cardMinWidth, }: DataGridProps<T>): React__default.ReactElement;
+declare function DataGridInner<T extends object>({ columns: columnsProp, data, rowKey, onChange, onRowAdd, editable, loading, emptyText, className, stickyHeader, maxHeight, showRowNumbers, draggableRows, onRowReorder, currentSort, onSortChange, showFilters, filterConfig, filters, onFiltersChange, quickFilters, showPagination, pageSize, pageSizeOptions, totalRows: totalRowsProp, onPageChange, selectable, selectedRows: controlledSelectedRows, defaultSelectedRows, onSelectionChange, bulkActions, expandable, renderExpandedContent, isRowExpandable, expandMultiple, expandedRows: controlledExpandedRows, defaultExpandedRows, onExpandedRowsChange, density, showDensity, hasCardView, cardViewBreakpoint, cardMinWidth, }: DataGridProps<T>): React__default.ReactElement;
 declare const DataGrid: typeof DataGridInner & {
     displayName: string;
 };
 
-export { BulkAction, DataGrid, type DataGridCellType, type DataGridColumn, type DataGridFilterField, type DataGridProps, type DataGridQuickFilter, type DataGridQuickFilterCombobox, type DataGridQuickFilterComboboxOption, type DataGridQuickFilterSegmented, type DataGridQuickFilterSegmentedOption, type DataGridQuickFilterSelect, type DataGridQuickFilterSelectOption, type DataGridRowAction, type DataGridSelectOption, type EditingCell };
+export { BulkAction, DataGrid, type DataGridActionsColumn, type DataGridCellType, type DataGridColumn, type DataGridCustomColumn, type DataGridFilterField, type DataGridProps, type DataGridQuickFilter, type DataGridQuickFilterCombobox, type DataGridQuickFilterComboboxOption, type DataGridQuickFilterSegmented, type DataGridQuickFilterSegmentedOption, type DataGridQuickFilterSelect, type DataGridQuickFilterSelectOption, type DataGridRowAction, type DataGridSelectOption, type DataGridValueCellType, type DataGridValueColumn, type EditingCell };

package/dist/data-grid/index.js

@@ -1,7 +1,7 @@
 import {
   DataGrid
-} from "../chunk-P2ZHWFK4.js";
-import "../chunk-6DBCT5MK.js";
+} from "../chunk-MH2CD2QT.js";
+import "../chunk-AJZTVCST.js";
 import "../chunk-6ZAT5CGB.js";
 import "../chunk-3LHQUOGP.js";
 import "../chunk-56B6RLOE.js";

package/dist/index.cjs

@@ -38,7 +38,7 @@ var _chunkHFZ5FKRGcjs = require('./chunk-HFZ5FKRG.cjs');
 var _chunkIXZMKIV5cjs = require('./chunk-IXZMKIV5.cjs');
 
 
-var _chunkNUK4NT5Qcjs = require('./chunk-NUK4NT5Q.cjs');
+var _chunkQONDJ5VMcjs = require('./chunk-QONDJ5VM.cjs');
 require('./chunk-3RUIKBH4.cjs');
 
 
@@ -109,10 +109,10 @@ require('./chunk-VW32UTUE.cjs');
 var _chunk4BQM5F76cjs = require('./chunk-4BQM5F76.cjs');
 
 
-var _chunk6XB3QTHOcjs = require('./chunk-6XB3QTHO.cjs');
+var _chunk2ZENLZEQcjs = require('./chunk-2ZENLZEQ.cjs');
 
 
-var _chunkTKLWQWMTcjs = require('./chunk-TKLWQWMT.cjs');
+var _chunkXVSODE4Kcjs = require('./chunk-XVSODE4K.cjs');
 
 
 var _chunkTROYIUDHcjs = require('./chunk-TROYIUDH.cjs');
@@ -265,5 +265,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkSDEKANNLcjs.Accordion; exports.AccordionItem = _chunkSDEKANNLcjs.AccordionItem; exports.Alert = _chunk6RGJAQCUcjs.Alert; exports.Avatar = _chunkQ3GNKF74cjs.Avatar; exports.AvatarGroup = _chunkQ3GNKF74cjs.AvatarGroup; exports.Badge = _chunk3ETWFS2Ncjs.Badge; exports.Breadcrumb = _chunk5O73AALPcjs.Breadcrumb; exports.Button = _chunkA7Z2QAFZcjs.Button; exports.ButtonGroup = _chunk2ROKOO22cjs.ButtonGroup; exports.Calendar = _chunk2U7UJOOBcjs.Calendar; exports.Card = _chunkV5RS3JZNcjs.Card; exports.Checkbox = _chunkIJ4DXG7Dcjs.Checkbox; exports.Chip = _chunkOGKD5PLScjs.Chip; exports.ColorPicker = _chunkW6IKHJ76cjs.ColorPicker; exports.Combobox = _chunkHNUTV3HRcjs.Combobox; exports.CommandPalette = _chunk3EPND5M2cjs.CommandPalette; exports.ContextMenu = _chunk4BQM5F76cjs.ContextMenu; exports.DataGrid = _chunk6XB3QTHOcjs.DataGrid; exports.DatePicker = _chunk2U7UJOOBcjs.DatePicker; exports.Divider = _chunk366R4GKRcjs.Divider; exports.Drawer = _chunkPJC7NZUVcjs.Drawer; exports.Dropdown = _chunkFRUOA2QUcjs.Dropdown; exports.DropdownProvider = _chunkFRUOA2QUcjs.DropdownProvider; exports.EmptyState = _chunkKV3V2CPHcjs.EmptyState; exports.FileUpload = _chunk3CXULV4Gcjs.FileUpload; exports.Footer = _chunkPTBBY4ZXcjs.Footer; exports.Header = _chunkIJYYHBZCcjs.Header; exports.IconButton = _chunkA7Z2QAFZcjs.IconButton; exports.InlineEdit = _chunk4UJ7LG4Wcjs.InlineEdit; exports.Input = _chunkG5IGADJIcjs.Input; exports.Kbd = _chunkKVIL4EP4cjs.Kbd; exports.Menu = _chunkFMPXSF3Hcjs.Menu; exports.MenuPanel = _chunkFMPXSF3Hcjs.MenuPanel; exports.Modal = _chunkMW2S7PZ7cjs.Modal; exports.Navigation = _chunk7AHZTHXRcjs.Navigation; exports.NumberInput = _chunkQF2RAUPBcjs.NumberInput; exports.OTPInput = _chunkFKXKBJUIcjs.OTPInput; exports.PageLayout = _chunkWPTMMOA6cjs.PageLayout; exports.Pagination = _chunkISABZ2VXcjs.Pagination; exports.Pill = _chunkEQ6BNPTLcjs.Pill; exports.Popover = _chunkKIXFSXINcjs.Popover; exports.Progress = _chunkV2S6XWIQcjs.Progress; exports.Radio = _chunkQQIALSTXcjs.Radio; exports.RadioGroup = _chunkQQIALSTXcjs.RadioGroup; exports.SegmentedControl = _chunkDKZTDYH5cjs.SegmentedControl; exports.Select = _chunkHLNKIAE5cjs.Select; exports.Skeleton = _chunkIYWAZEFIcjs.Skeleton; exports.Slider = _chunkOZZHOEN5cjs.Slider; exports.SnackbarContainer = _chunkAYMD4D4Mcjs.SnackbarContainer; exports.SnackbarProvider = _chunkAYMD4D4Mcjs.SnackbarProvider; exports.Spinner = _chunkTROYIUDHcjs.Spinner; exports.SplitButton = _chunkEQEV7GPTcjs.SplitButton; exports.Stepper = _chunkHFZ5FKRGcjs.Stepper; exports.Switch = _chunkIXZMKIV5cjs.Switch; exports.Tab = _chunkS77GR5YQcjs.Tab; exports.TabPanel = _chunkS77GR5YQcjs.TabPanel; exports.Table = _chunkNUK4NT5Qcjs.Table; exports.TableFiltersDropdown = _chunkTKLWQWMTcjs.TableFiltersDropdown; exports.Tabs = _chunkS77GR5YQcjs.Tabs; exports.TagInput = _chunkZBKJ3EMKcjs.TagInput; exports.Textarea = _chunk6U2H26A4cjs.Textarea; exports.TimeInput = _chunk2U7UJOOBcjs.TimeInput; exports.Timeline = _chunkZMDZGL5Acjs.Timeline; exports.Toolbar = _chunkUGMONQGHcjs.Toolbar; exports.Tooltip = _chunkZ5U4NJTWcjs.Tooltip; exports.TreeView = _chunkXKQMEVODcjs.TreeView; exports.VirtualList = _chunk6A2ZKVSTcjs.VirtualList; exports.renderIcon = _chunkGOR642KKcjs.renderIcon; exports.useDropdownContext = _chunkFRUOA2QUcjs.useDropdownContext; exports.useSnackbar = _chunkAYMD4D4Mcjs.useSnackbar; exports.useSnackbarContext = _chunkAYMD4D4Mcjs.useSnackbarContext;
+exports.Accordion = _chunkSDEKANNLcjs.Accordion; exports.AccordionItem = _chunkSDEKANNLcjs.AccordionItem; exports.Alert = _chunk6RGJAQCUcjs.Alert; exports.Avatar = _chunkQ3GNKF74cjs.Avatar; exports.AvatarGroup = _chunkQ3GNKF74cjs.AvatarGroup; exports.Badge = _chunk3ETWFS2Ncjs.Badge; exports.Breadcrumb = _chunk5O73AALPcjs.Breadcrumb; exports.Button = _chunkA7Z2QAFZcjs.Button; exports.ButtonGroup = _chunk2ROKOO22cjs.ButtonGroup; exports.Calendar = _chunk2U7UJOOBcjs.Calendar; exports.Card = _chunkV5RS3JZNcjs.Card; exports.Checkbox = _chunkIJ4DXG7Dcjs.Checkbox; exports.Chip = _chunkOGKD5PLScjs.Chip; exports.ColorPicker = _chunkW6IKHJ76cjs.ColorPicker; exports.Combobox = _chunkHNUTV3HRcjs.Combobox; exports.CommandPalette = _chunk3EPND5M2cjs.CommandPalette; exports.ContextMenu = _chunk4BQM5F76cjs.ContextMenu; exports.DataGrid = _chunk2ZENLZEQcjs.DataGrid; exports.DatePicker = _chunk2U7UJOOBcjs.DatePicker; exports.Divider = _chunk366R4GKRcjs.Divider; exports.Drawer = _chunkPJC7NZUVcjs.Drawer; exports.Dropdown = _chunkFRUOA2QUcjs.Dropdown; exports.DropdownProvider = _chunkFRUOA2QUcjs.DropdownProvider; exports.EmptyState = _chunkKV3V2CPHcjs.EmptyState; exports.FileUpload = _chunk3CXULV4Gcjs.FileUpload; exports.Footer = _chunkPTBBY4ZXcjs.Footer; exports.Header = _chunkIJYYHBZCcjs.Header; exports.IconButton = _chunkA7Z2QAFZcjs.IconButton; exports.InlineEdit = _chunk4UJ7LG4Wcjs.InlineEdit; exports.Input = _chunkG5IGADJIcjs.Input; exports.Kbd = _chunkKVIL4EP4cjs.Kbd; exports.Menu = _chunkFMPXSF3Hcjs.Menu; exports.MenuPanel = _chunkFMPXSF3Hcjs.MenuPanel; exports.Modal = _chunkMW2S7PZ7cjs.Modal; exports.Navigation = _chunk7AHZTHXRcjs.Navigation; exports.NumberInput = _chunkQF2RAUPBcjs.NumberInput; exports.OTPInput = _chunkFKXKBJUIcjs.OTPInput; exports.PageLayout = _chunkWPTMMOA6cjs.PageLayout; exports.Pagination = _chunkISABZ2VXcjs.Pagination; exports.Pill = _chunkEQ6BNPTLcjs.Pill; exports.Popover = _chunkKIXFSXINcjs.Popover; exports.Progress = _chunkV2S6XWIQcjs.Progress; exports.Radio = _chunkQQIALSTXcjs.Radio; exports.RadioGroup = _chunkQQIALSTXcjs.RadioGroup; exports.SegmentedControl = _chunkDKZTDYH5cjs.SegmentedControl; exports.Select = _chunkHLNKIAE5cjs.Select; exports.Skeleton = _chunkIYWAZEFIcjs.Skeleton; exports.Slider = _chunkOZZHOEN5cjs.Slider; exports.SnackbarContainer = _chunkAYMD4D4Mcjs.SnackbarContainer; exports.SnackbarProvider = _chunkAYMD4D4Mcjs.SnackbarProvider; exports.Spinner = _chunkTROYIUDHcjs.Spinner; exports.SplitButton = _chunkEQEV7GPTcjs.SplitButton; exports.Stepper = _chunkHFZ5FKRGcjs.Stepper; exports.Switch = _chunkIXZMKIV5cjs.Switch; exports.Tab = _chunkS77GR5YQcjs.Tab; exports.TabPanel = _chunkS77GR5YQcjs.TabPanel; exports.Table = _chunkQONDJ5VMcjs.Table; exports.TableFiltersDropdown = _chunkXVSODE4Kcjs.TableFiltersDropdown; exports.Tabs = _chunkS77GR5YQcjs.Tabs; exports.TagInput = _chunkZBKJ3EMKcjs.TagInput; exports.Textarea = _chunk6U2H26A4cjs.Textarea; exports.TimeInput = _chunk2U7UJOOBcjs.TimeInput; exports.Timeline = _chunkZMDZGL5Acjs.Timeline; exports.Toolbar = _chunkUGMONQGHcjs.Toolbar; exports.Tooltip = _chunkZ5U4NJTWcjs.Tooltip; exports.TreeView = _chunkXKQMEVODcjs.TreeView; exports.VirtualList = _chunk6A2ZKVSTcjs.VirtualList; exports.renderIcon = _chunkGOR642KKcjs.renderIcon; exports.useDropdownContext = _chunkFRUOA2QUcjs.useDropdownContext; exports.useSnackbar = _chunkAYMD4D4Mcjs.useSnackbar; exports.useSnackbarContext = _chunkAYMD4D4Mcjs.useSnackbarContext;
 //# sourceMappingURL=index.cjs.map