@chumsinc/sortable-tables 2.0.6

package/CHANGELOG.md

@@ -0,0 +1,98 @@
+### Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
+
+#### [v2.0.6](https://github.com/ChumsInc/sortable-tables/compare/v2.0.5...v2.0.6)
+
+> 2025-02-07
+
+
+
+
+### Commits
+
+- [`4d7716d`](https://github.com/ChumsInc/sortable-tables/commit/4d7716d5d23eac513b3761c03b722aeba250019b)  fix: Accessibility fixes
+- aria labels for pagination buttons
+- allow set table cell as TD or TH
+- set scope on sortable table header cell
+
+#### [v2.0.5](https://github.com/ChumsInc/sortable-tables/compare/v2.0.4...v2.0.5) - 2025-02-07
+
+> 2025-02-07
+
+
+
+
+### Commits
+
+- [`cd6ae46`](https://github.com/ChumsInc/sortable-tables/commit/cd6ae4690642081d649933f3a6828f180db50cc3)  fix: RowsPerPage select element was missing id attribute
+
+#### [v2.0.4](https://github.com/ChumsInc/sortable-tables/compare/v2.0.3...v2.0.4) - 2025-02-06
+
+> 2025-02-06
+
+
+
+
+### Commits
+
+- [`82a8737`](https://github.com/ChumsInc/sortable-tables/commit/82a87377d0a63ae4ea4826a7842640c3efc19d6c)  feat:
+- add responsive option
+- add sort indicator alignment
+- add testing (visual, not automated)
+- [`4f31f68`](https://github.com/ChumsInc/sortable-tables/commit/4f31f68f59875bfde20e7a3bf828b0e41c91bba0)  feat: Show sort icon on hover.
+- [`116487f`](https://github.com/ChumsInc/sortable-tables/commit/116487f5edd46c47eedc721c6feb2b71e92c189c)  feat: Show sort icon on hover over the TH
+
+#### [v2.0.3](https://github.com/ChumsInc/sortable-tables/compare/v2.0.2...v2.0.3) - 2025-02-06
+
+> 2025-02-06
+
+
+
+
+### Commits
+
+- [`b3e03b4`](https://github.com/ChumsInc/sortable-tables/commit/b3e03b4887b87c7cf744be4fda396cb2f41d7e1d)  feat: Show sort icon on hover.
+
+#### [v2.0.2](https://github.com/ChumsInc/sortable-tables/compare/v2.0.1...v2.0.2) - 2025-02-05
+
+> 2025-02-05
+
+
+
+
+### Commits
+
+- [`6127c13`](https://github.com/ChumsInc/sortable-tables/commit/6127c13ef9c987b28e64c6883ea3c2e12026c9ff)  fix: ensure thProps.className gets applied to SortableTH
+
+#### v2.0.1 - 2025-02-05
+
+> 2025-02-05
+
+
+
+
+### Commits
+
+- [`319cf62`](https://github.com/ChumsInc/sortable-tables/commit/319cf620ace584d7a1a5962879d007da898c0905)  Initial commit
+- [`76ff58a`](https://github.com/ChumsInc/sortable-tables/commit/76ff58a7005dfea279dbdbb04303b3fca65bcc22)  initial commit, time for testing.
+- [`d8639dc`](https://github.com/ChumsInc/sortable-tables/commit/d8639dc51c0373a1123b5e5b751caa89f2873b6a)  fix: add dist directory
+- updates to package.json
+- updates to tsconfig.json
+- [`e314afe`](https://github.com/ChumsInc/sortable-tables/commit/e314afefd0bb93f493867daca924bcba4992e78e)  features:
+- include TablePagination element
+- RowsPerPage select
+- add displayName to each component
+- [`472dac4`](https://github.com/ChumsInc/sortable-tables/commit/472dac4f942d729db8cabccfd15d50acf0ec9d90)  fixes
+- add label option for RowsPerPage
+- update TablePagination layout
+- [`29d01eb`](https://github.com/ChumsInc/sortable-tables/commit/29d01eb21114a805c75e64838497c8f309676879)  fix: add xs table size
+- [`ef2b963`](https://github.com/ChumsInc/sortable-tables/commit/ef2b963564efd036d052acde54e471d4319aa46e)  chore: Update README to specific to that package.
+- [`0ccc456`](https://github.com/ChumsInc/sortable-tables/commit/0ccc45653e666a4638b7f9ad7e566618c97d9a52)  fix: SortableTableField.thProps should not require field again.
+- [`fff06f1`](https://github.com/ChumsInc/sortable-tables/commit/fff06f1b1646c529e834d41fcdfea7dad1373fbd)  fix: updates to package.json types path
+

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Chums Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,82 @@
+# sortable-tables
+![Chums Logo](https://intranet.chums.com/images/chums/chums-badge-120x120.png "Chums Logo")
+
+# CHUMS Sortable Table Component
+A strongly typed Table Component package to replace parts of the `chums-components` package.
+
+This components uses [Bootstrap 5.3](https://getbootstrap.com/docs/5.3/content/tables/) tables class names, with 
+additional table size 'xs' for less padding.
+
+## Usage
+Typical Usage:
+```tsx
+import {SortableTable, SortableTableField, SortProps} from "@chumsinc/sortable-tables";
+import {ProductLine} from 'chums-type'
+
+const fields: SortableTableField<ProductLine>[] = [
+  {field: 'ProductLine', title: 'Prod Line', sortable: true, as: 'th'},
+  {field: 'ProductLineDesc', title: 'Description', sortable: true},
+  {
+    field: 'ProductType',
+    title: 'Description',
+    sortable: true,
+    render: (row) => <span className="badge bg-info">{row.ProductType}</span>,
+    align: 'center'
+  },
+  {
+    field: 'Valuation',
+    title: 'Valuation',
+    sortable: true,
+    render: (row) => <span className="badge bg-secondary">{row.Valuation}</span>,
+    align: 'center'
+  },
+  {
+    field: 'ExplodeKitItems',
+    title: 'Explode Kit Items?',
+    sortable: true,
+    render: (row) => <span className="badge bg-primary">{row.ExplodeKitItems}</span>,
+    align: 'end'
+  },
+];
+
+export default function ProductLinesList() {
+  const [sort, setSort] = useState<SortProps<ProductLine>>({field: 'ProductLine', ascending: true});
+  const [list, setList] = useState<ProductLine[]>(productLines);
+  const [page, setPage] = useState(0);
+  const [rowsPerPage, setRowsPerPage] = useState(5);
+
+
+  useEffect(() => {
+    setList([...productLines.sort(productLineSorter(sort))]);
+    setPage(0)
+  }, [sort]);
+
+  const rowsPerPageChangeHandler = (rpp: number) => {
+    setPage(0);
+    setRowsPerPage(rpp);
+  }
+
+  return (
+          <div>
+            <SortableTable currentSort={sort} onChangeSort={setSort} fields={fields} size="lg" responsive
+                           data={list.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)}
+                           keyField="ProductLine" rowClassName={rowClassName}/>
+            <TablePagination page={page} onChangePage={setPage} size="sm"
+                             rowsPerPage={rowsPerPage}
+                             rowsPerPageProps={{
+                               onChange: rowsPerPageChangeHandler,
+                               pageValues: [5, 10, 15, 25, 50, 100]
+                             }}
+                             showFirst={list.length > rowsPerPage}
+                             showLast={list.length > rowsPerPage}
+                             count={list.length}/>
+          </div>
+  )
+} 
+```
+
+## Breaking Changes
+Breaking changes from `chums-components`
+- TablePagination
+  - The rows per page options were moved to a new attribute `rowsPerPageProps`
+  - RowsPerPage now renders as a bootstrap InputGroup element

package/babel.config.mjs

@@ -0,0 +1,13 @@
+const presets = [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-typescript"
+];
+
+const plugins = [
+];
+
+export default {
+    presets,
+    plugins,
+};

package/changelog-template.hbs

@@ -0,0 +1,45 @@
+### Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+{{#unless options.hideCredit}}
+    Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
+{{/unless}}
+
+{{#each releases}}
+    {{#if href}}
+        #### [{{title}}]({{href}}){{#if tag}} - {{isoDate}}{{/if}}
+    {{else}}
+        #### {{title}}{{#if tag}} - {{isoDate}}{{/if}}
+    {{/if}}
+
+    > {{isoDate}}
+
+    {{#if summary}}
+        {{summary}}
+    {{/if}}
+
+    {{#if merges}}
+        #### Merged
+
+        {{#each merges}}
+            - {{#if commit.breaking}}**Breaking change:** {{/if}}{{message}} {{#if href}}[`#{{id}}`]({{href}}){{/if}}
+        {{/each}}
+    {{/if}}
+
+    {{#if fixes}}
+        #### Fixed
+
+        {{#each fixes}}
+            - {{#if commit.breaking}}**Breaking change:** {{/if}}{{commit.subject}}{{#each fixes}} {{#if href}}[`#{{id}}`]({{href}}){{/if}}{{/each}}
+        {{/each}}
+    {{/if}}
+
+    {{#commit-list commits heading='### Commits'}}
+        - {{#if href}}[`{{shorthash}}`]({{href}}){{/if}} {{#if breaking}}**Breaking change:** {{/if}} {{message}}
+    {{/commit-list}}
+
+{{/each}}

package/dist/DataTable.d.ts

@@ -0,0 +1,6 @@
+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 namespace DataTable {
+    var displayName: string;
+}
+export default DataTable;

package/dist/DataTable.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import DataTableHead from "./DataTableHead";
+import DataTableTBody from "./DataTableTBody";
+import { noop } from "./utils";
+import Table from "./Table";
+function DataTable({ fields, data, keyField, size = '', sticky, responsive, rowClassName, renderRow, onSelectRow = noop, selected = '', className = '', tfoot, children, tableHeadProps, ...rest }) {
+    const tableClassName = classNames('table', className, {
+        [`table-${size}`]: !!size,
+    });
+    return (_jsxs(Table, { sticky: sticky, responsive: responsive, className: tableClassName, ...rest, children: [_jsx(DataTableHead, { ...tableHeadProps, fields: fields }), !!data.length && (_jsx(DataTableTBody, { fields: fields, data: data, keyField: keyField, rowClassName: rowClassName, renderRow: renderRow, onSelectRow: onSelectRow, selected: selected })), children, tfoot] }));
+}
+DataTable.displayName = 'DataTable';
+export default DataTable;
+//# sourceMappingURL=DataTable.js.map

package/dist/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../src/DataTable.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,SAAS,SAAS,CAAc,EACI,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,MAAM,EACN,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,EACR,cAAc,EACd,GAAG,IAAI,EACS;IAEhD,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE;QAClD,CAAC,SAAS,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI;KAC5B,CAAC,CAAA;IAEF,OAAO,CACH,MAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,KAAM,IAAI,aAC9E,KAAC,aAAa,OAAK,cAAc,EAAE,MAAM,EAAE,MAAM,GAAG,EACnD,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CACd,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAC1E,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAClE,EACA,QAAQ,EACR,KAAK,IACF,CACX,CAAA;AACL,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,eAAe,SAAS,CAAC"}

package/dist/DataTableCell.d.ts

@@ -0,0 +1,293 @@
+import React, { ReactNode } from 'react';
+import { DataTableCellProps } from "./types";
+export default function DataTableCell<T = unknown>({ field, row, className, as, ...rest }: DataTableCellProps<T>): React.DetailedReactHTMLElement<{
+    children?: ReactNode | undefined;
+    align?: "left" | "center" | "right" | undefined;
+    bgcolor?: string | undefined;
+    border?: number | undefined;
+    cellPadding?: number | string | undefined;
+    cellSpacing?: number | string | undefined;
+    frame?: boolean | undefined;
+    rules?: "none" | "groups" | "rows" | "columns" | "all" | undefined;
+    summary?: string | undefined;
+    width?: number | string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    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.FormEventHandler<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;
+    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;
+    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;
+    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;
+    className: string;
+    scope: string | undefined;
+    colSpan: number | undefined;
+}, HTMLElement>;

package/dist/DataTableCell.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import classNames from "classnames";
+export default function DataTableCell({ field, row, className, as, ...rest }) {
+    const cellClassName = classNames({ [`text-${field.align}`]: !!field.align }, className, typeof field.className === 'function' ? field.className(row) : field.className);
+    return React.createElement((as ?? field.as) ?? 'td', {
+        className: cellClassName,
+        scope: (as ?? field.as) === 'th' ? 'row' : undefined,
+        colSpan: field.colSpan,
+        ...field.cellProps,
+        ...rest
+    }, row[field.field] === undefined
+        ? null
+        : (typeof field.render === 'function'
+            ? field.render(row)
+            : row[field.field]));
+}
+//# sourceMappingURL=DataTableCell.js.map

package/dist/DataTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableCell.js","sourceRoot":"","sources":["../src/DataTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAc,EAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,IAAI,EAAuB;IACzG,MAAM,aAAa,GAAG,UAAU,CAC5B,EAAC,CAAC,QAAQ,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAC,EACxC,SAAS,EACT,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CACjF,CAAC;IACF,OAAO,KAAK,CAAC,aAAa,CACtB,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,CAAC,IAAI,IAAI,EACxB;QACI,SAAS,EAAE,aAAa;QACxB,KAAK,EAAE,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QACpD,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,GAAG,KAAK,CAAC,SAAS;QAClB,GAAG,IAAI;KACV,EACD,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,SAAS;QAC1B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CACE,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU;YAC9B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;YACnB,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAc,CACtC,CACR,CAAA;AACL,CAAC"}

package/dist/DataTableHead.d.ts

@@ -0,0 +1,6 @@
+import { DataTableHeadProps } from "./types";
+declare function DataTableHead<T = unknown>({ fields, ...rest }: DataTableHeadProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace DataTableHead {
+    var displayName: string;
+}
+export default DataTableHead;

package/dist/DataTableHead.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import DataTableTH from "./DataTableTH";
+import classNames from "classnames";
+function DataTableHead({ fields, ...rest }) {
+    return (_jsx("thead", { ...rest, children: _jsx("tr", { children: fields.map((field, index) => (_jsx(DataTableTH, { ...field.thProps, field: field, className: classNames(typeof field.className === 'function'
+                    ? { [`text-${field.align}`]: !!field.align }
+                    : field.className) }, field.id ?? index))) }) }));
+}
+DataTableHead.displayName = 'DataTableHead';
+export default DataTableHead;
+//# sourceMappingURL=DataTableHead.js.map

package/dist/DataTableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableHead.js","sourceRoot":"","sources":["../src/DataTableHead.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,SAAS,aAAa,CAAc,EAAC,MAAM,EAAE,GAAG,IAAI,EAAwB;IACxE,OAAO,CACH,mBAAW,IAAI,YACf,uBACK,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,WAAW,OACK,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CACjB,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU;oBACjC,CAAC,CAAC,EAAC,CAAC,QAAQ,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAC;oBAC1C,CAAC,CAAC,KAAK,CAAC,SAAS,CACxB,IAPI,KAAK,CAAC,EAAE,IAAI,KAAK,CAOlB,CACpB,CAAC,GACD,GACG,CACX,CAAA;AACL,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,eAAe,aAAa,CAAC"}

package/dist/DataTableRow.d.ts

@@ -0,0 +1,6 @@
+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 namespace DataTableRow {
+    var displayName: string;
+}
+export default DataTableRow;