@coreui/data-grid 0.1.0-rc.0

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

@@ -0,0 +1,19 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid engine/data-source.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridDataRequest, DataGridDataResponse } from '../types';
+export interface GridDataSourceContext {
+    getRequest: () => DataGridDataRequest;
+    onError: (error: unknown) => void;
+    onLoad: (response: DataGridDataResponse) => void;
+    onLoadingChange: (loading: boolean) => void;
+    provider: (request: DataGridDataRequest) => Promise<DataGridDataResponse>;
+}
+export interface GridDataSource {
+    load: () => void;
+    dispose: () => void;
+}
+export declare const createDataSource: (context: GridDataSourceContext) => GridDataSource;

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

@@ -0,0 +1,11 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid engine/scheduler.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+export interface Scheduler {
+    schedule: () => void;
+    dispose: () => void;
+}
+export declare const createScheduler: (flush: () => void) => Scheduler;

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

@@ -0,0 +1,9 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid engine/table.ts
+ * 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>;

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

@@ -0,0 +1,21 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid engine/virtualizer.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import { Virtualizer } from '@tanstack/virtual-core';
+export type GridVirtualizerInstance = Virtualizer<HTMLDivElement, Element>;
+export interface GridVirtualizer {
+    instance: GridVirtualizerInstance;
+    setCount: (count: number) => void;
+    destroy: () => void;
+}
+export interface GridVirtualizerOptions {
+    count: number;
+    getScrollElement: () => HTMLDivElement;
+    onChange: () => void;
+    overscan: number;
+    rowHeight: number;
+}
+export declare const createGridVirtualizer: (options: GridVirtualizerOptions) => GridVirtualizer;

package/dist/types/filters.d.mts

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

package/dist/types/filters.d.ts

@@ -0,0 +1,13 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid filters.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ * Pure filter-operator logic, built as the dependency-free
+ * `@coreui/data-grid/filters` subpath so the framework bindings share one
+ * implementation without pulling in the vanilla component runtime.
+ */
+import type { DataGridColumnFilterValue, DataGridFilterOperator, DataGridFilterType } from './types';
+export declare const FILTER_OPERATORS: Record<Exclude<DataGridFilterType, 'select'>, DataGridFilterOperator[]>;
+export declare const VALUELESS_OPERATORS: ReadonlySet<DataGridFilterOperator>;
+export declare const evaluateColumnFilter: (cellValue: unknown, filterValue: DataGridColumnFilterValue, filterType?: DataGridFilterType) => boolean;

package/dist/types/icons.d.ts

@@ -0,0 +1,21 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid icons.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+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_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_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_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_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.d.mts

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

package/dist/types/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid index.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+export { default as DataGrid } from './data-grid';
+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';

package/dist/types/labels.d.mts

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

package/dist/types/labels.d.ts

@@ -0,0 +1,9 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid labels.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridLabels } from './types';
+export declare const DEFAULT_LABELS: DataGridLabels;
+export declare const interpolate: (template: string, tokens: Record<string, string | number>) => string;

package/dist/types/types.d.ts

@@ -0,0 +1,262 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid types.ts
+ * 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';
+export type DataGridItem = Record<string, unknown>;
+export interface DataGridColumnFilterContext {
+    column: Column<DataGridItem, unknown>;
+    table: Table<DataGridItem>;
+    labels: DataGridLabels;
+}
+export type DataGridColumnFilterFactory = (context: DataGridColumnFilterContext) => 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 {
+    operator: DataGridFilterOperator;
+    value?: unknown;
+    value2?: unknown;
+}
+export type DataGridColumnFilterValue = string | {
+    conditions: DataGridFilterCondition[];
+    join: 'and' | 'or';
+} | {
+    operator: 'in';
+    value: unknown[];
+};
+export type DataGridEditorType = 'text' | 'number' | 'select';
+export interface DataGridEditableOptions {
+    type?: DataGridEditorType;
+    min?: number;
+    max?: number;
+    step?: number;
+    options?: Array<string | number | {
+        label: string;
+        value: unknown;
+    }>;
+}
+export interface DataGridEditorContext {
+    item: DataGridItem;
+    column: DataGridColumn;
+    value: unknown;
+    commit: (value: unknown) => void;
+    cancel: () => void;
+    labels: DataGridLabels;
+}
+export interface DataGridEditor {
+    element: HTMLElement;
+    contains?: (target: Node) => boolean;
+    dispose?: () => void;
+    focus?: () => void;
+    getValue?: () => unknown;
+    popup?: boolean;
+}
+export type DataGridEditorFactory = (context: DataGridEditorContext) => DataGridEditor;
+export interface DataGridEditCommitEvent {
+    item: DataGridItem;
+    columnId: string;
+    value: unknown;
+    previousValue: unknown;
+}
+export interface DataGridColumn {
+    key: string;
+    editable?: boolean | DataGridEditableOptions;
+    editor?: DataGridEditorFactory;
+    editValidate?: (value: unknown, item: DataGridItem) => true | string;
+    filter?: DataGridColumnFilterFactory;
+    filterable?: boolean;
+    filterFn?: (value: unknown, filterValue: unknown, item: DataGridItem) => boolean;
+    filterType?: DataGridFilterType;
+    formatter?: (value: unknown, item: DataGridItem) => string;
+    hideable?: boolean;
+    label?: string;
+    movable?: boolean;
+    render?: (item: DataGridItem, index: number) => Node | string;
+    resizable?: boolean;
+    sortable?: boolean;
+    style?: Partial<CSSStyleDeclaration>;
+    width?: number;
+}
+export interface DataGridMenuAction {
+    key: string;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+    icon?: string;
+    run: () => void;
+}
+export interface DataGridColumnMenuContext {
+    column: DataGridColumn;
+    defaultActions: DataGridMenuAction[];
+}
+export type DataGridColumnMenuBuilder = (context: DataGridColumnMenuContext) => DataGridMenuAction[];
+export interface DataGridLabels {
+    addCondition: string;
+    applyFilter: string;
+    clearFilter: string;
+    clearSort: string;
+    columnMenu: string;
+    filterAction: string;
+    filterColumn: string;
+    firstPage: string;
+    globalFilterLabel: string;
+    globalFilterPlaceholder: string;
+    hideColumn: string;
+    itemsInfo: string;
+    joinAnd: string;
+    joinOr: string;
+    lastPage: string;
+    loadError: string;
+    loading: string;
+    moveLeft: string;
+    moveRight: string;
+    nextPage: string;
+    operatorBetween: string;
+    operatorBlank: string;
+    operatorContains: string;
+    operatorEndsWith: string;
+    operatorEquals: string;
+    operatorGreaterThan: string;
+    operatorGreaterThanOrEqual: string;
+    operatorLessThan: string;
+    operatorLessThanOrEqual: string;
+    operatorNotBlank: string;
+    operatorNotContains: string;
+    operatorNotEquals: string;
+    operatorStartsWith: string;
+    pageSizeLabel: string;
+    paginationLabel: string;
+    pinLeft: string;
+    pinRight: string;
+    previousPage: string;
+    redoneAnnouncement: string;
+    resetColumns: string;
+    resultsAnnouncement: string;
+    searchValues: string;
+    selectAllRows: string;
+    selectAllValues: string;
+    selectRow: string;
+    showAllColumns: string;
+    sortAscending: string;
+    sortDescending: string;
+    toolbarColumns: string;
+    toolbarExport: string;
+    toolbarRedo: string;
+    toolbarUndo: string;
+    undoneAnnouncement: string;
+    unpin: string;
+}
+export interface DataGridColumnSizingOptions {
+    mode?: 'onChange' | 'onEnd';
+}
+export interface DataGridSlotContext {
+    table: Table<DataGridItem>;
+    labels: DataGridLabels;
+}
+export interface DataGridSlot {
+    element: HTMLElement;
+    update?: () => void;
+    dispose?: () => void;
+}
+export type DataGridSlotFactory = (context: DataGridSlotContext) => DataGridSlot;
+export interface DataGridSlots {
+    toolbar: DataGridSlotFactory;
+    pagination: DataGridSlotFactory;
+    empty: DataGridSlotFactory;
+}
+export interface DataGridToolbarOptions {
+    columns?: boolean;
+    export?: boolean | CsvDownloadOptions;
+    history?: boolean;
+    search?: boolean;
+}
+export interface DataGridSortingOptions {
+    multiple?: boolean;
+    resetable?: boolean;
+}
+export type DataGridSorterVisibility = 'always' | 'hover' | false;
+export interface DataGridRowSelectionOptions {
+    selectAll?: boolean;
+}
+export interface DataGridPaginationInfoState {
+    pageCount: number;
+    pageIndex: number;
+    pageSize: number;
+    totalRows: number;
+}
+export interface DataGridPaginationOptions {
+    info?: boolean | ((state: DataGridPaginationInfoState) => string);
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    position?: 'top' | 'bottom' | 'both';
+}
+export interface DataGridState {
+    columnFilters: ColumnFiltersState;
+    columnOrder: ColumnOrderState;
+    columnPinning: ColumnPinningState;
+    columnSizing: ColumnSizingState;
+    columnVisibility: VisibilityState;
+    globalFilter: string;
+    pagination: PaginationState;
+    rowSelection: RowSelectionState;
+    sorting: SortingState;
+}
+export interface DataGridDataRequest {
+    columnFilters: ColumnFiltersState;
+    globalFilter: string;
+    pagination: PaginationState;
+    sorting: SortingState;
+}
+export interface DataGridDataResponse {
+    items: DataGridItem[];
+    totalRows: number;
+}
+export interface DataGridOptions {
+    cellNavigation: boolean;
+    columnFilters: boolean;
+    columnMenu: boolean | DataGridColumnMenuBuilder;
+    columnMenuIcon: string;
+    columnOrder: boolean | ColumnOrderState;
+    columnPinning: boolean | ColumnPinningState;
+    columnSizing: boolean | DataGridColumnSizingOptions;
+    columnVisibility: boolean | VisibilityState;
+    columns: DataGridColumn[];
+    dataProvider: ((request: DataGridDataRequest) => Promise<DataGridDataResponse>) | null;
+    editing: boolean;
+    empty: string | (() => Node | string);
+    filterIcon: string;
+    globalFilter: boolean;
+    hideColumnIcon: string;
+    history: boolean;
+    itemKey: ((item: DataGridItem, index: number) => string) | null;
+    items: DataGridItem[];
+    labels: Partial<DataGridLabels>;
+    moveLeftIcon: string;
+    moveRightIcon: string;
+    overscan: number;
+    pagination: boolean | DataGridPaginationOptions;
+    pinLeftIcon: string;
+    pinRightIcon: string;
+    rowHeight: number;
+    rowSelection: boolean | DataGridRowSelectionOptions;
+    sanitize: boolean;
+    sanitizeFn: ((html: string) => string) | null;
+    slots: Partial<DataGridSlots>;
+    sortAscendingIcon: string;
+    sortDescendingIcon: string;
+    sortNeutralIcon: string;
+    sorterVisibility: DataGridSorterVisibility;
+    sorting: boolean | DataGridSortingOptions;
+    stateKey: string | null;
+    toolbar: boolean | DataGridToolbarOptions;
+    toolbarColumnsIcon: string;
+    toolbarExportIcon: string;
+    toolbarRedoIcon: string;
+    toolbarUndoIcon: string;
+    unpinIcon: string;
+    virtualization: boolean;
+}

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

@@ -0,0 +1,34 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/body.ts
+ * 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 GridPinning } from './pinning';
+export interface GridBodyContext {
+    cellNavigation: boolean;
+    headerRowCount: number;
+    labels: DataGridLabels;
+    getDataVersion: () => number;
+    getEditingCell: () => {
+        rowId: string;
+        columnId: string;
+    } | null;
+    getEditorElement: () => HTMLElement | null;
+    getPinning: () => GridPinning | null;
+    getRowIndexOffset: () => number;
+    getRows: () => Array<Row<DataGridItem>>;
+    getVisibleColumns: () => DataGridColumn[];
+    getVirtualizer: () => GridVirtualizerInstance | null;
+    renderEmpty: () => Node | string;
+    sanitizeContent: (html: string) => string;
+    selection: boolean;
+}
+export interface GridBody {
+    element: HTMLTableSectionElement;
+    update: () => void;
+}
+export declare const createBody: (context: GridBodyContext) => GridBody;

package/dist/types/ui/column-chooser.d.ts

@@ -0,0 +1,27 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/column-chooser.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridLabels } from '../types';
+export interface ColumnChooserColumn {
+    id: string;
+    label: string;
+    canHide: boolean;
+    visible: boolean;
+}
+export interface GridColumnChooserContext {
+    root: HTMLElement;
+    labels: DataGridLabels;
+    getColumns: () => ColumnChooserColumn[];
+    toggleVisibility: (columnId: string, visible: boolean) => void;
+    showAll: () => void;
+    reset: () => void;
+}
+export interface GridColumnChooser {
+    toggle: (button: HTMLElement) => void;
+    close: () => void;
+    dispose: () => void;
+}
+export declare const createColumnChooser: (context: GridColumnChooserContext) => GridColumnChooser;

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

@@ -0,0 +1,8 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/editor.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridEditableOptions, DataGridEditor, DataGridEditorContext } from '../types';
+export declare const createBuiltInEditor: (options: DataGridEditableOptions, context: DataGridEditorContext) => DataGridEditor;

package/dist/types/ui/filter-menu.d.ts

@@ -0,0 +1,21 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/filter-menu.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridColumn, DataGridColumnFilterValue, DataGridLabels } from '../types';
+export interface GridFilterMenuContext {
+    root: HTMLElement;
+    labels: DataGridLabels;
+    getColumn: (columnKey: string) => DataGridColumn | null;
+    getFacetedValues: (columnKey: string) => unknown[];
+    getFilterValue: (columnKey: string) => DataGridColumnFilterValue | undefined;
+    applyFilter: (columnKey: string, value?: DataGridColumnFilterValue) => void;
+}
+export interface GridFilterMenu {
+    toggle: (button: HTMLElement, columnKey: string) => void;
+    close: () => void;
+    dispose: () => void;
+}
+export declare const createFilterMenu: (context: GridFilterMenuContext) => GridFilterMenu;

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

@@ -0,0 +1,50 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/header.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridColumn, DataGridItem, DataGridLabels, SortingState, Table } from '../types';
+import { type GridPinning } from './pinning';
+export interface GridHeaderContext {
+    cellNavigation: boolean;
+    columns: DataGridColumn[];
+    draggable: boolean;
+    filterRow: boolean;
+    hasMenu: (column: DataGridColumn) => boolean;
+    icons: {
+        columnMenu: string;
+        filter: string;
+        sortAscending: string;
+        sortDescending: string;
+        sortNeutral: string;
+    };
+    hasFilterMenu: (column: DataGridColumn) => boolean;
+    isFilterable: (column: DataGridColumn) => boolean;
+    isResizable: (column: DataGridColumn) => boolean;
+    isSortable: (column: DataGridColumn) => boolean;
+    labels: DataGridLabels;
+    resizable: boolean;
+    selection: boolean;
+    selectAll: boolean;
+    table: Table<DataGridItem>;
+}
+export interface GridHeaderState {
+    filteredColumns: string[] | null;
+    order: string[];
+    pinning: GridPinning | null;
+    resizingColumn: string | false;
+    sizes: Record<string, number> | null;
+    sorting: SortingState;
+    selectAll: {
+        checked: boolean;
+        indeterminate: boolean;
+    } | null;
+}
+export interface GridHeader {
+    element: HTMLTableSectionElement;
+    rowCount: number;
+    update: (state: GridHeaderState) => void;
+    dispose: () => void;
+}
+export declare const createHeader: (context: GridHeaderContext) => GridHeader;

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

@@ -0,0 +1,12 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/loading.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridLabels } from '../types';
+export interface GridLoading {
+    element: HTMLDivElement;
+    setVisible: (visible: boolean) => void;
+}
+export declare const createLoading: (labels: DataGridLabels) => GridLoading;

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

@@ -0,0 +1,17 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/menu.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridMenuAction } from '../types';
+export interface GridMenuContext {
+    root: HTMLElement;
+    getActions: (columnKey: string) => DataGridMenuAction[];
+}
+export interface GridMenu {
+    toggle: (button: HTMLElement, columnKey: string) => void;
+    close: () => void;
+    dispose: () => void;
+}
+export declare const createMenu: (context: GridMenuContext) => GridMenu;

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

@@ -0,0 +1,17 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/pagination.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridLabels, DataGridPaginationInfoState } from '../types';
+export interface GridPaginationContext {
+    info: boolean | ((state: DataGridPaginationInfoState) => string);
+    labels: DataGridLabels;
+    pageSizeOptions: number[];
+}
+export interface GridPagination {
+    element: HTMLDivElement;
+    update: (state: DataGridPaginationInfoState) => void;
+}
+export declare const createPagination: (context: GridPaginationContext) => GridPagination;

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

@@ -0,0 +1,17 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/pinning.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+export interface PinnedCellInfo {
+    side: 'left' | 'right';
+    offset: number;
+    edge: boolean;
+    afterSelect: boolean;
+}
+export interface GridPinning {
+    columns: Record<string, PinnedCellInfo>;
+    select: PinnedCellInfo | null;
+}
+export declare const applyPinnedCell: (cell: HTMLTableCellElement, info: PinnedCellInfo | null) => void;

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

@@ -0,0 +1,34 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid ui/toolbar.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { CsvDownloadOptions } from '../util/csv';
+import type { DataGridLabels, DataGridOptions } from '../types';
+export interface GridToolbarContext {
+    labels: DataGridLabels;
+    columns: boolean;
+    export: boolean;
+    history: boolean;
+    search: boolean;
+    icons: {
+        columns: string;
+        export: string;
+        redo: string;
+        undo: string;
+    };
+}
+export interface GridToolbar {
+    element: HTMLDivElement;
+}
+export interface ResolvedToolbar {
+    columns: boolean;
+    export: boolean;
+    exportOptions: CsvDownloadOptions;
+    history: boolean;
+    search: boolean;
+}
+export declare const resolveToolbar: (options: DataGridOptions) => ResolvedToolbar;
+export declare const isGlobalFilterEnabled: (options: DataGridOptions) => boolean;
+export declare const createToolbar: (context: GridToolbarContext) => GridToolbar;