@neo4j-ndl/react 0.17.1 → 1.0.0-alpha-4cfc0f0

package/lib/cjs/table/Components.js

@@ -0,0 +1,203 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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.SortingButton = void 0;
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 TableContext_1 = require("./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 ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || ((0, jsx_runtime_1.jsx)("button", Object.assign({}, innerProps, { type: "button", "aria-label": "resizing bar", onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: (0, classnames_1.default)('ndl-resizer', className, {
+                'ndl-is-resizing': header.column.getIsResizing(),
+            }) }))) }));
+};
+exports.ResizingBar = ResizingBar;
+const Header = ({ children, innerProps }) => {
+    const { tableProps, components } = (0, TableContext_1.useTableContext)();
+    const { getHeaderGroups, getState } = tableProps;
+    const { className = undefined } = innerProps || {};
+    const commonStyle = {
+        display: 'grid',
+        gridTemplateColumns: (0, helpers_1.gridGenerator)(tableProps),
+    };
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { role: "rowgroup", className: (0, classnames_1.default)('ndl-table-thead', className, {
+            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", Object.assign({ className: "ndl-table-tr", style: commonStyle, 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 SortingButton = ({ sortDirection, children, innerProps, }) => {
+    let icon;
+    const { className, style, onClick } = innerProps || {};
+    const commonProps = Object.assign(Object.assign({}, innerProps), { className: (0, classnames_1.default)('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 = (0, jsx_runtime_1.jsx)(icons_1.BarsArrowDownIconOutline, Object.assign({}, commonProps));
+            break;
+        case 'asc':
+            icon = (0, jsx_runtime_1.jsx)(icons_1.BarsArrowUpIconOutline, Object.assign({}, commonProps));
+            break;
+        default:
+            icon = (0, jsx_runtime_1.jsx)(icons_1.Bars3CenterLeftIconOutline, Object.assign({}, commonProps));
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || icon });
+};
+exports.SortingButton = SortingButton;
+const ColumnControls = ({ cell, children, innerProps, }) => {
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-header-action-group', className) }, { children: children || ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: cell.column.getCanSort() && ((0, jsx_runtime_1.jsx)(exports.SortingButton, { sortDirection: cell.column.getIsSorted(), innerProps: {
+                    onClick: () => cell.column.toggleSorting(),
+                } })) })) })));
+};
+exports.ColumnControls = ColumnControls;
+const HeaderCell = ({ cell, children, innerProps, }) => {
+    const { components, resizable } = (0, TableContext_1.useTableContext)();
+    const { className } = innerProps || {};
+    const sort = cell.column.getIsSorted();
+    const ariaSortRole = (0, react_2.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 ((0, react_1.createElement)("div", Object.assign({}, innerProps, { key: cell.id, className: (0, classnames_1.default)('ndl-table-th', className), role: "columnheader", "aria-sort": ariaSortRole, tabIndex: 0 }), children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-header-group" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-header-cell", title: title }, { children: cell.isPlaceholder
+                            ? null
+                            : (0, react_table_1.flexRender)(cell.column.columnDef.header, cell.getContext()) })), components.ColumnControls && ((0, jsx_runtime_1.jsx)(components.ColumnControls, { cell: cell }))] })), resizable && components.ResizingBar && ((0, jsx_runtime_1.jsx)(components.ResizingBar, { header: cell }))] }))));
+};
+exports.HeaderCell = HeaderCell;
+const Body = ({ children, innerProps }) => {
+    const { tableProps, components, loading } = (0, TableContext_1.useTableContext)();
+    const { getRowModel } = tableProps;
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('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 || ((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, }) => {
+    const isResizing = cell.column.getIsResizing();
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-td', className, {
+            'ndl-resizing': isResizing,
+        }), role: "cell", tabIndex: 0 }, { 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, tableProps } = (0, TableContext_1.useTableContext)();
+    const { className } = innerProps || {};
+    const commonStyle = {
+        display: 'grid',
+        gridTemplateColumns: (0, helpers_1.gridGenerator)(tableProps),
+    };
+    return ((0, react_1.createElement)("div", Object.assign({}, innerProps, { key: row.id, className: (0, classnames_1.default)('ndl-table-tr', className), style: commonStyle, role: "row", tabIndex: 0 }), 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, }) => {
+    const { tableProps } = (0, TableContext_1.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 ((0, jsx_runtime_1.jsx)("span", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-results', className) }, { children: children || ((0, jsx_runtime_1.jsxs)("span", { children: ["Showing", ' ', (0, jsx_runtime_1.jsxs)("b", { children: [from, to !== from && `-${to}`] }), ' ', "of ", (0, jsx_runtime_1.jsx)("b", { children: totalRows.length }), " results"] })) })));
+};
+exports.TableResults = TableResults;
+const RowsPerPage = ({ children, innerProps, }) => {
+    const { tableProps } = (0, TableContext_1.useTableContext)();
+    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-table-rows-per-page', className) }, { children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Show", (0, jsx_runtime_1.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) => ((0, jsx_runtime_1.jsx)("option", Object.assign({ 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-table-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", Object.assign({ className: "n-sr-only" }, { children: "Previous table page" })), (0, jsx_runtime_1.jsx)(icons_1.ChevronLeftIconOutline, { className: "ndl-table-pagination-icon" })] })), action === 'next' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "n-sr-only" }, { children: "Next table page" })), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIconOutline, { className: "ndl-table-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-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 })));
+};
+exports.PaginationNumericButton = PaginationNumericButton;
+const PaginationNumericButtons = () => {
+    const { tableProps, components } = (0, TableContext_1.useTableContext)();
+    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, TableContext_1.useTableContext)();
+    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-table-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, TableContext_1.useTableContext)();
+    const { getPageCount } = tableProps;
+    const pageCount = (0, react_2.useMemo)(() => getPageCount(), [getPageCount]);
+    const { className } = innerProps || {};
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('ndl-table-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", Object.assign({ className: "ndl-table-navigation-right-items" }, { children: [pageCount > 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', className), role: "row" }, { children: children || ((0, jsx_runtime_1.jsxs)("div", Object.assign({ role: "cell", className: "nld-table-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', className), role: "row" }, { children: children || ((0, jsx_runtime_1.jsx)("div", Object.assign({ role: "cell" }, { children: (0, jsx_runtime_1.jsx)("h6", { children: "No data present" }) }))) })));
+};
+exports.NoDataPlaceholder = NoDataPlaceholder;
+//# sourceMappingURL=Components.js.map

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

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

package/lib/cjs/table/Table.js

@@ -1,9 +1,20 @@
 "use strict";
+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;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fixedHeight = void 0;
+exports.TableComponents = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
@@ -26,127 +37,44 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 const classnames_1 = __importDefault(require("classnames"));
-const helpers_1 = require("./helpers");
-const TableNavigation_1 = __importDefault(require("./TableNavigation"));
-const loading_spinner_1 = require("../loading-spinner");
-/** Table results per page, with the first option being the default */
-const TABLE_RESULTS = {
-    DEFAULT: 10,
-    values: [10, 25, 50, 100],
-};
+const react_1 = require("react");
+const TableContext_1 = require("./TableContext");
+const Components_1 = require("./Components");
 /**
  *
- * Small Utilities
- * for table styling and functionality
+ * Helping functions
  *
  */
-/** For fixed row height tables, we should have a fixed body size */
-const fixedHeight = (items, height) => ({
-    style: { height: `${height * items}px` },
-});
-exports.fixedHeight = fixedHeight;
-const DefaultHeader = ({ headerGroups, }) => ((0, jsx_runtime_1.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
-    (0, jsx_runtime_1.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 = (0, classnames_1.default)('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
-            (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "table-header-cell" }, { children: [castedColumn.render('Header'), castedColumn.canSort && ((0, jsx_runtime_1.jsx)(helpers_1.SortIcon, Object.assign({}, castedColumn.getSortByToggleProps(), { isSortedDesc: castedColumn.isSortedDesc })))] })), 'canResize' in castedColumn &&
-                        'getResizerProps' in castedColumn && ((0, jsx_runtime_1.jsx)(helpers_1.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 ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "ndl-table-placeholder" }, { children: [(0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, {}), (0, jsx_runtime_1.jsx)("h6", Object.assign({ className: "n-my-5 n-text-center" }, { children: "Loading data" }))] })) })) })) }) })) }));
-    }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: iterable.length > 0 ? ((0, jsx_runtime_1.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
-                    (0, jsx_runtime_1.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
-                                (0, jsx_runtime_1.jsx)("td", Object.assign({ className: "ndl-table-cell" }, cell.getCellProps([
-                                    {
-                                        className: castedColumn.className,
-                                        style: castedColumn.style,
-                                    },
-                                ]), { children: cell.render('Cell') })));
-                            }), actionsButtons && actionsButtons(row)] })));
-                }) }))) : ((0, jsx_runtime_1.jsx)("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-table-placeholder" }, { children: (0, jsx_runtime_1.jsx)("h6", Object.assign({ className: "n-my-5 n-text-center n-h-10" }, { children: "No data present" })) })) })) })) }) }))) }));
+exports.TableComponents = {
+    ResizingBar: Components_1.ResizingBar,
+    Header: Components_1.Header,
+    Body: Components_1.Body,
+    BodyCell: Components_1.BodyCell,
+    BodyRow: Components_1.BodyRow,
+    HeaderCell: Components_1.HeaderCell,
+    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,
+    SortingButton: Components_1.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 ((0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)(helpers_1.TableResults, { pageIndex: state.pageIndex, rowsLength: rows.length, pageLength: page.length }), (0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsx)(TableNavigation_1.default, { canPreviousPage: canPreviousPage, canNextPage: canNextPage, onPageClick: gotoPage, previousPage: previousPage, nextPage: nextPage, pageIndex: state.pageIndex, pageOptions: pageOptions })), (0, jsx_runtime_1.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", (0, jsx_runtime_1.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) => ((0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('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 && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-px-7 n-py-6 n-flex n-flex-row n-items-center" }, { children: controls }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-overflow-x-auto" }, { children: (0, jsx_runtime_1.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 || (0, jsx_runtime_1.jsx)(DefaultHeader, Object.assign({}, props)), body || (0, jsx_runtime_1.jsx)(DefaultBody, Object.assign({}, props))] })) })), navigation || ((0, jsx_runtime_1.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 = (0, react_1.useRef)(null);
+    const Components = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, exports.TableComponents), components)), [components]);
+    return ((0, jsx_runtime_1.jsx)(TableContext_1.TableContext.Provider, Object.assign({ value: {
+            resizable,
+            tableProps,
+            loading,
+            components: Components,
+        } }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { className: (0, classnames_1.default)('ndl-table-root', className), style: style, ref: tableRootRef }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-overflow-x-auto" }, { children: (0, jsx_runtime_1.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) && (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, {})] })) })));
 };
 /**
  * Easy Actions wrapper for each row

package/lib/cjs/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":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AAGpC,iCAAwC;AACxC,iDAIwB;AACxB,6CAkBsB;AAGtB;;;;GAIG;AAEU,QAAA,eAAe,GAAG;IAC7B,WAAW,EAAE,wBAAW;IACxB,MAAM,EAAE,mBAAM;IACd,IAAI,EAAE,iBAAI;IACV,QAAQ,EAAE,qBAAQ;IAClB,OAAO,EAAE,oBAAO;IAChB,UAAU,EAAE,uBAAU;IACtB,cAAc,EAAE,2BAAc;IAC9B,UAAU,EAAE,uBAAU;IACtB,YAAY,EAAE,yBAAY;IAC1B,WAAW,EAAE,wBAAW;IACxB,UAAU,EAAE,uBAAU;IACtB,wBAAwB,EAAE,qCAAwB;IAClD,uBAAuB,EAAE,oCAAuB;IAChD,qBAAqB,EAAE,kCAAqB;IAC5C,kBAAkB,EAAE,+BAAkB;IACtC,iBAAiB,EAAE,8BAAiB;IACpC,aAAa,EAAE,0BAAa;CAC7B,CAAC;AAEF,MAAM,KAAK,GAAG,CAAoB,EAcjC,EAAE,EAAE;QAd6B,EAChC,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,KAAK,EACf,UAAU,EACV,UAAU,OAUX,EATI,KAAK,cALwB,oDAMjC,CADS;IAUR,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CACH,CAAC,gCACI,uBAAe,GACf,UAAU,CACwB,CAAA,EACzC,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,OAAO,CACL,uBAAC,2BAAY,CAAC,QAAQ,kBACpB,KAAK,EACH;YACE,SAAS;YACT,UAAU;YACV,OAAO;YACP,UAAU,EAAE,UAAU;SACA,gBAG1B,iDACM,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,iBAGjB,8CAAK,SAAS,EAAC,mBAAmB,gBAEhC,+CACE,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,OAAO,eACD,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAGpC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,KAAI,uBAAC,UAAU,CAAC,MAAM,KAAG,EAC3C,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,KAAI,uBAAC,UAAU,CAAC,IAAI,KAAG,KACpC,IACF,EACL,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,KAAI,uBAAC,UAAU,CAAC,UAAU,KAAG,KAEhD,IACgB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,KAAkC,EAAE,EAAE,CAAC,CACzD,gDACM,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,IAC/D,CACH,CAAC;AACF,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;AAE9B,kBAAe,KAAK,CAAC"}

package/lib/cjs/table/TableContext.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.js","sourceRoot":"","sources":["../../../src/table/TableContext.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAGH,iCAAkD;AA2DrC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAwB,IAAK,CAAC,CAAC;AAExE,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAsB,oBAAY,CAAC,CAAC;IAC9D,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAND,0CAMC"}

package/lib/cjs/table/helpers.js

@@ -1,18 +1,4 @@
 "use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toggleRowSelection = exports.userFriendlyPagination = exports.TableResults = exports.ResizingBar = exports.SortIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -33,45 +19,8 @@ const jsx_runtime_1 = require("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/>.
  */
-const icons_1 = require("../icons");
-const react_1 = require("react");
-/**
- *
- * React Table helper to display sorting icon
- * Source:
- * https://react-table.tanstack.com/docs/api/useSortBy#column-properties
- *
- */
-const SortIcon = (_a) => {
-    var { isSortedDesc } = _a, props = __rest(_a, ["isSortedDesc"]);
-    switch (true) {
-        case isSortedDesc === true:
-            return ((0, jsx_runtime_1.jsx)(icons_1.HeroIcon, Object.assign({}, props, { className: "n-w-4 n-h-4", type: "outline", iconName: "SortDescendingIcon" })));
-        case isSortedDesc === false:
-            return ((0, jsx_runtime_1.jsx)(icons_1.HeroIcon, Object.assign({}, props, { className: "n-w-4 n-h-4", type: "outline", iconName: "SortAscendingIcon" })));
-        default:
-            return ((0, jsx_runtime_1.jsx)(icons_1.HeroIcon, Object.assign({}, props, { className: "n-w-4 n-h-4", type: "outline", iconName: "MenuAlt1Icon" })));
-    }
-};
-exports.SortIcon = SortIcon;
-exports.ResizingBar = (0, react_1.memo)(function ResizingBarMemoed(props) {
-    return ((0, jsx_runtime_1.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
- */
-const TableResults = ({ pageIndex, pageLength, rowsLength, }) => {
-    const from = Math.min(rowsLength, 1 + (pageIndex * pageLength));
-    const to = Math.min(rowsLength, pageIndex * pageLength + pageLength);
-    return ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "n-text-light-neutral-text-weaker body-medium n-whitespace-nowrap" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: ["Showing ", (0, jsx_runtime_1.jsxs)("b", { children: [from, to !== from && `-${to}`] }), " of ", (0, jsx_runtime_1.jsx)("b", { children: rowsLength }), " results"] }) })));
-};
-exports.TableResults = TableResults;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.gridGenerator = exports.userFriendlyPagination = void 0;
 /**
  * Modified from here: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598
  *
@@ -81,43 +30,52 @@ exports.TableResults = TableResults;
  */
 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;
 };
 exports.userFriendlyPagination = userFriendlyPagination;
 /**
- * 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)
  */
-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];
+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(' ');
 };
-exports.toggleRowSelection = toggleRowSelection;
+exports.gridGenerator = gridGenerator;
 //# sourceMappingURL=helpers.js.map