@chumsinc/sortable-tables 2.0.7 → 2.0.9

package/CHANGELOG.md

@@ -7,7 +7,29 @@ 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.7](https://github.com/ChumsInc/sortable-tables/compare/v2.0.6...v2.0.7)
+#### [v2.0.9](https://github.com/ChumsInc/sortable-tables/compare/v2.0.8...v2.0.9)
+
+> 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
+
+
+
+
+### Commits
+
+- [`ad120cd`](https://github.com/ChumsInc/sortable-tables/commit/ad120cd7f521d194613370aa91befd24582aef5d)  fix: allow React.ReactNode for rowsPerPage label
+
+#### [v2.0.7](https://github.com/ChumsInc/sortable-tables/compare/v2.0.6...v2.0.7) - 2025-02-27
 
 > 2025-02-27
 

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/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

@@ -70,6 +70,7 @@ export interface DataTableRowProps<T = unknown> extends Omit<TableHTMLAttributes
     onClick?: (row?: T) => T | void;
 }
 export interface SortableTableProps<T = unknown> extends DataTableProps<T> {
+    fields: SortableTableField<T>[];
     currentSort: SortProps<T>;
     onChangeSort: (sort: SortProps<T>) => void;
 }
@@ -87,7 +88,7 @@ export interface SortableTableTHProps<T = unknown> extends Omit<DataTableTHProps
 export interface RowsPerPageProps extends Omit<HTMLAttributes<HTMLSelectElement>, 'onChange'> {
     value: number;
     pageValues?: number[];
-    label?: string;
+    label?: string | React.ReactNode;
     size?: UISize;
     className?: string;
     onChange: (value: number) => void;

package/package.json

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

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

@@ -88,6 +88,7 @@ export interface DataTableRowProps<T = unknown> extends Omit <TableHTMLAttribute
 }
 
 export interface SortableTableProps<T = unknown> extends DataTableProps<T> {
+    fields: SortableTableField<T>[];
     currentSort: SortProps<T>;
     onChangeSort: (sort: SortProps<T>) => void;
 }
@@ -108,7 +109,7 @@ export interface SortableTableTHProps<T = unknown> extends Omit<DataTableTHProps
 export interface RowsPerPageProps extends Omit<HTMLAttributes<HTMLSelectElement>, 'onChange'> {
     value: number;
     pageValues?: number[];
-    label?: string;
+    label?: string|React.ReactNode;
     size?: UISize;
     className?: string;
     onChange: (value: number) => void;

package/test/TestTable.tsx

@@ -56,6 +56,7 @@ export default function TestTable() {
                              rowsPerPage={rowsPerPage}
                              rowsPerPageProps={{
                                  onChange: rowsPerPageChangeHandler,
+                                 label: <span className="bi-images" />,
                                  pageValues: [5, 10, 15, 25, 50, 100]
                              }}
                              showFirst={list.length > rowsPerPage}