@solostylist/ui-kit 1.0.222 → 1.0.224

package/dist/s-data-table/s-data-table.d.ts

@@ -1,5 +1,9 @@
 import { TableProps } from '@mui/material/Table';
 import * as React from 'react';
+/** Sort direction for a sortable column */
+export type SortDirection = 'asc' | 'desc';
+/** Identifier used to track which column is currently sorted */
+type SortKey = number | string;
 /**
  * Column definition interface for SDataTable component
  */
@@ -14,6 +18,10 @@ export interface ColumnDef<TRowModel> {
     hideName?: boolean;
     /** Display name for the column header */
     name: string;
+    /** Whether this column can be sorted by clicking its header */
+    sortable?: boolean;
+    /** Identifier reported to `onSort` when sorted (defaults to `field`, then `name`) */
+    sortKey?: SortKey;
     /** Fixed width for the column */
     width?: number | string;
 }
@@ -39,19 +47,29 @@ export interface SDataTableProps<TRowModel> extends Omit<TableProps, 'onClick'>
     onSelectAll?: (event: React.ChangeEvent) => void;
     /** Handler for selecting individual rows */
     onSelectOne?: (event: React.ChangeEvent, row: TRowModel) => void;
+    /**
+     * Handler invoked when a sortable column header is clicked. Receives the
+     * column's sort key and the next direction. Sorting is controlled: the
+     * parent is responsible for reordering `rows` in response.
+     */
+    onSort?: (sortKey: SortKey, direction: SortDirection) => void;
     /** Array of data objects to display in table rows */
     rows: TRowModel[];
     /** Whether rows can be selected with checkboxes */
     selectable?: boolean;
     /** Set of currently selected row IDs */
     selected?: Set<RowId>;
+    /** Sort key of the column currently being sorted (matches `ColumnDef.sortKey`/`field`/`name`) */
+    sortBy?: SortKey;
+    /** Direction of the active sort */
+    sortDirection?: SortDirection;
     /** Function to extract unique ID from row data */
     uniqueRowId?: (row: TRowModel) => RowId;
 }
 export declare const SDataTable: {
     <TRowModel extends object & {
         id?: RowId | null;
-    }>({ columns, hideHead, hover, onClick, onDeselectAll, onDeselectOne, onSelectOne, onSelectAll, rows, selectable, selected, uniqueRowId, ...props }: SDataTableProps<TRowModel>): React.JSX.Element;
+    }>({ columns, hideHead, hover, onClick, onDeselectAll, onDeselectOne, onSelectOne, onSelectAll, onSort, rows, selectable, selected, sortBy, sortDirection, uniqueRowId, ...props }: SDataTableProps<TRowModel>): React.JSX.Element;
     displayName: string;
 };
 export default SDataTable;

package/dist/s-data-table/s-data-table.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-data-table-xIW-BAS9.js";
+import { t as e } from "../s-data-table-TrCdKq9r.js";
 export { e as SDataTable, e as default };