@timlassiter11/yatl 0.1.6 → 0.1.8

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2024 Timothy Lassiter
-
-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.
+MIT License
+
+Copyright (c) 2024 Timothy Lassiter
+
+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

@@ -1,136 +1,141 @@
-# YATL
-**Yet Another Table Library**
-
-YATL is a lightweight and customizable JavaScript library for creating dynamic, interactive tables. It provides features like sorting, filtering, searching, and virtual scrolling, making it easy to work with large datasets in a performant way.
-
-## Features
-- **Sorting**: Sort table rows by multiple columns (ascending or descending).
-- **Filtering**: Filter rows based on multiple criteria or custom filter functions.
-- **Searching**: Perform case-insensitive searches across table data with support for tokenization and regular expressions.
-- **Virtual Scrolling**: Efficiently render large datasets with virtual scrolling.
-- **Customizable Columns**: Define column properties like visibility, formatting, and sorting behavior.
-- **Export to CSV**: Export table data to a CSV file.
-
-## Installation
-Include the library in your project by downloading the source files from the [dist](./dist/) folder.
-
-### Using standard script tag
-```html
-<script src="path/to/datatable.umd.js"></script>
-<script>
-   const datatble = new yatl.DataTable("#myTable", {
-      ...
-   });
-</script>
-```
-
-### Using ES6 module
-```javascript
-import { DataTable } from "path/to/datatable.esm.js";
-
-const datatable = new DataTable("#myTable", {
-   ...
-});
-```
-
-## Styling
-Some optional styling is included which adds sorting indicators and sticky headers. To use them simply include the stylesheet.
-
-```html
-<link rel="stylesheet" href="path/to/datatable.css">
-```
-
-## Usage
-```javascript
-// Initialize the DataTable
-const dataTable = new DataTable("#myTable", {
-    columns: [
-        { field: "name", title: "First Name", sortable: true, searchable: true },
-        // Titles will be created from the field name
-        { field: "age", sortable: true },
-        { field: "city", searchable: true },
-    ],
-    data: [
-        { name: "Alice", age: 25, city: "New York" },
-        { name: "Bob", age: 30, city: "Los Angeles" },
-        { name: "Charlie", age: 35, city: "Chicago" },
-    ],
-});
-
-// Sort by age in ascending order
-dataTable.sort("age", "asc");
-
-// Filter rows to only people aged 25
-dataTable.filter({ age: 25 });
-
-// Filter rows to only people over 25
-dataTable.filter((row) => row.age > 25);
-
-// Search for Bob
-dataTable.search("bob");
-
-// Export table data to CSV
-dataTable.export("my-table-data");
-
-// Example with large dataset and virtual scrolling
-const largeData = Array.from({ length: 10000 }, (_, i) => ({
-  id: i + 1,
-  name: `User ${i + 1}`,
-  age: Math.floor(Math.random() * 100),
-  city: ["New York", "Los Angeles", "Chicago", "Houston"][i % 4],
-}));
-
-const dataTable = new DataTable({
-  table: document.querySelector("#myTable"),
-  columns: [
-    { field: "id", title: "ID", sortable: true },
-    { field: "name", title: "Name", sortable: true },
-    { field: "age", title: "Age", sortable: true },
-    { field: "city", title: "City" },
-  ],
-  data: largeData,
-  virtualScroll: 1000, // Enable virtual scrolling if more than 1000 rows
-});
-```
-
-### Virtual Scroll
-Virtual scrolling is used to render only the rows that are visible (with some extras before and after). This allows the library to support tables with hundreads of thousands of rows without issue. This is done using some magic (*simple math...*) but requires it's parent enforce a height. To do this you can simply add a height to the table.
-
-```html
-<body>
-   <table style="height: 500px;"></table>
-</body>
-```
-
-This will result in the following HTML after the table is initialized
-```html
-<body>
-   <div class="dt-scroller" style="overflow: auto; height: 500px;">
-      <table></table>
-   </div>
-</body>
-```
-
-Most of the time this isn't ideal though and instead we'd like to let the layout work it's magic (*probably also simple math...*). To do this, it's best to wrap the table in an element that can enforce a height.
-
-```html
-<body style="height: 100vh;">
-   <div style="display: flex; flex-direction: column; overflow: auto; height: 100%;">
-      <div>
-         ... Lot's of cool table controls or filters
-      </div>
-      <table></table>
-      <div>
-         ... Some boring footer info or something
-      </div>
-   </div>
-</body>
-```
-
-Since the `dt-scroller` wrapper listens to scroll and resize events, this allows the table to be responsive and update what is rendered as the layout changes. 
-
-# Known Issues
-There are some limitations to virtual scrolling. For one, rows need to be a uniform height to accurately calculate the table height. Also, there seems to be a maximum element size that once exceeded, the contents are no longer rendered. I've found this to occur with datasets approaching 1 million rows in Chrome and unfortunately I have no workaround for it. If you have that many rows you definitely need some server side pagination and this is probably not the library for you.
-
-# Examples
-Examples can be found in the [examples](./examples/) directoy and are also hosted [here](https://timlassiter11.github.io/YATL/index.html) to view live.
+# YATL
+**Yet Another Table Library**
+
+YATL is a lightweight and customizable JavaScript library for creating dynamic, interactive tables. It provides features like sorting, filtering, searching, and virtual scrolling, making it easy to work with large datasets in a performant way.
+
+## Why?!?
+I needed a free and simple table library for vanilla JS that was easy to customize and could handle large datasets... so I created YATL. It is designed with performance and simplicity in mind. It has zero dependencies, is incredibly lightweight, and uses a highly efficient virtual scrolling engine to handle massive datasets with ease. If you need a powerful table without the bloat of larger frameworks, YATL is for you.
+
+## Features
+- **Sorting**: Sort table rows by multiple columns (ascending or descending).
+- **Filtering**: Filter rows based on multiple criteria or custom filter functions.
+- **Searching**: Perform case-insensitive searches across table data with support for tokenization and regular expressions.
+- **Virtual Scrolling**: Efficiently render large datasets with virtual scrolling.
+- **Customizable Columns**: Define column properties like visibility, formatting, and sorting behavior.
+- **Export to CSV**: Export table data to a CSV file.
+
+## Installation
+
+The recommend method is to use npm.
+```bash
+npm install @timlassiter11/yatl
+```
+
+Alternatively you can manually download the source files from the [releases](https://github.com/timlassiter11/YATL/releases) section.
+
+### npm
+```ts
+import { DataTable } from "@timlassiter11/yatl";
+
+const datatble = DataTable("#myTable", {
+   ...
+});
+
+```
+
+### source (ES6)
+```javascript
+import { DataTable } from "path/to/datatable.esm.js";
+
+const datatable = new DataTable("#myTable", {
+   ...
+});
+```
+
+### source (UMD)
+```html
+<script src="path/to/datatable.umd.js"></script>
+<script>
+   const datatble = new yatl.DataTable("#myTable", {
+      ...
+   });
+</script>
+```
+
+## Styling
+Some optional styling is included which adds sorting indicators and sticky headers. To use them simply include the stylesheet.
+
+### npm
+```ts
+import "@timlassiter11/yatl/datatable.css";
+```
+
+### source
+```html
+<link rel="stylesheet" href="path/to/datatable.css">
+```
+
+## Usage
+```javascript
+// Initialize the DataTable
+const dataTable = new DataTable("#myTable", {
+    columns: [
+        { field: "name", title: "First Name", sortable: true, searchable: true },
+        // Titles will be created from the field name
+        { field: "age", sortable: true },
+        { field: "city", searchable: true },
+    ],
+    data: [
+        { name: "Alice", age: 25, city: "New York" },
+        { name: "Bob", age: 30, city: "Los Angeles" },
+        { name: "Charlie", age: 35, city: "Chicago" },
+    ],
+});
+
+// Sort by age in ascending order
+dataTable.sort("age", "asc");
+
+// Filter rows to only people aged 25
+dataTable.filter({ age: 25 });
+
+// Filter rows to only people over 25
+dataTable.filter((row) => row.age > 25);
+
+// Search for Bob
+dataTable.search("bob");
+
+// Export table data to CSV
+dataTable.export("my-table-data");
+```
+
+### Virtual Scroll
+Virtual scrolling is used to render only the rows that are visible (with some extras before and after). This allows the library to support tables with hundreads of thousands of rows without issue. This is done using some magic (*simple math...*) but requires it's parent enforce a height. To do this you can simply add a height to the table.
+
+```html
+<body>
+   <table style="height: 500px;"></table>
+</body>
+```
+
+This will result in the following HTML after the table is initialized
+```html
+<body>
+   <div class="dt-scroller" style="overflow: auto; height: 500px;">
+      <table></table>
+   </div>
+</body>
+```
+
+Most of the time this isn't ideal though and instead we'd like to let the layout work it's magic (*probably also simple math...*). To do this, it's best to wrap the table in an element that can enforce a height.
+
+```html
+<body style="height: 100vh;">
+   <div style="display: flex; flex-direction: column; overflow: auto; height: 100%;">
+      <div>
+         ... Lot's of cool table controls or filters
+      </div>
+      <table></table>
+      <div>
+         ... Some boring footer info or something
+      </div>
+   </div>
+</body>
+```
+
+Since the `dt-scroller` wrapper listens to scroll and resize events, this allows the table to be responsive and update what is rendered as the layout changes. 
+
+# Known Issues
+There are some limitations to virtual scrolling. For one, rows need to be a uniform height to accurately calculate the table height. Also, there seems to be a maximum element size that once exceeded, the contents are no longer rendered. I've found this to occur with datasets approaching 1 million rows in Chrome and unfortunately I have no workaround for it. If you have that many rows you definitely need some server side pagination and this is probably not the library for you.
+
+# Examples
+Examples can be found in the examples directoy and are also hosted [here](https://timlassiter11.github.io/YATL/index.html) to view live.

package/dist/datatable.d.mts

@@ -2,35 +2,26 @@
  * Defines the possible sorting orders for columns.
  */
 type SortOrder = 'asc' | 'desc' | null;
-/**
- * Represents a generic data row in the table, an object with string keys and any values.
- */
-type Row = Record<string, any>;
-/**
- * Represents filter data where the key should be a field in the Row data and the value
- * should be comparable to the value of that field, or an array of values.
- */
-type Filters = Record<string, any>;
 /**
  * Callback for formatting a row's  HTML element.
  * @param row - The row data.
  * @param element - The row element.
  */
-type RowFormatterCallback = (row: Row, element: HTMLElement) => void;
+type RowFormatterCallback = (row: any, element: HTMLElement) => void;
 /**
  * Callback for formatting the value of a cell.
  * Called when the cell is created and when exporting to CSV.
  * @param value - The value of the cell.
  * @param row - The row data.
  */
-type ValueFormatterCallback = (value: any, row: Row) => string;
+type ValueFormatterCallback = (value: any, row: any) => string;
 /**
  * Callback for formatting a cell's HTML element.
  * @param value - The value of the field.
  * @param row - The row data.
  * @param element - The cell element.
  */
-type CellFormatterCallback = (value: any, row: Row, element: HTMLElement) => void;
+type CellFormatterCallback = (value: any, row: any, element: HTMLElement) => void;
 /**
  * Callback for comparing two values.
  * @param a - The first value.
@@ -57,7 +48,7 @@ type TokenizerCallback = (value: any) => string[];
  * @param index - The index of the row.
  * @returns True if the row matches the filter, false otherwise.
  */
-type FilterCallback = (row: Row, index: number) => boolean;
+type FilterCallback = (row: any, index: number) => boolean;
 /**
  * Callback for filtering a field value against the filter data.
  * @param value - The value to filter.
@@ -214,7 +205,7 @@ interface TableOptions {
     /**
      * The initial data to load into the table.
      */
-    data?: Row[];
+    data?: any[];
     /**
      * Configures virtual scrolling.
      */
@@ -238,6 +229,11 @@ interface TableOptions {
      * Can be overridden on individual columns.
      */
     tokenize?: boolean;
+    /**
+     * Whether search results should be scored or not.
+     * Scoring is very computationally expensive...
+     */
+    scoring?: boolean;
     /**
      * Whether columns should be resizable by default.
      * Can be overridden on individual columns.
@@ -325,11 +321,11 @@ declare class DataTable extends EventTarget {
     /**
      * Gets the currently filtered and sorted rows displayed in the table.
      */
-    get rows(): Row[];
+    get rows(): any[];
     /**
      * Gets the underlying data
      */
-    get data(): Row[];
+    get data(): any[];
     /**
      * Gets the total number of currently filtered and sorted rows.
      */
@@ -346,13 +342,14 @@ declare class DataTable extends EventTarget {
      */
     get virtualScroll(): boolean;
     set virtualScroll(value: boolean);
+    get scoring(): boolean;
+    set scoring(value: boolean);
     /**
-     * Loads data into the table.
-     * @param rows - An array of row data objects to load.
-     * @param append - If true, appends the new rows to existing data. If false (default), overwrites existing data.
-     * @throws {TypeError} If `rows` is not an array.
+     * Loads data into the table
+     * @param rows - An array of data to be loaded
+     * @param options - Configuration for the load operation
      */
-    loadData(rows: Row[], options?: LoadOptions): void;
+    loadData(rows: any[], options?: LoadOptions): void;
     /**
      * Displays a message in the table body, typically used for "no data" or "no results" states.
      * The message is shown in a single row spanning all columns.
@@ -377,7 +374,7 @@ declare class DataTable extends EventTarget {
      * @param filters - An object defining field-based filters or a custom filter callback function.
      * @throws {TypeError} If `filters` is not an object or a function.
      */
-    filter(filters?: Filters | FilterCallback): void;
+    filter(filters?: any | FilterCallback): void;
     /**
      * Sorts the table by a specified column and order.
      * If `order` is `null`, the sort on this column is removed.
@@ -407,7 +404,7 @@ declare class DataTable extends EventTarget {
      * @param all - If `true`, exports all original data (ignoring filters). If `false` (default), exports only the currently visible (filtered and sorted) rows.
      */
     export(filename: string, all?: boolean): void;
-    scrollToRow(row: Row): void;
+    scrollToRow(row: any): void;
     /**
      * Scrolls the table to bring the row at the specified original index into view.
      * @param index - The original index of the row (from the initial dataset).
@@ -443,18 +440,18 @@ declare class DataTable extends EventTarget {
     indexOf(field: string, value: any): number;
     /**
      * Updates the data of a row at a specific original index.
-     * @param data - An object containing the new data to assign to the row. Existing fields will be updated, and new fields will be added.
      * @param index - The original index of the row to update.
+     * @param data - An object containing the new data to assign to the row. Existing fields will be updated, and new fields will be added.
      *
      * @example
      * ```ts
      * const index = dataTable.indexOf('id', 12345);
      * if (index >= 0) {
-     *  dataTable.updateRow({description: "Updated description"}, index);
+     *  dataTable.updateRow(index, {description: "Updated description"});
      * }
      * ```
      */
-    updateRow(data: Row, index: number): void;
+    updateRow(index: number, data: any): void;
     /**
      * Deletes a row at a specific original index from the table.
      * @param index - The original index of the row to delete.
@@ -475,7 +472,7 @@ declare class DataTable extends EventTarget {
  */
 interface DataTableEventMap {
     'dt.row.clicked': {
-        row: Row;
+        row: any;
         index: number;
         column: string | undefined;
         originalEvent: MouseEvent;
@@ -528,4 +525,4 @@ declare class LocalStorageAdapter {
     clearState(): void;
 }
 
-export { type CellFormatterCallback, type ColumnFilterCallback, type ColumnOptions, type ColumnState, type ComparatorCallback, DataTable, type DataTableEventMap, type FilterCallback, type Filters, type LoadOptions, LocalStorageAdapter, type Row, type RowFormatterCallback, type SortOrder, type SortValueCallback, type TableClasses, type TableOptions, type TokenizerCallback, type ValueFormatterCallback };
+export { type CellFormatterCallback, type ColumnFilterCallback, type ColumnOptions, type ColumnState, type ComparatorCallback, DataTable, type DataTableEventMap, type FilterCallback, type LoadOptions, LocalStorageAdapter, type RowFormatterCallback, type SortOrder, type SortValueCallback, type TableClasses, type TableOptions, type TokenizerCallback, type ValueFormatterCallback };

package/dist/datatable.d.ts

@@ -2,35 +2,26 @@
  * Defines the possible sorting orders for columns.
  */
 type SortOrder = 'asc' | 'desc' | null;
-/**
- * Represents a generic data row in the table, an object with string keys and any values.
- */
-type Row = Record<string, any>;
-/**
- * Represents filter data where the key should be a field in the Row data and the value
- * should be comparable to the value of that field, or an array of values.
- */
-type Filters = Record<string, any>;
 /**
  * Callback for formatting a row's  HTML element.
  * @param row - The row data.
  * @param element - The row element.
  */
-type RowFormatterCallback = (row: Row, element: HTMLElement) => void;
+type RowFormatterCallback = (row: any, element: HTMLElement) => void;
 /**
  * Callback for formatting the value of a cell.
  * Called when the cell is created and when exporting to CSV.
  * @param value - The value of the cell.
  * @param row - The row data.
  */
-type ValueFormatterCallback = (value: any, row: Row) => string;
+type ValueFormatterCallback = (value: any, row: any) => string;
 /**
  * Callback for formatting a cell's HTML element.
  * @param value - The value of the field.
  * @param row - The row data.
  * @param element - The cell element.
  */
-type CellFormatterCallback = (value: any, row: Row, element: HTMLElement) => void;
+type CellFormatterCallback = (value: any, row: any, element: HTMLElement) => void;
 /**
  * Callback for comparing two values.
  * @param a - The first value.
@@ -57,7 +48,7 @@ type TokenizerCallback = (value: any) => string[];
  * @param index - The index of the row.
  * @returns True if the row matches the filter, false otherwise.
  */
-type FilterCallback = (row: Row, index: number) => boolean;
+type FilterCallback = (row: any, index: number) => boolean;
 /**
  * Callback for filtering a field value against the filter data.
  * @param value - The value to filter.
@@ -214,7 +205,7 @@ interface TableOptions {
     /**
      * The initial data to load into the table.
      */
-    data?: Row[];
+    data?: any[];
     /**
      * Configures virtual scrolling.
      */
@@ -238,6 +229,11 @@ interface TableOptions {
      * Can be overridden on individual columns.
      */
     tokenize?: boolean;
+    /**
+     * Whether search results should be scored or not.
+     * Scoring is very computationally expensive...
+     */
+    scoring?: boolean;
     /**
      * Whether columns should be resizable by default.
      * Can be overridden on individual columns.
@@ -325,11 +321,11 @@ declare class DataTable extends EventTarget {
     /**
      * Gets the currently filtered and sorted rows displayed in the table.
      */
-    get rows(): Row[];
+    get rows(): any[];
     /**
      * Gets the underlying data
      */
-    get data(): Row[];
+    get data(): any[];
     /**
      * Gets the total number of currently filtered and sorted rows.
      */
@@ -346,13 +342,14 @@ declare class DataTable extends EventTarget {
      */
     get virtualScroll(): boolean;
     set virtualScroll(value: boolean);
+    get scoring(): boolean;
+    set scoring(value: boolean);
     /**
-     * Loads data into the table.
-     * @param rows - An array of row data objects to load.
-     * @param append - If true, appends the new rows to existing data. If false (default), overwrites existing data.
-     * @throws {TypeError} If `rows` is not an array.
+     * Loads data into the table
+     * @param rows - An array of data to be loaded
+     * @param options - Configuration for the load operation
      */
-    loadData(rows: Row[], options?: LoadOptions): void;
+    loadData(rows: any[], options?: LoadOptions): void;
     /**
      * Displays a message in the table body, typically used for "no data" or "no results" states.
      * The message is shown in a single row spanning all columns.
@@ -377,7 +374,7 @@ declare class DataTable extends EventTarget {
      * @param filters - An object defining field-based filters or a custom filter callback function.
      * @throws {TypeError} If `filters` is not an object or a function.
      */
-    filter(filters?: Filters | FilterCallback): void;
+    filter(filters?: any | FilterCallback): void;
     /**
      * Sorts the table by a specified column and order.
      * If `order` is `null`, the sort on this column is removed.
@@ -407,7 +404,7 @@ declare class DataTable extends EventTarget {
      * @param all - If `true`, exports all original data (ignoring filters). If `false` (default), exports only the currently visible (filtered and sorted) rows.
      */
     export(filename: string, all?: boolean): void;
-    scrollToRow(row: Row): void;
+    scrollToRow(row: any): void;
     /**
      * Scrolls the table to bring the row at the specified original index into view.
      * @param index - The original index of the row (from the initial dataset).
@@ -443,18 +440,18 @@ declare class DataTable extends EventTarget {
     indexOf(field: string, value: any): number;
     /**
      * Updates the data of a row at a specific original index.
-     * @param data - An object containing the new data to assign to the row. Existing fields will be updated, and new fields will be added.
      * @param index - The original index of the row to update.
+     * @param data - An object containing the new data to assign to the row. Existing fields will be updated, and new fields will be added.
      *
      * @example
      * ```ts
      * const index = dataTable.indexOf('id', 12345);
      * if (index >= 0) {
-     *  dataTable.updateRow({description: "Updated description"}, index);
+     *  dataTable.updateRow(index, {description: "Updated description"});
      * }
      * ```
      */
-    updateRow(data: Row, index: number): void;
+    updateRow(index: number, data: any): void;
     /**
      * Deletes a row at a specific original index from the table.
      * @param index - The original index of the row to delete.
@@ -475,7 +472,7 @@ declare class DataTable extends EventTarget {
  */
 interface DataTableEventMap {
     'dt.row.clicked': {
-        row: Row;
+        row: any;
         index: number;
         column: string | undefined;
         originalEvent: MouseEvent;
@@ -528,4 +525,4 @@ declare class LocalStorageAdapter {
     clearState(): void;
 }
 
-export { type CellFormatterCallback, type ColumnFilterCallback, type ColumnOptions, type ColumnState, type ComparatorCallback, DataTable, type DataTableEventMap, type FilterCallback, type Filters, type LoadOptions, LocalStorageAdapter, type Row, type RowFormatterCallback, type SortOrder, type SortValueCallback, type TableClasses, type TableOptions, type TokenizerCallback, type ValueFormatterCallback };
+export { type CellFormatterCallback, type ColumnFilterCallback, type ColumnOptions, type ColumnState, type ComparatorCallback, DataTable, type DataTableEventMap, type FilterCallback, type LoadOptions, LocalStorageAdapter, type RowFormatterCallback, type SortOrder, type SortValueCallback, type TableClasses, type TableOptions, type TokenizerCallback, type ValueFormatterCallback };