@rentnerkev/table 0.0.1 → 0.0.2

package/dist/shared/Table/Types/interaction.types.d.ts

@@ -0,0 +1,86 @@
+import type { Cell, Header, RowData } from '@tanstack/react-table';
+import type { MouseEvent, ReactNode, Ref } from 'react';
+import type { rentnerTableFeatures } from '../../../lib/Table/table.ts';
+import type { TableRow, TableBodyProps } from './dataTable.types.ts';
+import type { RentnerTableInstance, TableMessages } from './table.types.ts';
+export type TableCell<TData extends RowData> = Cell<typeof rentnerTableFeatures, TData, unknown>;
+export interface TableRowEvents<TData extends RowData> {
+    /** Ignores controls, prevented events and descendants marked data-no-row-click. */
+    onRowClick?: (row: TableRow<TData>, event: MouseEvent<HTMLTableRowElement>) => void;
+    onRowDoubleClick?: (row: TableRow<TData>, event: MouseEvent<HTMLTableRowElement>) => void;
+    onRowContextMenu?: (row: TableRow<TData>, event: MouseEvent<HTMLTableRowElement>) => void;
+    onCellClick?: (cell: TableCell<TData>, event: MouseEvent<HTMLTableCellElement>) => void;
+    onCellDoubleClick?: (cell: TableCell<TData>, event: MouseEvent<HTMLTableCellElement>) => void;
+    onCellContextMenu?: (cell: TableCell<TData>, event: MouseEvent<HTMLTableCellElement>) => void;
+}
+export interface TableRowOrderChange {
+    activeId: string;
+    overId: string;
+    /** Positions within the full data input, before filtering and pagination. */
+    fromIndex: number;
+    toIndex: number;
+}
+export interface TableInteractionMessages {
+    resizeColumn: (label: string) => string;
+    resetColumnSize: (label: string) => string;
+    moveRows: string;
+    moveRow: (label: string) => string;
+    rowSortingActive: string;
+    dragInstructions: string;
+    dragStart: (label: string) => string;
+    dragOver: (label: string, position: number, total: number) => string;
+    dragEnd: (label: string, position: number, total: number) => string;
+    dragCancel: (label: string) => string;
+}
+export type TableDataRowProps<TData extends RowData> = Omit<TableBodyProps<TData>, 'view'> & {
+    row: TableRow<TData>;
+    view: TableBodyProps<TData>['view'];
+    index: number;
+    dragHandle?: ReactNode;
+};
+export interface ColumnResizeLogicResult {
+    state: {
+        fixed: boolean;
+        width: number;
+        widths: {
+            id: string;
+            width: number;
+        }[];
+    };
+    refs: {
+        table: Ref<HTMLTableElement>;
+    };
+}
+export interface TableColumnResizeHandleProps<TData extends RowData> {
+    table: RentnerTableInstance<TData>;
+    header: Header<typeof rentnerTableFeatures, TData, unknown>;
+    messages: TableMessages;
+    disabled?: boolean;
+}
+export interface TableReorderProviderProps {
+    rows: readonly {
+        id: string;
+    }[];
+    messages: TableMessages;
+    disabled: boolean;
+    disabledReason?: string;
+    getLabel: (id: string) => string;
+    onReorder?: (activeId: string, overId: string) => void;
+    children: ReactNode;
+}
+export interface TableDragOptions {
+    disabled: boolean;
+    reason?: string;
+    moveRow: (label: string) => string;
+}
+export interface TableRowPreview {
+    element: HTMLTableElement;
+    left: number;
+    width: number;
+}
+export interface TableDragGroupProps {
+    id: string;
+    label: string;
+    children: (handle: ReactNode) => ReactNode;
+}
+//# sourceMappingURL=interaction.types.d.ts.map

package/dist/shared/Table/Types/interaction.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Types/interaction.types.ts"],"names":[],"mappings":"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"}

package/dist/shared/Table/Types/interaction.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interaction.types.js.map

package/dist/shared/Table/Types/interaction.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.types.js","sourceRoot":"","sources":["../../../../src/shared/Table/Types/interaction.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Cell, Header, RowData } from '@tanstack/react-table'\nimport type { MouseEvent, ReactNode, Ref } from 'react'\nimport type { rentnerTableFeatures } from '../../../lib/Table/table.ts'\nimport type { TableRow, TableBodyProps } from './dataTable.types.ts'\nimport type { RentnerTableInstance, TableMessages } from './table.types.ts'\n\nexport type TableCell<TData extends RowData> = Cell<\n    typeof rentnerTableFeatures,\n    TData,\n    unknown\n>\n\nexport interface TableRowEvents<TData extends RowData> {\n    /** Ignores controls, prevented events and descendants marked data-no-row-click. */\n    onRowClick?: (\n        row: TableRow<TData>,\n        event: MouseEvent<HTMLTableRowElement>,\n    ) => void\n    onRowDoubleClick?: (\n        row: TableRow<TData>,\n        event: MouseEvent<HTMLTableRowElement>,\n    ) => void\n    onRowContextMenu?: (\n        row: TableRow<TData>,\n        event: MouseEvent<HTMLTableRowElement>,\n    ) => void\n    onCellClick?: (\n        cell: TableCell<TData>,\n        event: MouseEvent<HTMLTableCellElement>,\n    ) => void\n    onCellDoubleClick?: (\n        cell: TableCell<TData>,\n        event: MouseEvent<HTMLTableCellElement>,\n    ) => void\n    onCellContextMenu?: (\n        cell: TableCell<TData>,\n        event: MouseEvent<HTMLTableCellElement>,\n    ) => void\n}\n\nexport interface TableRowOrderChange {\n    activeId: string\n    overId: string\n    /** Positions within the full data input, before filtering and pagination. */\n    fromIndex: number\n    toIndex: number\n}\n\nexport interface TableInteractionMessages {\n    resizeColumn: (label: string) => string\n    resetColumnSize: (label: string) => string\n    moveRows: string\n    moveRow: (label: string) => string\n    rowSortingActive: string\n    dragInstructions: string\n    dragStart: (label: string) => string\n    dragOver: (label: string, position: number, total: number) => string\n    dragEnd: (label: string, position: number, total: number) => string\n    dragCancel: (label: string) => string\n}\n\nexport type TableDataRowProps<TData extends RowData> = Omit<\n    TableBodyProps<TData>,\n    'view'\n> & {\n    row: TableRow<TData>\n    view: TableBodyProps<TData>['view']\n    index: number\n    dragHandle?: ReactNode\n}\nexport interface ColumnResizeLogicResult {\n    state: {\n        fixed: boolean\n        width: number\n        widths: { id: string; width: number }[]\n    }\n    refs: { table: Ref<HTMLTableElement> }\n}\nexport interface TableColumnResizeHandleProps<TData extends RowData> {\n    table: RentnerTableInstance<TData>\n    header: Header<typeof rentnerTableFeatures, TData, unknown>\n    messages: TableMessages\n    disabled?: boolean\n}\n\nexport interface TableReorderProviderProps {\n    rows: readonly { id: string }[]\n    messages: TableMessages\n    disabled: boolean\n    disabledReason?: string\n    getLabel: (id: string) => string\n    onReorder?: (activeId: string, overId: string) => void\n    children: ReactNode\n}\n\nexport interface TableDragOptions {\n    disabled: boolean\n    reason?: string\n    moveRow: (label: string) => string\n}\n\nexport interface TableRowPreview {\n    element: HTMLTableElement\n    left: number\n    width: number\n}\n\nexport interface TableDragGroupProps {\n    id: string\n    label: string\n    children: (handle: ReactNode) => ReactNode\n}\n"]}

package/dist/shared/Table/Types/table.types.d.ts

@@ -1,9 +1,10 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
 import type { ColumnDef, Header, ReactTable, Row, RowData, SortingState, TableOptions } from '@tanstack/react-table';
 import type { rentnerTableFeatures } from '../../../lib/Table/table.ts';
+import type { TableInteractionMessages, TableRowEvents } from './interaction.types.ts';
 export type TableLocale = 'de' | 'en';
 export type TableSize = 'sm' | 'md' | 'lg';
-export interface TableMessages {
+export interface TableMessages extends Partial<TableInteractionMessages> {
     empty: string;
     loading: string;
     sortAscending: string;
@@ -44,8 +45,10 @@ export type TableLogicOptions<TData extends RowData> = Pick<TableOptions<typeof
     initialSorting?: SortingState;
     locale?: TableLocale;
     messages?: Partial<TableMessages>;
+    /** Enable horizontal drag handles and keyboard column resizing. Defaults to false. */
+    resizableColumns?: boolean;
 };
-export type TableProps<TData extends RowData> = Omit<ComponentPropsWithRef<'table'>, 'children'> & TableLogicOptions<TData> & {
+export type TableProps<TData extends RowData> = Omit<ComponentPropsWithRef<'table'>, 'children'> & TableLogicOptions<TData> & TableRowEvents<TData> & {
     children?: never;
     caption?: ReactNode;
     size?: TableSize;

package/dist/shared/Table/Types/table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Types/table.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Types/table.types.ts"],"names":[],"mappings":"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"}

package/dist/shared/Table/Types/table.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.types.js","sourceRoot":"","sources":["../../../../src/shared/Table/Types/table.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react'\nimport type {\n    ColumnDef,\n    Header,\n    ReactTable,\n    Row,\n    RowData,\n    SortingState,\n    TableOptions,\n} from '@tanstack/react-table'\nimport type { rentnerTableFeatures } from '../../../lib/Table/table.ts'\n\nexport type TableLocale = 'de' | 'en'\nexport type TableSize = 'sm' | 'md' | 'lg'\n\nexport interface TableMessages {\n    empty: string\n    loading: string\n    sortAscending: string\n    sortDescending: string\n    clearSorting: string\n    title: string\n    search: string\n    searchPlaceholder: string\n    filters: string\n    columns: string\n    resetFilters: string\n    noResults: string\n    noResultsDescription: string\n    emptyDescription: string\n    error: string\n    retry: string\n    all: string\n    filterColumn: (label: string) => string\n    rowsPerPage: string\n    firstPage: string\n    previousPage: string\n    nextPage: string\n    lastPage: string\n    pageInfo: (page: number, pages: number | null) => string\n    rowRange: (first: number, last: number, total: number | null) => string\n    results: (count: number) => string\n    selected: (count: number) => string\n    clearSelection: string\n    selectPage: string\n    selectRow: (label: string) => string\n    expandRow: (label: string) => string\n    collapseRow: (label: string) => string\n}\n\nexport type TableColumn<TData extends RowData, TValue = unknown> = ColumnDef<\n    typeof rentnerTableFeatures,\n    TData,\n    TValue\n>\n\nexport type RentnerTableInstance<TData extends RowData> = ReactTable<\n    typeof rentnerTableFeatures,\n    TData\n>\nexport type RentnerTableOptions<TData extends RowData> = Omit<\n    TableOptions<typeof rentnerTableFeatures, TData>,\n    'features'\n>\n\nexport type TableLogicOptions<TData extends RowData> = Pick<\n    TableOptions<typeof rentnerTableFeatures, TData>,\n    'data' | 'columns' | 'getRowId' | 'enableSorting'\n> & {\n    initialSorting?: SortingState\n    locale?: TableLocale\n    messages?: Partial<TableMessages>\n}\n\nexport type TableProps<TData extends RowData> = Omit<\n    ComponentPropsWithRef<'table'>,\n    'children'\n> &\n    TableLogicOptions<TData> & {\n        children?: never\n        caption?: ReactNode\n        size?: TableSize\n        striped?: boolean\n        isLoading?: boolean\n        emptyState?: ReactNode\n        loadingState?: ReactNode\n        containerClassName?: string\n    }\n\nexport interface TableHeaderState<TData extends RowData> {\n    header: Header<typeof rentnerTableFeatures, TData, unknown>\n    canSort: boolean\n    sortDirection: 'ascending' | 'descending' | undefined\n    sortAction: string\n    sortIndicator: string\n}\n\nexport interface TableLogicResult<TData extends RowData> {\n    table: ReactTable<typeof rentnerTableFeatures, TData>\n    state: {\n        headerGroups: {\n            id: string\n            headers: TableHeaderState<TData>[]\n        }[]\n        rows: Row<typeof rentnerTableFeatures, TData>[]\n        columnCount: number\n        messages: TableMessages\n    }\n}\n"]}
+{"version":3,"file":"table.types.js","sourceRoot":"","sources":["../../../../src/shared/Table/Types/table.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react'\nimport type {\n    ColumnDef,\n    Header,\n    ReactTable,\n    Row,\n    RowData,\n    SortingState,\n    TableOptions,\n} from '@tanstack/react-table'\nimport type { rentnerTableFeatures } from '../../../lib/Table/table.ts'\nimport type {\n    TableInteractionMessages,\n    TableRowEvents,\n} from './interaction.types.ts'\n\nexport type TableLocale = 'de' | 'en'\nexport type TableSize = 'sm' | 'md' | 'lg'\n\nexport interface TableMessages extends Partial<TableInteractionMessages> {\n    empty: string\n    loading: string\n    sortAscending: string\n    sortDescending: string\n    clearSorting: string\n    title: string\n    search: string\n    searchPlaceholder: string\n    filters: string\n    columns: string\n    resetFilters: string\n    noResults: string\n    noResultsDescription: string\n    emptyDescription: string\n    error: string\n    retry: string\n    all: string\n    filterColumn: (label: string) => string\n    rowsPerPage: string\n    firstPage: string\n    previousPage: string\n    nextPage: string\n    lastPage: string\n    pageInfo: (page: number, pages: number | null) => string\n    rowRange: (first: number, last: number, total: number | null) => string\n    results: (count: number) => string\n    selected: (count: number) => string\n    clearSelection: string\n    selectPage: string\n    selectRow: (label: string) => string\n    expandRow: (label: string) => string\n    collapseRow: (label: string) => string\n}\n\nexport type TableColumn<TData extends RowData, TValue = unknown> = ColumnDef<\n    typeof rentnerTableFeatures,\n    TData,\n    TValue\n>\n\nexport type RentnerTableInstance<TData extends RowData> = ReactTable<\n    typeof rentnerTableFeatures,\n    TData\n>\nexport type RentnerTableOptions<TData extends RowData> = Omit<\n    TableOptions<typeof rentnerTableFeatures, TData>,\n    'features'\n>\n\nexport type TableLogicOptions<TData extends RowData> = Pick<\n    TableOptions<typeof rentnerTableFeatures, TData>,\n    'data' | 'columns' | 'getRowId' | 'enableSorting'\n> & {\n    initialSorting?: SortingState\n    locale?: TableLocale\n    messages?: Partial<TableMessages>\n    /** Enable horizontal drag handles and keyboard column resizing. Defaults to false. */\n    resizableColumns?: boolean\n}\n\nexport type TableProps<TData extends RowData> = Omit<\n    ComponentPropsWithRef<'table'>,\n    'children'\n> &\n    TableLogicOptions<TData> &\n    TableRowEvents<TData> & {\n        children?: never\n        caption?: ReactNode\n        size?: TableSize\n        striped?: boolean\n        isLoading?: boolean\n        emptyState?: ReactNode\n        loadingState?: ReactNode\n        containerClassName?: string\n    }\n\nexport interface TableHeaderState<TData extends RowData> {\n    header: Header<typeof rentnerTableFeatures, TData, unknown>\n    canSort: boolean\n    sortDirection: 'ascending' | 'descending' | undefined\n    sortAction: string\n    sortIndicator: string\n}\n\nexport interface TableLogicResult<TData extends RowData> {\n    table: ReactTable<typeof rentnerTableFeatures, TData>\n    state: {\n        headerGroups: {\n            id: string\n            headers: TableHeaderState<TData>[]\n        }[]\n        rows: Row<typeof rentnerTableFeatures, TData>[]\n        columnCount: number\n        messages: TableMessages\n    }\n}\n"]}

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+export type { TableCell, TableRowEvents, TableRowOrderChange, TableInteractionMessages, } from './shared/Table/Types/interaction.types.ts';
 export type { TableColumn, TableLocale, TableLogicOptions, TableLogicResult, TableMessages, TableProps, TableSize, RentnerTableInstance, RentnerTableOptions, } from './shared/Table/Types/table.types.ts';
 export type { TableColumnMeta, TableColumnFilter, TableDateRange, } from './shared/Table/Types/column.types.ts';
 export type { TableProviderProps } from './shared/Table/Types/dataTable.types.ts';

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,YAAY,EACR,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,SAAS,EACT,oBAAoB,EACpB,mBAAmB,GACtB,MAAM,qCAAqC,CAAA;AAC5C,YAAY,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,GACjB,MAAM,sCAAsC,CAAA;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AACjF,YAAY,EACR,cAAc,EACd,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,GACvB,MAAM,yCAAyC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,YAAY,EACR,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,wBAAwB,GAC3B,MAAM,2CAA2C,CAAA;AAClD,YAAY,EACR,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,SAAS,EACT,oBAAoB,EACpB,mBAAmB,GACtB,MAAM,qCAAqC,CAAA;AAC5C,YAAY,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,GACjB,MAAM,sCAAsC,CAAA;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AACjF,YAAY,EACR,cAAc,EACd,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,GACvB,MAAM,yCAAyC,CAAA"}

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type {\n    TableColumn,\n    TableLocale,\n    TableLogicOptions,\n    TableLogicResult,\n    TableMessages,\n    TableProps,\n    TableSize,\n    RentnerTableInstance,\n    RentnerTableOptions,\n} from './shared/Table/Types/table.types.ts'\nexport type {\n    TableColumnMeta,\n    TableColumnFilter,\n    TableDateRange,\n} from './shared/Table/Types/column.types.ts'\nexport type { TableProviderProps } from './shared/Table/Types/dataTable.types.ts'\nexport type {\n    DataTableProps,\n    DataTableLogicOptions,\n    DataTableLogicResult,\n    DataTableContext,\n    DataTableClassNames,\n    TableRow,\n    TableColumnInstance,\n    TableSurfaceProps,\n    DataTableToolbarProps,\n    DataTablePaginationProps,\n    TableRowActionsProps,\n} from './shared/Table/Types/dataTable.types.ts'\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type {\n    TableCell,\n    TableRowEvents,\n    TableRowOrderChange,\n    TableInteractionMessages,\n} from './shared/Table/Types/interaction.types.ts'\nexport type {\n    TableColumn,\n    TableLocale,\n    TableLogicOptions,\n    TableLogicResult,\n    TableMessages,\n    TableProps,\n    TableSize,\n    RentnerTableInstance,\n    RentnerTableOptions,\n} from './shared/Table/Types/table.types.ts'\nexport type {\n    TableColumnMeta,\n    TableColumnFilter,\n    TableDateRange,\n} from './shared/Table/Types/column.types.ts'\nexport type { TableProviderProps } from './shared/Table/Types/dataTable.types.ts'\nexport type {\n    DataTableProps,\n    DataTableLogicOptions,\n    DataTableLogicResult,\n    DataTableContext,\n    DataTableClassNames,\n    TableRow,\n    TableColumnInstance,\n    TableSurfaceProps,\n    DataTableToolbarProps,\n    DataTablePaginationProps,\n    TableRowActionsProps,\n} from './shared/Table/Types/dataTable.types.ts'\n"]}

package/docs/usage.md

@@ -19,6 +19,60 @@ The package supports React 19, React DOM 19, Tailwind CSS 4 and TanStack Table 9
 
 `Table` takes `data`, `columns`, an optional `getRowId` and a `caption`. It renders every supplied row and supports `enableSorting`, `initialSorting`, `locale`, `messages`, density, striped rows and loading/empty content. It accepts native table attributes and a ref.
 
+## Resizing and row reordering
+
+Both capabilities are opt-in. `resizableColumns` works with `Table` and `DataTable`; `reorderableRows` is provided by `DataTable`.
+
+```tsx
+import { useState } from 'react'
+import { DataTable, createTableColumnHelper } from '@rentnerkev/table'
+
+interface Member {
+    id: string
+    name: string
+    role: string
+}
+const initialMembers: Member[] = [
+    { id: 'alex', name: 'Alex Weber', role: 'Developer' },
+    { id: 'sam', name: 'Sam Fischer', role: 'Designer' },
+]
+const column = createTableColumnHelper<Member>()
+const columns = column.columns([
+    column.accessor('name', { header: 'Member', minSize: 100, maxSize: 600 }),
+    column.accessor('role', { header: 'Role', enableResizing: false }),
+])
+
+export default function ReusableTeam() {
+    const [data, setData] = useState(initialMembers)
+    return (
+        <DataTable
+            data={data}
+            columns={columns}
+            getRowId={(member) => member.id}
+            getRowLabel={(member) => member.name}
+            title="Project team"
+            resizableColumns
+            reorderableRows
+            onRowOrderChange={(next) => setData(next)}
+        />
+    )
+}
+```
+
+Resize a leaf column at its edge. Arrow keys change width by 10 pixels, Shift+Arrow by 50; Home or double-click resets its configured size, and End selects its maximum. `minSize`, `maxSize` and `enableResizing` configure each column. Native `tableOptions.columnResizeMode`, `columnResizeDirection`, controlled `state.columnSizing` and `onColumnSizingChange` remain available on `DataTable`.
+
+Drag a row by its handle, hold the handle briefly on touch devices, or use Space, arrow keys and Space/Enter to move it with the keyboard. Escape and drops outside the table cancel. The preview stays within the visible table width and includes expanded details. Clear sorting before reordering; dragging is disabled while sorting is active or the table is loading or showing an error.
+
+`reorderableRows` alone keeps the order internally. Providing `onRowOrderChange(data, change)` makes the caller responsible for applying the returned array. `TableRowOrderChange` contains `activeId`, `overId`, `fromIndex` and `toIndex`; indices refer to the full supplied data, before filtering and pagination. Only rendered rows are drag targets. Keep stable record IDs, preserve the rest of the data when persisting server-page changes, and retain order in your backend when required. Selection and expanded details stay attached to their record during reordering. Drag dependencies load on demand.
+
+## Row, cell and table events
+
+`Table` and `DataTable` provide `onRowClick`, `onRowDoubleClick`, `onRowContextMenu`, `onCellClick`, `onCellDoubleClick` and `onCellContextMenu`. Callbacks receive the native typed row/cell followed by the React mouse event. Use `row.original`, `cell.row.original` and `cell.column.id` to route application actions.
+
+Row click and double-click notifications ignore interactive controls, prevented events and descendants marked `data-no-row-click`. Cell handlers can call `preventDefault()` to suppress the row callback, or `stopPropagation()` to stop bubbling. Render editable cells as accessible buttons or shared RentnerKev controls; those controls keep their own keyboard behavior.
+
+For context menus, either prevent the browser menu and open your own UI, or wrap the table with `ContextMenu` from `@rentnerkev/menu` and let the event bubble to that wrapper. Set the target row in `onRowContextMenu` before the wrapper opens. Native table events, attributes and refs go through `DataTable.tableProps`; `Table` accepts them directly. When using headless composition, pass `handler.handleRowReorder` to `TableSurface.onRowReorder` together with `reorderableRows`.
+
 ## Columns and filters
 
 Create columns with `createTableColumnHelper<YourRecord>()`. `helper.columns([...])` preserves typed values across heterogeneous accessor columns. Define reusable columns outside render, or memoize columns that depend on locale or callbacks.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rentnerkev/table",
-    "version": "0.0.1",
+    "version": "0.0.2",
     "description": "Accessible, typed React tables with TanStack Table and shared RentnerKev styling.",
     "author": "RentnerKev",
     "license": "MIT",
@@ -83,6 +83,10 @@
         "react-dom": "^19.0.0"
     },
     "dependencies": {
+        "@dnd-kit/core": "^6.3.1",
+        "@dnd-kit/modifiers": "^9.0.0",
+        "@dnd-kit/sortable": "^10.0.0",
+        "@dnd-kit/utilities": "^3.2.2",
         "@rentnerkev/calendar": "^2.9.0",
         "@rentnerkev/inputs": "^2.8.1",
         "@rentnerkev/menu": "^1.1.0",