@chumsinc/sortable-tables 2.1.2 → 2.2.0

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.1.2](https://github.com/ChumsInc/sortable-tables/compare/v2.1.1...v2.1.2)
+#### [v2.2.0](https://github.com/ChumsInc/sortable-tables/compare/v2.1.3...v2.2.0)
+
+> 2025-12-16
+
+
+
+
+### Commits
+
+- [`78c1ccc`](https://github.com/ChumsInc/sortable-tables/commit/78c1ccc7fe0ccb1a98077ecdbbe75f21a8b08da5)  chore: add new context-based table components and integrate TableProvider with useTableFields hook
+
+#### [v2.1.3](https://github.com/ChumsInc/sortable-tables/compare/v2.1.2...v2.1.3) - 2025-12-15
+
+> 2025-12-15
+
+
+
+
+### Commits
+
+- [`f4bdc3e`](https://github.com/ChumsInc/sortable-tables/commit/f4bdc3e6007cad72623eafe7d823cbb15c5edf68)  chore: replace classnames with clsx, add DataTableCols declaration, add DataTableCols with option for visibility:collapse
+
+#### [v2.1.2](https://github.com/ChumsInc/sortable-tables/compare/v2.1.1...v2.1.2) - 2025-12-02
 
 > 2025-12-02
 

package/dist/DataTable.d.ts

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

package/dist/DataTableCols.d.ts

@@ -0,0 +1,5 @@
+declare function DataTableCols(): import("react/jsx-runtime").JSX.Element;
+declare namespace DataTableCols {
+    var displayName: string;
+}
+export default DataTableCols;

package/dist/DataTableHead.d.ts

@@ -1,5 +1,5 @@
-import { DataTableHeadProps } from './types';
-declare function DataTableHead<T = unknown>({ fields, ...rest }: DataTableHeadProps<T>): import("react/jsx-runtime").JSX.Element;
+import { 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/DataTableRow.d.ts

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

package/dist/DataTableTBody.d.ts

@@ -1,5 +1,5 @@
 import { DataTableTBodyProps } from './types';
-declare function DataTableTBody<T = unknown>({ fields, data, keyField, rowClassName, renderRow, onSelectRow, selected, children, ...rest }: DataTableTBodyProps<T>): import("react/jsx-runtime").JSX.Element;
+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/DataTableWithContext.d.ts

@@ -0,0 +1,2 @@
+import { DataTableProps } from './types';
+export default function DataTableWithContext<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;

package/dist/RowsPerPage.d.ts

@@ -1,5 +1,4 @@
 import { RowsPerPageProps } from './types';
-export declare const defaultRowsPerPageValues: number[];
 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/SortableTable.d.ts

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

package/dist/SortableTableHead.d.ts

@@ -1,5 +1,5 @@
 import { SortableTableHeadProps } from './types';
-declare function SortableTableHead<T = unknown>({ currentSort, fields, onChangeSort, }: SortableTableHeadProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function SortableTableHead<T = unknown>({ currentSort, onChangeSort, }: SortableTableHeadProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace SortableTableHead {
     var displayName: string;
 }

package/dist/SortableTableWithContext.d.ts

@@ -0,0 +1,2 @@
+import { SortableTableProps } from './types';
+export default function SortableTableWithContext<T = unknown>({ className, size, responsive, sticky, data, keyField, rowClassName, renderRow, onSelectRow, selected, tableHeadProps, children, tfoot, currentSort, onChangeSort, ...rest }: Omit<SortableTableProps<T>, 'fields'>): import("react/jsx-runtime").JSX.Element;

package/dist/TableProvider.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { DataTableField } from './types';
+export interface TableContextData<T = unknown> {
+    fields: DataTableField<T>[];
+    setFields: (next: DataTableField<T>[] | ((prev: DataTableField<T>[]) => DataTableField<T>[])) => void;
+    updateField: (key: string | number, arg: Partial<DataTableField<T>>) => void;
+    getField: (key: string | number) => DataTableField<T> | undefined;
+}
+export interface TableProviderProps<T = unknown> {
+    initialFields: DataTableField<T>[];
+    children: ReactNode;
+}
+export default function TableProvider<T = unknown>({ children, initialFields }: TableProviderProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function useTableContext<T = unknown>(): TableContextData<T>;
+export declare function useTableFields<T = unknown>(): DataTableField<T>[];
+export declare function useField<T = unknown>(key: string | number): DataTableField<T> | null;
+export declare function useHasTableFieldsContext(): boolean;