@chumsinc/sortable-tables 2.0.8 → 2.0.10

package/CHANGELOG.md

@@ -7,7 +7,30 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### [v2.0.8](https://github.com/ChumsInc/sortable-tables/compare/v2.0.7...v2.0.8)
+#### [v2.0.10](https://github.com/ChumsInc/sortable-tables/compare/v2.0.9...v2.0.10)
+
+> 2025-07-07
+
+
+
+
+### Commits
+
+- [`8f314f4`](https://github.com/ChumsInc/sortable-tables/commit/8f314f4f89a0f47382de3a678b8ec124ac44ebdf)  fix: allow key modifiers to be passed on onSelectRow
+- [`7267ff2`](https://github.com/ChumsInc/sortable-tables/commit/7267ff20a6a233043919c53e46113f5300dea9af)  fix: allow key modifiers to be passed on onSelectRow
+
+#### [v2.0.9](https://github.com/ChumsInc/sortable-tables/compare/v2.0.8...v2.0.9) - 2025-05-21
+
+> 2025-05-21
+
+
+
+
+### Commits
+
+- [`08001a6`](https://github.com/ChumsInc/sortable-tables/commit/08001a6604fea9ae723147f36a54261d798153c8)  fix: add correct fields type for SortableTableProps, npm updates
+
+#### [v2.0.8](https://github.com/ChumsInc/sortable-tables/compare/v2.0.7...v2.0.8) - 2025-03-13
 
 > 2025-03-13
 

package/dist/DataTableCell.d.ts

@@ -63,6 +63,8 @@ export default function DataTableCell<T = unknown>({ field, row, className, as,
     inert?: boolean | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -137,7 +139,7 @@ export default function DataTableCell<T = unknown>({ field, row, className, as,
     onBlurCapture?: React.FocusEventHandler<HTMLTableCellElement> | undefined;
     onChange?: React.FormEventHandler<HTMLTableCellElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLTableCellElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLTableCellElement> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLTableCellElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLTableCellElement> | undefined;
     onInput?: React.FormEventHandler<HTMLTableCellElement> | undefined;
     onInputCapture?: React.FormEventHandler<HTMLTableCellElement> | undefined;
@@ -187,8 +189,6 @@ export default function DataTableCell<T = unknown>({ field, row, className, as,
     onProgressCapture?: React.ReactEventHandler<HTMLTableCellElement> | undefined;
     onRateChange?: React.ReactEventHandler<HTMLTableCellElement> | undefined;
     onRateChangeCapture?: React.ReactEventHandler<HTMLTableCellElement> | undefined;
-    onResize?: React.ReactEventHandler<HTMLTableCellElement> | undefined;
-    onResizeCapture?: React.ReactEventHandler<HTMLTableCellElement> | undefined;
     onSeeked?: React.ReactEventHandler<HTMLTableCellElement> | undefined;
     onSeekedCapture?: React.ReactEventHandler<HTMLTableCellElement> | undefined;
     onSeeking?: React.ReactEventHandler<HTMLTableCellElement> | undefined;
@@ -269,6 +269,8 @@ export default function DataTableCell<T = unknown>({ field, row, className, as,
     onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLTableCellElement> | undefined;
     onScroll?: React.UIEventHandler<HTMLTableCellElement> | undefined;
     onScrollCapture?: React.UIEventHandler<HTMLTableCellElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLTableCellElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLTableCellElement> | undefined;
     onWheel?: React.WheelEventHandler<HTMLTableCellElement> | undefined;
     onWheelCapture?: React.WheelEventHandler<HTMLTableCellElement> | undefined;
     onAnimationStart?: React.AnimationEventHandler<HTMLTableCellElement> | undefined;

package/dist/DataTableRow.js

@@ -3,8 +3,8 @@ import classNames from "classnames";
 import { noop } from "./utils";
 import DataTableCell from "./DataTableCell";
 function DataTableRow({ className, rowClassName, selected, fields, row, trRef, onClick = noop, ...rest }) {
-    const clickHandler = () => {
-        return onClick ? onClick() : noop();
+    const clickHandler = (ev) => {
+        return onClick ? onClick(ev) : noop();
     };
     const _className = typeof rowClassName === 'function' ? rowClassName(row) : rowClassName;
     if (!row) {

package/dist/DataTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableRow.js","sourceRoot":"","sources":["../src/DataTableRow.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAE7B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,SAAS,YAAY,CAAc,EACmB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,GAAG,EACH,KAAK,EACL,OAAO,GAAG,IAAI,EACd,GAAG,IAAI,EACY;IACrE,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACxC,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,OAAO,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;IACzF,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,aAAI,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,EAAC,cAAc,EAAE,QAAQ,EAAC,EAAE,SAAS,EAAE,UAAU,CAAC,EACxE,OAAO,EAAE,YAAY,KACjB,IAAI,YACP,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAC,aAAa,IAAa,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAA7B,KAAK,CAA4B,CAAC,CAAC,GACrF,CACR,CAAA;AACL,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DataTableRow.js","sourceRoot":"","sources":["../src/DataTableRow.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAE7B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,SAAS,YAAY,CAAc,EACmB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,GAAG,EACH,KAAK,EACL,OAAO,GAAG,IAAI,EACd,GAAG,IAAI,EACY;IACrE,MAAM,YAAY,GAAG,CAAC,EAAa,EAAE,EAAE;QACnC,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC1C,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,OAAO,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;IACzF,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,aAAI,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,EAAC,cAAc,EAAE,QAAQ,EAAC,EAAE,SAAS,EAAE,UAAU,CAAC,EACxE,OAAO,EAAE,YAAY,KACjB,IAAI,YACP,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAC,aAAa,IAAa,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAA7B,KAAK,CAA4B,CAAC,CAAC,GACrF,CACR,CAAA;AACL,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,eAAe,YAAY,CAAC"}

package/dist/DataTableTBody.js

@@ -8,7 +8,7 @@ function DataTableTBody({ fields, data, keyField, rowClassName, renderRow, onSel
                 if (renderRow) {
                     return renderRow(row);
                 }
-                return (_jsx(DataTableRow, { onClick: () => onSelectRow(row), rowClassName: rowClassName, fields: fields, row: row, selected: isSelected }, keyValue));
+                return (_jsx(DataTableRow, { onClick: (ev) => onSelectRow(row, ev), rowClassName: rowClassName, fields: fields, row: row, selected: isSelected }, keyValue));
             }), children] }));
 }
 DataTableTBody.displayName = 'DataTableTBody';

package/dist/DataTableTBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableTBody.js","sourceRoot":"","sources":["../src/DataTableTBody.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAK7B,SAAS,cAAc,CAAc,EACT,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,GAAG,IAAI,EACc;IAE7C,OAAO,CACH,oBAAW,IAAI,aACd,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBACZ,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACxF,MAAM,UAAU,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC;gBAC1F,IAAI,SAAS,EAAE,CAAC;oBACZ,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;gBAC1B,CAAC;gBACD,OAAO,CACH,KAAC,YAAY,IAAgB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,EAC9C,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,IAHzB,QAAQ,CAGoB,CAClD,CAAA;YACL,CAAC,CAAC,EACD,QAAQ,IACD,CACX,CAAA;AACL,CAAC;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,eAAe,cAAc,CAAA"}
+{"version":3,"file":"DataTableTBody.js","sourceRoot":"","sources":["../src/DataTableTBody.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAK7B,SAAS,cAAc,CAAc,EACT,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,GAAG,IAAI,EACc;IAE7C,OAAO,CACH,oBAAW,IAAI,aACd,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBACZ,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACxF,MAAM,UAAU,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC;gBAC1F,IAAI,SAAS,EAAE,CAAC;oBACZ,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;gBAC1B,CAAC;gBACD,OAAO,CACH,KAAC,YAAY,IAAgB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,EAAE,CAAC,EACpD,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,IAHzB,QAAQ,CAGoB,CAClD,CAAA;YACL,CAAC,CAAC,EACD,QAAQ,IACD,CACX,CAAA;AACL,CAAC;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,eAAe,cAAc,CAAA"}

package/dist/index.d.ts

@@ -7,4 +7,4 @@ export { default as SortableTableHead } from './SortableTableHead';
 export { default as SortableTableTH } from './SortableTableTH';
 export { default as RowsPerPage, defaultRowsPerPageValues } from './RowsPerPage';
 export { default as TablePagination } from './TablePagination';
-export type { DataTableHeadProps, DataTableField, DataTableTHProps, DataTableClassNames, DataTableProps, SortableTableField, DataTableRowProps, DataTableTBodyProps, SortableTableTHProps, SortableTableHeadProps, SortProps, SortableTableProps, UISize, UIFlexAlign, TablePaginationProps, RowsPerPageProps } from './types';
+export type { DataTableHeadProps, DataTableField, DataTableTHProps, DataTableClassNames, DataTableProps, SortableTableField, DataTableRowProps, DataTableTBodyProps, SortableTableTHProps, SortableTableHeadProps, SortProps, SortableTableProps, UISize, UIFlexAlign, TablePaginationProps, RowsPerPageProps, UITableSize, DataTableCellProps } from './types';

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, ReactNode, TableHTMLAttributes } from 'react';
+import React, { HTMLAttributes, ReactNode, TableHTMLAttributes, MouseEvent } from 'react';
 import classNames from "classnames";
 export interface SortProps<T = unknown> {
     field: keyof T;
@@ -32,7 +32,7 @@ export interface DataTableProps<T = unknown> extends TableHTMLAttributes<HTMLTab
     responsive?: boolean | "sm" | "md" | "lg" | "xl" | 'xxl';
     rowClassName?: DataTableClassNames<T>;
     renderRow?: (row: T) => React.ReactNode;
-    onSelectRow?: (row: T) => T | void;
+    onSelectRow?: (row: T, ev?: MouseEvent) => T | void;
     selected?: string | number | ((row: T) => boolean);
     tfoot?: React.ReactElement<HTMLTableSectionElement>;
     tableHeadProps?: DataTableHeadProps<T>;
@@ -57,7 +57,7 @@ export interface DataTableTBodyProps<T = unknown> extends TableHTMLAttributes<HT
     keyField: keyof T | ((row: T) => string | number);
     rowClassName?: DataTableClassNames<T>;
     renderRow?: (row: T) => React.ReactNode;
-    onSelectRow?: (row: T) => T | void;
+    onSelectRow?: (row: T, ev?: MouseEvent) => T | void;
     selected?: string | number | ((row: T) => boolean);
     children?: ReactNode;
 }
@@ -67,9 +67,10 @@ export interface DataTableRowProps<T = unknown> extends Omit<TableHTMLAttributes
     fields: DataTableField<T>[];
     row: T;
     trRef?: React.Ref<HTMLTableRowElement>;
-    onClick?: (row?: T) => T | void;
+    onClick?: (ev?: MouseEvent) => void;
 }
 export interface SortableTableProps<T = unknown> extends DataTableProps<T> {
+    fields: SortableTableField<T>[];
     currentSort: SortProps<T>;
     onChangeSort: (sort: SortProps<T>) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chumsinc/sortable-tables",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "main": "./dist/index.js",
   "source": "./src/index.tsx",
   "types": "./dist/index.d.ts",

package/src/DataTableRow.tsx

@@ -1,4 +1,4 @@
-import React, {ReactNode} from 'react';
+import React, {ReactNode, MouseEvent} from 'react';
 import classNames from "classnames";
 import {noop} from "./utils";
 import {DataTableRowProps} from "./types";
@@ -15,8 +15,8 @@ function DataTableRow<T = unknown>({
                                                       onClick = noop,
                                                       ...rest
                                                   }: DataTableRowProps<T>) {
-    const clickHandler = () => {
-        return onClick ? onClick() : noop();
+    const clickHandler = (ev:MouseEvent) => {
+        return onClick ? onClick(ev) : noop();
     }
 
     const _className = typeof rowClassName === 'function' ? rowClassName(row) : rowClassName;

package/src/DataTableTBody.tsx

@@ -26,7 +26,7 @@ function DataTableTBody<T = unknown>({
                 return renderRow(row);
             }
             return (
-                <DataTableRow key={keyValue} onClick={() => onSelectRow(row)}
+                <DataTableRow key={keyValue} onClick={(ev) => onSelectRow(row, ev)}
                               rowClassName={rowClassName}
                               fields={fields}
                               row={row} selected={isSelected}/>

package/src/index.tsx

@@ -8,7 +8,22 @@ export {default as SortableTableTH} from './SortableTableTH';
 export {default as RowsPerPage, defaultRowsPerPageValues} from './RowsPerPage';
 export {default as TablePagination} from './TablePagination';
 export type {
-    DataTableHeadProps, DataTableField, DataTableTHProps, DataTableClassNames, DataTableProps,
-    SortableTableField, DataTableRowProps, DataTableTBodyProps, SortableTableTHProps, SortableTableHeadProps,
-    SortProps, SortableTableProps, UISize, UIFlexAlign, TablePaginationProps, RowsPerPageProps
+    DataTableHeadProps,
+    DataTableField,
+    DataTableTHProps,
+    DataTableClassNames,
+    DataTableProps,
+    SortableTableField,
+    DataTableRowProps,
+    DataTableTBodyProps,
+    SortableTableTHProps,
+    SortableTableHeadProps,
+    SortProps,
+    SortableTableProps,
+    UISize,
+    UIFlexAlign,
+    TablePaginationProps,
+    RowsPerPageProps,
+    UITableSize,
+    DataTableCellProps
 } from './types';

package/src/types.ts

@@ -1,4 +1,4 @@
-import React, {HTMLAttributes, ReactNode, TableHTMLAttributes} from 'react'
+import React, {HTMLAttributes, ReactNode, TableHTMLAttributes, MouseEvent} from 'react'
 import classNames from "classnames";
 
 
@@ -44,7 +44,7 @@ export interface DataTableProps<T = unknown> extends TableHTMLAttributes<HTMLTab
     responsive?: boolean|"sm" | "md" | "lg" | "xl" | 'xxl';
     rowClassName?: DataTableClassNames<T>;
     renderRow?: (row: T) => React.ReactNode;
-    onSelectRow?: (row: T) => T | void;
+    onSelectRow?: (row: T, ev?:MouseEvent) => T | void;
     selected?: string | number | ((row: T) => boolean);
     tfoot?: React.ReactElement<HTMLTableSectionElement>;
     tableHeadProps?: DataTableHeadProps<T>;
@@ -73,7 +73,7 @@ export interface DataTableTBodyProps<T = unknown> extends TableHTMLAttributes<HT
     keyField: keyof T | ((row: T) => string|number);
     rowClassName?: DataTableClassNames<T>;
     renderRow?: (row: T) => React.ReactNode;
-    onSelectRow?: (row: T) => T | void;
+    onSelectRow?: (row: T, ev?:MouseEvent) => T | void;
     selected?: string | number | ((row: T) => boolean);
     children?: ReactNode;
 }
@@ -84,10 +84,11 @@ export interface DataTableRowProps<T = unknown> extends Omit <TableHTMLAttribute
     fields: DataTableField<T>[];
     row: T;
     trRef?: React.Ref<HTMLTableRowElement>;
-    onClick?: (row?: T) => T | void;
+    onClick?: (ev?:MouseEvent) => void;
 }
 
 export interface SortableTableProps<T = unknown> extends DataTableProps<T> {
+    fields: SortableTableField<T>[];
     currentSort: SortProps<T>;
     onChangeSort: (sort: SortProps<T>) => void;
 }