@neo4j-ndl/react 0.2.0 → 0.3.0

package/lib/cjs/index.js

@@ -48,5 +48,6 @@ __exportStar(require("./view-selector"), exports);
 __exportStar(require("./popover"), exports);
 __exportStar(require("./icons"), exports);
 __exportStar(require("./progress-bar"), exports);
+__exportStar(require("./table"), exports);
 __exportStar(require("./drag-and-drop"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,kDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,0CAAwB;AACxB,kDAAgC"}

package/lib/cjs/progress-bar/ProgressBar.js

@@ -38,9 +38,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const ProgressBar = react_1.default.forwardRef(function ProgressBar(_a, ref) {
-    var { heading, estimatedTime, value, barSize = 'small', className } = _a, rest = __rest(_a, ["heading", "estimatedTime", "value", "barSize", "className"]);
+    var { heading, value, barSize = 'small', className } = _a, rest = __rest(_a, ["heading", "value", "barSize", "className"]);
     const classes = (0, classnames_1.default)('ndl-progress-bar-wrapper', barSize, className);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "header" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "heading" }, { children: heading })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "progress-number" }, { children: value + '%' }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value }, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar", style: { width: value + '%' } }) })), estimatedTime && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "details" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "estimated-time-heading" }, { children: "Estimated time:" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "estimated-time" }, { children: estimatedTime }))] })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [heading && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "header" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "heading" }, { children: heading })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "progress-number" }, { children: value + '%' }))] }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value }, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar", style: { width: value + '%' } }) }))] })));
 });
 exports.default = ProgressBar;
 //# sourceMappingURL=ProgressBar.js.map

package/lib/cjs/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAUpC,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CACvD,EAOmB,EACnB,GAAuC;QARvC,EACE,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,SAAS,OAEQ,EADd,IAAI,cANT,6DAOC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACzC,+CAAK,SAAS,EAAC,QAAQ,iBACrB,+CAAM,SAAS,EAAC,SAAS,gBAAE,OAAO,IAAQ,EAC1C,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,GAAG,GAAG,IAAQ,KAClD,EACN,8CACE,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,mBACL,CAAC,mBACD,GAAG,mBACH,KAAK,gBAEpB,gCAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,GAAI,IAC3D,EACL,aAAa,IAAI,CAChB,+CAAK,SAAS,EAAC,SAAS,iBACtB,+CAAM,SAAS,EAAC,wBAAwB,qCAAuB,EAC/D,+CAAM,SAAS,EAAC,gBAAgB,gBAAE,aAAa,IAAQ,KACnD,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AASpC,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CACvD,EAA2E,EAC3E,GAAuC;QADvC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,OAA6B,EAAxB,IAAI,cAAvD,4CAAyD,CAAF;IAGvD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,OAAO,IAAI,CACV,+CAAK,SAAS,EAAC,QAAQ,iBACrB,+CAAM,SAAS,EAAC,SAAS,gBAAE,OAAO,IAAQ,EAC1C,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,GAAG,GAAG,IAAQ,KAClD,CACP,EACD,8CACE,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,mBACL,CAAC,mBACD,GAAG,mBACH,KAAK,gBAEpB,gCAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,GAAI,IAC3D,KACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,WAAW,CAAC"}

package/lib/cjs/table/Table.js

@@ -0,0 +1,124 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fixedHeight = 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 TableNavigation_1 = __importDefault(require("./TableNavigation"));
+/** Table results per page, with the first option being the default */
+const TABLE_RESULTS = {
+    DEFAULT: 10,
+    values: [10, 25, 50, 100],
+};
+/**
+ *
+ * Small Utilities
+ * for table styling and functionality
+ *
+ */
+/** 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({ style: Object.assign(Object.assign({}, castedColumn.getHeaderProps().style), { 
+                    /** 0.25px */
+                    letterSpacing: '0.25px' }), scope: "col", className: headerClasses }, { 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, rows, }) => {
+    // Page is defined when using the usePagination plugin, otherwise rows is defined
+    const iterable = page !== null && page !== void 0 ? page : rows;
+    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: "table-row" }, row.getRowProps(), { children: [row.cells.map((cell) => (
+                            // 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: "table-cell" }, cell.getCellProps(), { children: cell.render('Cell') })))), actionsButtons && actionsButtons(row)] })));
+                }) }))) : ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("h6", Object.assign({ className: "n-my-5 n-w-full n-text-center n-h-10 n-relative n-left-full n-flex n-justify-center n-items-center" }, { children: "No data present" })) })) }));
+};
+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, styling, className = '', style = {}, 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-rounded-3xl n-overflow-hidden n-flex n-flex-col n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak n-shadow-l3', className, { 'n-rounded-tl-[0px]': styling === null || styling === void 0 ? void 0 : styling.tabed }), 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" }, { 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)))] })));
+};
+exports.default = Table;
+//# sourceMappingURL=Table.js.map

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

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

package/lib/cjs/table/TableNavigation.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableNavigation = 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 icons_1 = require("../icons");
+const NavigationArrowButtonClasses = `
+body-medium n-relative n-inline-flex n-items-center 
+n-px-2 n-py-2 n-rounded-xl
+n-text-light-neutral-text-weaker
+hover:n-bg-light-primary-bg-strong hover:n-bg-opacity-10
+`;
+const NavigationIconClasses = `
+n-w-5 n-h-5 n-text-light-neutral-text-weak
+`;
+const TableNavigation = ({ canPreviousPage, canNextPage, onPageClick, previousPage, nextPage, pageIndex, pageOptions, }) => ((0, jsx_runtime_1.jsxs)("nav", Object.assign({ className: "n-relative n-z-0 n-inline-flex n-max-w-min n-rounded-md n-gap-x-2", "aria-label": "Pagination" }, { children: [canPreviousPage ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("button", Object.assign({ onClick: () => previousPage(), className: NavigationArrowButtonClasses }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "n-sr-only" }, { children: "Previous" })), (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ChevronLeftIcon", className: NavigationIconClasses })] })) })) : null, (0, helpers_1.userFriendlyPagination)(pageIndex + 1, pageOptions.length).map((option, idx) => ((0, jsx_runtime_1.jsx)("button", Object.assign({ "data-testid": `table-${option}`, className: (0, classnames_1.default)('n-relative n-inline-flex n-items-center n-justify-center n-px-3 n-py-0.5 body-medium n-rounded-xl n-leading-8', {
+                'n-cursor-pointer hover:n-bg-light-neutral-bg-strong': typeof option === 'number' && option !== pageIndex + 1,
+                'n-bg-light-primary-bg-strong n-text-light-neutral-text-inverse': option === pageIndex + 1,
+                'n-text-light-neutral-text-weaker': option !== pageIndex + 1,
+            }), style: {
+                minWidth: '36px',
+                maxHeight: '36px',
+                minHeight: '36px',
+            }, onClick: () => typeof option === 'number' && onPageClick(option - 1) }, { children: option }), `${option}-${idx}`))), canNextPage ? ((0, jsx_runtime_1.jsxs)("button", Object.assign({ onClick: () => nextPage(), className: NavigationArrowButtonClasses }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "n-sr-only" }, { children: "Next" })), (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ChevronRightIcon", className: NavigationIconClasses })] }))) : null] })));
+exports.TableNavigation = TableNavigation;
+exports.default = exports.TableNavigation;
+//# sourceMappingURL=TableNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableNavigation.js","sourceRoot":"","sources":["../../../src/table/TableNavigation.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AACpC,uCAAmD;AACnD,oCAAoC;AAmBpC,MAAM,4BAA4B,GAAG;;;;;CAKpC,CAAC;AAEF,MAAM,qBAAqB,GAAG;;CAE7B,CAAC;AAEK,MAAM,eAAe,GAAG,CAAC,EAC9B,eAAe,EACf,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,WAAW,GACU,EAAE,EAAE,CAAC,CAC1B,+CACE,SAAS,EAAC,mEAAmE,gBAClE,YAAY,iBAEtB,eAAe,CAAC,CAAC,CAAC,CACjB,2DACE,kDACE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAC7B,SAAS,EAAE,4BAA4B,iBAEvC,+CAAM,SAAS,EAAC,WAAW,8BAAgB,EAC3C,uBAAC,gBAAQ,IACP,QAAQ,EAAC,iBAAiB,EAC1B,SAAS,EAAE,qBAAqB,GAChC,KACK,GACR,CACJ,CAAC,CAAC,CAAC,IAAI,EAEP,IAAA,gCAAsB,EAAC,SAAS,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAC5D,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CACf,gEAIe,SAAS,MAAM,EAAE,EAC9B,SAAS,EAAE,IAAA,oBAAU,EACnB,+GAA+G,EAC/G;gBACE,qDAAqD,EACnD,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,GAAG,CAAC;gBACxD,gEAAgE,EAC9D,MAAM,KAAK,SAAS,GAAG,CAAC;gBAC1B,kCAAkC,EAAE,MAAM,KAAK,SAAS,GAAG,CAAC;aAC7D,CACF,EACD,KAAK,EAAE;gBACL,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;gBACjB,SAAS,EAAE,MAAM;aAClB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,MAAM,KAAK,QAAQ,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,gBAEnE,MAAM,KAnBF,GAAG,MAAM,IAAI,GAAG,EAAE,CAoBhB,CACV,CACF,EAEA,WAAW,CAAC,CAAC,CAAC,CACb,kDACE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EACzB,SAAS,EAAE,4BAA4B,iBAEvC,+CAAM,SAAS,EAAC,WAAW,0BAAY,EACvC,uBAAC,gBAAQ,IACP,QAAQ,EAAC,kBAAkB,EAC3B,SAAS,EAAE,qBAAqB,GAChC,KACK,CACV,CAAC,CAAC,CAAC,IAAI,KACJ,CACP,CAAC;AAtEW,QAAA,eAAe,mBAsE1B;AAEF,kBAAe,uBAAe,CAAC"}

package/lib/cjs/table/helpers.js

@@ -0,0 +1,119 @@
+"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"
+ *  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 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, }) => ((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: [pageIndex * 10, "-", pageIndex * 10 + pageLength] }), ' ', "of ", (0, jsx_runtime_1.jsx)("b", { children: rowsLength }), " results"] }) })));
+exports.TableResults = TableResults;
+/**
+ * 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 = 2;
+    const left = current - delta;
+    const right = current + delta + 1;
+    const range = [];
+    const rangeWithDots = [];
+    let l;
+    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);
+            }
+            else if (range[i] - l !== 1) {
+                rangeWithDots.push('...');
+            }
+        }
+        rangeWithDots.push(range[i]);
+        l = range[i];
+    }
+    return rangeWithDots;
+};
+exports.userFriendlyPagination = userFriendlyPagination;
+/**
+ * Small helper to get handle the Checkbox
+ * functionality in tables
+ */
+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];
+};
+exports.toggleRowSelection = toggleRowSelection;
+//# sourceMappingURL=helpers.js.map

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

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

package/lib/cjs/table/hooks/hookCallbackTypes.js

@@ -0,0 +1,23 @@
+"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 });
+//# sourceMappingURL=hookCallbackTypes.js.map

package/lib/cjs/table/hooks/hookCallbackTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hookCallbackTypes.js","sourceRoot":"","sources":["../../../../src/table/hooks/hookCallbackTypes.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG"}

package/lib/cjs/table/hooks/index.js

@@ -0,0 +1,40 @@
+"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/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useMultiRowSelect"), exports);
+__exportStar(require("./useSingleRowSelect"), exports);
+__exportStar(require("./hookCallbackTypes"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/table/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/hooks/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,sDAAoC;AACpC,uDAAqC;AACrC,sDAAoC"}

package/lib/cjs/table/hooks/useMultiRowSelect.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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_1 = require("react");
+const react_table_1 = require("react-table");
+const checkbox_1 = require("../../checkbox");
+/**
+ * A react-table plugin to support controlled selected row state for multiple rows
+ *
+ * Required options provided to useTable:
+ *
+ *  `onAllRowSelect`: A callback that is called when the all rows checkbox is toggled
+ *  `onRowSelect`: A callback that is called when a rows checkbox is toggled
+ *
+ * Required fields on `data` provided to useTable:
+ *
+ *  `isSelected`: a boolean that indicates if the row is selected. This key can be changed
+ *              from `isSelected` to something else by setting the `manualRowSelectedKey` option
+ *              in the useTable options. See the useRowSelect plugin docs for more details.
+ */
+const useMultiRowSelect = (hooks) => {
+    (0, react_table_1.useRowSelect)(hooks);
+    /*
+      Used for the indeterminate
+      state of the checkbox
+    */
+    hooks.useControlledState.push((state, { instance }) => {
+        const { data } = instance;
+        const isSelectedKey = 'isSelected';
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const newState = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, state), { selectedRowIds: data.reduce((acc, curr, index) => {
+                if (curr[isSelectedKey]) {
+                    return Object.assign(Object.assign({}, acc), { [index]: true });
+                }
+                return acc;
+            }, {}) })), [state, data, isSelectedKey]);
+        return newState;
+    });
+    hooks.visibleColumns.push((columns, { instance }) => [
+        // Let's make a column for selection
+        {
+            id: 'ndl-checkbox-selection',
+            // The header can use the table's getToggleAllRowsSelectedProps method
+            // to render a checkbox
+            Header: ({ getToggleAllRowsSelectedProps, }) => {
+                const checkboxRef = (0, react_1.useRef)(null);
+                (0, react_1.useEffect)(() => {
+                    if (checkboxRef && checkboxRef.current) {
+                        checkboxRef.current.indeterminate =
+                            getToggleAllRowsSelectedProps().indeterminate || false;
+                    }
+                }, [checkboxRef, getToggleAllRowsSelectedProps]);
+                return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, Object.assign({ "aria-label": "all-rows-select", onClick: () => instance.onAllRowSelect() }, getToggleAllRowsSelectedProps(), { ref: checkboxRef })));
+            },
+            // The cell can use the individual row's getToggleRowSelectedProps method
+            // to the render a checkbox
+            Cell: ({ row }) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, Object.assign({ "aria-label": `row-${row.index}`, onClick: () => instance.onRowSelect(row.original, row.index) }, row.getToggleRowSelectedProps())) })),
+        },
+        ...columns,
+    ]);
+};
+useMultiRowSelect.pluginName = 'useMultiRowSelect';
+exports.default = useMultiRowSelect;
+//# sourceMappingURL=useMultiRowSelect.js.map

package/lib/cjs/table/hooks/useMultiRowSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiRowSelect.js","sourceRoot":"","sources":["../../../../src/table/hooks/useMultiRowSelect.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAmD;AACnD,6CASqB;AACrB,6CAA0C;AAW1C;;;;;;;;;;;;;GAaG;AACH,MAAM,iBAAiB,GAAG,CACxB,KAAe,EACf,EAAE;IACF,IAAA,0BAAY,EAAC,KAAK,CAAC,CAAC;IAEpB;;;MAGE;IACF,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;QACpD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAE1B,MAAM,aAAa,GAAG,YAAY,CAAC;QACnC,sDAAsD;QACtD,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,iCACD,KAAK,KACR,cAAc,EAAE,IAAI,CAAC,MAAM,CACzB,CACE,GAA4B,EAC5B,IAA6B,EAC7B,KAAa,EACb,EAAE;gBACF,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE;oBACvB,uCAAY,GAAG,KAAE,CAAC,KAAK,CAAC,EAAE,IAAI,IAAG;iBAClC;gBAED,OAAO,GAAG,CAAC;YACb,CAAC,EACD,EAAE,CACH,IACD,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,CAC7B,CAAC;QAEF,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACnD,oCAAoC;QACpC;YACE,EAAE,EAAE,wBAAwB;YAC5B,sEAAsE;YACtE,uBAAuB;YACvB,MAAM,EAAE,CAAC,EACP,6BAA6B,GACK,EAAE,EAAE;gBACtC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;gBACnD,IAAA,iBAAS,EAAC,GAAG,EAAE;oBACb,IAAI,WAAW,IAAI,WAAW,CAAC,OAAO,EAAE;wBACtC,WAAW,CAAC,OAAO,CAAC,aAAa;4BAC/B,6BAA6B,EAAE,CAAC,aAAa,IAAI,KAAK,CAAC;qBAC1D;gBACH,CAAC,EAAE,CAAC,WAAW,EAAE,6BAA6B,CAAC,CAAC,CAAC;gBACjD,OAAO,CACL,uBAAC,mBAAQ,gCACI,iBAAiB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAE,QAA2B,CAAC,cAAc,EAAE,IACxD,6BAA6B,EAAE,IACnC,GAAG,EAAE,WAAW,IAChB,CACH,CAAC;YACJ,CAAC;YACD,yEAAyE;YACzE,2BAA2B;YAC3B,IAAI,EAAE,CAAC,EAAE,GAAG,EAAW,EAAE,EAAE,CAAC,CAC1B,0CACE,uBAAC,mBAAQ,gCACK,OAAO,GAAG,CAAC,KAAK,EAAE,EAC9B,OAAO,EAAE,GAAG,EAAE,CACX,QAA2B,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAE9D,GAAW,CAAC,yBAAyB,EAAE,EAC5C,GACE,CACP;SACF;QACD,GAAG,OAAO;KACX,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,iBAAiB,CAAC,UAAU,GAAG,mBAAmB,CAAC;AAEnD,kBAAe,iBAAiB,CAAC"}

package/lib/cjs/table/hooks/useSingleRowSelect.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSingleRowSelect = 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 react_table_1 = require("react-table");
+const radio_1 = require("../../radio");
+/**
+ * A react-table plugin to support controlled selected row state for a single row
+ *
+ * Required options provided to useTable:
+ *
+ * `onRowSelect`: A callback that is called when a rows checkbox is toggled
+ *
+ * Required fields on `data` provided to useTable:
+ *
+ * `isSelected`: a boolean that indicates if the row is selected. This key can be changed
+ *              from `isSelected` to something else by setting the `manualRowSelectedKey` option
+ *              in the useTable options. See the useRowSelect plugin docs for more details.
+ *              There should only ever be 1 data entry with isSelected set to true
+ */
+const useSingleRowSelect = (hooks) => {
+    (0, react_table_1.useRowSelect)(hooks);
+    hooks.visibleColumns.push((columns, { instance }) => [
+        // Let's make a column for selection
+        // This should be definitely unique to avoid collision
+        {
+            id: 'ndl-radio-selection',
+            Header: () => null,
+            width: 20,
+            // The cell can use the individual row's getToggleRowSelectedProps method
+            // to the render a checkbox
+            Cell: ({ row }) => {
+                return ((0, jsx_runtime_1.jsx)(radio_1.Radio, Object.assign({}, row.getToggleRowSelectedProps(), { onChange: () => instance.onRowSelect(row.original, row.index) })));
+            },
+        },
+        ...columns,
+    ]);
+};
+exports.useSingleRowSelect = useSingleRowSelect;
+exports.default = exports.useSingleRowSelect;
+//# sourceMappingURL=useSingleRowSelect.js.map

package/lib/cjs/table/hooks/useSingleRowSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSingleRowSelect.js","sourceRoot":"","sources":["../../../../src/table/hooks/useSingleRowSelect.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,6CAAwD;AACxD,uCAAoC;AAGpC;;;;;;;;;;;;;GAaG;AACI,MAAM,kBAAkB,GAAG,CAChC,KAAe,EACf,EAAE;IACF,IAAA,0BAAY,EAAC,KAAK,CAAC,CAAC;IAEpB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACnD,oCAAoC;QACpC,sDAAsD;QACtD;YACE,EAAE,EAAE,qBAAqB;YACzB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;YAClB,KAAK,EAAE,EAAE;YACT,yEAAyE;YACzE,2BAA2B;YAC3B,IAAI,EAAE,CAAC,EAAE,GAAG,EAAW,EAAE,EAAE;gBACzB,OAAO,CACL,uBAAC,aAAK,oBACC,GAAW,CAAC,yBAAyB,EAAE,IAC5C,QAAQ,EAAE,GAAG,EAAE,CACZ,QAA2B,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAEnE,CACH,CAAC;YACJ,CAAC;SACF;QACD,GAAG,OAAO;KACX,CAAC,CAAC;AACL,CAAC,CAAC;AA3BW,QAAA,kBAAkB,sBA2B7B;AAEF,kBAAe,0BAAkB,CAAC"}

package/lib/cjs/table/index.js

@@ -0,0 +1,44 @@
+"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/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+var Table_1 = require("./Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
+__exportStar(require("./hooks"), exports);
+//# sourceMappingURL=index.js.map