@chumsinc/sortable-tables 3.1.0 → 3.1.2

package/CHANGELOG.md

@@ -7,7 +7,48 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### [v3.1.0](https://github.com/ChumsInc/sortable-tables/compare/v3.0.2...v3.1.0)
+#### [v3.1.2](https://github.com/ChumsInc/sortable-tables/compare/v3.1.2-beta.0...v3.1.2)
+
+> 2026-04-01
+
+
+
+
+### Commits
+
+- [`653ae4f`](https://github.com/ChumsInc/sortable-tables/commit/653ae4f315eb962832c141c0b636ed8d875425e1)  chore: do the actual fucking build...
+- [`6c66f93`](https://github.com/ChumsInc/sortable-tables/commit/6c66f93a3a2d596c4ecdc5fc01131d8f3c3981e1)  docs: add usage example for `TableVirtuoso` in README.md
+- [`f028a65`](https://github.com/ChumsInc/sortable-tables/commit/f028a6512528b12461967cdaa51f1d84683edd96)  refactor: add `DataTableRowCellSet` to exports for increased modularity and update `DataTableRow` to use it
+
+#### [v3.1.2-beta.0](https://github.com/ChumsInc/sortable-tables/compare/v3.1.1...v3.1.2-beta.0) - 2026-04-01
+
+> 2026-04-01
+
+
+
+
+### Commits
+
+- [`20fd61c`](https://github.com/ChumsInc/sortable-tables/commit/20fd61c4674f10f469b3d39030ef6edc402b3b67)  npm updates
+- [`9cfce05`](https://github.com/ChumsInc/sortable-tables/commit/9cfce053dfe0849b24ce3e710c0a8e85f8816b8b)  chore: update dependencies including @typescript-eslint to 8.58.0 and related packages
+- [`b10d111`](https://github.com/ChumsInc/sortable-tables/commit/b10d111daa11f62afb5e2514a8fb41b4c2a0b359)  refactor: extract `DataTableTR` and `DataTableRowCellSet` components to allow for use with react-virtuoso TableVirtuoso components, update `DataTableRow` to use them, and update exports. Export Table component for use with TableVirtuoso
+
+#### [v3.1.1](https://github.com/ChumsInc/sortable-tables/compare/v3.1.0...v3.1.1) - 2026-03-02
+
+> 2026-03-02
+
+
+
+
+### Commits
+
+- [`d2a9e43`](https://github.com/ChumsInc/sortable-tables/commit/d2a9e43fe8831a566c63d83bca93f691c2cf340e)  chore:
+- npm updates
+- remove vite-plugin-dts, replace with separate tsconfig-dts.json for building type definitions
+- disable eslint-plugin-react-hooks until its ready for eslint 10
+- [`1862982`](https://github.com/ChumsInc/sortable-tables/commit/1862982ead5a6084e21037663833cc932864adb6)  chore:npm updates
+
+#### [v3.1.0](https://github.com/ChumsInc/sortable-tables/compare/v3.0.2...v3.1.0) - 2026-01-19
 
 > 2026-01-19
 

package/README.md

@@ -163,6 +163,44 @@ export default function ProductLinesList() {
 } 
 ```
 
+### Usage in TableVirtuoso
+```tsx
+
+const components: TableComponents<DataRow> = {
+  Table: ({children, style}) => (
+          <Table style={style} className="table table-xs table-list">{children}</Table>
+  ),
+  TableRow: ({children, item, ...rest}) => (
+          <DataTableTR row={item} selected={item._id === selected} onClick={() => setSelected(item._id)} {...rest}>
+            {children}
+          </DataTableTR>
+  ),
+}
+return (
+        <TableContainer className="table-responsive">
+          <TableVirtuoso data={data} components={components}
+                         fixedItemHeight={25}
+                         fixedHeaderContent={() => (
+                                 <tr >
+                                   {fields
+                                           .map((tableField, index) => (
+                                                   <SortableTableTH key={index} field={tableField}
+                                                                    sorted={sort?.field === tableField.field}
+                                                                    ascending={sort?.ascending}
+                                                                    className={classNames({[`text-${tableField.align}`]: !!tableField.align})}
+                                                                    onClick={sortChangeHandler}/>
+                                           ))}
+                                 </tr>
+                         )}
+                         itemContent={(_index, row) => (
+                                 <DataTableRowCellSet fields={fields} row={row}/>
+                         )}
+          />
+        </TableContainer>
+)
+
+```
+
 ## 
 ## Breaking Changes
 Breaking changes from `chums-components`

package/dist/ContainedDataTable.d.ts

@@ -1,4 +1,4 @@
-import { DataTableProps } from './types';
+import type { DataTableProps } from "./types";
 declare function ContainedDataTable<T = unknown>({ className, size, responsive, sticky, data, keyField, rowClassName, renderRow, onSelectRow, selected, tableHeadProps, children, tfoot, ...rest }: Omit<DataTableProps<T>, 'fields'>): import("react/jsx-runtime").JSX.Element;
 declare namespace ContainedDataTable {
     var displayName: string;

package/dist/ContainedDataTableRow.d.ts

@@ -1,4 +1,4 @@
-import { DataTableRowProps } from './types';
+import type { DataTableRowProps } from "./types";
 declare function ContainedDataTableRow<T = unknown>({ className, rowClassName, selected, row, trRef, onClick, ...rest }: Omit<DataTableRowProps<T>, 'fields'>): import("react/jsx-runtime").JSX.Element | null;
 declare namespace ContainedDataTableRow {
     var displayName: string;

package/dist/ContainedSortableTable.d.ts

@@ -1,4 +1,4 @@
-import { SortableTableProps } from './types';
+import type { SortableTableProps } from "./types";
 declare function ContainedSortableTable<T = unknown>({ className, size, responsive, sticky, data, keyField, rowClassName, renderRow, onSelectRow, selected, tableHeadProps, children, tfoot, onChangeSort, ...rest }: Omit<SortableTableProps<T>, 'fields' | 'currentSort'>): import("react/jsx-runtime").JSX.Element;
 declare namespace ContainedSortableTable {
     var displayName: string;

package/dist/DataTable.d.ts

@@ -1,4 +1,4 @@
-import { DataTableProps } from './types';
+import type { DataTableProps } from "./types";
 declare function DataTable<T = unknown>({ fields, ...rest }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTable {
     var displayName: string;

package/dist/DataTableCell.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { DataTableCellProps } from './types';
-declare function DataTableCell<T = unknown>({ field, row, className, as, ...rest }: DataTableCellProps<T>): import('react').DetailedReactHTMLElement<{
+import { type ReactNode } from 'react';
+import type { DataTableCellProps } from "./types";
+declare function DataTableCell<T = unknown>({ field, row, className, as, ...rest }: DataTableCellProps<T>): import("react").DetailedReactHTMLElement<{
     children?: ReactNode | undefined;
     align?: "left" | "center" | "right" | undefined;
     bgcolor?: string | undefined;
@@ -29,12 +29,12 @@ declare function DataTableCell<T = unknown>({ field, row, className, as, ...rest
     nonce?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import('react').CSSProperties | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
-    role?: import('react').AriaRole | undefined;
+    role?: import("react").AriaRole | undefined;
     about?: string | undefined;
     content?: string | undefined;
     datatype?: string | undefined;
@@ -121,174 +121,174 @@ declare function DataTableCell<T = unknown>({ field, row, className, as, ...rest
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
-    onCopy?: import('react').ClipboardEventHandler<HTMLTableCellElement> | undefined;
-    onCopyCapture?: import('react').ClipboardEventHandler<HTMLTableCellElement> | undefined;
-    onCut?: import('react').ClipboardEventHandler<HTMLTableCellElement> | undefined;
-    onCutCapture?: import('react').ClipboardEventHandler<HTMLTableCellElement> | undefined;
-    onPaste?: import('react').ClipboardEventHandler<HTMLTableCellElement> | undefined;
-    onPasteCapture?: import('react').ClipboardEventHandler<HTMLTableCellElement> | undefined;
-    onCompositionEnd?: import('react').CompositionEventHandler<HTMLTableCellElement> | undefined;
-    onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLTableCellElement> | undefined;
-    onCompositionStart?: import('react').CompositionEventHandler<HTMLTableCellElement> | undefined;
-    onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLTableCellElement> | undefined;
-    onCompositionUpdate?: import('react').CompositionEventHandler<HTMLTableCellElement> | undefined;
-    onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLTableCellElement> | undefined;
-    onFocus?: import('react').FocusEventHandler<HTMLTableCellElement> | undefined;
-    onFocusCapture?: import('react').FocusEventHandler<HTMLTableCellElement> | undefined;
-    onBlur?: import('react').FocusEventHandler<HTMLTableCellElement> | undefined;
-    onBlurCapture?: import('react').FocusEventHandler<HTMLTableCellElement> | undefined;
-    onChange?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onChangeCapture?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onBeforeInput?: import('react').InputEventHandler<HTMLTableCellElement> | undefined;
-    onBeforeInputCapture?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onInput?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onInputCapture?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onReset?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onResetCapture?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onSubmit?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onSubmitCapture?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onInvalid?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onInvalidCapture?: import('react').FormEventHandler<HTMLTableCellElement> | undefined;
-    onLoad?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onLoadCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onError?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onErrorCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onKeyDown?: import('react').KeyboardEventHandler<HTMLTableCellElement> | undefined;
-    onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLTableCellElement> | undefined;
-    onKeyPress?: import('react').KeyboardEventHandler<HTMLTableCellElement> | undefined;
-    onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLTableCellElement> | undefined;
-    onKeyUp?: import('react').KeyboardEventHandler<HTMLTableCellElement> | undefined;
-    onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLTableCellElement> | undefined;
-    onAbort?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onAbortCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onCanPlay?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onCanPlayCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onCanPlayThrough?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onDurationChange?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onDurationChangeCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onEmptied?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onEmptiedCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onEncrypted?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onEncryptedCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onEnded?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onEndedCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onLoadedData?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onLoadedDataCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onLoadedMetadata?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onLoadStart?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onLoadStartCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onPause?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onPauseCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onPlay?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onPlayCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onPlaying?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onPlayingCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onProgress?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onProgressCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onRateChange?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onRateChangeCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onSeeked?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onSeekedCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onSeeking?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onSeekingCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onStalled?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onStalledCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onSuspend?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onSuspendCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onTimeUpdate?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onVolumeChange?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onWaiting?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onWaitingCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onAuxClick?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onAuxClickCapture?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onClick?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onClickCapture?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onContextMenu?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onContextMenuCapture?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onDoubleClick?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onDoubleClickCapture?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onDrag?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragCapture?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragEnd?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragEndCapture?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragEnter?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragEnterCapture?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragExit?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragExitCapture?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragLeave?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragLeaveCapture?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragOver?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragOverCapture?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragStart?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDragStartCapture?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDrop?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onDropCapture?: import('react').DragEventHandler<HTMLTableCellElement> | undefined;
-    onMouseDown?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseDownCapture?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseEnter?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseLeave?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseMove?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseMoveCapture?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseOut?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseOutCapture?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseOver?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseOverCapture?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseUp?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onMouseUpCapture?: import('react').MouseEventHandler<HTMLTableCellElement> | undefined;
-    onSelect?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onSelectCapture?: import('react').ReactEventHandler<HTMLTableCellElement> | undefined;
-    onTouchCancel?: import('react').TouchEventHandler<HTMLTableCellElement> | undefined;
-    onTouchCancelCapture?: import('react').TouchEventHandler<HTMLTableCellElement> | undefined;
-    onTouchEnd?: import('react').TouchEventHandler<HTMLTableCellElement> | undefined;
-    onTouchEndCapture?: import('react').TouchEventHandler<HTMLTableCellElement> | undefined;
-    onTouchMove?: import('react').TouchEventHandler<HTMLTableCellElement> | undefined;
-    onTouchMoveCapture?: import('react').TouchEventHandler<HTMLTableCellElement> | undefined;
-    onTouchStart?: import('react').TouchEventHandler<HTMLTableCellElement> | undefined;
-    onTouchStartCapture?: import('react').TouchEventHandler<HTMLTableCellElement> | undefined;
-    onPointerDown?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerDownCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerMove?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerMoveCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerUp?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerUpCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerCancel?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerCancelCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerEnter?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerLeave?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerOver?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerOverCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerOut?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onPointerOutCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onGotPointerCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onLostPointerCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLTableCellElement> | undefined;
-    onScroll?: import('react').UIEventHandler<HTMLTableCellElement> | undefined;
-    onScrollCapture?: import('react').UIEventHandler<HTMLTableCellElement> | undefined;
-    onScrollEnd?: import('react').UIEventHandler<HTMLTableCellElement> | undefined;
-    onScrollEndCapture?: import('react').UIEventHandler<HTMLTableCellElement> | undefined;
-    onWheel?: import('react').WheelEventHandler<HTMLTableCellElement> | undefined;
-    onWheelCapture?: import('react').WheelEventHandler<HTMLTableCellElement> | undefined;
-    onAnimationStart?: import('react').AnimationEventHandler<HTMLTableCellElement> | undefined;
-    onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLTableCellElement> | undefined;
-    onAnimationEnd?: import('react').AnimationEventHandler<HTMLTableCellElement> | undefined;
-    onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLTableCellElement> | undefined;
-    onAnimationIteration?: import('react').AnimationEventHandler<HTMLTableCellElement> | undefined;
-    onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLTableCellElement> | undefined;
-    onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
-    onBeforeToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
-    onTransitionCancel?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
-    onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
-    onTransitionEnd?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
-    onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
-    onTransitionRun?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
-    onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
-    onTransitionStart?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
-    onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLTableCellElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLTableCellElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLTableCellElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLTableCellElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLTableCellElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLTableCellElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLTableCellElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLTableCellElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLTableCellElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLTableCellElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLTableCellElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLTableCellElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLTableCellElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLTableCellElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLTableCellElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLTableCellElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLTableCellElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLTableCellElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLTableCellElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLTableCellElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLTableCellElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLTableCellElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLTableCellElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLTableCellElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLTableCellElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLTableCellElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLTableCellElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLTableCellElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLTableCellElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLTableCellElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLTableCellElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLTableCellElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLTableCellElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLTableCellElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLTableCellElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLTableCellElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLTableCellElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLTableCellElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLTableCellElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLTableCellElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLTableCellElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableCellElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLTableCellElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLTableCellElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLTableCellElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLTableCellElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLTableCellElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLTableCellElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLTableCellElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLTableCellElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLTableCellElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLTableCellElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLTableCellElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLTableCellElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLTableCellElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLTableCellElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
     className: string;
     scope: string | undefined;
     colSpan: number | undefined;

package/dist/DataTableContext.d.ts

@@ -1,4 +1,4 @@
-import { DataTableField, SortProps } from './types';
+import type { DataTableField, SortProps } from "./types";
 export interface TableContextData<T = unknown> {
     fields: DataTableField<T>[];
     setFields: (next: DataTableField<T>[] | ((prev: DataTableField<T>[]) => DataTableField<T>[])) => void;
@@ -7,4 +7,4 @@ export interface TableContextData<T = unknown> {
     getField: (key: string | number) => DataTableField<T> | undefined;
     updateField: (key: string | number, arg: Partial<DataTableField<T>>) => void;
 }
-export declare const DataTableContext: import('react').Context<TableContextData<unknown> | null>;
+export declare const DataTableContext: import("react").Context<TableContextData<unknown> | null>;

package/dist/DataTableHead.d.ts

@@ -1,4 +1,4 @@
-import { TableHTMLAttributes } from 'react';
+import { type TableHTMLAttributes } from "react";
 declare function DataTableHead<T = unknown>({ ...rest }: TableHTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTableHead {
     var displayName: string;

package/dist/DataTableProvider.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { DataTableField, SortProps } from './types';
+import { type ReactNode } from "react";
+import type { DataTableField, SortProps } from "./types";
 export interface TableProviderProps<T = unknown> {
     initialFields: DataTableField<T>[];
     initialSort?: SortProps<T> | null;

package/dist/DataTableRow.d.ts

@@ -1,5 +1,5 @@
-import { DataTableRowProps } from './types';
-declare function DataTableRow<T = unknown>({ fields, className, rowClassName, selected, row, trRef, onClick, ...rest }: DataTableRowProps<T>): import("react/jsx-runtime").JSX.Element | null;
+import type { DataTableRowProps } from "./types";
+declare function DataTableRow<T = unknown>({ fields, className, rowClassName, selected, row, trRef, onClick, ...rest }: DataTableRowProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTableRow {
     var displayName: string;
 }

package/dist/DataTableRowCellSet.d.ts

@@ -0,0 +1,2 @@
+import type { DataTableCellSetProps } from "./types";
+export default function DataTableRowCellSet<T = unknown>({ fields, row }: DataTableCellSetProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/DataTableTBody.d.ts

@@ -1,4 +1,4 @@
-import { DataTableTBodyProps } from './types';
+import type { DataTableTBodyProps } from "./types";
 declare function DataTableTBody<T = unknown>({ data, keyField, rowClassName, renderRow, onSelectRow, selected, children, ...rest }: DataTableTBodyProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTableTBody {
     var displayName: string;

package/dist/DataTableTH.d.ts

@@ -1,4 +1,4 @@
-import { DataTableTHProps } from './types';
+import type { DataTableTHProps } from "./types";
 declare function DataTableTH<T = unknown>({ field, className, children, ...rest }: DataTableTHProps<T>): import("react/jsx-runtime").JSX.Element | null;
 declare namespace DataTableTH {
     var displayName: string;

package/dist/DataTableTR.d.ts

@@ -0,0 +1,6 @@
+import type { DataTableTRProps } from "./types";
+declare function DataTableTR<T = unknown>({ className, rowClassName, selected, row, trRef, onClick, children, ...rest }: DataTableTRProps<T>): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DataTableTR {
+    var displayName: string;
+}
+export default DataTableTR;

package/dist/RowsPerPage.d.ts

@@ -1,4 +1,4 @@
-import { RowsPerPageProps } from './types';
+import type { RowsPerPageProps } from "./types";
 declare function RowsPerPage({ value, pageValues, size, label, className, onChange, ...rest }: RowsPerPageProps): import("react/jsx-runtime").JSX.Element;
 declare namespace RowsPerPage {
     var displayName: string;

package/dist/SortHelper.d.ts

@@ -1,4 +1,4 @@
-import { SortProps } from './types';
+import type { SortProps } from "./types";
 export interface StandaloneSortHelperProps<T = unknown> {
     nextSort: SortProps<T>;
 }