@neo4j-ndl/react 0.16.4 → 1.0.0-alpha-093fe38

package/lib/esm/table/Components.js

@@ -0,0 +1,181 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { flexRender } from '@tanstack/react-table';
+import classNames from 'classnames';
+import { useMemo } from 'react';
+import { Bars3CenterLeftIconOutline, BarsArrowDownIconOutline, BarsArrowUpIconOutline, ChevronLeftIconOutline, ChevronRightIconOutline, } from '../icons';
+import { LoadingSpinner } from '../loading-spinner';
+import { gridGenerator, userFriendlyPagination } from './helpers';
+import { useTableContext } from './TableContext';
+/** Table results per page, with the first option being the default */
+const TABLE_RESULTS = {
+    DEFAULT: 10,
+    values: [10, 25, 50, 100],
+};
+const ResizingBar = ({ header, children, innerProps, }) => {
+    const { className = undefined } = innerProps || {};
+    return (_jsx(_Fragment, { children: children || (_jsx("button", Object.assign({}, innerProps, { type: "button", "aria-label": "resizing bar", onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: classNames('ndl-resizer', className, {
+                'ndl-is-resizing': header.column.getIsResizing(),
+            }) }))) }));
+};
+const Header = ({ children, innerProps }) => {
+    const { tableProps, components } = useTableContext();
+    const { getHeaderGroups, getState } = tableProps;
+    const { className = undefined } = innerProps || {};
+    const commonStyle = {
+        display: 'grid',
+        gridTemplateColumns: gridGenerator(tableProps),
+    };
+    return (_jsx("div", Object.assign({}, innerProps, { role: "rowgroup", className: classNames('ndl-table-thead', className, {
+            resizing: getState().columnSizingInfo.isResizingColumn,
+        }) }, { children: children || (_jsx(_Fragment, { children: getHeaderGroups().map((headerGroup) => (_jsx("div", Object.assign({ className: "ndl-table-tr", style: commonStyle, role: "row" }, { children: headerGroup.headers.map((header) => components.HeaderCell && (_jsx(components.HeaderCell, { cell: header }, header.id))) }), headerGroup.id))) })) })));
+};
+export const SortingButton = ({ sortDirection, children, innerProps, }) => {
+    let icon;
+    const { className, style, onClick } = innerProps || {};
+    const commonProps = Object.assign(Object.assign({}, innerProps), { className: classNames('ndl-header-icon', className), style: Object.assign(Object.assign({}, style), (sortDirection && { display: 'inline-block' })), onClick: (e) => onClick && onClick(e), onKeyDown: (e) => {
+            if (e.key === ' ' && typeof onClick === 'function')
+                onClick(e);
+        }, tabIndex: 0 });
+    switch (sortDirection) {
+        case 'desc':
+            icon = _jsx(BarsArrowDownIconOutline, Object.assign({}, commonProps));
+            break;
+        case 'asc':
+            icon = _jsx(BarsArrowUpIconOutline, Object.assign({}, commonProps));
+            break;
+        default:
+            icon = _jsx(Bars3CenterLeftIconOutline, Object.assign({}, commonProps));
+    }
+    return _jsx(_Fragment, { children: children || icon });
+};
+export const ColumnControls = ({ cell, children, innerProps, }) => {
+    const { className } = innerProps || {};
+    return (_jsx("div", Object.assign({}, innerProps, { className: classNames('ndl-header-action-group', className) }, { children: children || (_jsx(_Fragment, { children: cell.column.getCanSort() && (_jsx(SortingButton, { sortDirection: cell.column.getIsSorted(), innerProps: {
+                    onClick: () => cell.column.toggleSorting(),
+                } })) })) })));
+};
+const HeaderCell = ({ cell, children, innerProps, }) => {
+    const { components, resizable } = useTableContext();
+    const { className } = innerProps || {};
+    const sort = cell.column.getIsSorted();
+    const ariaSortRole = useMemo(() => {
+        switch (sort) {
+            case 'asc':
+                return 'ascending';
+            case 'desc':
+                return 'descending';
+            default:
+                return 'none';
+        }
+    }, [sort]);
+    const title = typeof cell.column.columnDef.header === 'string'
+        ? cell.column.columnDef.header
+        : cell.id;
+    return (_createElement("div", Object.assign({}, innerProps, { key: cell.id, className: classNames('ndl-table-th', className), role: "columnheader", "aria-sort": ariaSortRole, tabIndex: 0 }), children || (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ className: "ndl-header-group" }, { children: [_jsx("div", Object.assign({ className: "ndl-header-cell", title: title }, { children: cell.isPlaceholder
+                            ? null
+                            : flexRender(cell.column.columnDef.header, cell.getContext()) })), components.ColumnControls && (_jsx(components.ColumnControls, { cell: cell }))] })), resizable && components.ResizingBar && (_jsx(components.ResizingBar, { header: cell }))] }))));
+};
+const Body = ({ children, innerProps }) => {
+    const { tableProps, components, loading } = useTableContext();
+    const { getRowModel } = tableProps;
+    const { className } = innerProps || {};
+    return (_jsx("div", Object.assign({}, innerProps, { className: classNames('ndl-table-tbody', className), role: "rowgroup", "aria-busy": loading ? 'true' : 'false', 
+        // If we have a vertical scrolling table
+        // we need to make it focusable, so we can scroll with the keyboard
+        tabIndex: 0 }, { children: children || (_jsxs(_Fragment, { children: [loading && components.LoadingPlaceholder && (_jsx(components.LoadingPlaceholder, {})), !loading &&
+                    getRowModel().rows.length === 0 &&
+                    components.NoDataPlaceholder && _jsx(components.NoDataPlaceholder, {}), !loading &&
+                    getRowModel().rows.map((row, idx) => components.BodyRow && (_jsx(components.BodyRow, { row: row }, `table-row-${idx}`)))] })) })));
+};
+const BodyCell = ({ cell, children, innerProps, }) => {
+    const isResizing = cell.column.getIsResizing();
+    const { className } = innerProps || {};
+    return (_jsx("div", Object.assign({}, innerProps, { className: classNames('ndl-table-td', className, {
+            'ndl-resizing': isResizing,
+        }), role: "cell", tabIndex: 0 }, { children: children || flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id));
+};
+const BodyRow = ({ row, children, innerProps, }) => {
+    const { components, tableProps } = useTableContext();
+    const { className } = innerProps || {};
+    const commonStyle = {
+        display: 'grid',
+        gridTemplateColumns: gridGenerator(tableProps),
+    };
+    return (_createElement("div", Object.assign({}, innerProps, { key: row.id, className: classNames('ndl-table-tr', className), style: commonStyle, role: "row", tabIndex: 0 }), children || (_jsx(_Fragment, { children: row
+            .getVisibleCells()
+            .map((cell) => components.BodyCell && (_jsx(components.BodyCell, { cell: cell }, cell.id))) }))));
+};
+const TableResults = ({ children, innerProps, }) => {
+    const { tableProps } = useTableContext();
+    const { getState, getRowModel, getCoreRowModel } = tableProps;
+    const { pagination: { pageSize, pageIndex }, } = getState();
+    const { rows } = getRowModel();
+    const { rows: totalRows } = getCoreRowModel();
+    const from = 1 + pageIndex * pageSize;
+    const to = rows.length + pageIndex * pageSize;
+    const { className } = innerProps || {};
+    return (_jsx("span", Object.assign({}, innerProps, { className: classNames('ndl-table-results', className) }, { children: children || (_jsxs("span", { children: ["Showing", ' ', _jsxs("b", { children: [from, to !== from && `-${to}`] }), ' ', "of ", _jsx("b", { children: totalRows.length }), " results"] })) })));
+};
+const RowsPerPage = ({ children, innerProps, }) => {
+    const { tableProps } = useTableContext();
+    const { setPageSize, getState } = tableProps;
+    const { className } = innerProps || {};
+    const { pagination: { pageSize }, } = getState();
+    return (_jsx("div", Object.assign({}, innerProps, { className: classNames('ndl-table-rows-per-page', className) }, { children: children || (_jsxs(_Fragment, { children: ["Show", _jsx("select", Object.assign({ onChange: (e) => setPageSize(parseInt(e.target.value, 10)), className: "ndl-table-select", value: pageSize, "aria-label": "Select page size" }, { children: [...new Set([...TABLE_RESULTS.values, pageSize])]
+                        .sort((a, b) => a - b)
+                        .map((option) => (_jsx("option", Object.assign({ value: `${option}` }, { children: option }), `${option}`))) }))] })) })));
+};
+const PaginationArrowButton = ({ action, children, innerProps, }) => {
+    const { className } = innerProps || {};
+    return (_jsx("button", Object.assign({}, innerProps, { type: "button", className: classNames('ndl-table-pagination-icon-button', className) }, { children: children || (_jsxs(_Fragment, { children: [action === 'previous' && (_jsxs(_Fragment, { children: [_jsx("span", Object.assign({ className: "n-sr-only" }, { children: "Previous table page" })), _jsx(ChevronLeftIconOutline, { className: "ndl-table-pagination-icon" })] })), action === 'next' && (_jsxs(_Fragment, { children: [_jsx("span", Object.assign({ className: "n-sr-only" }, { children: "Next table page" })), _jsx(ChevronRightIconOutline, { className: "ndl-table-pagination-icon" })] }))] })) })));
+};
+const PaginationNumericButton = ({ currentIndex, isSelected, children, innerProps, }) => {
+    const { className, onClick } = innerProps || {};
+    return (_jsx("button", Object.assign({}, innerProps, { type: "button", "data-testid": `table-${currentIndex}`, className: classNames('ndl-table-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) }, { children: children || currentIndex })));
+};
+const PaginationNumericButtons = () => {
+    const { tableProps, components } = useTableContext();
+    const { getState, setPageIndex, getPageCount } = tableProps;
+    const { pagination: { pageIndex }, } = getState();
+    return (_jsx(_Fragment, { children: userFriendlyPagination(pageIndex + 1, getPageCount()).map((option, idx) => components.PaginationNumericButton && (_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}`))) }));
+};
+const Pagination = ({ children, innerProps, }) => {
+    const { tableProps, components } = useTableContext();
+    const { getCanPreviousPage, getCanNextPage, previousPage, nextPage } = tableProps;
+    const { className } = innerProps || {};
+    return (_jsx("nav", Object.assign({}, innerProps, { className: classNames('ndl-table-nav', className), "aria-label": "Pagination" }, { children: children || (_jsxs(_Fragment, { children: [getCanPreviousPage()
+                    ? components.PaginationArrowButton && (_jsx(components.PaginationArrowButton, { action: "previous", innerProps: {
+                            onClick: previousPage,
+                        } }))
+                    : null, components.PaginationNumericButtons && (_jsx(components.PaginationNumericButtons, {})), getCanNextPage()
+                    ? components.PaginationArrowButton && (_jsx(components.PaginationArrowButton, { action: "next", innerProps: {
+                            onClick: nextPage,
+                        } }))
+                    : null] })) })));
+};
+const Navigation = ({ children, innerProps, }) => {
+    const { tableProps, components } = useTableContext();
+    const { getPageCount } = tableProps;
+    const pageCount = useMemo(() => getPageCount(), [getPageCount]);
+    const { className } = innerProps || {};
+    return (_jsx("div", Object.assign({}, innerProps, { className: classNames('ndl-table-navigation', className) }, { children: _jsx(_Fragment, { children: children || (_jsxs(_Fragment, { children: [components.TableResults && _jsx(components.TableResults, {}), _jsxs("div", Object.assign({ className: "ndl-table-navigation-right-items" }, { children: [pageCount > 1 && components.Pagination && (_jsx(components.Pagination, {})), components.RowsPerPage && _jsx(components.RowsPerPage, {})] }))] })) }) })));
+};
+const LoadingPlaceholder = ({ children, innerProps, }) => {
+    const { className } = innerProps || {};
+    return (_jsx("div", Object.assign({}, innerProps, { className: classNames('nld-table-placeholder', className), role: "row" }, { children: children || (_jsxs("div", Object.assign({ role: "cell", className: "nld-table-placeholder" }, { children: [_jsx(LoadingSpinner, {}), _jsx("h6", { children: "Loading data" })] }))) })));
+};
+const NoDataPlaceholder = ({ children, innerProps, }) => {
+    const { className } = innerProps || {};
+    return (_jsx("div", Object.assign({}, innerProps, { className: classNames('nld-table-placeholder', className), role: "row" }, { children: children || (_jsx("div", Object.assign({ role: "cell" }, { children: _jsx("h6", { children: "No data present" }) }))) })));
+};
+export { ResizingBar, Header, Body, BodyCell, BodyRow, HeaderCell, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, LoadingPlaceholder, };
+//# sourceMappingURL=Components.js.map

package/lib/esm/table/Components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components.js","sourceRoot":"","sources":["../../../src/table/Components.tsx"],"names":[],"mappings":";;AA2BA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,sEAAsE;AACtE,MAAM,aAAa,GAAG;IACpB,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;CACjB,CAAC;AAaX,MAAM,WAAW,GAAG,CAAoB,EACtC,MAAM,EACN,QAAQ,EACR,UAAU,GACU,EAAE,EAAE;IACxB,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEnD,OAAO,CACL,4BACG,QAAQ,IAAI,CACX,iCACM,UAAU,IACd,IAAI,EAAC,QAAQ,gBACF,cAAc,EACzB,WAAW,EAAE,MAAM,CAAC,gBAAgB,EAAE,EACtC,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,EACvC,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;gBAC9C,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE;aACjD,CAAC,IACF,CACH,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAoC,EAAE,EAAE;IAC5E,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACrD,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC;IACjD,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEnD,MAAM,WAAW,GAAG;QAClB,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,aAAa,CAAC,UAAU,CAAC;KAC/C,CAAC;IAEF,OAAO,CACL,8BACM,UAAU,IACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;YAClD,QAAQ,EAAE,QAAQ,EAAE,CAAC,gBAAgB,CAAC,gBAAgB;SACvD,CAAC,gBAED,QAAQ,IAAI,CACX,4BACG,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACtC,4BAEE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,KAAK,gBAET,WAAW,CAAC,OAAO,CAAC,GAAG,CACtB,CAAC,MAAM,EAAE,EAAE,CACT,UAAU,CAAC,UAAU,IAAI,CACvB,KAAC,UAAU,CAAC,UAAU,IAAiB,IAAI,EAAE,MAAM,IAAvB,MAAM,CAAC,EAAE,CAAkB,CACxD,CACJ,KAVI,WAAW,CAAC,EAAE,CAWf,CACP,CAAC,GACD,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,aAAa,EACb,QAAQ,EACR,UAAU,GACS,EAAE,EAAE;IACvB,IAAI,IAAqB,CAAC;IAE1B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvD,MAAM,WAAW,mCACZ,UAAU,KACb,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACnD,KAAK,kCACA,KAAK,GACL,CAAC,aAAa,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,GAEnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CACb,OAAO,IAAI,OAAO,CAAC,CAAyC,CAAC,EAC/D,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,OAAO,OAAO,KAAK,UAAU;gBAChD,OAAO,CAAC,CAAyC,CAAC,CAAC;QACvD,CAAC,EACD,QAAQ,EAAE,CAAC,GACZ,CAAC;IAEF,QAAQ,aAAa,EAAE;QACrB,KAAK,MAAM;YACT,IAAI,GAAG,KAAC,wBAAwB,oBAAK,WAAW,EAAI,CAAC;YACrD,MAAM;QACR,KAAK,KAAK;YACR,IAAI,GAAG,KAAC,sBAAsB,oBAAK,WAAW,EAAI,CAAC;YACnD,MAAM;QACR;YACE,IAAI,GAAG,KAAC,0BAA0B,oBAAK,WAAW,EAAI,CAAC;KAC1D;IAED,OAAO,4BAAG,QAAQ,IAAI,IAAI,GAAI,CAAC;AACjC,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAoB,EAChD,IAAI,EACJ,QAAQ,EACR,UAAU,GACa,EAAE,EAAE;IAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,OAAO,CACL,8BACM,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,gBAE1D,QAAQ,IAAI,CACX,4BACG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAC3B,KAAC,aAAa,IACZ,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,EACxC,UAAU,EAAE;oBACV,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;iBAC3C,GACD,CACH,GACA,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,UAAU,GAAG,CAAoB,EACrC,IAAI,EACJ,QAAQ,EACR,UAAU,GACS,EAAE,EAAE;IACvB,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,eAAe,EAAK,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;IACvC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,QAAQ,IAAI,EAAE;YACZ,KAAK,KAAK;gBACR,OAAO,WAAW,CAAC;YACrB,KAAK,MAAM;gBACT,OAAO,YAAY,CAAC;YACtB;gBACE,OAAO,MAAM,CAAC;SACjB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,KAAK,GACT,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,KAAK,QAAQ;QAC9C,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM;QAC9B,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;IAEd,OAAO,CACL,wCACM,UAAU,IACd,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAChD,IAAI,EAAC,cAAc,eACR,YAAY,EACvB,QAAQ,EAAE,CAAC,KAEV,QAAQ,IAAI,CACX,8BACE,6BAAK,SAAS,EAAC,kBAAkB,iBAC/B,4BAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,KAAK,gBAC1C,IAAI,CAAC,aAAa;4BACjB,CAAC,CAAC,IAAI;4BACN,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,IAC3D,EAEL,UAAU,CAAC,cAAc,IAAI,CAC5B,KAAC,UAAU,CAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,CAC1C,KACG,EAEL,SAAS,IAAI,UAAU,CAAC,WAAW,IAAI,CACtC,KAAC,UAAU,CAAC,WAAW,IAAC,MAAM,EAAE,IAAI,GAAI,CACzC,IACA,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAoC,EAAE,EAAE;IAC1E,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAC9D,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC;IAEnC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,OAAO,CACL,8BACM,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACnD,IAAI,EAAC,UAAU,eACJ,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;QACrC,wCAAwC;QACxC,mEAAmE;QACnE,QAAQ,EAAE,CAAC,gBAEV,QAAQ,IAAI,CACX,8BACG,OAAO,IAAI,UAAU,CAAC,kBAAkB,IAAI,CAC3C,KAAC,UAAU,CAAC,kBAAkB,KAAG,CAClC,EAEA,CAAC,OAAO;oBACP,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;oBAC/B,UAAU,CAAC,iBAAiB,IAAI,KAAC,UAAU,CAAC,iBAAiB,KAAG,EAEjE,CAAC,OAAO;oBACP,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CACpB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CACX,UAAU,CAAC,OAAO,IAAI,CACpB,KAAC,UAAU,CAAC,OAAO,IAA0B,GAAG,EAAE,GAAG,IAA5B,aAAa,GAAG,EAAE,CAAc,CAC1D,CACJ,IACF,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,QAAQ,GAAG,CAAoB,EACnC,IAAI,EACJ,QAAQ,EACR,UAAU,GACO,EAAE,EAAE;IACrB,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,OAAO,CACL,8BAEM,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;YAC/C,cAAc,EAAE,UAAU;SAC3B,CAAC,EACF,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,gBAEV,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,KARjE,IAAI,CAAC,EAAE,CASR,CACP,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,OAAO,GAAG,CAAoB,EAClC,GAAG,EACH,QAAQ,EACR,UAAU,GACM,EAAE,EAAE;IACpB,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,eAAe,EAAK,CAAC;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,MAAM,WAAW,GAAG;QAClB,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,aAAa,CAAC,UAAU,CAAC;KAC/C,CAAC;IAEF,OAAO,CACL,wCACM,UAAU,IACd,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAChD,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,KAEV,QAAQ,IAAI,CACX,4BACG,GAAG;aACD,eAAe,EAAE;aACjB,GAAG,CACF,CAAC,IAAI,EAAE,EAAE,CACP,UAAU,CAAC,QAAQ,IAAI,CACrB,KAAC,UAAU,CAAC,QAAQ,IAAe,IAAI,EAAE,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAgB,CAClD,CACJ,GACF,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,UAAU,GACwB,EAAE,EAAE;IACtC,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC;IAC9D,MAAM,EACJ,UAAU,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,GACpC,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IAE9C,MAAM,IAAI,GAAG,CAAC,GAAG,SAAS,GAAG,QAAQ,CAAC;IACtC,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAE9C,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,OAAO,CACL,+BACM,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,gBAEpD,QAAQ,IAAI,CACX,sCACU,GAAG,EACX,wBACG,IAAI,EACJ,EAAE,KAAK,IAAI,IAAI,IAAI,EAAE,EAAE,IACtB,EAAC,GAAG,SACL,sBAAI,SAAS,CAAC,MAAM,GAAK,gBACvB,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,UAAU,GACuB,EAAE,EAAE;IACrC,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC;IAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,MAAM,EACJ,UAAU,EAAE,EAAE,QAAQ,EAAE,GACzB,GAAG,QAAQ,EAAE,CAAC;IAEf,OAAO,CACL,8BACM,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,gBAE1D,QAAQ,IAAI,CACX,sCAEE,+BACE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAC1D,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,QAAQ,gBACJ,kBAAkB,gBAG5B,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;yBAC/C,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;yBACrB,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACf,+BAA0B,KAAK,EAAE,GAAG,MAAM,EAAE,gBACzC,MAAM,KADI,GAAG,MAAM,EAAE,CAEf,CACV,CAAC,IACG,IACR,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,qBAAqB,GAAG,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,UAAU,GACiB,EAAE,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,OAAO,CACL,iCACM,UAAU,IACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,kCAAkC,EAAE,SAAS,CAAC,gBAEnE,QAAQ,IAAI,CACX,8BACG,MAAM,KAAK,UAAU,IAAI,CACxB,8BACE,6BAAM,SAAS,EAAC,WAAW,yCAA2B,EACtD,KAAC,sBAAsB,IAAC,SAAS,EAAC,2BAA2B,GAAG,IAC/D,CACJ,EACA,MAAM,KAAK,MAAM,IAAI,CACpB,8BACE,6BAAM,SAAS,EAAC,WAAW,qCAAuB,EAClD,KAAC,uBAAuB,IAAC,SAAS,EAAC,2BAA2B,GAAG,IAChE,CACJ,IACA,CACJ,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,uBAAuB,GAAG,CAAC,EAC/B,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,UAAU,GACmB,EAAE,EAAE;IACjC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEhD,OAAO,CACL,iCACM,UAAU,IACd,IAAI,EAAC,QAAQ,iBACA,SAAS,YAAY,EAAE,EACpC,SAAS,EAAE,UAAU,CAAC,qCAAqC,EAAE,SAAS,EAAE;YACtE,0BAA0B,EACxB,OAAO,YAAY,KAAK,QAAQ,IAAI,CAAC,UAAU;YACjD,iBAAiB,EAAE,UAAU;YAC7B,kBAAkB,EAAE,CAAC,UAAU;SAChC,CAAC,EACF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,YAAY,KAAK,QAAQ,IAAI,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,gBAExE,QAAQ,IAAI,YAAY,IAClB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACrD,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;IAC5D,MAAM,EACJ,UAAU,EAAE,EAAE,SAAS,EAAE,GAC1B,GAAG,QAAQ,EAAE,CAAC;IAEf,OAAO,CACL,4BACG,sBAAsB,CAAC,SAAS,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,GAAG,CACxD,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CACd,UAAU,CAAC,uBAAuB,IAAI,CACpC,KAAC,UAAU,CAAC,uBAAuB;QACjC,+FAA+F;YAE/F,UAAU,EAAE;gBACV,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO,MAAM,KAAK,QAAQ,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;aACzD,EACD,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,KAAK,SAAS,GAAG,CAAC,IAN/B,GAAG,MAAM,IAAI,GAAG,EAAE,CAOvB,CACH,CACJ,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,UAAU,GACuB,EAAE,EAAE;IACrC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAErD,MAAM,EAAE,kBAAkB,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,GAClE,UAAU,CAAC;IACb,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,OAAO,CACL,8BACM,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,gBACtC,YAAY,gBAEtB,QAAQ,IAAI,CACX,8BAEG,kBAAkB,EAAE;oBACnB,CAAC,CAAC,UAAU,CAAC,qBAAqB,IAAI,CAClC,KAAC,UAAU,CAAC,qBAAqB,IAC/B,MAAM,EAAC,UAAU,EACjB,UAAU,EAAE;4BACV,OAAO,EAAE,YAAY;yBACtB,GACD,CACH;oBACH,CAAC,CAAC,IAAI,EAEP,UAAU,CAAC,wBAAwB,IAAI,CACtC,KAAC,UAAU,CAAC,wBAAwB,KAAG,CACxC,EAEA,cAAc,EAAE;oBACf,CAAC,CAAC,UAAU,CAAC,qBAAqB,IAAI,CAClC,KAAC,UAAU,CAAC,qBAAqB,IAC/B,MAAM,EAAC,MAAM,EACb,UAAU,EAAE;4BACV,OAAO,EAAE,QAAQ;yBAClB,GACD,CACH;oBACH,CAAC,CAAC,IAAI,IACP,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,UAAU,GACuB,EAAE,EAAE;IACrC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAErD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;IAEpC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAEvC,OAAO,CACL,8BACM,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,gBAExD,4BACG,QAAQ,IAAI,CACX,8BACG,UAAU,CAAC,YAAY,IAAI,KAAC,UAAU,CAAC,YAAY,KAAG,EACvD,6BAAK,SAAS,EAAC,kCAAkC,iBAC9C,SAAS,GAAG,CAAC,IAAI,UAAU,CAAC,UAAU,IAAI,CACzC,KAAC,UAAU,CAAC,UAAU,KAAG,CAC1B,EAEA,UAAU,CAAC,WAAW,IAAI,KAAC,UAAU,CAAC,WAAW,KAAG,KACjD,IACL,CACJ,GACA,IACC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,UAAU,GACuB,EAAE,EAAE;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IACvC,OAAO,CACL,8BACM,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,EACzD,IAAI,EAAC,KAAK,gBAET,QAAQ,IAAI,CACX,6BAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,uBAAuB,iBAChD,KAAC,cAAc,KAAG,EAClB,wCAAqB,KACjB,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EACzB,QAAQ,EACR,UAAU,GACuB,EAAE,EAAE;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IACvC,OAAO,CACL,8BACM,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,EACzD,IAAI,EAAC,KAAK,gBAET,QAAQ,IAAI,CACX,4BAAK,IAAI,EAAC,MAAM,gBACd,2CAAwB,IACpB,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,WAAW,EACX,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACV,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,iBAAiB,EACjB,kBAAkB,GACnB,CAAC"}

package/lib/esm/table/Table.js

@@ -1,4 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -20,126 +31,44 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import classNames from 'classnames';
-import { ResizingBar, SortIcon, TableResults } from './helpers';
-import TableNavigation from './TableNavigation';
-import { LoadingSpinner } from '../loading-spinner';
-/** Table results per page, with the first option being the default */
-const TABLE_RESULTS = {
-    DEFAULT: 10,
-    values: [10, 25, 50, 100],
-};
+import { useMemo, useRef } from 'react';
+import { TableContext, } from './TableContext';
+import { Body, BodyCell, Header, ColumnControls, ResizingBar, BodyRow, HeaderCell, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, LoadingPlaceholder, NoDataPlaceholder, SortingButton, } from './Components';
 /**
  *
- * Small Utilities
- * for table styling and functionality
+ * Helping functions
  *
  */
-/** For fixed row height tables, we should have a fixed body size */
-export const fixedHeight = (items, height) => ({
-    style: { height: `${height * items}px` },
-});
-const DefaultHeader = ({ headerGroups, }) => (_jsx("thead", { children: 
-    // Loop over the header rows
-    headerGroups.map((headerGroup) => (
-    // Apply the header row props
-    // Key is defined from getHeaderGroupProps so we can ignore the false-negative
-    // eslint-disable-next-line react/jsx-key
-    _jsx("tr", Object.assign({}, headerGroup.getHeaderGroupProps(), { children: 
-        // Loop over the headers in each row
-        headerGroup.headers.map((column) => {
-            const castedColumn = column;
-            const sortable = !!castedColumn.getSortByToggleProps;
-            // Dont use "group" class inside the @apply component
-            // https://github.com/tailwindlabs/tailwindcss/issues/2848#issuecomment-734523233
-            const headerClasses = classNames('group', 'table-column-styling', {
-                sortable,
-            });
-            return (
-            // Apply the header cell props
-            // Key is defined from getHeaderGroupProps so we can ignore the false-negative
-            // eslint-disable-next-line react/jsx-key
-            _jsxs("th", Object.assign({}, castedColumn.getHeaderProps(), { style: Object.assign(Object.assign({}, castedColumn.getHeaderProps([
-                    {
-                        style: castedColumn.style,
-                        className: castedColumn.className,
-                    },
-                ]).style), { 
-                    /** 0.25px */
-                    letterSpacing: '0.25px' }), scope: "col", className: `${headerClasses} ${castedColumn.getHeaderProps([
-                    {
-                        style: castedColumn.style,
-                        className: castedColumn.className,
-                    },
-                ]).className}` }, { children: [_jsxs("div", Object.assign({ className: "table-header-cell" }, { children: [castedColumn.render('Header'), castedColumn.canSort && (_jsx(SortIcon, Object.assign({}, castedColumn.getSortByToggleProps(), { isSortedDesc: castedColumn.isSortedDesc })))] })), 'canResize' in castedColumn &&
-                        'getResizerProps' in castedColumn && (_jsx(ResizingBar, Object.assign({}, castedColumn.getResizerProps())))] })));
-        }) })))) }));
-const DefaultBody = ({ getTableBodyProps, page, prepareRow, actionsButtons, headerGroups, rows, loading = false, }) => {
-    // Page is defined when using the usePagination plugin, otherwise rows is defined
-    const iterable = page !== null && page !== void 0 ? page : rows;
-    if (loading) {
-        return (_jsx(_Fragment, { children: _jsx("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: _jsx("tr", { children: _jsx("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: _jsx("div", Object.assign({ 
-                            // Minimum height of the table's body
-                            // so placeholders are visible
-                            style: { height: '100px' }, className: "n-flex n-flex-row n-justify-center n-items-center n-gap-2" }, { children: _jsxs("span", Object.assign({ className: "ndl-table-placeholder" }, { children: [_jsx(LoadingSpinner, {}), _jsx("h6", Object.assign({ className: "n-my-5 n-text-center" }, { children: "Loading data" }))] })) })) })) }) })) }));
-    }
-    return (_jsx(_Fragment, { children: iterable.length > 0 ? (_jsx("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: iterable.length > 0 &&
-                iterable.map((row) => {
-                    prepareRow(row);
-                    return (
-                    // Key is defined from getHeaderGroupProps so we can ignore the false-negative
-                    // eslint-disable-next-line react/jsx-key
-                    _jsxs("tr", Object.assign({ className: "ndl-table-row" }, row.getRowProps(), { children: [row.cells.map((cell) => {
-                                const castedColumn = cell.column;
-                                return (
-                                // Key is defined from getHeaderGroupProps so we can ignore the false-negative
-                                // eslint-disable-next-line react/jsx-key
-                                _jsx("td", Object.assign({ className: "ndl-table-cell" }, cell.getCellProps([
-                                    {
-                                        className: castedColumn.className,
-                                        style: castedColumn.style,
-                                    },
-                                ]), { children: cell.render('Cell') })));
-                            }), actionsButtons && actionsButtons(row)] })));
-                }) }))) : (_jsx("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: _jsx("tr", { children: _jsx("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: _jsx("div", Object.assign({ 
-                        // Minimum height of the table's body
-                        // so placeholders are visible
-                        style: { height: '100px' }, className: "n-flex n-flex-row n-justify-center n-items-center n-gap-2" }, { children: _jsx("span", Object.assign({ className: "ndl-table-placeholder" }, { children: _jsx("h6", Object.assign({ className: "n-my-5 n-text-center n-h-10" }, { children: "No data present" })) })) })) })) }) }))) }));
+export const TableComponents = {
+    ResizingBar: ResizingBar,
+    Header: Header,
+    Body: Body,
+    BodyCell: BodyCell,
+    BodyRow: BodyRow,
+    HeaderCell: HeaderCell,
+    ColumnControls: ColumnControls,
+    Navigation: Navigation,
+    TableResults: TableResults,
+    RowsPerPage: RowsPerPage,
+    Pagination: Pagination,
+    PaginationNumericButtons: PaginationNumericButtons,
+    PaginationNumericButton: PaginationNumericButton,
+    PaginationArrowButton: PaginationArrowButton,
+    LoadingPlaceholder: LoadingPlaceholder,
+    NoDataPlaceholder: NoDataPlaceholder,
+    SortingButton: SortingButton,
 };
-const DefaultNavigation = ({ state, rows, page, canPreviousPage, nextPage, pageOptions, pageCount, gotoPage, canNextPage, previousPage, setPageSize, }) => {
-    // Navigation is only needed if pagination exists
-    if (!page || state.pageSize === undefined || state.pageIndex === undefined) {
-        return null;
-    }
-    return (_jsxs("div", Object.assign({ className: "n-flex n-flex-row n-flex-wrap n-gap-2 n-justify-between n-items-center n-px-7 n-py-4 n-bg-light-neutral-bg-weak" }, { children: [_jsx(TableResults, { pageIndex: state.pageIndex, rowsLength: rows.length, pageLength: page.length }), _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-flex-wrap n-gap-2 n-justify-between n-items-center n-gap-x-10" }, { children: [pageCount > 1 && (_jsx(TableNavigation, { canPreviousPage: canPreviousPage, canNextPage: canNextPage, onPageClick: gotoPage, previousPage: previousPage, nextPage: nextPage, pageIndex: state.pageIndex, pageOptions: pageOptions })), _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-justify-between n-items-center n-gap-x-4 n-text-light-neutral-text-weaker" }, { children: ["Show", _jsx("select", Object.assign({ onChange: (e) => setPageSize(parseInt(e.target.value, 10)), className: "ndl-table-select", value: state.pageSize, "aria-label": "Select page size" }, { children: [...new Set([...TABLE_RESULTS.values, state.pageSize])]
-                                    .sort((a, b) => a - b)
-                                    .map((option) => (_jsx("option", Object.assign({ value: `${option}` }, { children: option }), `${option}`))) }))] }))] }))] })));
-};
-/**
- * Table Skeleton to keep most section logic DRY
- *
- * How the table component is divided into sections:
- *
- * @example
- * +----------------+
- * | Table Controls |
- * | (ex: Search)   |
- * +----------------+
- * | Header         |
- * +----------------+
- * | Body (data)    |
- * +----------------+
- * | Navigation     |
- * +----------------+
- *
- */
-const Table = (props
-// props: any
-) => {
-    const { controls, getTableProps, header, body, navigation, className = '', style = {}, tableStyles, role, } = props;
-    if (!getTableProps) {
-        throw new Error('getTableProps is required');
-    }
-    return (_jsxs("div", Object.assign({ className: classNames('ndl-table n-overflow-hidden n-flex n-flex-col n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak n-relative', className), style: style, role: role }, { children: [controls && (_jsx("div", Object.assign({ className: "n-px-7 n-py-6 n-flex n-flex-row n-items-center" }, { children: controls }))), _jsx("div", Object.assign({ className: "n-overflow-x-auto" }, { children: _jsxs("table", Object.assign({}, getTableProps(), { className: "n-w-full n-min-w-full n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak", style: tableStyles }, { children: [header || _jsx(DefaultHeader, Object.assign({}, props)), body || _jsx(DefaultBody, Object.assign({}, props))] })) })), navigation || (_jsx(DefaultNavigation, Object.assign({}, props)))] })));
+const Table = (_a) => {
+    var { resizable = true, loading = false, tableProps, components } = _a, props = __rest(_a, ["resizable", "loading", "tableProps", "components"]);
+    const { className = '', style = {} } = props;
+    const tableRootRef = useRef(null);
+    const Components = useMemo(() => (Object.assign(Object.assign({}, TableComponents), components)), [components]);
+    return (_jsx(TableContext.Provider, Object.assign({ value: {
+            resizable,
+            tableProps,
+            loading,
+            components: Components,
+        } }, { children: _jsxs("div", Object.assign({}, props, { className: classNames('ndl-table-root', className), style: style, ref: tableRootRef }, { children: [_jsx("div", Object.assign({ className: "n-overflow-x-auto" }, { children: _jsxs("div", Object.assign({ className: "ndl-div-table", role: "table", "aria-busy": loading ? 'true' : 'false' }, { children: [(Components === null || Components === void 0 ? void 0 : Components.Header) && _jsx(Components.Header, {}), (Components === null || Components === void 0 ? void 0 : Components.Body) && _jsx(Components.Body, {})] })) })), (Components === null || Components === void 0 ? void 0 : Components.Navigation) && _jsx(Components.Navigation, {})] })) })));
 };
 /**
  * Easy Actions wrapper for each row

package/lib/esm/table/Table.js.map

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

package/lib/esm/table/TableContext.js

@@ -0,0 +1,30 @@
+/**
+ *
+ *  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/>.
+ */
+import { useContext, createContext } from 'react';
+export const TableContext = createContext(null);
+export function useTableContext() {
+    const context = useContext(TableContext);
+    if (!context) {
+        throw new Error('useTableContext be used under Table component provider');
+    }
+    return context;
+}
+//# sourceMappingURL=TableContext.js.map

package/lib/esm/table/TableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../src/table/TableContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA2DlD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAwB,IAAK,CAAC,CAAC;AAExE,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAsB,YAAY,CAAC,CAAC;IAC9D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/esm/table/helpers.js

@@ -1,15 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -30,43 +18,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { HeroIcon } from '../icons';
-import { memo } from 'react';
-/**
- *
- * React Table helper to display sorting icon
- * Source:
- * https://react-table.tanstack.com/docs/api/useSortBy#column-properties
- *
- */
-export const SortIcon = (_a) => {
-    var { isSortedDesc } = _a, props = __rest(_a, ["isSortedDesc"]);
-    switch (true) {
-        case isSortedDesc === true:
-            return (_jsx(HeroIcon, Object.assign({}, props, { className: "n-w-4 n-h-4", type: "outline", iconName: "SortDescendingIcon" })));
-        case isSortedDesc === false:
-            return (_jsx(HeroIcon, Object.assign({}, props, { className: "n-w-4 n-h-4", type: "outline", iconName: "SortAscendingIcon" })));
-        default:
-            return (_jsx(HeroIcon, Object.assign({}, props, { className: "n-w-4 n-h-4", type: "outline", iconName: "MenuAlt1Icon" })));
-    }
-};
-export const ResizingBar = memo(function ResizingBarMemoed(props) {
-    return (_jsx("div", Object.assign({}, props, { className: "table-resizing-bar", style: {
-            width: '4px',
-            zIndex: 1,
-            //   prevents from scrolling while dragging on touch devices
-            touchAction: 'none',
-        } })));
-});
-/**
- * The left section of the bottom navigation
- * that is showing the current page and how many results we can see
- */
-export const TableResults = ({ pageIndex, pageLength, rowsLength, }) => {
-    const from = Math.min(rowsLength, 1 + (pageIndex * pageLength));
-    const to = Math.min(rowsLength, pageIndex * pageLength + pageLength);
-    return (_jsx("span", Object.assign({ className: "n-text-light-neutral-text-weaker body-medium n-whitespace-nowrap" }, { children: _jsxs("span", { children: ["Showing ", _jsxs("b", { children: [from, to !== from && `-${to}`] }), " of ", _jsx("b", { children: rowsLength }), " results"] }) })));
-};
 /**
  * Modified from here: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598
  *
@@ -76,41 +27,50 @@ export const TableResults = ({ pageIndex, pageLength, rowsLength, }) => {
  */
 export const userFriendlyPagination = (current, max) => {
     const last = max;
-    const delta = 2;
+    const delta = 1;
     const left = current - delta;
     const right = current + delta + 1;
     const range = [];
     const rangeWithDots = [];
-    let l;
+    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 (l) {
-            if (range[i] - l === 2) {
-                rangeWithDots.push(l + 1);
+        if (length) {
+            if (range[i] - length === 2) {
+                rangeWithDots.push(length + 1);
             }
-            else if (range[i] - l !== 1) {
+            else if (range[i] - length !== 1) {
                 rangeWithDots.push('...');
             }
         }
         rangeWithDots.push(range[i]);
-        l = range[i];
+        length = range[i];
     }
     return rangeWithDots;
 };
 /**
- * Small helper to get handle the Checkbox
- * functionality in tables
+ * 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)
  */
-export const toggleRowSelection = (list, idx) => {
-    // Removing from the list
-    if (list.includes(idx)) {
-        return list.filter((o) => o !== idx);
-    }
-    // Adding to the list
-    return [...list, idx];
+export const gridGenerator = (table) => {
+    const visibleColumns = table.getVisibleFlatColumns();
+    const defaultMin = table._getDefaultColumnDef().minSize;
+    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(' ');
 };
 //# sourceMappingURL=helpers.js.map

package/lib/esm/table/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/table/helpers.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/table/helpers.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH;;;;;;GAMG;AACH,MAAM,CAAC,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;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAoB,KAAe,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IACrD,MAAM,UAAU,GAAG,KAAK,CAAC,oBAAoB,EAAE,CAAC,OAAO,CAAC;IAExD,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"}

package/lib/esm/table/index.js

@@ -18,6 +18,6 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-export { default as Table } from './Table';
-export * from './hooks';
+export { default as Table, TableComponents } from './Table';
+export * as tableUtils from './helpers';
 //# sourceMappingURL=index.js.map

package/lib/esm/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,UAAU,MAAM,WAAW,CAAC"}