@neo4j-ndl/react 2.0.0-alpha-e609471 → 2.0.0-alpha-5e223d7

package/lib/cjs/data-grid/Components.js

@@ -0,0 +1,364 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Scrollable = exports.LoadingPlaceholder = exports.NoDataPlaceholder = exports.PaginationNumericButton = exports.PaginationArrowButton = exports.PaginationNumericButtons = exports.Pagination = exports.RowsPerPage = exports.TableResults = exports.Navigation = exports.HeaderCell = exports.BodyRow = exports.BodyCell = exports.Body = exports.Header = exports.ResizingBar = exports.ColumnControls = exports.RowActionCell = exports.ActionButton = exports.DEFAULT_SORT_ACTIONS = void 0;
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const react_table_1 = require("@tanstack/react-table");
+const classnames_1 = __importDefault(require("classnames"));
+const react_2 = require("react");
+const icons_1 = require("../icons");
+const loading_spinner_1 = require("../loading-spinner");
+const helpers_1 = require("./helpers");
+const DataGridContext_1 = require("./DataGridContext");
+const button_1 = require("../button");
+const context_menu_1 = require("../context-menu");
+/** Table results per page, with the first option being the default */
+const TABLE_RESULTS = {
+    DEFAULT: 10,
+    values: [10, 25, 50, 100],
+};
+const DEFAULT_SORT_ACTIONS = (cell) => ({
+    asc: {
+        title: 'Sort ascending',
+        icon: (0, jsx_runtime_1.jsx)(icons_1.BarsArrowUpIconOutline, {}),
+        onClick: () => cell.column.toggleSorting(false),
+    },
+    desc: {
+        title: 'Sort descending',
+        icon: (0, jsx_runtime_1.jsx)(icons_1.BarsArrowDownIconOutline, {}),
+        onClick: () => cell.column.toggleSorting(true),
+    },
+    default: {
+        title: 'Default sort',
+        icon: (0, jsx_runtime_1.jsx)(icons_1.Bars3CenterLeftIconOutline, {}),
+        onClick: () => cell.column.clearSorting(),
+    },
+});
+exports.DEFAULT_SORT_ACTIONS = DEFAULT_SORT_ACTIONS;
+const ResizingBar = ({ header, children, innerProps, }) => {
+    const { className = undefined } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || ((0, jsx_runtime_1.jsx)("button", Object.assign({}, innerProps, { type: "button", className: "ndl-data-grid-resizer-wrapper", onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), "aria-label": "resizing bar", children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ndl-data-grid-resizer', className, {
+                    'ndl-data-grid-is-resizing': header.column.getIsResizing(),
+                }) }) }))) }));
+};
+exports.ResizingBar = ResizingBar;
+const Scrollable = ({ children, innerProps }) => {
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-data-grid-scrollable', className), children: children })));
+};
+exports.Scrollable = Scrollable;
+const Header = ({ children, innerProps }) => {
+    const { tableProps, components } = (0, DataGridContext_1.useDataGridContext)();
+    const { getHeaderGroups, getState } = tableProps;
+    const { className = undefined } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { role: "rowgroup", className: (0, classnames_1.default)('ndl-data-grid-thead', className, {
+            'ndl-data-grid-is-resizing': getState().columnSizingInfo.isResizingColumn,
+        }), children: children || ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: getHeaderGroups().map((headerGroup) => ((0, jsx_runtime_1.jsx)("div", { className: "ndl-data-grid-tr", role: "row", children: headerGroup.headers.map((header) => components.HeaderCell && ((0, jsx_runtime_1.jsx)(components.HeaderCell, { cell: header }, header.id))) }, headerGroup.id))) })) })));
+};
+exports.Header = Header;
+const ActionButton = ({ action, children, onClose, innerProps, }) => {
+    const { className } = innerProps || {};
+    const { onClick } = action;
+    const interceptedOnClick = (0, react_2.useCallback)((e) => {
+        const providedOnClick = onClick || (innerProps === null || innerProps === void 0 ? void 0 : innerProps.onClick);
+        if (typeof providedOnClick === 'function') {
+            providedOnClick(e);
+        }
+        onClose();
+    }, [innerProps === null || innerProps === void 0 ? void 0 : innerProps.onClick, onClick, onClose]);
+    // const commonProps: MenuItemProps = {
+    const commonProps = Object.assign(Object.assign(Object.assign({}, innerProps), action), { className: (0, classnames_1.default)('ndl-data-grid-column-action', className), onClick: interceptedOnClick });
+    return (0, jsx_runtime_1.jsx)(react_2.Fragment, { children: children || (0, jsx_runtime_1.jsx)(context_menu_1.Menu.Item, Object.assign({}, commonProps)) });
+};
+exports.ActionButton = ActionButton;
+const RowActionCell = ({ cell, innerProps, }) => {
+    var _a, _b;
+    const { components } = (0, DataGridContext_1.useDataGridContext)();
+    const actionsButtonRef = (0, react_2.useRef)(null);
+    const [actionsOpen, setActionsOpen] = (0, react_2.useState)(false);
+    if (!cell ||
+        !cell.column.columnDef.meta ||
+        typeof ((_b = (_a = cell.column.columnDef) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.isActionCell) !== 'object')
+        return null;
+    const { actions, onOpenChange } = cell.column.columnDef.meta.isActionCell;
+    return ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ clean: true, size: "medium", "aria-label": `Row actions for row id: ${cell.row.id}`, ref: actionsButtonRef, active: actionsOpen, onClick: () => {
+                    onOpenChange && onOpenChange(!actionsOpen);
+                    setActionsOpen(!actionsOpen);
+                } }, innerProps, { children: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconSolid, {}) })), (0, jsx_runtime_1.jsx)(context_menu_1.Menu, { open: actionsOpen, anchorEl: actionsButtonRef.current, onClose: () => {
+                    onOpenChange && onOpenChange(false);
+                    setActionsOpen(false);
+                }, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'left',
+                }, transformOrigin: {
+                    horizontal: 'right',
+                    vertical: 'top',
+                }, children: actions.map((action, i) => components.ActionButton && ((0, jsx_runtime_1.jsx)(components.ActionButton, { action: action, onClose: () => setActionsOpen(false) }, `${cell.column.id}-action-${i}`))) })] }));
+};
+exports.RowActionCell = RowActionCell;
+const ColumnControls = ({ cell, children, innerProps, }) => {
+    var _a;
+    const { className } = innerProps || {};
+    const { components } = (0, DataGridContext_1.useDataGridContext)();
+    const sort = cell.column.getIsSorted();
+    const canSort = cell.column.getCanSort();
+    const { defaultSortingActions = true, actions } = ((_a = cell.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.columnActions) || {};
+    const sortingActions = (0, react_2.useMemo)(() => {
+        if (canSort) {
+            if (sort !== 'asc' && sort !== 'desc') {
+                return [
+                    (0, exports.DEFAULT_SORT_ACTIONS)(cell).asc,
+                    (0, exports.DEFAULT_SORT_ACTIONS)(cell).desc,
+                ];
+            }
+            if (sort === 'asc') {
+                return [
+                    (0, exports.DEFAULT_SORT_ACTIONS)(cell).default,
+                    (0, exports.DEFAULT_SORT_ACTIONS)(cell).desc,
+                ];
+            }
+            if (sort === 'desc') {
+                return [
+                    (0, exports.DEFAULT_SORT_ACTIONS)(cell).default,
+                    (0, exports.DEFAULT_SORT_ACTIONS)(cell).asc,
+                ];
+            }
+        }
+        // Default case
+        return [];
+    }, [sort, cell, canSort]);
+    const newActions = [
+        ...(defaultSortingActions ? sortingActions : []),
+        ...(actions !== null && actions !== void 0 ? actions : []),
+    ];
+    const actionsButtonRef = (0, react_2.useRef)(null);
+    const [actionsOpen, setActionsOpen] = (0, react_2.useState)(false);
+    if (!actions || actions.length === 0)
+        return null;
+    return newActions.length > 0 ? ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-header-action-group', className), style: {
+            zIndex: 100000,
+            position: 'relative',
+            right: '12px',
+        }, children: children || ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.IconButton, { clean: true, size: "medium", "arial-label": `Column actions for ${cell.column.id} column`, ref: actionsButtonRef, active: actionsOpen, onClick: () => {
+                        setActionsOpen(!actionsOpen);
+                    }, children: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconSolid, {}) }), (0, jsx_runtime_1.jsx)(context_menu_1.Menu, { open: actionsOpen, anchorEl: actionsButtonRef.current, onClose: () => setActionsOpen(false), anchorOrigin: {
+                        vertical: 'bottom',
+                        horizontal: 'center',
+                    }, transformOrigin: {
+                        horizontal: 'center',
+                        vertical: 'top',
+                    }, children: newActions.map((action, i) => components.ActionButton && ((0, jsx_runtime_1.jsx)(components.ActionButton, { action: action, onClose: () => setActionsOpen(false) }, `${cell.column.id}-action-${i}`))) })] })) }))) : null;
+};
+exports.ColumnControls = ColumnControls;
+const HeaderCell = ({ cell, children, innerProps, }) => {
+    var _a;
+    const { components, resizable, tableProps } = (0, DataGridContext_1.useDataGridContext)();
+    const { className } = innerProps || {};
+    const sort = cell.column.getIsSorted();
+    const canSort = cell.column.getCanSort();
+    const ariaSortRole = (0, react_2.useMemo)(() => {
+        switch (sort) {
+            case 'asc':
+                return 'ascending';
+            case 'desc':
+                return 'descending';
+            default:
+                return 'none';
+        }
+    }, [sort]);
+    const Icon = (0, react_2.useMemo)(() => {
+        switch (sort) {
+            case 'asc':
+                return (0, jsx_runtime_1.jsx)(icons_1.BarsArrowUpIconOutline, { className: "ndl-header-icon" });
+            case 'desc':
+                return (0, jsx_runtime_1.jsx)(icons_1.BarsArrowDownIconOutline, { className: "ndl-header-icon" });
+            default:
+                return ((0, jsx_runtime_1.jsx)(icons_1.Bars3CenterLeftIconSolid, { className: "ndl-hoverable-indicator ndl-header-icon" }));
+        }
+    }, [sort]);
+    const ariaDescription = canSort
+        ? `Press ENTER or SPACE to sort column ${cell.column.id}`
+        : `Column id: ${cell.column.id}`;
+    const constrained = (0, helpers_1.isSizeConstrained)(cell.column.columnDef);
+    const ref = (0, react_2.useRef)(null);
+    const [grow, setGrow] = (0, react_2.useState)(true);
+    /**
+     * This part enables the auto sizing of the columns.
+     *
+     * On initial render we need to wait for the width to be
+     * calculated by the browser with `flex-grow: 1`, if the size is not
+     * constrained by the user.
+     * Then we update the table state with the new width to aligned
+     * with the one calculated by browser, for optimal user experience.
+     */
+    (0, react_2.useEffect)(() => {
+        var _a;
+        // The `flex-grow` property is modifying the
+        // width of the column, update this also in the table state
+        const { width } = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {};
+        if (width) {
+            // Update column sizing in table's state
+            tableProps.setState((prev) => (Object.assign(Object.assign({}, prev), { columnSizing: Object.assign(Object.assign({}, prev.columnSizing), { [cell.column.id]: width }) })));
+            // Disable flex grow, to avoid weird resizing behaviour
+            setGrow(false);
+        }
+    }, [tableProps, cell.column.id]);
+    const isActionColumn = typeof ((_a = cell.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.isActionCell) === 'object';
+    const Tag = canSort ? 'button' : 'div';
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ tabIndex: -1, role: "columnheader" }, innerProps, { className: (0, classnames_1.default)('ndl-data-grid-th ndl-focusable-cell', className, {
+            'ndl-data-grid-row-action': isActionColumn,
+        }), "aria-sort": ariaSortRole, style: {
+            width: isActionColumn ? 40 : cell.getSize(),
+            maxWidth: cell.column.columnDef.maxSize
+                ? `${cell.column.columnDef.maxSize}px`
+                : 'none',
+            flexGrow: !isActionColumn && !constrained && grow ? 1 : 0,
+        }, ref: ref, children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Tag, { className: "ndl-header-group", style: {
+                        cursor: canSort ? 'pointer' : 'default',
+                    }, tabIndex: canSort ? -1 : undefined, "aria-describedby": ariaDescription, onClick: () => canSort && cell.column.toggleSorting(), children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-header-cell", children: [cell.isPlaceholder
+                                ? null
+                                : (0, react_table_1.flexRender)(cell.column.columnDef.header, cell.getContext()), canSort && Icon] }) }), components.ColumnControls && ((0, jsx_runtime_1.jsx)(components.ColumnControls, { cell: cell })), resizable &&
+                    cell.headerGroup.headers.length - 1 !== cell.index &&
+                    cell.column.getCanResize() &&
+                    components.ResizingBar && (0, jsx_runtime_1.jsx)(components.ResizingBar, { header: cell })] })) }), cell.id));
+};
+exports.HeaderCell = HeaderCell;
+const Body = ({ children, innerProps }) => {
+    const { tableProps, components, loading } = (0, DataGridContext_1.useDataGridContext)();
+    const { getRowModel } = tableProps;
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-data-grid-tbody', className), role: "rowgroup", "aria-busy": loading ? 'true' : 'false', children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading && components.LoadingPlaceholder && ((0, jsx_runtime_1.jsx)(components.LoadingPlaceholder, {})), !loading &&
+                    getRowModel().rows.length === 0 &&
+                    components.NoDataPlaceholder && (0, jsx_runtime_1.jsx)(components.NoDataPlaceholder, {}), !loading &&
+                    getRowModel().rows.map((row, idx) => components.BodyRow && ((0, jsx_runtime_1.jsx)(components.BodyRow, { row: row }, `table-row-${idx}`)))] })) })));
+};
+exports.Body = Body;
+const BodyCell = ({ cell, children, innerProps, }) => {
+    var _a;
+    const isResizing = cell.column.getIsResizing();
+    const { className } = innerProps || {};
+    const isActionColumn = typeof ((_a = cell.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.isActionCell) === 'object';
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-data-grid-td ndl-focusable-cell', className, {
+            'ndl-data-grid-is-resizing': isResizing,
+            'ndl-data-grid-row-action': isActionColumn,
+        }), role: "cell", tabIndex: 0, style: {
+            width: isActionColumn ? 40 : cell.column.getSize(),
+        }, children: children || (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) }), cell.id));
+};
+exports.BodyCell = BodyCell;
+const BodyRow = ({ row, children, innerProps, }) => {
+    const { components } = (0, DataGridContext_1.useDataGridContext)();
+    const { className } = innerProps || {};
+    return ((0, react_1.createElement)("div", Object.assign({}, innerProps, { key: row.id, className: (0, classnames_1.default)('ndl-data-grid-tr', className), role: "row", style: {
+            display: 'flex',
+            flexDirection: 'row',
+        } }), children || ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: row
+            .getVisibleCells()
+            .map((cell) => components.BodyCell && ((0, jsx_runtime_1.jsx)(components.BodyCell, { cell: cell }, cell.id))) }))));
+};
+exports.BodyRow = BodyRow;
+const TableResults = ({ children, innerProps, manualPagination, }) => {
+    const { tableProps } = (0, DataGridContext_1.useDataGridContext)();
+    const { getState, getRowModel, getCoreRowModel } = tableProps;
+    const { pagination: { pageSize, pageIndex }, } = getState();
+    const { rows } = getRowModel();
+    const { from, to, totalRows } = (0, react_2.useMemo)(() => manualPagination || {
+        from: 1 + pageIndex * pageSize,
+        to: rows.length + pageIndex * pageSize,
+        totalRows: getCoreRowModel().rows.length,
+    }, [pageIndex, pageSize, manualPagination, rows, getCoreRowModel]);
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("span", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-data-grid-results', className), children: children || ((0, jsx_runtime_1.jsxs)("span", { children: ["Showing", ' ', (0, jsx_runtime_1.jsx)("b", { children: totalRows ? `${from}${to !== from ? `-${to}` : ''}` : 0 }), " of", ' ', (0, jsx_runtime_1.jsx)("b", { children: totalRows }), " results"] })) })));
+};
+exports.TableResults = TableResults;
+const RowsPerPage = ({ children, innerProps, }) => {
+    const { tableProps } = (0, DataGridContext_1.useDataGridContext)();
+    const { setPageSize, getState } = tableProps;
+    const { className } = innerProps || {};
+    const { pagination: { pageSize }, } = getState();
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-data-grid-rows-per-page', className), children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Show", (0, jsx_runtime_1.jsx)("select", { onChange: (e) => setPageSize(parseInt(e.target.value, 10)), className: "ndl-data-grid-select", value: pageSize, "aria-label": "Select page size", children: [...new Set([...TABLE_RESULTS.values, pageSize])]
+                        .sort((a, b) => a - b)
+                        .map((option) => ((0, jsx_runtime_1.jsx)("option", { value: `${option}`, children: option }, `${option}`))) })] })) })));
+};
+exports.RowsPerPage = RowsPerPage;
+const PaginationArrowButton = ({ action, children, innerProps, }) => {
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({}, innerProps, { type: "button", className: (0, classnames_1.default)('ndl-data-grid-pagination-icon-button', className), children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [action === 'previous' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "n-sr-only", children: "Previous table page" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronLeftIconOutline, { className: "ndl-data-grid-pagination-icon" })] })), action === 'next' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "n-sr-only", children: "Next table page" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIconOutline, { className: "ndl-data-grid-pagination-icon" })] }))] })) })));
+};
+exports.PaginationArrowButton = PaginationArrowButton;
+const PaginationNumericButton = ({ currentIndex, isSelected, children, innerProps, }) => {
+    const { className, onClick } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({}, innerProps, { type: "button", "data-testid": `table-${currentIndex}`, className: (0, classnames_1.default)('ndl-data-grid-pagination-numeric-button', className, {
+            'ndl-not-selected-numeric': typeof currentIndex === 'number' && !isSelected,
+            'ndl-is-selected': isSelected,
+            'ndl-not-selected': !isSelected,
+        }), onClick: (e) => typeof currentIndex === 'number' && onClick && onClick(e), tabIndex: typeof currentIndex === 'number' ? 0 : -1, children: children || currentIndex })));
+};
+exports.PaginationNumericButton = PaginationNumericButton;
+const PaginationNumericButtons = () => {
+    const { tableProps, components } = (0, DataGridContext_1.useDataGridContext)();
+    const { getState, setPageIndex, getPageCount } = tableProps;
+    const { pagination: { pageIndex }, } = getState();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, helpers_1.userFriendlyPagination)(pageIndex + 1, getPageCount()).map((option, idx) => components.PaginationNumericButton && ((0, jsx_runtime_1.jsx)(components.PaginationNumericButton
+        /** Use index to avoid situations where two "..." values will appear, causing a key conflict */
+        , { innerProps: {
+                onClick: () => typeof option === 'number' && setPageIndex(option - 1),
+            }, currentIndex: option, isSelected: option === pageIndex + 1 }, `${option}-${idx}`))) }));
+};
+exports.PaginationNumericButtons = PaginationNumericButtons;
+const Pagination = ({ children, innerProps, }) => {
+    const { tableProps, components } = (0, DataGridContext_1.useDataGridContext)();
+    const { getCanPreviousPage, getCanNextPage, previousPage, nextPage } = tableProps;
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("nav", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-data-grid-nav', className), "aria-label": "Pagination", children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [getCanPreviousPage()
+                    ? components.PaginationArrowButton && ((0, jsx_runtime_1.jsx)(components.PaginationArrowButton, { action: "previous", innerProps: {
+                            onClick: previousPage,
+                        } }))
+                    : null, components.PaginationNumericButtons && ((0, jsx_runtime_1.jsx)(components.PaginationNumericButtons, {})), getCanNextPage()
+                    ? components.PaginationArrowButton && ((0, jsx_runtime_1.jsx)(components.PaginationArrowButton, { action: "next", innerProps: {
+                            onClick: nextPage,
+                        } }))
+                    : null] })) })));
+};
+exports.Pagination = Pagination;
+const Navigation = ({ children, innerProps, }) => {
+    const { tableProps, components } = (0, DataGridContext_1.useDataGridContext)();
+    const { getPageCount } = tableProps;
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-data-grid-navigation', className), children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [components.TableResults && (0, jsx_runtime_1.jsx)(components.TableResults, {}), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-data-grid-navigation-right-items", children: [getPageCount() > 1 && components.Pagination && ((0, jsx_runtime_1.jsx)(components.Pagination, {})), components.RowsPerPage && (0, jsx_runtime_1.jsx)(components.RowsPerPage, {})] })] })) }) })));
+};
+exports.Navigation = Navigation;
+const LoadingPlaceholder = ({ children, innerProps, }) => {
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('nld-table-placeholder-wrapper', className), role: "row", children: children || ((0, jsx_runtime_1.jsx)("div", { role: "cell", className: "ndl-data-grid-placeholder", children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-data-grid-loading-placeholder", children: [(0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, {}), (0, jsx_runtime_1.jsx)("h6", { children: "Loading data" })] }) })) })));
+};
+exports.LoadingPlaceholder = LoadingPlaceholder;
+const NoDataPlaceholder = ({ children, innerProps, }) => {
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('nld-table-placeholder-wrapper', className), role: "row", children: children || ((0, jsx_runtime_1.jsx)("div", { role: "cell", className: "ndl-data-grid-placeholder", children: (0, jsx_runtime_1.jsx)("h6", { children: "No data present" }) })) })));
+};
+exports.NoDataPlaceholder = NoDataPlaceholder;
+//# sourceMappingURL=Components.js.map

package/lib/cjs/data-grid/Components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components.js","sourceRoot":"","sources":["../../../src/data-grid/Components.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/data-grid/DataGrid.js

@@ -0,0 +1,98 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridComponents = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const classnames_1 = __importDefault(require("classnames"));
+const helpers_1 = require("../helpers");
+const react_1 = require("react");
+const DataGridContext_1 = require("./DataGridContext");
+const Components_1 = require("./Components");
+const react_2 = require("@table-nav/react");
+exports.DataGridComponents = {
+    ResizingBar: Components_1.ResizingBar,
+    Header: Components_1.Header,
+    Body: Components_1.Body,
+    BodyCell: Components_1.BodyCell,
+    BodyRow: Components_1.BodyRow,
+    HeaderCell: Components_1.HeaderCell,
+    ActionButton: Components_1.ActionButton,
+    ColumnControls: Components_1.ColumnControls,
+    Navigation: Components_1.Navigation,
+    TableResults: Components_1.TableResults,
+    RowsPerPage: Components_1.RowsPerPage,
+    Pagination: Components_1.Pagination,
+    PaginationNumericButtons: Components_1.PaginationNumericButtons,
+    PaginationNumericButton: Components_1.PaginationNumericButton,
+    PaginationArrowButton: Components_1.PaginationArrowButton,
+    LoadingPlaceholder: Components_1.LoadingPlaceholder,
+    NoDataPlaceholder: Components_1.NoDataPlaceholder,
+    Scrollable: Components_1.Scrollable,
+};
+var BorderStyleEnum;
+(function (BorderStyleEnum) {
+    BorderStyleEnum["AllSides"] = "all-sides";
+    BorderStyleEnum["Horizontal"] = "horizontal";
+    BorderStyleEnum["None"] = "none";
+})(BorderStyleEnum || (BorderStyleEnum = {}));
+var HeaderStyleEnum;
+(function (HeaderStyleEnum) {
+    HeaderStyleEnum["Filled"] = "filled";
+    HeaderStyleEnum["Clean"] = "clean";
+})(HeaderStyleEnum || (HeaderStyleEnum = {}));
+const DEFAULT_STYLING = {
+    zebraStriping: false,
+    borderStyle: BorderStyleEnum.Horizontal,
+    headerStyle: HeaderStyleEnum.Filled,
+};
+const DataGrid = (0, helpers_1.forwardRef)(function DataGrid({ isResizable = true, isLoading = false, isKeyboardNavigable = false, tableInstance, components, rootProps, styling = {}, tableNavRef, }, ref) {
+    const { className = '', style = {} } = rootProps || {};
+    const Styling = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, DEFAULT_STYLING), styling)), [styling]);
+    const Components = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, exports.DataGridComponents), components)), [components]);
+    const ScrollableContainer = (Components === null || Components === void 0 ? void 0 : Components.Scrollable)
+        ? Components.Scrollable
+        : Components_1.Scrollable;
+    const { listeners, tableNav: tableNavigationReference } = (0, react_2.useTableNav)({
+        debug: false,
+    });
+    /** Surface the tableNav instance for programmatic control if needed */
+    (0, react_1.useImperativeHandle)(tableNavRef, () => tableNavigationReference, [
+        tableNavigationReference,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContext.Provider, { value: {
+            resizable: isResizable,
+            tableProps: tableInstance,
+            loading: isLoading,
+            components: Components,
+        }, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({}, rootProps, (isKeyboardNavigable ? listeners : {}), { className: (0, classnames_1.default)('ndl-data-grid-root', className, {
+                'ndl-data-grid-focusable-cells': isKeyboardNavigable,
+                'ndl-data-grid-zebra-striping': Styling.zebraStriping,
+                'ndl-data-grid-border-all-sides': Styling.borderStyle === BorderStyleEnum.AllSides,
+                'ndl-data-grid-border-horizontal': Styling.borderStyle === BorderStyleEnum.Horizontal,
+                'ndl-data-grid-header-filled': Styling.headerStyle === HeaderStyleEnum.Filled,
+            }), style: style, ref: ref, children: [(0, jsx_runtime_1.jsx)(ScrollableContainer, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-div-table", role: "grid", "aria-busy": isLoading ? 'true' : 'false', children: [(Components === null || Components === void 0 ? void 0 : Components.Header) && (0, jsx_runtime_1.jsx)(Components.Header, {}), (Components === null || Components === void 0 ? void 0 : Components.Body) && (0, jsx_runtime_1.jsx)(Components.Body, {})] }) }), (Components === null || Components === void 0 ? void 0 : Components.Navigation) && (0, jsx_runtime_1.jsx)(Components.Navigation, {})] })) }));
+});
+exports.default = DataGrid;
+//# sourceMappingURL=DataGrid.js.map

package/lib/cjs/data-grid/DataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.js","sourceRoot":"","sources":["../../../src/data-grid/DataGrid.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/{table-deprecated/hooks/hookCallbackTypes.js → data-grid/DataGridContext.js}

@@ -20,4 +20,15 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=hookCallbackTypes.js.map
+exports.useDataGridContext = exports.DataGridContext = void 0;
+const react_1 = require("react");
+exports.DataGridContext = (0, react_1.createContext)(null);
+function useDataGridContext() {
+    const context = (0, react_1.useContext)(exports.DataGridContext);
+    if (!context) {
+        throw new Error('useDataGridContext should be used under Table component provider');
+    }
+    return context;
+}
+exports.useDataGridContext = useDataGridContext;
+//# sourceMappingURL=DataGridContext.js.map

package/lib/cjs/data-grid/DataGridContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridContext.js","sourceRoot":"","sources":["../../../src/data-grid/DataGridContext.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAGH,iCAAkD;AA6DrC,QAAA,eAAe,GAAG,IAAA,qBAAa,EAA2B,IAAK,CAAC,CAAC;AAE9E,SAAgB,kBAAkB;IAChC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAyB,uBAAe,CAAC,CAAC;IACpE,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AARD,gDAQC"}

package/lib/cjs/data-grid/helpers.js

@@ -0,0 +1,94 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSizeConstrained = exports.gridGenerator = exports.userFriendlyPagination = void 0;
+/**
+ * Modified from here: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598
+ *
+ * @param current Current Index
+ * @param max Max Index
+ * @returns
+ */
+const userFriendlyPagination = (current, max) => {
+    const last = max;
+    const delta = 1;
+    const left = current - delta;
+    const right = current + delta + 1;
+    const range = [];
+    const rangeWithDots = [];
+    let length;
+    for (let i = 1; i <= last; i += 1) {
+        if (i === 1 || i === last || (i >= left && i < right)) {
+            range.push(i);
+        }
+    }
+    for (let i = 0; i < range.length; i += 1) {
+        if (length) {
+            if (range[i] - length === 2) {
+                rangeWithDots.push(length + 1);
+            }
+            else if (range[i] - length !== 1) {
+                rangeWithDots.push('...');
+            }
+        }
+        rangeWithDots.push(range[i]);
+        length = range[i];
+    }
+    return rangeWithDots;
+};
+exports.userFriendlyPagination = userFriendlyPagination;
+/**
+ * Simple helper to generate inline grid style
+ * to be responsive.
+ *
+ * Secret sauce:
+ * The last element takes an "auto" width, so it will
+ * fill the available space, and the result till be for 4 columns:
+ * minmax(min column1Sizepx,column1Sizepx) minmax(min column2Sizepx,column2Sizepx) ... minmax(columnNSizepx, auto)
+ */
+const gridGenerator = (table) => {
+    const visibleColumns = table.getVisibleFlatColumns();
+    const tableDefaultMin = table._getDefaultColumnDef().minSize;
+    // 20 is the default value that is set in Tanstack. For us the min size is too
+    // small so we increase it to look better per default.
+    // https://github.com/TanStack/table/blob/main/docs/guide/column-sizing.md
+    const defaultMin = tableDefaultMin !== 20 ? tableDefaultMin : 100;
+    // If there are actions, we want the last column to be fixed sized
+    // and the rest to be auto.
+    return visibleColumns
+        .map((i, idx) => {
+        var _a;
+        return visibleColumns.length === idx + 1
+            ? `minmax(${i.getSize()}px ,auto)`
+            : `minmax(${((_a = table.getColumn(i.id)) === null || _a === void 0 ? void 0 : _a.columnDef.minSize) || defaultMin}px,${i.getSize()}px)`;
+    })
+        .join(' ');
+};
+exports.gridGenerator = gridGenerator;
+/**
+ * Check if the column is size constrained,
+ * so we can let the column's width grow with `flex-grow: 1`
+ * @param columnDef
+ */
+const isSizeConstrained = (columnDef) => columnDef.size !== undefined && columnDef.size !== 150;
+exports.isSizeConstrained = isSizeConstrained;
+//# sourceMappingURL=helpers.js.map

package/lib/cjs/data-grid/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/data-grid/helpers.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAQH;;;;;;GAMG;AACI,MAAM,sBAAsB,GAAG,CAAC,OAAe,EAAE,GAAW,EAAE,EAAE;IACrE,MAAM,IAAI,GAAG,GAAG,CAAC;IACjB,MAAM,KAAK,GAAG,CAAC,CAAC;IAChB,MAAM,IAAI,GAAG,OAAO,GAAG,KAAK,CAAC;IAC7B,MAAM,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,MAAM,aAAa,GAAG,EAAE,CAAC;IACzB,IAAI,MAA0B,CAAC;IAE/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE;QACjC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE;YACrD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SACf;KACF;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QACxC,IAAI,MAAM,EAAE;YACV,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,KAAK,CAAC,EAAE;gBAC3B,aAAa,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;aAChC;iBAAM,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,KAAK,CAAC,EAAE;gBAClC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC3B;SACF;QACD,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;KACnB;IAED,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AA5BW,QAAA,sBAAsB,0BA4BjC;AAEF;;;;;;;;GAQG;AACI,MAAM,aAAa,GAAG,CAAoB,KAAe,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IACrD,MAAM,eAAe,GAAG,KAAK,CAAC,oBAAoB,EAAE,CAAC,OAAO,CAAC;IAC7D,8EAA8E;IAC9E,sDAAsD;IACtD,0EAA0E;IAC1E,MAAM,UAAU,GAAG,eAAe,KAAK,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC;IAElE,kEAAkE;IAClE,2BAA2B;IAC3B,OAAO,cAAc;SAClB,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;;QACd,OAAA,cAAc,CAAC,MAAM,KAAK,GAAG,GAAG,CAAC;YAC/B,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,WAAW;YAClC,CAAC,CAAC,UACE,CAAA,MAAA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,0CAAE,SAAS,CAAC,OAAO,KAAI,UAC9C,MAAM,CAAC,CAAC,OAAO,EAAE,KAAK,CAAA;KAAA,CAC3B;SACA,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAnBW,QAAA,aAAa,iBAmBxB;AAEF;;;;GAIG;AACI,MAAM,iBAAiB,GAAG,CAAoB,SAAuB,EAAE,EAAE,CAC9E,SAAS,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,GAAG,CAAC;AAD5C,QAAA,iBAAiB,qBAC2B"}