@coreui/data-grid 0.1.0-rc.0 → 0.3.0-rc.0

package/dist/types/data-grid.d.ts

@@ -4,16 +4,17 @@
  * License (https://coreui.io/pro/license/)
  * --------------------------------------------------------------------------
  */
-import type { Table } from '@tanstack/table-core';
 import BaseComponent from './base-component.js';
-import type { DataGridItem, DataGridOptions, DataGridState } from './types';
+import type { ComponentConfig } from './util/config.js';
+import type { DataGridFeatures, DataGridItem, DataGridOptions, DataGridState, DataGridTable, TableFeatures } from './types';
 import { type CsvDownloadOptions, type CsvOptions } from './util/csv';
 /**
  * Class definition
  */
-declare class DataGrid extends BaseComponent {
+declare class DataGrid<TFeatures extends TableFeatures = DataGridFeatures> extends BaseComponent {
     _config: DataGridOptions;
     private _table;
+    private _unsubscribeState;
     private _scheduler;
     private _virtualizer;
     private _header;
@@ -23,7 +24,11 @@ declare class DataGrid extends BaseComponent {
     private _emptySlot;
     private _dataSource;
     private _loading;
+    private _loadingMore;
     private _loadFailed;
+    private _loadedItems;
+    private _loadMorePending;
+    private _pageResetPending;
     private _dataVersion;
     private _viewportElement;
     private _tableElement;
@@ -42,20 +47,20 @@ declare class DataGrid extends BaseComponent {
     private _editorErrorElement;
     private _editorFocusPending;
     private _columnsByKey;
-    private _dragColumn;
+    private _columnDrag;
+    private _rowDrag;
     private _menu;
     private _tooltip;
     private _filterMenu;
     private _columnChooser;
     private _toolbarConfig;
-    constructor(element: Element | string, config?: Partial<DataGridOptions>);
-    get table(): Table<DataGridItem>;
+    constructor(element: Element | string, config?: Partial<DataGridOptions<TFeatures>>);
+    get table(): DataGridTable<TFeatures>;
     static get Default(): DataGridOptions;
     static get DefaultType(): Record<string, string>;
     static get NAME(): string;
-    static getInstance(element: Element | string | null): DataGrid | null;
-    static getOrCreateInstance(element: Element | string, config?: Partial<DataGridOptions>): DataGrid;
     getSelectedItems(): DataGridItem[];
+    print(): void;
     getCsv(options?: CsvOptions): string;
     downloadCsv(options?: CsvDownloadOptions): void;
     getState(): DataGridState;
@@ -64,9 +69,9 @@ declare class DataGrid extends BaseComponent {
     redo(): void;
     private _applyHistoryEntry;
     setItems(items: DataGridItem[]): void;
-    update(config: Partial<DataGridOptions>): void;
+    update(config: Partial<DataGridOptions<TFeatures>>): void;
     dispose(): void;
-    _configAfterMerge(config: DataGridOptions): DataGridOptions;
+    _configAfterMerge(config: ComponentConfig): ComponentConfig;
     private _createTable;
     private _teardownUi;
     private _slotContext;
@@ -82,6 +87,7 @@ declare class DataGrid extends BaseComponent {
     private _navigableCellFromTarget;
     private _onCellFocusIn;
     private _onCellNavigationKeydown;
+    private _tableCellFromTarget;
     private _descendIntoCell;
     private _isColumnEditable;
     private _startEditing;
@@ -94,19 +100,26 @@ declare class DataGrid extends BaseComponent {
     private _moveEditing;
     private _teardownEditor;
     private _setActiveCell;
+    private _printColumns;
+    private _clipboardColumns;
+    private _copyCellSelection;
     private _activeCellContext;
     private _cellElementFor;
     private _applyCellNavigation;
     private _getMenuActions;
     private _orderedLeafIds;
     private _moveColumn;
-    private _onColumnDragStart;
-    private _onColumnDrop;
-    private _endColumnDrag;
+    private _initColumnDrag;
+    private _rowIndexOffset;
+    private _initRowDrag;
+    private _moveRowTo;
+    private _moveColumnTo;
     private _startColumnResize;
     private _toggleRowSelection;
     private _initDataSource;
+    private _maybeLoadMore;
     private _visibleLeafColumns;
+    private _pinnedRegion;
     private _chooserColumns;
     private _visibleColumns;
     private _getColumnSizes;

package/dist/types/dom/data.d.ts

@@ -0,0 +1,15 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI dom/data.ts
+ * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
+ *
+ * This is a modified version of the Bootstrap's dom/data.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+declare const _default: {
+    set(element: Element, key: string, instance: unknown): void;
+    get(element: Element | null, key: string): any;
+    remove(element: Element, key: string): void;
+};
+export default _default;

package/dist/types/dom/event-handler.d.ts

@@ -1,11 +1,22 @@
-// Hand-written types for the vendored event-handler.js (see the provenance header there)
-type EventHandlerFunction = (event: Event & Record<string, unknown>) => void
-
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI dom/event-handler.ts
+ * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
+ *
+ * This is a modified version of the Bootstrap's dom/event-handler.ts
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+/**
+ * Types
+ */
+type CoreUIEvent = Event & Record<string, any>;
+type EventCallable = (this: any, event: CoreUIEvent) => any;
 declare const EventHandler: {
-  on(element: Element | Document | Window, event: string, handler: string | EventHandlerFunction, delegationFunction?: EventHandlerFunction): void
-  one(element: Element | Document | Window, event: string, handler: string | EventHandlerFunction, delegationFunction?: EventHandlerFunction): void
-  off(element: Element | Document | Window, originalTypeEvent: string, handler?: string | EventHandlerFunction, delegationFunction?: EventHandlerFunction): void
-  trigger(element: Element | Document | Window, event: string, args?: Record<string, unknown>): (Event & Record<string, unknown>) | null
-}
-
-export default EventHandler
+    on(element: EventTarget | null, event: string, handler?: string | EventCallable, delegationFunction?: EventCallable): void;
+    one(element: EventTarget | null, event: string, handler?: string | EventCallable, delegationFunction?: EventCallable): void;
+    off(element: EventTarget | null, originalTypeEvent: string, handler?: string | EventCallable, delegationFunction?: EventCallable): void;
+    trigger(element: EventTarget | null, event: string, args?: Record<string, unknown>): CoreUIEvent | null;
+};
+export default EventHandler;
+export type { CoreUIEvent, EventCallable };

package/dist/types/dom/manipulator.d.ts

@@ -1,9 +1,16 @@
-// Hand-written types for the vendored manipulator.js (see the provenance header there)
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI dom/manipulator.ts
+ * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
+ *
+ * This is a modified version of the Bootstrap's dom/manipulator.ts
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
 declare const Manipulator: {
-  setDataAttribute(element: Element, key: string, value: unknown): void
-  removeDataAttribute(element: Element, key: string): void
-  getDataAttributes(element: Element): Record<string, unknown>
-  getDataAttribute(element: Element, key: string): unknown
-}
-
-export default Manipulator
+    setDataAttribute(element: Element, key: string, value: unknown): void;
+    removeDataAttribute(element: Element, key: string): void;
+    getDataAttributes(element: HTMLElement | null): Record<string, unknown>;
+    getDataAttribute(element: Element, key: string): unknown;
+};
+export default Manipulator;

package/dist/types/engine/active-cell.d.ts

@@ -13,6 +13,7 @@ export interface ActiveCellContext {
     rowCount: number;
     pageStep: number;
     paginated: boolean;
+    rtl?: boolean;
 }
 export interface NavigationResult {
     cell: ActiveCell;

package/dist/types/engine/data-source.d.ts

@@ -8,7 +8,7 @@ import type { DataGridDataRequest, DataGridDataResponse } from '../types';
 export interface GridDataSourceContext {
     getRequest: () => DataGridDataRequest;
     onError: (error: unknown) => void;
-    onLoad: (response: DataGridDataResponse) => void;
+    onLoad: (response: DataGridDataResponse, request: DataGridDataRequest) => void;
     onLoadingChange: (loading: boolean) => void;
     provider: (request: DataGridDataRequest) => Promise<DataGridDataResponse>;
 }

package/dist/types/engine/features-lite.d.ts

@@ -0,0 +1,25 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid engine/features-lite.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+export declare const dataGridLiteFeatures: {
+    coreReactivityFeature: import("@tanstack/table-core/reactivity").TableReactivityBindings;
+    columnFilteringFeature: import("@tanstack/table-core").TableFeature;
+    globalFilteringFeature: import("@tanstack/table-core").TableFeature;
+    rowPaginationFeature: import("@tanstack/table-core").TableFeature;
+    rowSortingFeature: import("@tanstack/table-core").TableFeature;
+    filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    paginatedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    filterFns: {
+        includesString: import("@tanstack/table-core").CreatedFilterFn<any, any>;
+    };
+    sortFns: {
+        alphanumeric: import("@tanstack/table-core").CreatedSortFn<any, any>;
+        datetime: import("@tanstack/table-core").CreatedSortFn<any, any>;
+        text: import("@tanstack/table-core").CreatedSortFn<any, any>;
+    };
+};
+export type DataGridLiteFeatures = typeof dataGridLiteFeatures;

package/dist/types/engine/features.d.ts

@@ -0,0 +1,35 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid engine/features.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+export declare const dataGridFeatures: {
+    coreReactivityFeature: import("@tanstack/table-core/reactivity").TableReactivityBindings;
+    cellSelectionFeature: import("@tanstack/table-core").TableFeature;
+    columnFilteringFeature: import("@tanstack/table-core").TableFeature;
+    globalFilteringFeature: import("@tanstack/table-core").TableFeature;
+    columnFacetingFeature: import("@tanstack/table-core").TableFeature;
+    columnOrderingFeature: import("@tanstack/table-core").TableFeature;
+    columnPinningFeature: import("@tanstack/table-core").TableFeature;
+    columnSizingFeature: import("@tanstack/table-core").TableFeature;
+    columnResizingFeature: import("@tanstack/table-core").TableFeature;
+    columnVisibilityFeature: import("@tanstack/table-core").TableFeature;
+    rowPaginationFeature: import("@tanstack/table-core").TableFeature;
+    rowSelectionFeature: import("@tanstack/table-core").TableFeature;
+    rowSortingFeature: import("@tanstack/table-core").TableFeature;
+    facetedRowModel: (table: import("@tanstack/table-core").Table<any, any>, columnId: string) => () => import("@tanstack/table-core").RowModel<any, any>;
+    facetedUniqueValues: (table: import("@tanstack/table-core").Table<import("@tanstack/table-core").TableFeatures, any>, columnId: string) => () => Map<any, number>;
+    filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    paginatedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    filterFns: {
+        includesString: import("@tanstack/table-core").CreatedFilterFn<any, any>;
+    };
+    sortFns: {
+        alphanumeric: import("@tanstack/table-core").CreatedSortFn<any, any>;
+        datetime: import("@tanstack/table-core").CreatedSortFn<any, any>;
+        text: import("@tanstack/table-core").CreatedSortFn<any, any>;
+    };
+};
+export type DataGridFeatures = typeof dataGridFeatures;

package/dist/types/engine/table.d.ts

@@ -4,6 +4,6 @@
  * License (https://coreui.io/pro/license/)
  * --------------------------------------------------------------------------
  */
-import { type Table, type TableState } from '@tanstack/table-core';
-import type { DataGridItem, DataGridOptions } from '../types';
-export declare const createGridTable: (options: DataGridOptions, onStateChange: (previous: TableState, next: TableState) => void) => Table<DataGridItem>;
+import type { DataGridOptions, DataGridTable, DataGridTableState } from '../types';
+export declare const createGridTable: (options: DataGridOptions, getElement?: () => Element | null) => DataGridTable;
+export declare const subscribeToTableState: (table: DataGridTable, listener: (previous: DataGridTableState, next: DataGridTableState) => void) => (() => void);

package/dist/types/engine/validate.d.mts

@@ -0,0 +1 @@
+export * from './validate.js'

package/dist/types/engine/validate.d.ts

@@ -0,0 +1,20 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid engine/validate.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+export interface FeatureCoverageFlags {
+    cellSelection: boolean;
+    columnFilters: boolean;
+    columnOrder: boolean;
+    columnPinning: boolean;
+    columnSizing: boolean;
+    columnVisibility: boolean;
+    globalFilter: boolean;
+    pagination: boolean;
+    rowSelection: boolean;
+    selectFilters: boolean;
+    sorting: boolean;
+}
+export declare const assertFeatureCoverage: (componentName: string, features: object, flags: FeatureCoverageFlags) => void;

package/dist/types/engine/virtualizer.d.ts

@@ -9,9 +9,11 @@ export type GridVirtualizerInstance = Virtualizer<HTMLDivElement, Element>;
 export interface GridVirtualizer {
     instance: GridVirtualizerInstance;
     setCount: (count: number) => void;
+    remeasure: () => void;
     destroy: () => void;
 }
 export interface GridVirtualizerOptions {
+    autoRowHeight: boolean;
     count: number;
     getScrollElement: () => HTMLDivElement;
     onChange: () => void;

package/dist/types/icons.d.ts

@@ -6,16 +6,18 @@
  */
 export declare const DEFAULT_COLUMN_MENU_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M204 148a52 52 0 1 0 104 0 52 52 0 1 0-104 0m78 0a26 26 0 1 1-26-26 26.03 26.03 0 0 1 26 26M204 264a52 52 0 1 0 104 0 52 52 0 1 0-104 0m78 0a26 26 0 1 1-26-26 26.03 26.03 0 0 1 26 26M204 380a52 52 0 1 0 104 0 52 52 0 1 0-104 0m78 0a26 26 0 1 1-26-26 26.03 26.03 0 0 1 26 26\"/></svg>";
 export declare const DEFAULT_FILTER_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M96 197.333h320v32H96zm72 101.334h176v32H168zM216 400h80v32h-80zM48 96h416v32H48z\"/></svg>";
+export declare const DEFAULT_ROW_HANDLE_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M160 96h64v64h-64zm0 128h64v64h-64zm0 128h64v64h-64zM288 96h64v64h-64zm0 128h64v64h-64zm0 128h64v64h-64z\"/></svg>";
 export declare const DEFAULT_TOOLBAR_COLUMNS_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M16 64v384h480V64Zm304 32v320H192V96ZM48 96h112v320H48Zm416 320H352V96h112Z\"/></svg>";
 export declare const DEFAULT_TOOLBAR_EXPORT_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M16 464h480v32H16zm379.313-164.687-22.626-22.626L280 369.373V16h-32v353.373l-92.687-92.686-22.626 22.626L264 430.627z\"/></svg>";
 export declare const DEFAULT_TOOLBAR_UNDO_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M495.473 197.262c0-73.061-43.651-136.118-106.242-164.462q-2-.9-4.021-1.762-4.046-1.715-8.19-3.235-2.071-.761-4.167-1.47-4.19-1.422-8.468-2.64a180.95 180.95 0 0 0-98.675 0q-4.278 1.218-8.469 2.64-2.094.71-4.166 1.47-4.143 1.519-8.19 3.235-2.023.857-4.021 1.762c-62.592 28.344-106.242 91.4-106.242 164.462v237.483L38.627 338.75 16 361.377 150.623 496l134.623-134.623-22.627-22.627-96 96V197.263c0-72.891 52.814-133.678 122.186-146.1a149.4 149.4 0 0 1 52.479 0c69.371 12.426 122.186 73.213 122.186 146.1h32Z\"/></svg>";
+export declare const DEFAULT_TOOLBAR_PRINT_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M400 144V16H112v128H16v256h96v96h288v-96h96V144ZM144 48h224v96H144Zm224 416H144V304h224Zm96-96h-64V272H112v96H48V176h416Z\"/><path fill=\"currentColor\" d=\"M384 208h32v32h-32z\"/></svg>";
 export declare const DEFAULT_TOOLBAR_REDO_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M361.376 495.163 226.753 360.54l22.627-22.627 111.996 111.996 111.997-111.996L496 360.54z\"/><path fill=\"currentColor\" d=\"M377.377 472.52h-32V196.426C345.377 114.584 278.794 48 196.952 48c-83.229 0-148.426 63.106-148.426 143.667h-32c0-48.024 18.85-92.569 53.079-125.429C103.35 33.842 148.576 16 196.952 16c99.487 0 180.425 80.938 180.425 180.426Z\"/></svg>";
 export declare const DEFAULT_SORT_ASCENDING_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M390.624 150.625 256 16 121.376 150.625l22.628 22.627 95.997-95.998v417.982h32V77.257l95.995 95.995z\"/></svg>";
 export declare const DEFAULT_SORT_DESCENDING_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"m367.997 338.75-95.998 95.997V17.503h-32v417.242l-95.996-95.995-22.627 22.627L256 496l134.624-134.623z\"/></svg>";
 export declare const DEFAULT_SORT_NEUTRAL_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M384 433.373V160h-32v274.51l-69.823-69.823-22.627 22.626 107.882 107.883 107.881-107.883-22.626-22.626zM159.432 17.372 51.55 125.255l22.627 22.627L144 78.059V352h32V79.195l68.687 68.687 22.626-22.627z\"/></svg>";
-export declare const DEFAULT_PIN_LEFT_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"m477.8 140.2-106-106a62.132 62.132 0 0 0-93.617 81.24l-4.913 5.533-97.654 42.9-42.611-23.026a24.04 24.04 0 0 0-28.86 4.638L62.6 189.487a23.88 23.88 0 0 0 .479 33.449l101.68 101.679L16 473.373V496h22.627l148.758-148.758L288.6 448.457a23.93 23.93 0 0 0 33.275.642l44.425-41.128a23.98 23.98 0 0 0 4.773-29.092l-23.344-42.858 42.131-90.515 8.6-10.318A62.134 62.134 0 0 0 477.8 140.2m-22.628 65.231a30.125 30.125 0 0 1-42.6 0l-16.885-16.886-33.08 39.678-50.7 108.933 28.087 51.566-34.209 31.669L91.2 205.806l32-33.89 50.969 27.543 118.386-52.008 29.177-32.863-15.158-15.161a30.126 30.126 0 0 1 42.6-42.6l106 106a30.126 30.126 0 0 1 0 42.6Z\"/></svg>";
-export declare const DEFAULT_PIN_RIGHT_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><g transform=\"translate(512 0) scale(-1 1)\"><path fill=\"currentColor\" d=\"m477.8 140.2-106-106a62.132 62.132 0 0 0-93.617 81.24l-4.913 5.533-97.654 42.9-42.611-23.026a24.04 24.04 0 0 0-28.86 4.638L62.6 189.487a23.88 23.88 0 0 0 .479 33.449l101.68 101.679L16 473.373V496h22.627l148.758-148.758L288.6 448.457a23.93 23.93 0 0 0 33.275.642l44.425-41.128a23.98 23.98 0 0 0 4.773-29.092l-23.344-42.858 42.131-90.515 8.6-10.318A62.134 62.134 0 0 0 477.8 140.2m-22.628 65.231a30.125 30.125 0 0 1-42.6 0l-16.885-16.886-33.08 39.678-50.7 108.933 28.087 51.566-34.209 31.669L91.2 205.806l32-33.89 50.969 27.543 118.386-52.008 29.177-32.863-15.158-15.161a30.126 30.126 0 0 1 42.6-42.6l106 106a30.126 30.126 0 0 1 0 42.6Z\"/></g></svg>";
+export declare const DEFAULT_PIN_START_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"m477.8 140.2-106-106a62.132 62.132 0 0 0-93.617 81.24l-4.913 5.533-97.654 42.9-42.611-23.026a24.04 24.04 0 0 0-28.86 4.638L62.6 189.487a23.88 23.88 0 0 0 .479 33.449l101.68 101.679L16 473.373V496h22.627l148.758-148.758L288.6 448.457a23.93 23.93 0 0 0 33.275.642l44.425-41.128a23.98 23.98 0 0 0 4.773-29.092l-23.344-42.858 42.131-90.515 8.6-10.318A62.134 62.134 0 0 0 477.8 140.2m-22.628 65.231a30.125 30.125 0 0 1-42.6 0l-16.885-16.886-33.08 39.678-50.7 108.933 28.087 51.566-34.209 31.669L91.2 205.806l32-33.89 50.969 27.543 118.386-52.008 29.177-32.863-15.158-15.161a30.126 30.126 0 0 1 42.6-42.6l106 106a30.126 30.126 0 0 1 0 42.6Z\"/></svg>";
+export declare const DEFAULT_PIN_END_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><g transform=\"translate(512 0) scale(-1 1)\"><path fill=\"currentColor\" d=\"m477.8 140.2-106-106a62.132 62.132 0 0 0-93.617 81.24l-4.913 5.533-97.654 42.9-42.611-23.026a24.04 24.04 0 0 0-28.86 4.638L62.6 189.487a23.88 23.88 0 0 0 .479 33.449l101.68 101.679L16 473.373V496h22.627l148.758-148.758L288.6 448.457a23.93 23.93 0 0 0 33.275.642l44.425-41.128a23.98 23.98 0 0 0 4.773-29.092l-23.344-42.858 42.131-90.515 8.6-10.318A62.134 62.134 0 0 0 477.8 140.2m-22.628 65.231a30.125 30.125 0 0 1-42.6 0l-16.885-16.886-33.08 39.678-50.7 108.933 28.087 51.566-34.209 31.669L91.2 205.806l32-33.89 50.969 27.543 118.386-52.008 29.177-32.863-15.158-15.161a30.126 30.126 0 0 1 42.6-42.6l106 106a30.126 30.126 0 0 1 0 42.6Z\"/></g></svg>";
 export declare const DEFAULT_UNPIN_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"m427.314 107.313-22.628-22.626L256 233.373 107.314 84.687l-22.628 22.626L233.373 256 84.686 404.687l22.628 22.626L256 278.627l148.686 148.686 22.628-22.626L278.627 256z\"/></svg>";
-export declare const DEFAULT_MOVE_LEFT_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M254.625 56h-38.632L16 256.2 216 456h38.623V336h144V176h-144Zm112 152v96h-144v113.384l-161.37-161.21 161.37-161.535V208Zm96-152h32v400h-32z\"/></svg>";
-export declare const DEFAULT_MOVE_RIGHT_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M296.007 56h-38.632v120h-144v160h144v120H296l200-199.8Zm-6.632 361.384V304h-144v-96h144V94.639l161.37 161.535ZM17.375 56h32v400h-32z\"/></svg>";
+export declare const DEFAULT_MOVE_START_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M254.625 56h-38.632L16 256.2 216 456h38.623V336h144V176h-144Zm112 152v96h-144v113.384l-161.37-161.21 161.37-161.535V208Zm96-152h32v400h-32z\"/></svg>";
+export declare const DEFAULT_MOVE_END_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M296.007 56h-38.632v120h-144v160h144v120H296l200-199.8Zm-6.632 361.384V304h-144v-96h144V94.639l161.37 161.535ZM17.375 56h32v400h-32z\"/></svg>";
 export declare const DEFAULT_HIDE_COLUMN_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"m397.222 131.1-.218-.223c-63.173-63.17-158.534-75.015-233.776-35.531l23.938 23.939c61.571-27.691 136.573-16.327 187.105 34.115L464 246.683v3.107l-71.744 74.585 22.63 22.63L496 262.683V233.79Z\"/><path fill=\"currentColor\" d=\"M352.8 284.33a103.307 103.307 0 0 0-132.893-132.892L246.1 177.63a71.228 71.228 0 0 1 80.507 80.508Zm17.1 62.938-33.831-33.831c.088-.108.179-.212.266-.32l-22.805-22.806q-.126.168-.253.334l-99.681-99.681.334-.253-22.81-22.805c-.108.087-.213.179-.321.266L38.627 16H16v22.627l95.689 95.689L16 233.79v28.893l98.778 102.689.218.222A199.73 199.73 0 0 0 367.372 390l106 106H496v-22.627L392.537 369.911Zm-177.157-131.9 96.128 96.132a71.28 71.28 0 0 1-96.133-96.133Zm-55.014 127.705L48 249.79v-3.107l86.319-89.737 35.065 35.064a103.248 103.248 0 0 0 142.842 142.843l32.007 32.007c-64.51 40.015-150.522 32.095-206.504-23.787\"/></svg>";

package/dist/types/index-lite.d.mts

@@ -0,0 +1 @@
+export * from './index-lite.js'

package/dist/types/index-lite.d.ts

@@ -0,0 +1,19 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid index-lite.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import DataGridBase from './data-grid';
+import { type DataGridLiteFeatures } from './engine/features-lite';
+import type { DataGridOptions, TableFeatures } from './types';
+declare class DataGrid<TFeatures extends TableFeatures = DataGridLiteFeatures> extends DataGridBase<TFeatures> {
+    static get Default(): DataGridOptions;
+}
+export { DataGrid };
+export { dataGridLiteFeatures } from './engine/features-lite';
+export { DEFAULT_LABELS, interpolate } from './labels';
+export { evaluateColumnFilter, FILTER_OPERATORS, VALUELESS_OPERATORS } from './filters';
+export { downloadCsv, exportCsv } from './util/csv';
+export type { CsvDownloadOptions, CsvOptions } from './util/csv';
+export type { Column, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, DataGridColumn, DataGridColumnFilterContext, DataGridColumnFilterFactory, DataGridColumnFilterValue, DataGridColumnMenuBuilder, DataGridColumnMenuContext, DataGridColumnSizingOptions, DataGridDataRequest, DataGridDataResponse, DataGridEditableOptions, DataGridEditCommitEvent, DataGridEditor, DataGridEditorContext, DataGridEditorFactory, DataGridEditorType, DataGridFilterCondition, DataGridFilterOperator, DataGridFilterType, DataGridInfiniteScrollOptions, DataGridItem, DataGridLabels, DataGridLiteFeatures, DataGridMenuAction, DataGridOptions, DataGridPaginationInfoState, DataGridPaginationOptions, DataGridRowSelectionOptions, DataGridSlot, DataGridSlotContext, DataGridSlotFactory, DataGridSlots, DataGridSortingOptions, DataGridState, DataGridToolbarOptions, PaginationState, RowSelectionState, SortingState, ColumnVisibilityState, DataGridColumnPinning, DataGridRow, DataGridTable, DataGridTableState, Table, TableFeatures } from './types';

package/dist/types/index.d.ts

@@ -4,9 +4,18 @@
  * License (https://coreui.io/pro/license/)
  * --------------------------------------------------------------------------
  */
-export { default as DataGrid } from './data-grid';
+import DataGridBase from './data-grid';
+import { type DataGridFeatures } from './engine/features';
+import type { DataGridOptions, TableFeatures } from './types';
+declare class DataGrid<TFeatures extends TableFeatures = DataGridFeatures> extends DataGridBase<TFeatures> {
+    static get Default(): DataGridOptions;
+}
+export { DataGrid };
+export { dataGridFeatures } from './engine/features';
+export { dataGridLiteFeatures } from './engine/features-lite';
 export { DEFAULT_LABELS, interpolate } from './labels';
 export { evaluateColumnFilter, FILTER_OPERATORS, VALUELESS_OPERATORS } from './filters';
 export { downloadCsv, exportCsv } from './util/csv';
 export type { CsvDownloadOptions, CsvOptions } from './util/csv';
-export type { Column, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, DataGridColumn, DataGridColumnFilterContext, DataGridColumnFilterFactory, DataGridColumnFilterValue, DataGridColumnMenuBuilder, DataGridColumnMenuContext, DataGridColumnSizingOptions, DataGridDataRequest, DataGridDataResponse, DataGridEditableOptions, DataGridEditCommitEvent, DataGridEditor, DataGridEditorContext, DataGridEditorFactory, DataGridEditorType, DataGridFilterCondition, DataGridFilterOperator, DataGridFilterType, DataGridItem, DataGridLabels, DataGridMenuAction, DataGridOptions, DataGridPaginationInfoState, DataGridPaginationOptions, DataGridRowSelectionOptions, DataGridSlot, DataGridSlotContext, DataGridSlotFactory, DataGridSlots, DataGridSortingOptions, DataGridState, DataGridToolbarOptions, PaginationState, RowSelectionState, SortingState, Table, VisibilityState } from './types';
+export type { DataGridExporter, DataGridExportOptions } from './ui/toolbar';
+export type { Column, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, DataGridColumn, DataGridColumnFilterContext, DataGridColumnFilterFactory, DataGridColumnFilterValue, DataGridColumnMenuBuilder, DataGridColumnMenuContext, DataGridColumnSizingOptions, DataGridDataRequest, DataGridDataResponse, DataGridEditableOptions, DataGridEditCommitEvent, DataGridEditor, DataGridEditorContext, DataGridEditorFactory, DataGridEditorType, DataGridFeatures, DataGridFilterCondition, DataGridFilterOperator, DataGridFilterType, DataGridInfiniteScrollOptions, DataGridItem, DataGridLabels, DataGridLiteFeatures, DataGridMenuAction, DataGridOptions, DataGridPaginationInfoState, DataGridPaginationOptions, DataGridRowSelectionOptions, DataGridSlot, DataGridSlotContext, DataGridSlotFactory, DataGridSlots, DataGridSortingOptions, DataGridState, DataGridToolbarOptions, PaginationState, RowSelectionState, SortingState, ColumnVisibilityState, DataGridColumnPinning, DataGridRow, DataGridTable, DataGridTableState, Table, TableFeatures } from './types';

package/dist/types/types.d.ts

@@ -4,16 +4,23 @@
  * License (https://coreui.io/pro/license/)
  * --------------------------------------------------------------------------
  */
-import type { Column, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, PaginationState, RowSelectionState, SortingState, Table, VisibilityState } from '@tanstack/table-core';
-import type { CsvDownloadOptions } from './util/csv';
-export type { Column, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, PaginationState, RowSelectionState, SortingState, Table, VisibilityState } from '@tanstack/table-core';
+import type { Column, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, ColumnVisibilityState, PaginationState, Row, RowSelectionState, SortingState, Table, TableFeatures, TableState } from '@tanstack/table-core';
+import type { DataGridFeatures } from './engine/features';
+import type { DataGridExportOptions } from './ui/toolbar';
+export type { Column, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnPinningPosition, ColumnSizingState, ColumnVisibilityState, PaginationState, RowSelectionState, SortingState, Table, TableFeatures } from '@tanstack/table-core';
+export type { DataGridFeatures } from './engine/features';
+export type { DataGridLiteFeatures } from './engine/features-lite';
 export type DataGridItem = Record<string, unknown>;
-export interface DataGridColumnFilterContext {
-    column: Column<DataGridItem, unknown>;
-    table: Table<DataGridItem>;
+export type DataGridTable<TFeatures extends TableFeatures = DataGridFeatures> = Table<TFeatures, DataGridItem>;
+export type DataGridTableState<TFeatures extends TableFeatures = DataGridFeatures> = TableState<TFeatures>;
+export type DataGridRow<TFeatures extends TableFeatures = DataGridFeatures> = Row<TFeatures, DataGridItem>;
+export type DataGridColumnPinning = Partial<ColumnPinningState>;
+export interface DataGridColumnFilterContext<TFeatures extends TableFeatures = DataGridFeatures> {
+    column: Column<TFeatures, DataGridItem, unknown>;
+    table: DataGridTable<TFeatures>;
     labels: DataGridLabels;
 }
-export type DataGridColumnFilterFactory = (context: DataGridColumnFilterContext) => DataGridSlot;
+export type DataGridColumnFilterFactory<TFeatures extends TableFeatures = DataGridFeatures> = (context: DataGridColumnFilterContext<TFeatures>) => DataGridSlot;
 export type DataGridFilterType = 'text' | 'number' | 'date' | 'select';
 export type DataGridFilterOperator = 'contains' | 'notContains' | 'equals' | 'notEquals' | 'startsWith' | 'endsWith' | 'blank' | 'notBlank' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'between';
 export interface DataGridFilterCondition {
@@ -62,12 +69,12 @@ export interface DataGridEditCommitEvent {
     value: unknown;
     previousValue: unknown;
 }
-export interface DataGridColumn {
+export interface DataGridColumn<TFeatures extends TableFeatures = DataGridFeatures> {
     key: string;
     editable?: boolean | DataGridEditableOptions;
     editor?: DataGridEditorFactory;
     editValidate?: (value: unknown, item: DataGridItem) => true | string;
-    filter?: DataGridColumnFilterFactory;
+    filter?: DataGridColumnFilterFactory<TFeatures>;
     filterable?: boolean;
     filterFn?: (value: unknown, filterValue: unknown, item: DataGridItem) => boolean;
     filterType?: DataGridFilterType;
@@ -112,8 +119,8 @@ export interface DataGridLabels {
     lastPage: string;
     loadError: string;
     loading: string;
-    moveLeft: string;
-    moveRight: string;
+    moveEnd: string;
+    moveStart: string;
     nextPage: string;
     operatorBetween: string;
     operatorBlank: string;
@@ -130,10 +137,11 @@ export interface DataGridLabels {
     operatorStartsWith: string;
     pageSizeLabel: string;
     paginationLabel: string;
-    pinLeft: string;
-    pinRight: string;
+    pinEnd: string;
+    pinStart: string;
     previousPage: string;
     redoneAnnouncement: string;
+    reorderRow: string;
     resetColumns: string;
     resultsAnnouncement: string;
     searchValues: string;
@@ -145,6 +153,7 @@ export interface DataGridLabels {
     sortDescending: string;
     toolbarColumns: string;
     toolbarExport: string;
+    toolbarPrint: string;
     toolbarRedo: string;
     toolbarUndo: string;
     undoneAnnouncement: string;
@@ -153,8 +162,8 @@ export interface DataGridLabels {
 export interface DataGridColumnSizingOptions {
     mode?: 'onChange' | 'onEnd';
 }
-export interface DataGridSlotContext {
-    table: Table<DataGridItem>;
+export interface DataGridSlotContext<TFeatures extends TableFeatures = DataGridFeatures> {
+    table: DataGridTable<TFeatures>;
     labels: DataGridLabels;
 }
 export interface DataGridSlot {
@@ -162,16 +171,17 @@ export interface DataGridSlot {
     update?: () => void;
     dispose?: () => void;
 }
-export type DataGridSlotFactory = (context: DataGridSlotContext) => DataGridSlot;
-export interface DataGridSlots {
-    toolbar: DataGridSlotFactory;
-    pagination: DataGridSlotFactory;
-    empty: DataGridSlotFactory;
+export type DataGridSlotFactory<TFeatures extends TableFeatures = DataGridFeatures> = (context: DataGridSlotContext<TFeatures>) => DataGridSlot;
+export interface DataGridSlots<TFeatures extends TableFeatures = DataGridFeatures> {
+    toolbar: DataGridSlotFactory<TFeatures>;
+    pagination: DataGridSlotFactory<TFeatures>;
+    empty: DataGridSlotFactory<TFeatures>;
 }
 export interface DataGridToolbarOptions {
     columns?: boolean;
-    export?: boolean | CsvDownloadOptions;
+    export?: boolean | DataGridExportOptions;
     history?: boolean;
+    print?: boolean;
     search?: boolean;
 }
 export interface DataGridSortingOptions {
@@ -188,6 +198,10 @@ export interface DataGridPaginationInfoState {
     pageSize: number;
     totalRows: number;
 }
+export interface DataGridInfiniteScrollOptions {
+    pageSize?: number;
+    threshold?: number;
+}
 export interface DataGridPaginationOptions {
     info?: boolean | ((state: DataGridPaginationInfoState) => string);
     pageSize?: number;
@@ -199,7 +213,7 @@ export interface DataGridState {
     columnOrder: ColumnOrderState;
     columnPinning: ColumnPinningState;
     columnSizing: ColumnSizingState;
-    columnVisibility: VisibilityState;
+    columnVisibility: ColumnVisibilityState;
     globalFilter: string;
     pagination: PaginationState;
     rowSelection: RowSelectionState;
@@ -215,37 +229,44 @@ export interface DataGridDataResponse {
     items: DataGridItem[];
     totalRows: number;
 }
-export interface DataGridOptions {
+export interface DataGridOptions<TFeatures extends TableFeatures = DataGridFeatures> {
+    autoRowHeight: boolean;
     cellNavigation: boolean;
+    cellSelection: boolean;
     columnFilters: boolean;
     columnMenu: boolean | DataGridColumnMenuBuilder;
     columnMenuIcon: string;
     columnOrder: boolean | ColumnOrderState;
-    columnPinning: boolean | ColumnPinningState;
+    columnPinning: boolean | DataGridColumnPinning;
     columnSizing: boolean | DataGridColumnSizingOptions;
-    columnVisibility: boolean | VisibilityState;
-    columns: DataGridColumn[];
+    columnVisibility: boolean | ColumnVisibilityState;
+    columns: Array<DataGridColumn<TFeatures>>;
     dataProvider: ((request: DataGridDataRequest) => Promise<DataGridDataResponse>) | null;
     editing: boolean;
     empty: string | (() => Node | string);
+    features: TFeatures | null;
     filterIcon: string;
     globalFilter: boolean;
     hideColumnIcon: string;
     history: boolean;
+    infiniteScroll: boolean | DataGridInfiniteScrollOptions;
     itemKey: ((item: DataGridItem, index: number) => string) | null;
     items: DataGridItem[];
     labels: Partial<DataGridLabels>;
-    moveLeftIcon: string;
-    moveRightIcon: string;
+    moveEndIcon: string;
+    moveStartIcon: string;
     overscan: number;
     pagination: boolean | DataGridPaginationOptions;
-    pinLeftIcon: string;
-    pinRightIcon: string;
+    pinEndIcon: string;
+    pinStartIcon: string;
+    printTitle: string | null;
+    rowHandleIcon: string;
     rowHeight: number;
+    rowOrder: boolean;
     rowSelection: boolean | DataGridRowSelectionOptions;
     sanitize: boolean;
     sanitizeFn: ((html: string) => string) | null;
-    slots: Partial<DataGridSlots>;
+    slots: Partial<DataGridSlots<TFeatures>>;
     sortAscendingIcon: string;
     sortDescendingIcon: string;
     sortNeutralIcon: string;
@@ -255,6 +276,7 @@ export interface DataGridOptions {
     toolbar: boolean | DataGridToolbarOptions;
     toolbarColumnsIcon: string;
     toolbarExportIcon: string;
+    toolbarPrintIcon: string;
     toolbarRedoIcon: string;
     toolbarUndoIcon: string;
     unpinIcon: string;

package/dist/types/ui/body.d.ts

@@ -4,11 +4,11 @@
  * License (https://coreui.io/pro/license/)
  * --------------------------------------------------------------------------
  */
-import type { Row } from '@tanstack/table-core';
 import type { GridVirtualizerInstance } from '../engine/virtualizer';
-import type { DataGridColumn, DataGridItem, DataGridLabels } from '../types';
+import type { DataGridColumn, DataGridLabels, DataGridRow } from '../types';
 import { type GridPinning } from './pinning';
 export interface GridBodyContext {
+    autoRowHeight: boolean;
     cellNavigation: boolean;
     headerRowCount: number;
     labels: DataGridLabels;
@@ -20,11 +20,14 @@ export interface GridBodyContext {
     getEditorElement: () => HTMLElement | null;
     getPinning: () => GridPinning | null;
     getRowIndexOffset: () => number;
-    getRows: () => Array<Row<DataGridItem>>;
+    getRows: () => DataGridRow[];
     getVisibleColumns: () => DataGridColumn[];
     getVirtualizer: () => GridVirtualizerInstance | null;
     renderEmpty: () => Node | string;
     sanitizeContent: (html: string) => string;
+    cellSelection: boolean;
+    rowOrder: boolean;
+    rowHandleIcon: string;
     selection: boolean;
 }
 export interface GridBody {