@coreui/react-data-grid 0.1.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +3 -0
- package/README.md +33 -0
- package/dist/cjs/CDataGrid.d.ts +8 -0
- package/dist/cjs/CDataGrid.js +903 -0
- package/dist/cjs/CDataGrid.js.map +1 -0
- package/dist/cjs/CDataGridBody.d.ts +40 -0
- package/dist/cjs/CDataGridBody.js +144 -0
- package/dist/cjs/CDataGridBody.js.map +1 -0
- package/dist/cjs/CDataGridCellEditor.d.ts +8 -0
- package/dist/cjs/CDataGridCellEditor.js +67 -0
- package/dist/cjs/CDataGridCellEditor.js.map +1 -0
- package/dist/cjs/CDataGridColumnChooser.d.ts +23 -0
- package/dist/cjs/CDataGridColumnChooser.js +71 -0
- package/dist/cjs/CDataGridColumnChooser.js.map +1 -0
- package/dist/cjs/CDataGridFilterMenu.d.ts +22 -0
- package/dist/cjs/CDataGridFilterMenu.js +177 -0
- package/dist/cjs/CDataGridFilterMenu.js.map +1 -0
- package/dist/cjs/CDataGridHeader.d.ts +36 -0
- package/dist/cjs/CDataGridHeader.js +232 -0
- package/dist/cjs/CDataGridHeader.js.map +1 -0
- package/dist/cjs/CDataGridHeaderMenu.d.ts +29 -0
- package/dist/cjs/CDataGridHeaderMenu.js +127 -0
- package/dist/cjs/CDataGridHeaderMenu.js.map +1 -0
- package/dist/cjs/CDataGridPagination.d.ts +18 -0
- package/dist/cjs/CDataGridPagination.js +39 -0
- package/dist/cjs/CDataGridPagination.js.map +1 -0
- package/dist/cjs/CDataGridToolbar.d.ts +32 -0
- package/dist/cjs/CDataGridToolbar.js +49 -0
- package/dist/cjs/CDataGridToolbar.js.map +1 -0
- package/dist/cjs/active-cell.d.ts +22 -0
- package/dist/cjs/active-cell.js +89 -0
- package/dist/cjs/active-cell.js.map +1 -0
- package/dist/cjs/columns.d.ts +37 -0
- package/dist/cjs/columns.js +170 -0
- package/dist/cjs/columns.js.map +1 -0
- package/dist/cjs/icons.d.ts +22 -0
- package/dist/cjs/icons.js +40 -0
- package/dist/cjs/icons.js.map +1 -0
- package/dist/cjs/index.d.ts +12 -0
- package/dist/cjs/index.js +39 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/labels.d.ts +7 -0
- package/dist/cjs/pinning.d.ts +19 -0
- package/dist/cjs/pinning.js +32 -0
- package/dist/cjs/pinning.js.map +1 -0
- package/dist/cjs/toolbar.d.ts +22 -0
- package/dist/cjs/toolbar.js +43 -0
- package/dist/cjs/toolbar.js.map +1 -0
- package/dist/cjs/tooltip.d.ts +10 -0
- package/dist/cjs/tooltip.js +102 -0
- package/dist/cjs/tooltip.js.map +1 -0
- package/dist/cjs/types.d.ts +287 -0
- package/dist/esm/CDataGrid.d.ts +8 -0
- package/dist/esm/CDataGrid.mjs +901 -0
- package/dist/esm/CDataGrid.mjs.map +1 -0
- package/dist/esm/CDataGridBody.d.ts +40 -0
- package/dist/esm/CDataGridBody.mjs +142 -0
- package/dist/esm/CDataGridBody.mjs.map +1 -0
- package/dist/esm/CDataGridCellEditor.d.ts +8 -0
- package/dist/esm/CDataGridCellEditor.mjs +65 -0
- package/dist/esm/CDataGridCellEditor.mjs.map +1 -0
- package/dist/esm/CDataGridColumnChooser.d.ts +23 -0
- package/dist/esm/CDataGridColumnChooser.mjs +69 -0
- package/dist/esm/CDataGridColumnChooser.mjs.map +1 -0
- package/dist/esm/CDataGridFilterMenu.d.ts +22 -0
- package/dist/esm/CDataGridFilterMenu.mjs +175 -0
- package/dist/esm/CDataGridFilterMenu.mjs.map +1 -0
- package/dist/esm/CDataGridHeader.d.ts +36 -0
- package/dist/esm/CDataGridHeader.mjs +230 -0
- package/dist/esm/CDataGridHeader.mjs.map +1 -0
- package/dist/esm/CDataGridHeaderMenu.d.ts +29 -0
- package/dist/esm/CDataGridHeaderMenu.mjs +125 -0
- package/dist/esm/CDataGridHeaderMenu.mjs.map +1 -0
- package/dist/esm/CDataGridPagination.d.ts +18 -0
- package/dist/esm/CDataGridPagination.mjs +37 -0
- package/dist/esm/CDataGridPagination.mjs.map +1 -0
- package/dist/esm/CDataGridToolbar.d.ts +32 -0
- package/dist/esm/CDataGridToolbar.mjs +47 -0
- package/dist/esm/CDataGridToolbar.mjs.map +1 -0
- package/dist/esm/active-cell.d.ts +22 -0
- package/dist/esm/active-cell.mjs +86 -0
- package/dist/esm/active-cell.mjs.map +1 -0
- package/dist/esm/columns.d.ts +37 -0
- package/dist/esm/columns.mjs +163 -0
- package/dist/esm/columns.mjs.map +1 -0
- package/dist/esm/icons.d.ts +22 -0
- package/dist/esm/icons.mjs +24 -0
- package/dist/esm/icons.mjs.map +1 -0
- package/dist/esm/index.d.mts +1 -0
- package/dist/esm/index.d.ts +12 -0
- package/dist/esm/index.mjs +5 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/labels.d.ts +7 -0
- package/dist/esm/pinning.d.ts +19 -0
- package/dist/esm/pinning.mjs +29 -0
- package/dist/esm/pinning.mjs.map +1 -0
- package/dist/esm/toolbar.d.ts +22 -0
- package/dist/esm/toolbar.mjs +41 -0
- package/dist/esm/toolbar.mjs.map +1 -0
- package/dist/esm/tooltip.d.ts +10 -0
- package/dist/esm/tooltip.mjs +100 -0
- package/dist/esm/tooltip.mjs.map +1 -0
- package/dist/esm/types.d.ts +287 -0
- package/package.json +92 -0
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { useRef, useState, useLayoutEffect, Fragment } from 'react';
|
|
3
|
+
import { createPortal } from 'react-dom';
|
|
4
|
+
import { buildMenuActions } from './columns.mjs';
|
|
5
|
+
|
|
6
|
+
const CDataGridHeaderMenu = ({ builder, column, container, icons, id, labels, onClose, ordering, pinning, position, sortable, table, visibility }) => {
|
|
7
|
+
const menuRef = useRef(null);
|
|
8
|
+
const [left, setLeft] = useState(0);
|
|
9
|
+
const actions = buildMenuActions({
|
|
10
|
+
builder,
|
|
11
|
+
column,
|
|
12
|
+
icons,
|
|
13
|
+
labels,
|
|
14
|
+
ordering,
|
|
15
|
+
pinning,
|
|
16
|
+
sortable,
|
|
17
|
+
table,
|
|
18
|
+
visibility
|
|
19
|
+
});
|
|
20
|
+
// Right-align the menu to the trigger so it opens leftward — the menu button
|
|
21
|
+
// sits at the cell's right edge, where a left-aligned menu would overflow.
|
|
22
|
+
// The width is only known after mount, so measure and place it in a layout
|
|
23
|
+
// effect (before paint) to avoid a visible jump.
|
|
24
|
+
useLayoutEffect(() => {
|
|
25
|
+
var _a, _b;
|
|
26
|
+
const width = (_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0;
|
|
27
|
+
setLeft(Math.max(position.buttonRight - width, 0));
|
|
28
|
+
}, [position.buttonRight]);
|
|
29
|
+
useLayoutEffect(() => {
|
|
30
|
+
var _a, _b;
|
|
31
|
+
(_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.data-grid-menu-item')) === null || _b === void 0 ? void 0 : _b.focus();
|
|
32
|
+
const onOutsidePointerDown = (event) => {
|
|
33
|
+
var _a;
|
|
34
|
+
if (!((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
|
|
35
|
+
onClose();
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
// Any scroll (viewport or page) or resize invalidates the anchored
|
|
39
|
+
// position; closing matches the native-select/AG Grid behavior.
|
|
40
|
+
const onWindowChange = (event) => {
|
|
41
|
+
var _a;
|
|
42
|
+
if ((event === null || event === void 0 ? void 0 : event.target) instanceof Node && ((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
onClose();
|
|
46
|
+
};
|
|
47
|
+
document.addEventListener('pointerdown', onOutsidePointerDown, true);
|
|
48
|
+
window.addEventListener('scroll', onWindowChange, true);
|
|
49
|
+
window.addEventListener('resize', onWindowChange);
|
|
50
|
+
return () => {
|
|
51
|
+
document.removeEventListener('pointerdown', onOutsidePointerDown, true);
|
|
52
|
+
window.removeEventListener('scroll', onWindowChange, true);
|
|
53
|
+
window.removeEventListener('resize', onWindowChange);
|
|
54
|
+
};
|
|
55
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
56
|
+
}, []);
|
|
57
|
+
if (!table.getColumn(column.key) || !container.current || actions.length === 0) {
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
const onKeyDown = (event) => {
|
|
61
|
+
var _a, _b, _c, _d, _e, _f;
|
|
62
|
+
const enabled = [
|
|
63
|
+
...((_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.data-grid-menu-item')) !== null && _b !== void 0 ? _b : [])
|
|
64
|
+
];
|
|
65
|
+
const activeIndex = enabled.indexOf(document.activeElement);
|
|
66
|
+
switch (event.key) {
|
|
67
|
+
case 'Escape': {
|
|
68
|
+
event.stopPropagation();
|
|
69
|
+
onClose(true);
|
|
70
|
+
break;
|
|
71
|
+
}
|
|
72
|
+
case 'Tab': {
|
|
73
|
+
onClose();
|
|
74
|
+
break;
|
|
75
|
+
}
|
|
76
|
+
case 'ArrowDown': {
|
|
77
|
+
event.preventDefault();
|
|
78
|
+
(_c = enabled[(activeIndex + 1) % enabled.length]) === null || _c === void 0 ? void 0 : _c.focus();
|
|
79
|
+
break;
|
|
80
|
+
}
|
|
81
|
+
case 'ArrowUp': {
|
|
82
|
+
event.preventDefault();
|
|
83
|
+
(_d = enabled[(activeIndex - 1 + enabled.length) % enabled.length]) === null || _d === void 0 ? void 0 : _d.focus();
|
|
84
|
+
break;
|
|
85
|
+
}
|
|
86
|
+
case 'Home': {
|
|
87
|
+
event.preventDefault();
|
|
88
|
+
(_e = enabled[0]) === null || _e === void 0 ? void 0 : _e.focus();
|
|
89
|
+
break;
|
|
90
|
+
}
|
|
91
|
+
case 'End': {
|
|
92
|
+
event.preventDefault();
|
|
93
|
+
(_f = enabled[enabled.length - 1]) === null || _f === void 0 ? void 0 : _f.focus();
|
|
94
|
+
break;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
return createPortal(jsx("div", { className: "data-grid-menu", id: id, ref: menuRef, role: "menu", style: { top: position.top, left }, onKeyDown: onKeyDown, children: actions.map((action, index) => (jsxs(Fragment, { children: [index > 0 && action.group !== actions[index - 1].group && (jsx("div", { className: "data-grid-menu-divider", role: "separator" })), jsxs("button", { type: "button", className: "data-grid-menu-item", role: "menuitem", "aria-disabled": action.disabled || undefined, onClick: () => {
|
|
99
|
+
if (action.disabled) {
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
onClose();
|
|
103
|
+
action.run();
|
|
104
|
+
// The action may remove the trigger's header cell (hide column);
|
|
105
|
+
// the focus check has to run after React re-renders.
|
|
106
|
+
requestAnimationFrame(() => {
|
|
107
|
+
var _a;
|
|
108
|
+
const root = container.current;
|
|
109
|
+
if (!root) {
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
112
|
+
// An action may have moved focus deliberately (the filter
|
|
113
|
+
// dialog); only restore it when it fell out of the grid.
|
|
114
|
+
const active = document.activeElement;
|
|
115
|
+
if (active && active !== document.body && root.contains(active)) {
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
const trigger = (_a = root.querySelector(`button[data-coreui-menu="${column.key}"]`)) !== null && _a !== void 0 ? _a : root.querySelector('[data-coreui-menu]');
|
|
119
|
+
trigger === null || trigger === void 0 ? void 0 : trigger.focus();
|
|
120
|
+
});
|
|
121
|
+
}, children: [action.icon && (jsx("span", { className: "data-grid-menu-item-icon", "aria-hidden": "true", children: action.icon })), action.label] })] }, action.key))) }), container.current);
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
export { CDataGridHeaderMenu };
|
|
125
|
+
//# sourceMappingURL=CDataGridHeaderMenu.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CDataGridHeaderMenu.mjs","sources":["../../../src/CDataGridHeaderMenu.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* --------------------------------------------------------------------------
|
|
3
|
+
* CoreUI PRO react-data-grid CDataGridPagination.tsx
|
|
4
|
+
* License (https://coreui.io/pro/license/)
|
|
5
|
+
* --------------------------------------------------------------------------
|
|
6
|
+
*/
|
|
7
|
+
import type { Table } from '@tanstack/react-table';
|
|
8
|
+
import type { DataGridPaginationInfoState } from '@coreui/data-grid';
|
|
9
|
+
import type { DataGridItem, DataGridLabels } from './types';
|
|
10
|
+
export interface CDataGridPaginationProps {
|
|
11
|
+
info: boolean | ((state: DataGridPaginationInfoState) => string);
|
|
12
|
+
labels: DataGridLabels;
|
|
13
|
+
pageSizeOptions: number[];
|
|
14
|
+
position: 'top' | 'bottom';
|
|
15
|
+
table: Table<DataGridItem>;
|
|
16
|
+
totalRows: number;
|
|
17
|
+
}
|
|
18
|
+
export declare const CDataGridPagination: ({ info, labels, pageSizeOptions, position, table, totalRows }: CDataGridPaginationProps) => import("react").JSX.Element;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { interpolate } from '@coreui/data-grid/labels';
|
|
3
|
+
|
|
4
|
+
const PAGE_WINDOW = 5;
|
|
5
|
+
const CDataGridPagination = ({ info, labels, pageSizeOptions, position, table, totalRows }) => {
|
|
6
|
+
const { pageIndex, pageSize } = table.getState().pagination;
|
|
7
|
+
const pageCount = table.getPageCount();
|
|
8
|
+
const lastPageIndex = Math.max(pageCount - 1, 0);
|
|
9
|
+
const windowStart = Math.max(Math.min(pageIndex - Math.floor(PAGE_WINDOW / 2), pageCount - PAGE_WINDOW), 0);
|
|
10
|
+
// No pages (server mode before the first load, rejected provider) - no page
|
|
11
|
+
// buttons, only the disabled first/prev/next/last chrome.
|
|
12
|
+
const windowEnd = pageCount === 0 ? -1 : Math.min(windowStart + PAGE_WINDOW - 1, lastPageIndex);
|
|
13
|
+
const pages = [];
|
|
14
|
+
for (let page = windowStart; page <= windowEnd; page++) {
|
|
15
|
+
pages.push(page);
|
|
16
|
+
}
|
|
17
|
+
// A configured pageSize outside pageSizeOptions would leave the select
|
|
18
|
+
// blank; surface it as an extra option in numeric position.
|
|
19
|
+
const sizeInsertIndex = pageSizeOptions.findIndex(size => size > pageSize);
|
|
20
|
+
const sizeOptions = pageSizeOptions.includes(pageSize) ?
|
|
21
|
+
pageSizeOptions :
|
|
22
|
+
(sizeInsertIndex === -1 ?
|
|
23
|
+
[...pageSizeOptions, pageSize] :
|
|
24
|
+
[...pageSizeOptions.slice(0, sizeInsertIndex), pageSize, ...pageSizeOptions.slice(sizeInsertIndex)]);
|
|
25
|
+
const infoState = {
|
|
26
|
+
pageCount, pageIndex, pageSize, totalRows
|
|
27
|
+
};
|
|
28
|
+
const first = totalRows === 0 ? 0 : (pageIndex * pageSize) + 1;
|
|
29
|
+
const last = Math.min((pageIndex + 1) * pageSize, totalRows);
|
|
30
|
+
const infoText = typeof info === 'function' ?
|
|
31
|
+
info(infoState) :
|
|
32
|
+
interpolate(labels.itemsInfo, { first, last, total: totalRows });
|
|
33
|
+
return (jsxs("div", { className: `data-grid-pagination${position === 'top' ? ' data-grid-pagination-top' : ''}`, children: [jsx("nav", { "aria-label": labels.paginationLabel, children: jsxs("ul", { className: "pagination pagination-sm", children: [jsx("li", { className: `page-item${pageIndex === 0 ? ' disabled' : ''}`, children: jsx("button", { type: "button", className: "page-link", "aria-label": labels.firstPage, "data-coreui-page": "first", disabled: pageIndex === 0, onClick: () => table.firstPage(), children: "\u00AB" }) }), jsx("li", { className: `page-item${pageIndex === 0 ? ' disabled' : ''}`, children: jsx("button", { type: "button", className: "page-link", "aria-label": labels.previousPage, "data-coreui-page": "prev", disabled: pageIndex === 0, onClick: () => table.previousPage(), children: "\u2039" }) }), pages.map(page => (jsx("li", { className: `page-item${page === pageIndex ? ' active' : ''}`, ...(page === pageIndex && { 'aria-current': 'page' }), children: jsx("button", { type: "button", className: "page-link", "data-coreui-page": String(page), onClick: () => table.setPageIndex(page), children: page + 1 }) }, page))), jsx("li", { className: `page-item${pageIndex >= lastPageIndex ? ' disabled' : ''}`, children: jsx("button", { type: "button", className: "page-link", "aria-label": labels.nextPage, "data-coreui-page": "next", disabled: pageIndex >= lastPageIndex, onClick: () => table.nextPage(), children: "\u203A" }) }), jsx("li", { className: `page-item${pageIndex >= lastPageIndex ? ' disabled' : ''}`, children: jsx("button", { type: "button", className: "page-link", "aria-label": labels.lastPage, "data-coreui-page": "last", disabled: pageIndex >= lastPageIndex, onClick: () => table.lastPage(), children: "\u00BB" }) })] }) }), info !== false && jsx("span", { className: "data-grid-pagination-info", children: infoText }), jsx("select", { className: "form-select form-select-sm", "aria-label": labels.pageSizeLabel, "data-coreui-page-size": "", value: pageSize, onChange: event => table.setPageSize(Number(event.target.value)), children: sizeOptions.map(size => (jsx("option", { value: size, children: size }, size))) })] }));
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export { CDataGridPagination };
|
|
37
|
+
//# sourceMappingURL=CDataGridPagination.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CDataGridPagination.mjs","sources":["../../../src/CDataGridPagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* --------------------------------------------------------------------------
|
|
3
|
+
* CoreUI PRO react-data-grid CDataGridToolbar.tsx
|
|
4
|
+
* License (https://coreui.io/pro/license/)
|
|
5
|
+
* --------------------------------------------------------------------------
|
|
6
|
+
*/
|
|
7
|
+
import { type CsvDownloadOptions } from '@coreui/data-grid/csv';
|
|
8
|
+
import type { Table } from '@tanstack/react-table';
|
|
9
|
+
import { type ReactNode, type RefObject } from 'react';
|
|
10
|
+
import type { CDataGridColumn, DataGridItem, DataGridLabels } from './types';
|
|
11
|
+
export interface CDataGridToolbarProps {
|
|
12
|
+
columns: CDataGridColumn[];
|
|
13
|
+
columnsIcon: ReactNode;
|
|
14
|
+
container: RefObject<HTMLDivElement | null>;
|
|
15
|
+
export: boolean;
|
|
16
|
+
exportIcon: ReactNode;
|
|
17
|
+
exportOptions: CsvDownloadOptions;
|
|
18
|
+
initialVisibility: Record<string, boolean>;
|
|
19
|
+
labels: DataGridLabels;
|
|
20
|
+
canRedo: boolean;
|
|
21
|
+
canUndo: boolean;
|
|
22
|
+
onRedo: () => void;
|
|
23
|
+
onUndo: () => void;
|
|
24
|
+
redoIcon: ReactNode;
|
|
25
|
+
search: boolean;
|
|
26
|
+
searchValue: string;
|
|
27
|
+
showColumns: boolean;
|
|
28
|
+
showHistory: boolean;
|
|
29
|
+
undoIcon: ReactNode;
|
|
30
|
+
table: Table<DataGridItem>;
|
|
31
|
+
}
|
|
32
|
+
export declare const CDataGridToolbar: ({ columns, columnsIcon, container, export: exportEnabled, exportIcon, exportOptions, initialVisibility, canRedo, canUndo, labels, onRedo, onUndo, redoIcon, search, searchValue, showColumns, showHistory, table, undoIcon }: CDataGridToolbarProps) => import("react").JSX.Element;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { downloadCsv } from '@coreui/data-grid/csv';
|
|
3
|
+
import { useRef, useId, useState, useEffect } from 'react';
|
|
4
|
+
import { CDataGridColumnChooser } from './CDataGridColumnChooser.mjs';
|
|
5
|
+
|
|
6
|
+
const FILTER_DEBOUNCE_MS = 250;
|
|
7
|
+
const CDataGridToolbar = ({ columns, columnsIcon, container, export: exportEnabled, exportIcon, exportOptions, initialVisibility, canRedo, canUndo, labels, onRedo, onUndo, redoIcon, search, searchValue, showColumns, showHistory, table, undoIcon }) => {
|
|
8
|
+
const filterTimeout = useRef(undefined);
|
|
9
|
+
const columnsButtonRef = useRef(null);
|
|
10
|
+
const chooserId = useId();
|
|
11
|
+
const [chooserPosition, setChooserPosition] = useState(null);
|
|
12
|
+
useEffect(() => () => clearTimeout(filterTimeout.current), []);
|
|
13
|
+
const closeChooser = (refocus = false) => {
|
|
14
|
+
var _a;
|
|
15
|
+
setChooserPosition(null);
|
|
16
|
+
if (refocus) {
|
|
17
|
+
(_a = columnsButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
const toggleChooser = () => {
|
|
21
|
+
if (chooserPosition) {
|
|
22
|
+
closeChooser(true);
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
const button = columnsButtonRef.current;
|
|
26
|
+
const root = container.current;
|
|
27
|
+
if (!button || !root) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const rootRect = root.getBoundingClientRect();
|
|
31
|
+
const buttonRect = button.getBoundingClientRect();
|
|
32
|
+
setChooserPosition({
|
|
33
|
+
buttonLeft: buttonRect.left - rootRect.left,
|
|
34
|
+
top: buttonRect.bottom - rootRect.top
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
return (jsxs("div", { className: "data-grid-toolbar", children: [(showColumns || exportEnabled || showHistory) && (jsxs("div", { className: "data-grid-toolbar-actions", children: [showColumns && (jsxs("button", { type: "button", className: "btn btn-ghost btn-sm", "aria-controls": chooserPosition ? chooserId : undefined, "aria-expanded": chooserPosition ? 'true' : 'false', "data-coreui-toolbar-columns": "", "data-coreui-tooltip": labels.toolbarColumns, ref: columnsButtonRef, onClick: toggleChooser, children: [columnsIcon, jsx("span", { className: "visually-hidden", children: labels.toolbarColumns })] })), exportEnabled && (jsxs("button", { type: "button", className: "btn btn-ghost btn-sm", "data-coreui-toolbar-export": "", "data-coreui-tooltip": labels.toolbarExport, onClick: () => downloadCsv(table, { scope: 'filtered', ...exportOptions }), children: [exportIcon, jsx("span", { className: "visually-hidden", children: labels.toolbarExport })] })), showHistory && (jsxs(Fragment, { children: [jsxs("button", { type: "button", className: "btn btn-ghost btn-sm", "data-coreui-toolbar-undo": "", "data-coreui-tooltip": labels.toolbarUndo, disabled: !canUndo, onClick: onUndo, children: [undoIcon, jsx("span", { className: "visually-hidden", children: labels.toolbarUndo })] }), jsxs("button", { type: "button", className: "btn btn-ghost btn-sm", "data-coreui-toolbar-redo": "", "data-coreui-tooltip": labels.toolbarRedo, disabled: !canRedo, onClick: onRedo, children: [redoIcon, jsx("span", { className: "visually-hidden", children: labels.toolbarRedo })] })] }))] })), search && (jsx("div", { className: "data-grid-toolbar-search", children: jsx("input", { type: "search", className: "form-control form-control-sm", "aria-label": labels.globalFilterLabel, defaultValue: searchValue, placeholder: labels.globalFilterPlaceholder, "data-coreui-global-filter": "", onChange: event => {
|
|
38
|
+
const { value } = event.target;
|
|
39
|
+
clearTimeout(filterTimeout.current);
|
|
40
|
+
filterTimeout.current = setTimeout(() => {
|
|
41
|
+
table.setGlobalFilter(value === '' ? undefined : value);
|
|
42
|
+
}, FILTER_DEBOUNCE_MS);
|
|
43
|
+
} }) })), showColumns && chooserPosition && (jsx(CDataGridColumnChooser, { columns: columns, container: container, id: chooserId, initialVisibility: initialVisibility, labels: labels, position: chooserPosition, table: table, onClose: closeChooser }))] }));
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
export { CDataGridToolbar };
|
|
47
|
+
//# sourceMappingURL=CDataGridToolbar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CDataGridToolbar.mjs","sources":["../../../src/CDataGridToolbar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* --------------------------------------------------------------------------
|
|
3
|
+
* CoreUI PRO react-data-grid active-cell.ts
|
|
4
|
+
* License (https://coreui.io/pro/license/)
|
|
5
|
+
* --------------------------------------------------------------------------
|
|
6
|
+
*/
|
|
7
|
+
export interface ActiveCell {
|
|
8
|
+
rowIndex: number;
|
|
9
|
+
columnId: string;
|
|
10
|
+
}
|
|
11
|
+
export interface ActiveCellContext {
|
|
12
|
+
columnIds: string[];
|
|
13
|
+
rowCount: number;
|
|
14
|
+
pageStep: number;
|
|
15
|
+
paginated: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface NavigationResult {
|
|
18
|
+
cell: ActiveCell;
|
|
19
|
+
pageDelta?: -1 | 1;
|
|
20
|
+
}
|
|
21
|
+
export declare const clampActiveCell: (cell: ActiveCell | null, context: ActiveCellContext) => ActiveCell | null;
|
|
22
|
+
export declare const resolveNavigation: (key: string, ctrlKey: boolean, current: ActiveCell, context: ActiveCellContext) => NavigationResult | null;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* --------------------------------------------------------------------------
|
|
3
|
+
* CoreUI PRO react-data-grid active-cell.ts
|
|
4
|
+
* License (https://coreui.io/pro/license/)
|
|
5
|
+
* --------------------------------------------------------------------------
|
|
6
|
+
*/
|
|
7
|
+
const HEADER_ROW_INDEX = -1;
|
|
8
|
+
const clampColumn = (columnId, columnIds) => {
|
|
9
|
+
if (columnIds.includes(columnId)) {
|
|
10
|
+
return columnId;
|
|
11
|
+
}
|
|
12
|
+
return columnIds.length > 0 ? columnIds[0] : null;
|
|
13
|
+
};
|
|
14
|
+
const clampActiveCell = (cell, context) => {
|
|
15
|
+
if (!cell) {
|
|
16
|
+
return null;
|
|
17
|
+
}
|
|
18
|
+
const columnId = clampColumn(cell.columnId, context.columnIds);
|
|
19
|
+
if (columnId === null) {
|
|
20
|
+
return null;
|
|
21
|
+
}
|
|
22
|
+
const maxRow = context.rowCount - 1;
|
|
23
|
+
const rowIndex = cell.rowIndex < 0 ?
|
|
24
|
+
HEADER_ROW_INDEX :
|
|
25
|
+
Math.max(0, Math.min(cell.rowIndex, Math.max(maxRow, 0)));
|
|
26
|
+
if (rowIndex >= 0 && maxRow < 0) {
|
|
27
|
+
return { rowIndex: HEADER_ROW_INDEX, columnId };
|
|
28
|
+
}
|
|
29
|
+
return { rowIndex, columnId };
|
|
30
|
+
};
|
|
31
|
+
const resolveNavigation = (key, ctrlKey, current, context) => {
|
|
32
|
+
const { columnIds, rowCount, pageStep, paginated } = context;
|
|
33
|
+
const columnIndex = columnIds.indexOf(current.columnId);
|
|
34
|
+
if (columnIndex === -1 || columnIds.length === 0) {
|
|
35
|
+
return null;
|
|
36
|
+
}
|
|
37
|
+
const lastRow = rowCount - 1;
|
|
38
|
+
const lastColumn = columnIds.length - 1;
|
|
39
|
+
const cell = (rowIndex, index) => ({
|
|
40
|
+
cell: { rowIndex, columnId: columnIds[index] }
|
|
41
|
+
});
|
|
42
|
+
switch (key) {
|
|
43
|
+
case 'ArrowLeft': {
|
|
44
|
+
return cell(current.rowIndex, Math.max(columnIndex - 1, 0));
|
|
45
|
+
}
|
|
46
|
+
case 'ArrowRight': {
|
|
47
|
+
return cell(current.rowIndex, Math.min(columnIndex + 1, lastColumn));
|
|
48
|
+
}
|
|
49
|
+
case 'ArrowUp': {
|
|
50
|
+
return cell(Math.max(current.rowIndex - 1, HEADER_ROW_INDEX), columnIndex);
|
|
51
|
+
}
|
|
52
|
+
case 'ArrowDown': {
|
|
53
|
+
return cell(Math.min(current.rowIndex + 1, lastRow), columnIndex);
|
|
54
|
+
}
|
|
55
|
+
case 'Home': {
|
|
56
|
+
if (ctrlKey) {
|
|
57
|
+
return cell(rowCount > 0 ? 0 : HEADER_ROW_INDEX, 0);
|
|
58
|
+
}
|
|
59
|
+
return cell(current.rowIndex, 0);
|
|
60
|
+
}
|
|
61
|
+
case 'End': {
|
|
62
|
+
if (ctrlKey) {
|
|
63
|
+
return cell(rowCount > 0 ? lastRow : HEADER_ROW_INDEX, lastColumn);
|
|
64
|
+
}
|
|
65
|
+
return cell(current.rowIndex, lastColumn);
|
|
66
|
+
}
|
|
67
|
+
case 'PageUp': {
|
|
68
|
+
if (paginated && current.rowIndex === 0) {
|
|
69
|
+
return { ...cell(0, columnIndex), pageDelta: -1 };
|
|
70
|
+
}
|
|
71
|
+
return cell(Math.max(current.rowIndex - pageStep, 0), columnIndex);
|
|
72
|
+
}
|
|
73
|
+
case 'PageDown': {
|
|
74
|
+
if (paginated && current.rowIndex === lastRow) {
|
|
75
|
+
return { ...cell(lastRow, columnIndex), pageDelta: 1 };
|
|
76
|
+
}
|
|
77
|
+
return cell(Math.min(current.rowIndex + pageStep, lastRow), columnIndex);
|
|
78
|
+
}
|
|
79
|
+
default: {
|
|
80
|
+
return null;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
export { clampActiveCell, resolveNavigation };
|
|
86
|
+
//# sourceMappingURL=active-cell.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"active-cell.mjs","sources":["../../../src/active-cell.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* --------------------------------------------------------------------------
|
|
3
|
+
* CoreUI PRO react-data-grid columns.ts
|
|
4
|
+
* License (https://coreui.io/pro/license/)
|
|
5
|
+
* --------------------------------------------------------------------------
|
|
6
|
+
*/
|
|
7
|
+
import type { Table } from '@tanstack/react-table';
|
|
8
|
+
import type { ReactNode } from 'react';
|
|
9
|
+
import type { CDataGridColumn, CDataGridColumnMenuBuilder, CDataGridMenuAction, DataGridItem, DataGridLabels } from './types';
|
|
10
|
+
export interface MenuIcons {
|
|
11
|
+
hideColumn: ReactNode;
|
|
12
|
+
moveLeft: ReactNode;
|
|
13
|
+
moveRight: ReactNode;
|
|
14
|
+
pinLeft: ReactNode;
|
|
15
|
+
pinRight: ReactNode;
|
|
16
|
+
sortAscending: ReactNode;
|
|
17
|
+
sortDescending: ReactNode;
|
|
18
|
+
sortNeutral: ReactNode;
|
|
19
|
+
unpin: ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export interface BuildMenuActionsContext {
|
|
22
|
+
builder: CDataGridColumnMenuBuilder | null;
|
|
23
|
+
column: CDataGridColumn;
|
|
24
|
+
icons: MenuIcons;
|
|
25
|
+
labels: DataGridLabels;
|
|
26
|
+
ordering: boolean;
|
|
27
|
+
pinning: boolean;
|
|
28
|
+
sortable: boolean;
|
|
29
|
+
table: Table<DataGridItem>;
|
|
30
|
+
visibility: boolean;
|
|
31
|
+
}
|
|
32
|
+
export declare const buildMenuActions: ({ builder, column, icons, labels, ordering, pinning, sortable, table, visibility }: BuildMenuActionsContext) => CDataGridMenuAction[];
|
|
33
|
+
export declare const visibleLeafColumns: (table: Table<DataGridItem>) => import("@tanstack/table-core").Column<DataGridItem, unknown>[];
|
|
34
|
+
export declare const visibleColumns: (table: Table<DataGridItem>, columns: CDataGridColumn[]) => CDataGridColumn[];
|
|
35
|
+
export declare const orderedLeafIds: (table: Table<DataGridItem>) => string[];
|
|
36
|
+
export declare const reorderColumn: (table: Table<DataGridItem>, sourceKey: string, targetKey: string) => void;
|
|
37
|
+
export declare const moveColumn: (table: Table<DataGridItem>, columnKey: string, direction: -1 | 1) => void;
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* --------------------------------------------------------------------------
|
|
3
|
+
* CoreUI PRO react-data-grid columns.ts
|
|
4
|
+
* License (https://coreui.io/pro/license/)
|
|
5
|
+
* --------------------------------------------------------------------------
|
|
6
|
+
*/
|
|
7
|
+
const buildMenuActions = ({ builder, column, icons, labels, ordering, pinning, sortable, table, visibility }) => {
|
|
8
|
+
const tableColumn = table.getColumn(column.key);
|
|
9
|
+
if (!tableColumn) {
|
|
10
|
+
return [];
|
|
11
|
+
}
|
|
12
|
+
const actions = [];
|
|
13
|
+
if (sortable) {
|
|
14
|
+
const sorted = tableColumn.getIsSorted();
|
|
15
|
+
actions.push({
|
|
16
|
+
key: 'sort-asc',
|
|
17
|
+
label: labels.sortAscending,
|
|
18
|
+
disabled: sorted === 'asc',
|
|
19
|
+
group: 'sorting',
|
|
20
|
+
icon: icons.sortAscending,
|
|
21
|
+
run: () => tableColumn.toggleSorting(false)
|
|
22
|
+
}, {
|
|
23
|
+
key: 'sort-desc',
|
|
24
|
+
label: labels.sortDescending,
|
|
25
|
+
disabled: sorted === 'desc',
|
|
26
|
+
group: 'sorting',
|
|
27
|
+
icon: icons.sortDescending,
|
|
28
|
+
run: () => tableColumn.toggleSorting(true)
|
|
29
|
+
});
|
|
30
|
+
if (sorted) {
|
|
31
|
+
actions.push({
|
|
32
|
+
key: 'clear-sort',
|
|
33
|
+
label: labels.clearSort,
|
|
34
|
+
group: 'sorting',
|
|
35
|
+
icon: icons.sortNeutral,
|
|
36
|
+
run: () => tableColumn.clearSorting()
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
if (pinning) {
|
|
41
|
+
const pinned = tableColumn.getIsPinned();
|
|
42
|
+
if (pinned !== 'left') {
|
|
43
|
+
actions.push({
|
|
44
|
+
key: 'pin-left', label: labels.pinLeft, group: 'pinning', icon: icons.pinLeft, run: () => tableColumn.pin('left')
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
if (pinned !== 'right') {
|
|
48
|
+
actions.push({
|
|
49
|
+
key: 'pin-right', label: labels.pinRight, group: 'pinning', icon: icons.pinRight, run: () => tableColumn.pin('right')
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
if (pinned) {
|
|
53
|
+
actions.push({
|
|
54
|
+
key: 'unpin', label: labels.unpin, group: 'pinning', icon: icons.unpin, run: () => tableColumn.pin(false)
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
if (ordering && column.movable !== false) {
|
|
59
|
+
const region = visibleLeafColumns(table).filter(item => item.getIsPinned() === tableColumn.getIsPinned());
|
|
60
|
+
const index = region.findIndex(item => item.id === column.key);
|
|
61
|
+
actions.push({
|
|
62
|
+
key: 'move-left',
|
|
63
|
+
label: labels.moveLeft,
|
|
64
|
+
disabled: index <= 0,
|
|
65
|
+
group: 'ordering',
|
|
66
|
+
icon: icons.moveLeft,
|
|
67
|
+
run: () => moveColumn(table, column.key, -1)
|
|
68
|
+
}, {
|
|
69
|
+
key: 'move-right',
|
|
70
|
+
label: labels.moveRight,
|
|
71
|
+
disabled: index === region.length - 1,
|
|
72
|
+
group: 'ordering',
|
|
73
|
+
icon: icons.moveRight,
|
|
74
|
+
run: () => moveColumn(table, column.key, 1)
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
if (visibility && tableColumn.getCanHide()) {
|
|
78
|
+
actions.push({
|
|
79
|
+
key: 'hide', label: labels.hideColumn, group: 'visibility', icon: icons.hideColumn, run: () => tableColumn.toggleVisibility(false)
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
// A builder receives the built-in actions and the column, and returns the
|
|
83
|
+
// final list — reorder, filter, or add custom items.
|
|
84
|
+
return builder ? builder({ column, defaultActions: actions }) : actions;
|
|
85
|
+
};
|
|
86
|
+
// Visible leaf columns in VISUAL order: left-pinned, center (columnOrder),
|
|
87
|
+
// right-pinned — getVisibleLeafColumns() alone does not regroup pinning.
|
|
88
|
+
const visibleLeafColumns = (table) => [
|
|
89
|
+
...table.getLeftVisibleLeafColumns(),
|
|
90
|
+
...table.getCenterVisibleLeafColumns(),
|
|
91
|
+
...table.getRightVisibleLeafColumns()
|
|
92
|
+
];
|
|
93
|
+
const visibleColumns = (table, columns) => {
|
|
94
|
+
const byKey = new Map(columns.map(column => [column.key, column]));
|
|
95
|
+
const result = [];
|
|
96
|
+
for (const column of visibleLeafColumns(table)) {
|
|
97
|
+
const config = byKey.get(column.id);
|
|
98
|
+
if (config) {
|
|
99
|
+
result.push(config);
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
return result;
|
|
103
|
+
};
|
|
104
|
+
// All leaf ids in the current order, hidden columns included - building a new
|
|
105
|
+
// order from visible ids only would drop hidden columns, and TanStack appends
|
|
106
|
+
// missing ids at the end when they are shown again.
|
|
107
|
+
const orderedLeafIds = (table) => {
|
|
108
|
+
const allIds = table.getAllLeafColumns().map(column => column.id);
|
|
109
|
+
const order = table.getState().columnOrder;
|
|
110
|
+
if (order.length === 0) {
|
|
111
|
+
return allIds;
|
|
112
|
+
}
|
|
113
|
+
const known = new Set(allIds);
|
|
114
|
+
const ordered = order.filter(id => known.has(id));
|
|
115
|
+
const seen = new Set(ordered);
|
|
116
|
+
return [...ordered, ...allIds.filter(id => !seen.has(id))];
|
|
117
|
+
};
|
|
118
|
+
const reorderColumn = (table, sourceKey, targetKey) => {
|
|
119
|
+
if (sourceKey === targetKey) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
const source = table.getColumn(sourceKey);
|
|
123
|
+
const target = table.getColumn(targetKey);
|
|
124
|
+
// Reordering never crosses a pinning boundary — pin membership is state,
|
|
125
|
+
// not position.
|
|
126
|
+
if (!source || !target || source.getIsPinned() !== target.getIsPinned()) {
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
const ids = orderedLeafIds(table);
|
|
130
|
+
const from = ids.indexOf(sourceKey);
|
|
131
|
+
const to = ids.indexOf(targetKey);
|
|
132
|
+
if (from === -1 || to === -1) {
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
// Removing the source first makes inserting at the target's original index
|
|
136
|
+
// land after it when dragging right and before it when dragging left.
|
|
137
|
+
ids.splice(from, 1);
|
|
138
|
+
ids.splice(to, 0, sourceKey);
|
|
139
|
+
table.setColumnOrder(ids);
|
|
140
|
+
};
|
|
141
|
+
const moveColumn = (table, columnKey, direction) => {
|
|
142
|
+
const column = table.getColumn(columnKey);
|
|
143
|
+
if (!column) {
|
|
144
|
+
return;
|
|
145
|
+
}
|
|
146
|
+
const region = column.getIsPinned();
|
|
147
|
+
const ids = orderedLeafIds(table);
|
|
148
|
+
const regionIds = visibleLeafColumns(table)
|
|
149
|
+
.filter(item => item.getIsPinned() === region)
|
|
150
|
+
.map(item => item.id);
|
|
151
|
+
const neighbor = regionIds[regionIds.indexOf(columnKey) + direction];
|
|
152
|
+
if (!neighbor) {
|
|
153
|
+
return;
|
|
154
|
+
}
|
|
155
|
+
const from = ids.indexOf(columnKey);
|
|
156
|
+
const to = ids.indexOf(neighbor);
|
|
157
|
+
ids[from] = neighbor;
|
|
158
|
+
ids[to] = columnKey;
|
|
159
|
+
table.setColumnOrder(ids);
|
|
160
|
+
};
|
|
161
|
+
|
|
162
|
+
export { buildMenuActions, moveColumn, orderedLeafIds, reorderColumn, visibleColumns, visibleLeafColumns };
|
|
163
|
+
//# sourceMappingURL=columns.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columns.mjs","sources":["../../../src/columns.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|