@coreui/react-data-grid 0.1.0-rc.0

package/dist/esm/icons.d.ts

@@ -0,0 +1,22 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid icons.tsx
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { ReactNode } from 'react';
+export declare const DEFAULT_COLUMN_MENU_ICON: ReactNode;
+export declare const DEFAULT_SORT_ASCENDING_ICON: ReactNode;
+export declare const DEFAULT_SORT_DESCENDING_ICON: ReactNode;
+export declare const DEFAULT_SORT_NEUTRAL_ICON: ReactNode;
+export declare const DEFAULT_PIN_LEFT_ICON: ReactNode;
+export declare const DEFAULT_PIN_RIGHT_ICON: ReactNode;
+export declare const DEFAULT_UNPIN_ICON: ReactNode;
+export declare const DEFAULT_MOVE_LEFT_ICON: ReactNode;
+export declare const DEFAULT_MOVE_RIGHT_ICON: ReactNode;
+export declare const DEFAULT_FILTER_ICON: ReactNode;
+export declare const DEFAULT_TOOLBAR_COLUMNS_ICON: ReactNode;
+export declare const DEFAULT_TOOLBAR_EXPORT_ICON: ReactNode;
+export declare const DEFAULT_TOOLBAR_UNDO_ICON: ReactNode;
+export declare const DEFAULT_TOOLBAR_REDO_ICON: ReactNode;
+export declare const DEFAULT_HIDE_COLUMN_ICON: ReactNode;

package/dist/esm/icons.mjs

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// Default icon set. Every icon is a `ReactNode` drawn with `currentColor`, so it
+// inherits the button's text color; each is overridable through the matching
+// `*Icon` prop.
+const PIN_PATH = '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';
+const DEFAULT_COLUMN_MENU_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("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" }) }));
+const DEFAULT_SORT_ASCENDING_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("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" }) }));
+const DEFAULT_SORT_DESCENDING_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("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" }) }));
+const DEFAULT_SORT_NEUTRAL_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("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" }) }));
+const DEFAULT_PIN_LEFT_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("path", { fill: "currentColor", d: PIN_PATH }) }));
+const DEFAULT_PIN_RIGHT_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("g", { transform: "translate(512 0) scale(-1 1)", children: jsx("path", { fill: "currentColor", d: PIN_PATH }) }) }));
+const DEFAULT_UNPIN_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("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" }) }));
+const DEFAULT_MOVE_LEFT_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("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" }) }));
+const DEFAULT_MOVE_RIGHT_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("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" }) }));
+const DEFAULT_FILTER_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("path", { fill: "currentColor", d: "M96 197.333h320v32H96zm72 101.334h176v32H168zM216 400h80v32h-80zM48 96h416v32H48z" }) }));
+const DEFAULT_TOOLBAR_COLUMNS_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("path", { fill: "currentColor", d: "M16 64v384h480V64Zm304 32v320H192V96ZM48 96h112v320H48Zm416 320H352V96h112Z" }) }));
+const DEFAULT_TOOLBAR_EXPORT_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("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" }) }));
+const DEFAULT_TOOLBAR_UNDO_ICON = (jsx("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: jsx("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" }) }));
+const DEFAULT_TOOLBAR_REDO_ICON = (jsxs("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: [jsx("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" }), jsx("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" })] }));
+const DEFAULT_HIDE_COLUMN_ICON = (jsxs("svg", { width: 16, height: 16, viewBox: "0 0 512 512", "aria-hidden": "true", focusable: "false", children: [jsx("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" }), jsx("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" })] }));
+
+export { DEFAULT_COLUMN_MENU_ICON, DEFAULT_FILTER_ICON, DEFAULT_HIDE_COLUMN_ICON, DEFAULT_MOVE_LEFT_ICON, DEFAULT_MOVE_RIGHT_ICON, DEFAULT_PIN_LEFT_ICON, DEFAULT_PIN_RIGHT_ICON, DEFAULT_SORT_ASCENDING_ICON, DEFAULT_SORT_DESCENDING_ICON, DEFAULT_SORT_NEUTRAL_ICON, DEFAULT_TOOLBAR_COLUMNS_ICON, DEFAULT_TOOLBAR_EXPORT_ICON, DEFAULT_TOOLBAR_REDO_ICON, DEFAULT_TOOLBAR_UNDO_ICON, DEFAULT_UNPIN_ICON };
+//# sourceMappingURL=icons.mjs.map

package/dist/esm/icons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.mjs","sources":["../../../src/icons.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/index.d.mts

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

package/dist/esm/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid index.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+export { CDataGrid } from './CDataGrid';
+export { DEFAULT_LABELS, interpolate } from './labels';
+export { downloadCsv, exportCsv } from '@coreui/data-grid/csv';
+export type { CsvDownloadOptions, CsvOptions } from '@coreui/data-grid/csv';
+export { evaluateColumnFilter, FILTER_OPERATORS, VALUELESS_OPERATORS } from '@coreui/data-grid/filters';
+export type { CDataGridColumn, CDataGridColumnFilterProps, CDataGridColumnMenuBuilder, CDataGridColumnMenuContext, CDataGridEditorHandle, CDataGridEditorProps, CDataGridMenuAction, CDataGridProps, CDataGridSlotProps, CDataGridSlots, CDataGridToolbarOptions, Column, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, DataGridColumnFilterValue, DataGridColumnSizingOptions, DataGridDataRequest, DataGridDataResponse, DataGridEditableOptions, DataGridEditCommitEvent, DataGridEditorType, DataGridFilterCondition, DataGridFilterOperator, DataGridFilterType, DataGridItem, DataGridLabels, DataGridPaginationOptions, DataGridRowSelectionOptions, DataGridSortingOptions, PaginationState, RowSelectionState, SortingState, Table, VisibilityState } from './types';

package/dist/esm/index.mjs

@@ -0,0 +1,5 @@
+export { CDataGrid } from './CDataGrid.mjs';
+export { DEFAULT_LABELS, interpolate } from '@coreui/data-grid/labels';
+export { downloadCsv, exportCsv } from '@coreui/data-grid/csv';
+export { FILTER_OPERATORS, VALUELESS_OPERATORS, evaluateColumnFilter } from '@coreui/data-grid/filters';
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/labels.d.ts

@@ -0,0 +1,7 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid labels.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+export { DEFAULT_LABELS, interpolate } from '@coreui/data-grid/labels';

package/dist/esm/pinning.d.ts

@@ -0,0 +1,19 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid pinning.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { Column } from '@tanstack/react-table';
+import type { CSSProperties } from 'react';
+import type { DataGridItem } from './types';
+export interface PinnedCellProps {
+    className?: string;
+    style?: CSSProperties;
+}
+export interface PinnedEdges {
+    lastLeft: string | null;
+    firstRight: string | null;
+}
+export declare const pinnedColumnProps: (column: Column<DataGridItem>, selectPinned: boolean, edges: PinnedEdges) => PinnedCellProps;
+export declare const selectCellPinnedProps: (selectPinned: boolean) => PinnedCellProps;

package/dist/esm/pinning.mjs

@@ -0,0 +1,29 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid pinning.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+const pinnedColumnProps = (column, selectPinned, edges) => {
+    const pinned = column.getIsPinned();
+    if (pinned === 'left') {
+        const offset = column.getStart('left');
+        return {
+            className: `data-grid-cell-pinned-left${column.id === edges.lastLeft ? ' data-grid-cell-pinned-left-last' : ''}`,
+            style: {
+                left: selectPinned ? `calc(var(--cui-data-grid-select-cell-width) + ${offset}px)` : offset
+            }
+        };
+    }
+    if (pinned === 'right') {
+        return {
+            className: `data-grid-cell-pinned-right${column.id === edges.firstRight ? ' data-grid-cell-pinned-right-first' : ''}`,
+            style: { right: column.getAfter('right') }
+        };
+    }
+    return {};
+};
+const selectCellPinnedProps = (selectPinned) => selectPinned ? { className: 'data-grid-cell-pinned-left', style: { left: 0 } } : {};
+
+export { pinnedColumnProps, selectCellPinnedProps };
+//# sourceMappingURL=pinning.mjs.map

package/dist/esm/pinning.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinning.mjs","sources":["../../../src/pinning.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;AAKG;AAgBI,MAAM,iBAAiB,GAAG,CAC/B,MAA4B,EAC5B,YAAqB,EACrB,KAAkB,KACC;AACnB,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE;AAEnC,IAAA,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QACtC,OAAO;AACL,YAAA,SAAS,EAAE,CAAA,0BAAA,EACT,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,QAAQ,GAAG,kCAAkC,GAAG,EACtE,CAAA,CAAE;AACF,YAAA,KAAK,EAAE;gBACL,IAAI,EAAE,YAAY,GAAG,CAAA,8CAAA,EAAiD,MAAM,CAAA,GAAA,CAAK,GAAG;AACrF;SACF;IACH;AAEA,IAAA,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,OAAO;AACL,YAAA,SAAS,EAAE,CAAA,2BAAA,EACT,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,UAAU,GAAG,oCAAoC,GAAG,EAC1E,CAAA,CAAE;YACF,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;SACzC;IACH;AAEA,IAAA,OAAO,EAAE;AACX;AAEO,MAAM,qBAAqB,GAAG,CAAC,YAAqB,KACzD,YAAY,GAAG,EAAE,SAAS,EAAE,4BAA4B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,GAAG;;;;"}

package/dist/esm/toolbar.d.ts

@@ -0,0 +1,22 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid toolbar.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { CsvDownloadOptions } from '@coreui/data-grid/csv';
+import type { CDataGridToolbarOptions } from './types';
+export interface ResolvedToolbar {
+    columns: boolean;
+    export: boolean;
+    exportOptions: CsvDownloadOptions;
+    history: boolean;
+    search: boolean;
+}
+export interface ResolveToolbarContext {
+    columnVisibility: boolean;
+    globalFilter: boolean;
+    history: boolean;
+    toolbar: boolean | CDataGridToolbarOptions;
+}
+export declare const resolveToolbar: ({ columnVisibility, globalFilter, history, toolbar }: ResolveToolbarContext) => ResolvedToolbar;

package/dist/esm/toolbar.mjs

@@ -0,0 +1,41 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid toolbar.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+// Normalizes `toolbar` + `globalFilter` into the individual actions. `toolbar:
+// true` enables each action whose underlying feature is on; a granular object
+// picks individually. `globalFilter` stays shorthand for the search input.
+const resolveToolbar = ({ columnVisibility, globalFilter, history, toolbar }) => {
+    var _a, _b, _c, _d;
+    if (toolbar === true) {
+        return {
+            columns: columnVisibility,
+            export: true,
+            exportOptions: {},
+            history,
+            search: true
+        };
+    }
+    if (typeof toolbar === 'object') {
+        const exportOption = (_a = toolbar.export) !== null && _a !== void 0 ? _a : false;
+        return {
+            columns: ((_b = toolbar.columns) !== null && _b !== void 0 ? _b : false) && columnVisibility,
+            export: Boolean(exportOption),
+            exportOptions: typeof exportOption === 'object' ? exportOption : {},
+            history: ((_c = toolbar.history) !== null && _c !== void 0 ? _c : false) && history,
+            search: ((_d = toolbar.search) !== null && _d !== void 0 ? _d : false) || globalFilter
+        };
+    }
+    return {
+        columns: false,
+        export: false,
+        exportOptions: {},
+        history: false,
+        search: globalFilter
+    };
+};
+
+export { resolveToolbar };
+//# sourceMappingURL=toolbar.mjs.map

package/dist/esm/toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.mjs","sources":["../../../src/toolbar.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;AAKG;AAoBH;AACA;AACA;AACO,MAAM,cAAc,GAAG,CAAC,EAC7B,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,OAAO,EACe,KAAqB;;AAC3C,IAAA,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO;AACL,YAAA,OAAO,EAAE,gBAAgB;AACzB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,aAAa,EAAE,EAAE;YACjB,OAAO;AACP,YAAA,MAAM,EAAE;SACT;IACH;AAEA,IAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QAC/B,MAAM,YAAY,GAAG,CAAA,EAAA,GAAA,OAAO,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;QAC5C,OAAO;YACL,OAAO,EAAE,CAAC,CAAA,EAAA,GAAA,OAAO,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,KAAK,gBAAgB;AACvD,YAAA,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC;AAC7B,YAAA,aAAa,EAAE,OAAO,YAAY,KAAK,QAAQ,GAAG,YAAY,GAAG,EAAE;YACnE,OAAO,EAAE,CAAC,CAAA,EAAA,GAAA,OAAO,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,KAAK,OAAO;YAC9C,MAAM,EAAE,CAAC,CAAA,EAAA,GAAA,OAAO,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,KAAK;SACtC;IACH;IAEA,OAAO;AACL,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,aAAa,EAAE,EAAE;AACjB,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE;KACT;AACH;;;;"}

package/dist/esm/tooltip.d.ts

@@ -0,0 +1,10 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid tooltip.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+export interface GridTooltip {
+    dispose: () => void;
+}
+export declare const createTooltip: (root: HTMLElement) => GridTooltip;

package/dist/esm/tooltip.mjs

@@ -0,0 +1,100 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid tooltip.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+// Duplicated-by-design across the ports (like active-cell.ts/columns.ts) from
+// packages/data-grid/src/ui/tooltip.ts - a framework-agnostic DOM controller,
+// keep in sync.
+const CLASS_NAME_TOOLTIP = 'data-grid-tooltip';
+const ATTRIBUTE = 'data-coreui-tooltip';
+const SELECTOR = `[${ATTRIBUTE}]`;
+const SHOW_DELAY = 200;
+const GAP = 6;
+const EDGE = 4;
+// A single shared, delegated tooltip for grid-owned icon controls. Positioned
+// with position: fixed so it escapes the viewport's overflow, above the anchor
+// with a flip below when there isn't room. Purely visual (aria-hidden) - the
+// anchors already carry their accessible name via aria-label / hidden text.
+const createTooltip = (root) => {
+    const element = document.createElement('div');
+    element.className = CLASS_NAME_TOOLTIP;
+    element.setAttribute('role', 'tooltip');
+    element.setAttribute('aria-hidden', 'true');
+    element.hidden = true;
+    root.append(element);
+    let anchor = null;
+    let showTimer;
+    const anchorFrom = (target) => {
+        const element_ = target instanceof Element ? target.closest(SELECTOR) : null;
+        return element_ instanceof HTMLElement && element_.getAttribute(ATTRIBUTE) ? element_ : null;
+    };
+    const position = () => {
+        if (!anchor) {
+            return;
+        }
+        const rect = anchor.getBoundingClientRect();
+        const width = element.offsetWidth;
+        const height = element.offsetHeight;
+        const above = rect.top - height - GAP;
+        const top = above >= 0 ? above : rect.bottom + GAP;
+        const left = Math.max(EDGE, Math.min(rect.left + ((rect.width - width) / 2), window.innerWidth - width - EDGE));
+        element.style.top = `${top}px`;
+        element.style.left = `${left}px`;
+        element.style.visibility = 'visible';
+    };
+    const show = (target) => {
+        anchor = target;
+        element.textContent = target.getAttribute(ATTRIBUTE);
+        element.style.visibility = 'hidden';
+        element.hidden = false;
+        position();
+    };
+    const hide = () => {
+        clearTimeout(showTimer);
+        anchor = null;
+        element.hidden = true;
+    };
+    const onPointerOver = (event) => {
+        const target = anchorFrom(event.target);
+        if (!target || target === anchor) {
+            return;
+        }
+        clearTimeout(showTimer);
+        showTimer = setTimeout(() => show(target), SHOW_DELAY);
+    };
+    const onPointerOut = (event) => {
+        if (anchor && event.relatedTarget instanceof Node && anchor.contains(event.relatedTarget)) {
+            return;
+        }
+        hide();
+    };
+    const onFocusIn = (event) => {
+        const target = anchorFrom(event.target);
+        if (target) {
+            show(target);
+        }
+    };
+    root.addEventListener('pointerover', onPointerOver);
+    root.addEventListener('pointerout', onPointerOut);
+    root.addEventListener('pointerdown', hide);
+    root.addEventListener('focusin', onFocusIn);
+    root.addEventListener('focusout', hide);
+    window.addEventListener('scroll', hide, true);
+    return {
+        dispose() {
+            clearTimeout(showTimer);
+            root.removeEventListener('pointerover', onPointerOver);
+            root.removeEventListener('pointerout', onPointerOut);
+            root.removeEventListener('pointerdown', hide);
+            root.removeEventListener('focusin', onFocusIn);
+            root.removeEventListener('focusout', hide);
+            window.removeEventListener('scroll', hide, true);
+            element.remove();
+        }
+    };
+};
+
+export { createTooltip };
+//# sourceMappingURL=tooltip.mjs.map

package/dist/esm/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","sources":["../../../src/tooltip.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/types.d.ts

@@ -0,0 +1,287 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO react-data-grid types.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+import type { DataGridColumn, DataGridColumnSizingOptions, DataGridDataRequest, DataGridDataResponse, DataGridEditCommitEvent, DataGridItem, DataGridLabels, DataGridPaginationOptions, DataGridRowSelectionOptions, DataGridSortingOptions } from '@coreui/data-grid';
+import type { CsvDownloadOptions } from '@coreui/data-grid/csv';
+import type { Column, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, PaginationState, RowSelectionState, SortingState, Table, VisibilityState } from '@tanstack/react-table';
+import type { ComponentType, CSSProperties, HTMLAttributes, ReactNode, Ref } from 'react';
+export interface CDataGridSlotProps {
+    table: Table<DataGridItem>;
+    labels: DataGridLabels;
+}
+export interface CDataGridSlots {
+    toolbar: ComponentType<CDataGridSlotProps>;
+    pagination: ComponentType<CDataGridSlotProps>;
+    empty: ComponentType<CDataGridSlotProps>;
+}
+export interface CDataGridToolbarOptions {
+    columns?: boolean;
+    export?: boolean | CsvDownloadOptions;
+    history?: boolean;
+    search?: boolean;
+}
+export interface CDataGridColumnFilterProps {
+    column: Column<DataGridItem, unknown>;
+    table: Table<DataGridItem>;
+    labels: DataGridLabels;
+}
+export interface CDataGridEditorHandle {
+    contains?: (target: Node) => boolean;
+    focus?: () => void;
+    getValue?: () => unknown;
+}
+export interface CDataGridEditorProps {
+    column: CDataGridColumn;
+    item: DataGridItem;
+    value: unknown;
+    invalid: string | null;
+    labels: DataGridLabels;
+    commit: (value: unknown) => void;
+    cancel: () => void;
+    handleRef: (handle: CDataGridEditorHandle | null) => void;
+}
+export interface CDataGridColumn extends Omit<DataGridColumn, 'editor' | 'filter' | 'render' | 'style'> {
+    editor?: ComponentType<CDataGridEditorProps>;
+    editorPopup?: boolean;
+    filter?: ComponentType<CDataGridColumnFilterProps>;
+    render?: (item: DataGridItem, index: number) => ReactNode;
+    style?: CSSProperties;
+}
+export interface CDataGridMenuAction {
+    key: string;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+    icon?: ReactNode;
+    run: () => void;
+}
+export interface CDataGridColumnMenuContext {
+    column: CDataGridColumn;
+    defaultActions: CDataGridMenuAction[];
+}
+export type CDataGridColumnMenuBuilder = (context: CDataGridColumnMenuContext) => CDataGridMenuAction[];
+export interface CDataGridProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * APG grid keyboard navigation — `role="grid"`, a roving-tabindex active cell, and arrow-key movement across header and data cells.
+     */
+    cellNavigation?: boolean;
+    /**
+     * Renders a filter row in the header with an input per filterable column.
+     */
+    columnFilters?: boolean;
+    /**
+     * Adds a per-column header menu — `true` builds it from the enabled features (sort/pin/move/hide); a builder `({ column, defaultActions }) => actions` returns the final item list.
+     */
+    columnMenu?: boolean | CDataGridColumnMenuBuilder;
+    /**
+     * Custom column menu button icon (ReactNode) replacing the default one.
+     */
+    columnMenuIcon?: ReactNode;
+    /**
+     * Enables drag-and-drop column reordering; an array sets the initial order.
+     */
+    columnOrder?: boolean | ColumnOrderState;
+    /**
+     * Freezes columns (by `key`) to the left/right edge with sticky positioning; `true` enables the feature with no initial pins.
+     */
+    columnPinning?: boolean | ColumnPinningState;
+    /**
+     * Enables column resize handles; `mode` controls whether widths update while dragging (`'onChange'`, the default) or on release (`'onEnd'`).
+     */
+    columnSizing?: boolean | DataGridColumnSizingOptions;
+    /**
+     * Enables hiding/showing columns via `column.toggleVisibility()`; an object sets the initial visibility.
+     */
+    columnVisibility?: boolean | VisibilityState;
+    /**
+     * Column definitions.
+     */
+    columns: CDataGridColumn[];
+    /**
+     * Server-side mode: the grid requests data on every sorting/filter/page change; implies pagination.
+     */
+    dataProvider?: (request: DataGridDataRequest) => Promise<DataGridDataResponse>;
+    /**
+     * Inline cell editing on Enter/F2/double-click for columns opting in via `editable`/`editor`; implies `cellNavigation`.
+     */
+    editing?: boolean;
+    /**
+     * Content (ReactNode) shown when no rows match.
+     */
+    empty?: ReactNode;
+    /** Icon for the per-column filter button. */
+    filterIcon?: ReactNode;
+    /**
+     * Renders a search input above the grid that filters across all columns.
+     */
+    globalFilter?: boolean;
+    /**
+     * Undo/redo history of edit commits — Ctrl/Cmd+Z and Ctrl+Shift+Z/Ctrl+Y plus toolbar buttons; requires `editing`.
+     */
+    history?: boolean;
+    /**
+     * Custom hide-column menu action icon (ReactNode) replacing the default one.
+     */
+    hideColumnIcon?: ReactNode;
+    /**
+     * Stable row id — required for selection to survive sorting and filtering.
+     */
+    itemKey?: (item: DataGridItem, index: number) => string;
+    /**
+     * Row data.
+     */
+    items?: DataGridItem[];
+    /**
+     * UI strings (i18n), merged over the defaults; supports `{token}` interpolation.
+     */
+    labels?: Partial<DataGridLabels>;
+    /**
+     * Custom move-left menu action icon (ReactNode) replacing the default one.
+     */
+    moveLeftIcon?: ReactNode;
+    /**
+     * Custom move-right menu action icon (ReactNode) replacing the default one.
+     */
+    moveRightIcon?: ReactNode;
+    /**
+     * Fires when the data provider rejects, with the error (server-side mode).
+     */
+    onDataError?: (error: unknown) => void;
+    /**
+     * Fires when the data provider resolves, with the `{ items, totalRows }` response (server-side mode).
+     */
+    onDataLoad?: (response: DataGridDataResponse) => void;
+    /**
+     * Fires when an edit is cancelled, with the item and column key.
+     */
+    onEditCancel?: (item: DataGridItem, columnId: string) => void;
+    /**
+     * Fires when an edit commits, with `{ item, columnId, value, previousValue }` — the grid never mutates `items`; apply the change and re-render.
+     */
+    onEditCommit?: (event: DataGridEditCommitEvent) => void;
+    /**
+     * Fires when a cell enters edit mode, with the item and column key.
+     */
+    onEditStart?: (item: DataGridItem, columnId: string) => void;
+    /**
+     * Fires when column filters or the global filter change, with both filter states.
+     */
+    onFilterChange?: (columnFilters: ColumnFiltersState, globalFilter: string) => void;
+    /**
+     * Fires when columns are reordered, with the TanStack columnOrder state.
+     */
+    onOrderChange?: (columnOrder: ColumnOrderState) => void;
+    /**
+     * Fires when the page or page size changes, with the TanStack pagination state.
+     */
+    onPaginationChange?: (pagination: PaginationState) => void;
+    /**
+     * Fires when column pinning changes, with the TanStack columnPinning state.
+     */
+    onPinningChange?: (columnPinning: ColumnPinningState) => void;
+    /**
+     * Fires when the row selection changes, with the TanStack rowSelection state and the selected items.
+     */
+    onSelectionChange?: (rowSelection: RowSelectionState, selectedItems: DataGridItem[]) => void;
+    /**
+     * Fires when a column is resized, with the TanStack columnSizing state.
+     */
+    onSizingChange?: (columnSizing: ColumnSizingState) => void;
+    /**
+     * Fires when sorting changes, with the TanStack sorting state.
+     */
+    onSortingChange?: (sorting: SortingState) => void;
+    /**
+     * Fires when column visibility changes, with the TanStack columnVisibility state.
+     */
+    onVisibilityChange?: (columnVisibility: VisibilityState) => void;
+    /**
+     * Extra rows rendered above and below the visible window.
+     */
+    overscan?: number;
+    /**
+     * Pagination mode — mutually exclusive with virtualization.
+     */
+    pagination?: boolean | DataGridPaginationOptions;
+    /**
+     * Custom pin-left menu action icon (ReactNode) replacing the default one.
+     */
+    pinLeftIcon?: ReactNode;
+    /**
+     * Custom pin-right menu action icon (ReactNode) replacing the default one.
+     */
+    pinRightIcon?: ReactNode;
+    /**
+     * Estimated row height in px used by the virtualizer.
+     */
+    rowHeight?: number;
+    /**
+     * Checkbox selection with select-all and shift+click ranges.
+     */
+    rowSelection?: boolean | DataGridRowSelectionOptions;
+    /**
+     * Replaces built-in chrome — each slot is a component rendered with `{ table, labels }`.
+     */
+    slots?: Partial<CDataGridSlots>;
+    /**
+     * Custom ascending sort indicator icon (ReactNode) replacing the default one.
+     */
+    sortAscendingIcon?: ReactNode;
+    /**
+     * Custom descending sort indicator icon (ReactNode) replacing the default one.
+     */
+    sortDescendingIcon?: ReactNode;
+    /**
+     * Custom unsorted sort indicator icon (ReactNode) replacing the default one.
+     */
+    sortNeutralIcon?: ReactNode;
+    /**
+     * Controls when the neutral (unsorted) sort icon is shown on sortable columns: `'always'` keeps it visible, `'hover'` reveals it on header hover/focus. Omit to hide it until the column is sorted.
+     */
+    sorterVisibility?: 'always' | 'hover';
+    /**
+     * Column sorting; shift+click adds columns to the sort.
+     */
+    sorting?: boolean | DataGridSortingOptions;
+    /**
+     * Persists the grid state (sorting, filters, order, sizing, visibility, pinning, selection, page) to localStorage under this key — autosaved on every change and restored on mount.
+     */
+    stateKey?: string;
+    /**
+     * Ref that receives the TanStack table instance.
+     */
+    tableRef?: Ref<Table<DataGridItem>>;
+    /**
+     * Adds a built-in toolbar above the grid — `true` enables every action whose feature is on (column chooser, CSV export, global search); an object picks each individually.
+     */
+    toolbar?: boolean | CDataGridToolbarOptions;
+    /**
+     * Custom toolbar column-chooser button icon (ReactNode) replacing the default one.
+     */
+    toolbarColumnsIcon?: ReactNode;
+    /**
+     * Custom toolbar export button icon (ReactNode) replacing the default one.
+     */
+    toolbarExportIcon?: ReactNode;
+    /**
+     * Custom toolbar redo button icon (ReactNode) replacing the default one.
+     */
+    toolbarRedoIcon?: ReactNode;
+    /**
+     * Custom toolbar undo button icon (ReactNode) replacing the default one.
+     */
+    toolbarUndoIcon?: ReactNode;
+    /**
+     * Custom unpin menu action icon (ReactNode) replacing the default one.
+     */
+    unpinIcon?: ReactNode;
+    /**
+     * Windowed rendering for large datasets.
+     */
+    virtualization?: boolean;
+}
+export { type Column, type ColumnFiltersState, type ColumnOrderState, type ColumnPinningState, type ColumnSizingState, type PaginationState, type RowSelectionState, type SortingState, type Table, type VisibilityState } from '@tanstack/react-table';
+export { type DataGridColumnFilterValue, type DataGridColumnSizingOptions, type DataGridDataRequest, type DataGridDataResponse, type DataGridEditableOptions, type DataGridEditCommitEvent, type DataGridEditorType, type DataGridFilterCondition, type DataGridFilterOperator, type DataGridFilterType, type DataGridItem, type DataGridLabels, type DataGridPaginationOptions, type DataGridRowSelectionOptions, type DataGridSortingOptions, type DataGridState } from '@coreui/data-grid';