@ltht-react/table 1.0.42 → 1.0.43

package/lib/molecules/table-component.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Table } from '@tanstack/react-table';
+declare const TableComponent: <T>({ table, staticColumns }: ITableHeadProps<T>) => JSX.Element;
+declare const TableNavigationButton: ({ position, hidden, clickHandler }: ITableNavButtonProps) => JSX.Element;
+declare const TableSpinner: ({ position, hidden }: ITableSpinnerProps) => JSX.Element;
+interface ITableNavButtonProps {
+    position: 'bottom' | 'right';
+    hidden: boolean;
+    clickHandler: () => void;
+}
+interface ITableSpinnerProps {
+    position: 'bottom' | 'right';
+    hidden: boolean;
+}
+interface ITableHeadProps<T> {
+    table: Table<T>;
+    staticColumns: 0 | 1 | 2;
+}
+export default TableComponent;
+export { TableNavigationButton, TableSpinner };

package/lib/molecules/table-component.js

@@ -0,0 +1,73 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableSpinner = exports.TableNavigationButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = require("@ltht-react/icon");
+var styles_1 = require("@ltht-react/styles");
+var react_table_1 = require("@tanstack/react-table");
+var react_1 = require("react");
+var table_methods_1 = require("./table-methods");
+var table_styled_components_1 = require("./table-styled-components");
+var useDimensionRef_1 = __importDefault(require("./useDimensionRef"));
+var TableComponent = function (_a) {
+    var table = _a.table, staticColumns = _a.staticColumns;
+    var firstColumn = react_1.useRef(null);
+    var secondColumn = react_1.useRef(null);
+    var tableElement = react_1.useRef(null);
+    var firstColumnWidth = useDimensionRef_1.default(firstColumn, tableElement).width;
+    var secondColumnWidth = useDimensionRef_1.default(secondColumn, tableElement).width;
+    var usingExpanderColumn = table.getHeaderGroups().some(function (x) { return x.headers.some(function (h) { return h.column.id === 'expander'; }); });
+    var totalStaticColumns = react_1.useMemo(function () { return (usingExpanderColumn ? staticColumns + 1 : staticColumns); }, [
+        usingExpanderColumn,
+        staticColumns,
+    ]);
+    var getHeaderColumn = function (header, headerIndex) {
+        switch (headerIndex) {
+            case 0:
+                return getHeaderElement(header, table_methods_1.calculateStaticColumnOffset(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth), firstColumn);
+            case 1:
+                return getHeaderElement(header, table_methods_1.calculateStaticColumnOffset(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth), secondColumn);
+            default:
+                return getHeaderElement(header, table_methods_1.calculateStaticColumnOffset(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth));
+        }
+    };
+    var getHeaderElement = function (header, stickyWidth, elementRef) { return (jsx_runtime_1.jsx(table_styled_components_1.StyledTableHeader, __assign({ stickyWidth: stickyWidth, colSpan: header.colSpan, ref: elementRef, role: "columnheader" }, (header.column.id !== 'expander'
+        ? {
+            style: {
+                cursor: header.column.getCanSort() ? 'pointer' : '',
+            },
+            onClick: header.column.getToggleSortingHandler(),
+        }
+        : {}), { children: header.isPlaceholder ? null : react_table_1.flexRender(header.column.columnDef.header, header.getContext()) }), header.id)); };
+    return (jsx_runtime_1.jsxs(table_styled_components_1.StyledTable, __assign({ ref: tableElement }, { children: [jsx_runtime_1.jsx(table_styled_components_1.StyledTHead, { children: table.getHeaderGroups().map(function (headerGroup) { return (jsx_runtime_1.jsx("tr", __assign({ role: "row" }, { children: headerGroup.headers.map(function (header, headerIndex) { return getHeaderColumn(header, headerIndex); }) }), headerGroup.id)); }) }, void 0),
+            jsx_runtime_1.jsx("tbody", { children: table.getRowModel().rows.map(function (row) { return (jsx_runtime_1.jsx("tr", __assign({ role: "row" }, { children: row.getVisibleCells().map(function (cell, cellIdx) { return (jsx_runtime_1.jsx(table_styled_components_1.StyledTableData, __assign({ stickyWidth: table_methods_1.calculateStaticColumnOffset(cellIdx, totalStaticColumns, firstColumnWidth, secondColumnWidth), style: {
+                            background: cellIdx % 2 === 1 ? styles_1.TABLE_COLOURS.STRIPE_LIGHT : styles_1.TABLE_COLOURS.STRIPE_DARK,
+                            textAlign: 'center',
+                        }, role: "cell" }, { children: react_table_1.flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id)); }) }), row.id)); }) }, void 0)] }), void 0));
+};
+var TableNavigationButton = function (_a) {
+    var position = _a.position, hidden = _a.hidden, clickHandler = _a.clickHandler;
+    return (jsx_runtime_1.jsx(table_styled_components_1.StyledNextPageButtonContainer, __assign({ role: "button", elementPosition: position, onClick: function () { return clickHandler(); }, hidden: hidden }, { children: jsx_runtime_1.jsx(icon_1.Icon, { type: "chevron", direction: position === 'bottom' ? 'down' : 'right', size: "medium" }, void 0) }), void 0));
+};
+exports.TableNavigationButton = TableNavigationButton;
+var TableSpinner = function (_a) {
+    var position = _a.position, hidden = _a.hidden;
+    return (jsx_runtime_1.jsx(table_styled_components_1.StyledSpinnerContainer, __assign({ elementPosition: position, hidden: hidden }, { children: jsx_runtime_1.jsx(icon_1.Icon, { type: "spinner", size: "medium", title: "Loading..." }, void 0) }), void 0));
+};
+exports.TableSpinner = TableSpinner;
+exports.default = TableComponent;
+//# sourceMappingURL=table-component.js.map

package/lib/molecules/table-component.js.map

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

package/lib/molecules/table-methods.d.ts

@@ -1,4 +1,12 @@
-import { ColumnDef } from '@tanstack/react-table';
+import { ColumnDef, Table } from '@tanstack/react-table';
+import { Axis } from '@ltht-react/types';
+import React from 'react';
 import { TableData, DataEntity } from './table';
+import { ScrollState } from './useScrollRef';
 declare const createColumns: (tableData: TableData) => ColumnDef<DataEntity>[];
-export default createColumns;
+declare const calculateStaticColumnOffset: (cellIdx: number, staticColumns: number, firstColumnWidth: number, secondColumnWidth: number) => number | undefined;
+declare const handleScrollEvent: (table: Table<DataEntity>, headerAxis: Axis, scrollState: ScrollState) => void;
+declare const handleScrollEventManual: (getCanNextPage: () => boolean, nextPage: () => void, headerAxis: Axis, scrollState: ScrollState) => void;
+declare const handleDataUpdate: (tableData: TableData, pageIndex: number, pageSize: number, headerAxis: Axis, setColumns: (value: React.SetStateAction<ColumnDef<DataEntity>[]>) => void, setData: (value: React.SetStateAction<DataEntity[]>) => void, setPageCount: (value: React.SetStateAction<number>) => void) => void;
+declare const handleDataUpdateForManualPagination: (tableData: TableData, headerAxis: Axis, setColumns: (value: React.SetStateAction<ColumnDef<DataEntity>[]>) => void, setData: (value: React.SetStateAction<DataEntity[]>) => void) => void;
+export { createColumns, calculateStaticColumnOffset, handleScrollEvent, handleScrollEventManual, handleDataUpdate, handleDataUpdateForManualPagination, };

package/lib/molecules/table-methods.js

@@ -10,10 +10,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleDataUpdateForManualPagination = exports.handleDataUpdate = exports.handleScrollEventManual = exports.handleScrollEvent = exports.calculateStaticColumnOffset = exports.createColumns = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_table_1 = require("@tanstack/react-table");
 var table_cell_1 = __importDefault(require("./table-cell"));
@@ -25,6 +31,7 @@ var createColumns = function (tableData) {
     }
     return columns;
 };
+exports.createColumns = createColumns;
 var createColumnsRecursively = function (headers, columnHelper) {
     var result = headers.map(function (header) {
         var _a, _b;
@@ -99,5 +106,94 @@ var prependColumnWithExpansionControls = function (columns, columnHelper) {
     });
     return [expanderColumn].concat(columns);
 };
-exports.default = createColumns;
+var calculateStaticColumnOffset = function (cellIdx, staticColumns, firstColumnWidth, secondColumnWidth) {
+    if (staticColumns === 0) {
+        return undefined;
+    }
+    switch (cellIdx) {
+        case 0:
+            return 0;
+        case 1:
+            return cellIdx < staticColumns ? firstColumnWidth : undefined;
+        case 2:
+            return cellIdx < staticColumns ? firstColumnWidth + secondColumnWidth : undefined;
+        default:
+            return undefined;
+    }
+};
+exports.calculateStaticColumnOffset = calculateStaticColumnOffset;
+var handleScrollEvent = function (table, headerAxis, scrollState) {
+    var scrollWidth = scrollState.scrollWidth, scrollHeight = scrollState.scrollHeight, currentXScroll = scrollState.currentXScroll, currentYScroll = scrollState.currentYScroll;
+    if (headerAxis === 'x' &&
+        currentYScroll >= scrollHeight - getPercentageOfMax(5, scrollHeight) &&
+        currentYScroll <= scrollHeight &&
+        table.getCanNextPage()) {
+        table.nextPage();
+    }
+    if (headerAxis === 'y' &&
+        currentXScroll >= scrollWidth - getPercentageOfMax(5, scrollWidth) &&
+        currentXScroll <= scrollWidth &&
+        table.getCanNextPage()) {
+        table.nextPage();
+    }
+};
+exports.handleScrollEvent = handleScrollEvent;
+var getPercentageOfMax = function (percentage, max) { return max * (percentage / 100); };
+var handleScrollEventManual = function (getCanNextPage, nextPage, headerAxis, scrollState) {
+    var scrollWidth = scrollState.scrollWidth, scrollHeight = scrollState.scrollHeight, currentXScroll = scrollState.currentXScroll, currentYScroll = scrollState.currentYScroll;
+    if (headerAxis === 'x' &&
+        currentYScroll >= scrollHeight - getPercentageOfMax(5, scrollHeight) &&
+        currentYScroll <= scrollHeight &&
+        getCanNextPage()) {
+        nextPage();
+    }
+    if (headerAxis === 'y' &&
+        currentXScroll >= scrollWidth - getPercentageOfMax(5, scrollWidth) &&
+        currentXScroll <= scrollWidth &&
+        getCanNextPage()) {
+        nextPage();
+    }
+};
+exports.handleScrollEventManual = handleScrollEventManual;
+var handleDataUpdate = function (tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount) {
+    if (tableData && tableData.headers.length > 0) {
+        if (headerAxis === 'x') {
+            setColumns(createColumns(tableData));
+            setData(tableData.rows.slice(0, (pageIndex + 1) * pageSize));
+            setPageCount(Math.ceil(tableData.rows.length / pageSize));
+        }
+        else {
+            var head = tableData.headers[0];
+            var tail = tableData.headers.slice(1, tableData.headers.length);
+            setColumns(createColumns({ headers: __spreadArray([head], tail.slice(0, (pageIndex + 1) * pageSize)), rows: tableData.rows }));
+            setData(tableData.rows);
+            setPageCount(Math.ceil(tail.length / pageSize));
+        }
+    }
+};
+exports.handleDataUpdate = handleDataUpdate;
+var calculateSliceStartPoint = function (oldLength, usingExpanderColumn) {
+    if (oldLength > 0) {
+        return usingExpanderColumn ? 2 : 1;
+    }
+    return 0;
+};
+var handleDataUpdateForManualPagination = function (tableData, headerAxis, setColumns, setData) {
+    if (headerAxis === 'x') {
+        setData(function (old) {
+            var newData = __spreadArray(__spreadArray([], old), tableData.rows);
+            setColumns(createColumns({ headers: tableData.headers, rows: newData }));
+            return newData;
+        });
+    }
+    else if (tableData.headers.length > 0) {
+        setColumns(function (old) {
+            var newColumns = createColumns(tableData);
+            var sliceStartPoint = calculateSliceStartPoint(old.length, tableData.rows.some(function (x) { return x.subRows; }));
+            return __spreadArray(__spreadArray([], old), newColumns.slice(sliceStartPoint, newColumns.length));
+        });
+        setData(tableData.rows);
+    }
+};
+exports.handleDataUpdateForManualPagination = handleDataUpdateForManualPagination;
 //# sourceMappingURL=table-methods.js.map

package/lib/molecules/table-methods.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-methods.js","sourceRoot":"","sources":["../../src/molecules/table-methods.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-methods.js","sourceRoot":"","sources":["../../src/molecules/table-methods.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAyG;AAKzG,4DAAmD;AAGnD,IAAM,aAAa,GAAG,UAAC,SAAoB;IACzC,IAAM,YAAY,GAAG,gCAAkB,EAAc,CAAA;IAErD,IAAI,OAAO,GAAG,wBAAwB,CAAC,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAEvE,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,EAAE;QAC7C,OAAO,GAAG,kCAAkC,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;KACpE;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAyNC,sCAAa;AAvNf,IAAM,wBAAwB,GAAG,UAC/B,OAAiB,EACjB,YAAsC;IAEtC,IAAM,MAAM,GAA4B,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;QACzD,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,EAAE;YAC7B,OAAO,YAAY,CAAC,OAAO,CAAC;gBAC1B,EAAE,EAAE,MAAM,CAAC,EAAE;gBACb,MAAM,EAAE,cAAM,OAAA,kBAAC,oBAAS,eAAK,MAAM,CAAC,SAAS,UAAI,EAAnC,CAAmC;gBACjD,IAAI,EAAE,UAAC,KAAK,IAAK,OAAA,kBAAC,oBAAS,eAAM,KAAK,CAAC,QAAQ,EAAgB,UAAI,EAAlD,CAAkD;aACpE,CAAC,CAAA;SACH;QAED,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE;YAC9B,OAAO,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE;gBACtC,MAAM,EAAE,UAAC,KAAK;oBACZ,IAAM,SAAS,yBAAmB,MAAM,CAAC,SAAS,KAAE,SAAS,EAAE,qBAAqB,CAAC,KAAK,CAAC,GAAE,CAAA;oBAC7F,OAAO,kBAAC,oBAAS,eAAK,SAAS,UAAI,CAAA;gBACrC,CAAC;gBACD,IAAI,EAAE,UAAC,KAAK,IAAK,OAAA,kBAAC,oBAAS,eAAM,KAAK,CAAC,QAAQ,EAAgB,UAAI,EAAlD,CAAkD;aACpE,CAAmC,CAAA;SACrC;QAED,OAAO,YAAY,CAAC,KAAK,CAAC;YACxB,MAAM,EAAE,MAAA,MAAM,CAAC,SAAS,CAAC,IAAI,mCAAI,EAAE;YACnC,OAAO,EAAE,wBAAwB,CAAC,MAAA,MAAM,CAAC,UAAU,mCAAI,EAAE,EAAE,YAAY,CAAC;SACzE,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,IAAM,qBAAqB,GAAG,UAAC,KAA0D;IACvF,IAAI,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;QACxC,OAAO;YACL,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,IAAI;YACf,IAAI,EAAE,QAAQ;SACf,CAAA;KACF;IACD,IAAI,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE;QACzC,OAAO;YACL,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,QAAQ;SACf,CAAA;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,IAAM,kCAAkC,GAAG,UACzC,OAAyC,EACzC,YAAsC;IAEtC,IAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC;QAC1C,EAAE,EAAE,UAAU;QACd,MAAM,EAAE,UAAC,EAAS;gBAAP,KAAK,WAAA;YACd,IAAM,eAAe,GAAc;gBACjC,SAAS,EAAE;oBACT,IAAI,EAAE,SAAS;oBACf,SAAS,EAAE,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAC1D,IAAI,EAAE,QAAQ;iBACf;gBACD,YAAY,EAAE,KAAK,CAAC,+BAA+B,EAAE;aACtD,CAAA;YACD,OAAO,kBAAC,oBAAS,eAAK,eAAe,UAAI,CAAA;QAC3C,CAAC;QACD,IAAI,EAAE,UAAC,KAAK;YACV,IAAM,SAAS,GAAc,KAAK,CAAC,GAAG,CAAC,YAAY,EAAE;gBACnD,CAAC,CAAC;oBACE,SAAS,EAAE;wBACT,IAAI,EAAE,SAAS;wBACf,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;wBACvD,IAAI,EAAE,QAAQ;qBACf;oBACD,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,wBAAwB,EAAE;iBACnD;gBACH,CAAC,CAAC,EAAE,CAAA;YACN,OAAO,kBAAC,oBAAS,eAAK,SAAS,UAAI,CAAA;QACrC,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AACzC,CAAC,CAAA;AAED,IAAM,2BAA2B,GAAG,UAClC,OAAe,EACf,aAAqB,EACrB,gBAAwB,EACxB,iBAAyB;IAEzB,IAAI,aAAa,KAAK,CAAC,EAAE;QACvB,OAAO,SAAS,CAAA;KACjB;IAED,QAAQ,OAAO,EAAE;QACf,KAAK,CAAC;YACJ,OAAO,CAAC,CAAA;QACV,KAAK,CAAC;YACJ,OAAO,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAA;QAC/D,KAAK,CAAC;YACJ,OAAO,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAA;QACnF;YACE,OAAO,SAAS,CAAA;KACnB;AACH,CAAC,CAAA;AA+GC,kEAA2B;AA7G7B,IAAM,iBAAiB,GAAG,UAAC,KAAwB,EAAE,UAAgB,EAAE,WAAwB;IACrF,IAAA,WAAW,GAAmD,WAAW,YAA9D,EAAE,YAAY,GAAqC,WAAW,aAAhD,EAAE,cAAc,GAAqB,WAAW,eAAhC,EAAE,cAAc,GAAK,WAAW,eAAhB,CAAgB;IACjF,IACE,UAAU,KAAK,GAAG;QAClB,cAAc,IAAI,YAAY,GAAG,kBAAkB,CAAC,CAAC,EAAE,YAAY,CAAC;QACpE,cAAc,IAAI,YAAY;QAC9B,KAAK,CAAC,cAAc,EAAE,EACtB;QACA,KAAK,CAAC,QAAQ,EAAE,CAAA;KACjB;IAED,IACE,UAAU,KAAK,GAAG;QAClB,cAAc,IAAI,WAAW,GAAG,kBAAkB,CAAC,CAAC,EAAE,WAAW,CAAC;QAClE,cAAc,IAAI,WAAW;QAC7B,KAAK,CAAC,cAAc,EAAE,EACtB;QACA,KAAK,CAAC,QAAQ,EAAE,CAAA;KACjB;AACH,CAAC,CAAA;AA2FC,8CAAiB;AAzFnB,IAAM,kBAAkB,GAAG,UAAC,UAAkB,EAAE,GAAW,IAAK,OAAA,GAAG,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC,EAAxB,CAAwB,CAAA;AAExF,IAAM,uBAAuB,GAAG,UAC9B,cAA6B,EAC7B,QAAoB,EACpB,UAAgB,EAChB,WAAwB;IAEhB,IAAA,WAAW,GAAmD,WAAW,YAA9D,EAAE,YAAY,GAAqC,WAAW,aAAhD,EAAE,cAAc,GAAqB,WAAW,eAAhC,EAAE,cAAc,GAAK,WAAW,eAAhB,CAAgB;IACjF,IACE,UAAU,KAAK,GAAG;QAClB,cAAc,IAAI,YAAY,GAAG,kBAAkB,CAAC,CAAC,EAAE,YAAY,CAAC;QACpE,cAAc,IAAI,YAAY;QAC9B,cAAc,EAAE,EAChB;QACA,QAAQ,EAAE,CAAA;KACX;IAED,IACE,UAAU,KAAK,GAAG;QAClB,cAAc,IAAI,WAAW,GAAG,kBAAkB,CAAC,CAAC,EAAE,WAAW,CAAC;QAClE,cAAc,IAAI,WAAW;QAC7B,cAAc,EAAE,EAChB;QACA,QAAQ,EAAE,CAAA;KACX;AACH,CAAC,CAAA;AAgEC,0DAAuB;AA9DzB,IAAM,gBAAgB,GAAG,UACvB,SAAoB,EACpB,SAAiB,EACjB,QAAgB,EAChB,UAAgB,EAChB,UAA0E,EAC1E,OAA4D,EAC5D,YAA2D;IAE3D,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QAC7C,IAAI,UAAU,KAAK,GAAG,EAAE;YACtB,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;YACpC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAA;YAC5D,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAA;SAC1D;aAAM;YACL,IAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACjC,IAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;YACjE,UAAU,CAAC,aAAa,CAAC,EAAE,OAAO,iBAAG,IAAI,GAAK,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;YAClH,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;YACvB,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAA;SAChD;KACF;AACH,CAAC,CAAA;AAyCC,4CAAgB;AAvClB,IAAM,wBAAwB,GAAG,UAAC,SAAiB,EAAE,mBAA4B;IAC/E,IAAI,SAAS,GAAG,CAAC,EAAE;QACjB,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KACnC;IAED,OAAO,CAAC,CAAA;AACV,CAAC,CAAA;AAED,IAAM,mCAAmC,GAAG,UAC1C,SAAoB,EACpB,UAAgB,EAChB,UAA0E,EAC1E,OAA4D;IAE5D,IAAI,UAAU,KAAK,GAAG,EAAE;QACtB,OAAO,CAAC,UAAC,GAAG;YACV,IAAM,OAAO,mCAAO,GAAG,GAAK,SAAS,CAAC,IAAI,CAAC,CAAA;YAC3C,UAAU,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;YACxE,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,CAAA;KACH;SAAM,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACvC,UAAU,CAAC,UAAC,GAAG;YACb,IAAM,UAAU,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;YAC3C,IAAM,eAAe,GAAG,wBAAwB,CAC9C,GAAG,CAAC,MAAM,EACV,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAC,CACtC,CAAA;YAED,uCAAW,GAAG,GAAK,UAAU,CAAC,KAAK,CAAC,eAAe,EAAE,UAAU,CAAC,MAAM,CAAC,EAAC;QAC1E,CAAC,CAAC,CAAA;QACF,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;KACxB;AACH,CAAC,CAAA;AAQC,kFAAmC"}

package/lib/molecules/table-styled-components.d.ts

@@ -0,0 +1,79 @@
+/// <reference types="react" />
+import { Axis } from '@ltht-react/types';
+declare const ScrollableContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IScrollableContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+declare const StyledTableHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+declare const StyledTableData: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+declare const PaginationContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledPaginationPageInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+declare const StyledPaginationPageSelect: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
+declare const StyledHideOnMobile: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+declare const StyledPaginationButtonDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledPageCountDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledStandardButton: import("@emotion/styled").StyledComponent<import("@ltht-react/icon/lib/organisms/icon-button").IconButtonProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const StyledPaginationButton: import("@emotion/styled").StyledComponent<import("@ltht-react/icon/lib/organisms/icon-button").IconButtonProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const StyledSpinnerIcon: import("@emotion/styled").StyledComponent<import("@ltht-react/icon").IconProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const StyledNextPageButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledNextPageButtonContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledSpinnerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledNextPageButtonContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledTHead: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+interface IStyledTableCell {
+    stickyWidth?: number;
+}
+interface IStyledNextPageButtonContainer {
+    elementPosition: 'right' | 'bottom';
+}
+interface IScrollableContainer {
+    tableHeaderAxis: Axis;
+}
+export { StyledTable, StyledTableHeader, StyledTableData, PaginationContainer, StyledPaginationPageInput, StyledPaginationPageSelect, StyledHideOnMobile, StyledPaginationButton, ScrollableContainer, StyledPaginationButtonDiv, StyledPageCountDiv, StyledStandardButton, StyledSpinnerIcon, StyledNextPageButtonContainer, StyledTHead, StyledSpinnerContainer, };

package/lib/molecules/table-styled-components.js

@@ -0,0 +1,74 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledSpinnerContainer = exports.StyledTHead = exports.StyledNextPageButtonContainer = exports.StyledSpinnerIcon = exports.StyledStandardButton = exports.StyledPageCountDiv = exports.StyledPaginationButtonDiv = exports.ScrollableContainer = exports.StyledPaginationButton = exports.StyledHideOnMobile = exports.StyledPaginationPageSelect = exports.StyledPaginationPageInput = exports.PaginationContainer = exports.StyledTableData = exports.StyledTableHeader = exports.StyledTable = void 0;
+var styles_1 = require("@ltht-react/styles");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var icon_1 = require("@ltht-react/icon");
+var ScrollableContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  background-color: white;\n  display: ", ";\n  max-width: 100%;\n  max-height: 100%;\n  border-radius: 6px;\n  overflow: auto;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"], ["\n  ", ";\n  background-color: white;\n  display: ", ";\n  max-width: 100%;\n  max-height: 100%;\n  border-radius: 6px;\n  overflow: auto;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"])), styles_1.CSS_RESET, function (_a) {
+    var tableHeaderAxis = _a.tableHeaderAxis;
+    return (tableHeaderAxis === 'y' ? 'inline-flex' : 'inline-block');
+}, styles_1.SCROLLBAR);
+exports.ScrollableContainer = ScrollableContainer;
+var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: white;\n  border-collapse: separate;\n  border-spacing: 0px;\n  border-radius: 6px;\n"], ["\n  background-color: white;\n  border-collapse: separate;\n  border-spacing: 0px;\n  border-radius: 6px;\n"])));
+exports.StyledTable = StyledTable;
+var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ",
+    "\n"])), styles_1.TABLE_COLOURS.HEADER, styles_1.TABLE_COLOURS.BORDER, function (_a) {
+    var stickyWidth = _a.stickyWidth;
+    return stickyWidth !== undefined &&
+        "\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
+});
+exports.StyledTableHeader = StyledTableHeader;
+var StyledTableData = styled_1.default.td(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: thin solid ", ";\n  white-space: nowrap;\n\n  ", "\n\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"], ["\n  border: thin solid ", ";\n  white-space: nowrap;\n\n  ",
+    "\n\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"])), styles_1.TABLE_COLOURS.BORDER, function (_a) {
+    var stickyWidth = _a.stickyWidth;
+    return stickyWidth !== undefined &&
+        "\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
+}, styles_1.TABLE_COLOURS.HEADER);
+exports.StyledTableData = StyledTableData;
+var PaginationContainer = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  margin-top: 5px;\n  display: block;\n"], ["\n  ", ";\n  margin-top: 5px;\n  display: block;\n"])), styles_1.CSS_RESET);
+exports.PaginationContainer = PaginationContainer;
+var StyledPaginationPageInput = styled_1.default.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  width: 50px;\n  border: 1px solid gray;\n"], ["\n  ", ";\n  width: 50px;\n  border: 1px solid gray;\n"])), styles_1.CSS_RESET);
+exports.StyledPaginationPageInput = StyledPaginationPageInput;
+var StyledPaginationPageSelect = styled_1.default.select(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  width: 45px;\n  display: inline-block;\n  font-size: 0.9rem;\n  border: 1px solid gray;\n"], ["\n  ", ";\n  width: 45px;\n  display: inline-block;\n  font-size: 0.9rem;\n  border: 1px solid gray;\n"])), styles_1.CSS_RESET);
+exports.StyledPaginationPageSelect = StyledPaginationPageSelect;
+var StyledHideOnMobile = styled_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 1.1em;\n  padding: 2px;\n  @media (max-width: 320px) {\n    display: none;\n  }\n"], ["\n  font-size: 1.1em;\n  padding: 2px;\n  @media (max-width: 320px) {\n    display: none;\n  }\n"])));
+exports.StyledHideOnMobile = StyledHideOnMobile;
+var StyledPaginationButtonDiv = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  float: right;\n  display: flex;\n  justify-content: space-between;\n  align-items: stretch;\n"], ["\n  float: right;\n  display: flex;\n  justify-content: space-between;\n  align-items: stretch;\n"])));
+exports.StyledPaginationButtonDiv = StyledPaginationButtonDiv;
+var StyledPageCountDiv = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  margin-right: 5px;\n  margin-left: 5px;\n  display: flex;\n  font-size: 1.1em;\n  padding: 1px;\n"], ["\n  margin-right: 5px;\n  margin-left: 5px;\n  display: flex;\n  font-size: 1.1em;\n  padding: 1px;\n"])));
+exports.StyledPageCountDiv = StyledPageCountDiv;
+var StyledStandardButton = styled_1.default(icon_1.IconButton)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  color: ", ";\n  background-color: ", ";\n  padding: 2px 5px;\n  border-radius: 5px;\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n  }\n"], ["\n  color: ", ";\n  background-color: ", ";\n  padding: 2px 5px;\n  border-radius: 5px;\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n  }\n"])), styles_1.BTN_COLOURS.STANDARD.TEXT, styles_1.BTN_COLOURS.STANDARD.VALUE, styles_1.BTN_COLOURS.STANDARD.HOVER, styles_1.BTN_COLOURS.STANDARD.DISABLED);
+exports.StyledStandardButton = StyledStandardButton;
+var StyledPaginationButton = styled_1.default(icon_1.IconButton)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  padding: 2px 5px;\n  background-color: ", ";\n  color: black;\n  border: 1px solid ", ";\n  margin: 0 2.5px;\n  border-radius: 3px;\n\n  &:disabled {\n    background-color: inherit;\n    color: gray;\n    border-color: ", ";\n    pointer-events: none;\n  }\n"], ["\n  padding: 2px 5px;\n  background-color: ", ";\n  color: black;\n  border: 1px solid ", ";\n  margin: 0 2.5px;\n  border-radius: 3px;\n\n  &:disabled {\n    background-color: inherit;\n    color: gray;\n    border-color: ", ";\n    pointer-events: none;\n  }\n"])), styles_1.TRANSLUCENT_BRIGHT_BLUE, styles_1.TRANSLUCENT_MID_GREY, styles_1.TRANSLUCENT_MID_GREY);
+exports.StyledPaginationButton = StyledPaginationButton;
+var StyledSpinnerIcon = styled_1.default(icon_1.Icon)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  margin: 3px 0;\n  font-size: 1.1em;\n  padding: 1.5px;\n"], ["\n  margin: 3px 0;\n  font-size: 1.1em;\n  padding: 1.5px;\n"])));
+exports.StyledSpinnerIcon = StyledSpinnerIcon;
+var StyledNextPageButtonContainer = styled_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  display: ", ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n\n  &:hover {\n    padding: 5px;\n    font-size: 1.3em;\n    transition: 0.15s linear;\n  }\n"], ["\n  display: ",
+    ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n\n  &:hover {\n    padding: 5px;\n    font-size: 1.3em;\n    transition: 0.15s linear;\n  }\n"])), function (_a) {
+    var hidden = _a.hidden, elementPosition = _a.elementPosition;
+    if (!hidden) {
+        return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
+    }
+    return 'none';
+});
+exports.StyledNextPageButtonContainer = StyledNextPageButtonContainer;
+var StyledSpinnerContainer = styled_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: ", ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n  padding: 5px;\n"], ["\n  display: ",
+    ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n  padding: 5px;\n"])), function (_a) {
+    var hidden = _a.hidden, elementPosition = _a.elementPosition;
+    if (!hidden) {
+        return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
+    }
+    return 'none';
+});
+exports.StyledSpinnerContainer = StyledSpinnerContainer;
+var StyledTHead = styled_1.default.thead(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: sticky;\n  left: 0;\n  top: 0;\n  z-index: 2;\n"], ["\n  position: sticky;\n  left: 0;\n  top: 0;\n  z-index: 2;\n"])));
+exports.StyledTHead = StyledTHead;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
+//# sourceMappingURL=table-styled-components.js.map

package/lib/molecules/table-styled-components.js.map

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

package/lib/molecules/table.d.ts

@@ -1,21 +1,30 @@
 import { FC } from 'react';
+import { Axis } from '@ltht-react/types';
 import { CellProps } from './table-cell';
 declare const Table: FC<IProps>;
-export declare type DataEntity = Record<string, CellProps | DataEntity[]> & {
+interface IProps {
+    tableData: TableData;
+    staticColumns?: 0 | 1 | 2;
+    currentPage?: number;
+    pageSize?: number;
+    headerAxis?: Axis;
+    manualPagination?: boolean;
+    nextPage?: () => void;
+    getCanNextPage?: () => boolean;
+    isFetching?: boolean;
+}
+declare type DataEntity = Record<string, CellProps | DataEntity[]> & {
     subRows?: DataEntity[];
 };
-export interface Header {
+interface Header {
     type: 'accessor' | 'group' | 'display';
     id: string;
     cellProps: CellProps;
     subHeaders?: Header[];
 }
-export interface TableData {
+interface TableData {
     headers: Header[];
     rows: DataEntity[];
 }
-interface IProps {
-    tableData: TableData;
-    staticColumns?: 0 | 1 | 2;
-}
 export default Table;
+export { DataEntity, Header, TableData };

package/lib/molecules/table.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -21,66 +36,64 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_table_1 = require("@tanstack/react-table");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var styles_1 = require("@ltht-react/styles");
-var table_methods_1 = __importDefault(require("./table-methods"));
-var useDimensionRef_1 = __importDefault(require("./useDimensionRef"));
-var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  background-color: white;\n  border-radius: 6px;\n  display: inline-block;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: scroll;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"], ["\n  ", ";\n  background-color: white;\n  border-radius: 6px;\n  display: inline-block;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: scroll;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"])), styles_1.CSS_RESET, styles_1.SCROLLBAR);
-var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: white;\n  border-collapse: separate;\n  border-spacing: 0px;\n  border-radius: 6px;\n"], ["\n  background-color: white;\n  border-collapse: separate;\n  border-spacing: 0px;\n  border-radius: 6px;\n"])));
-var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ",
-    "\n"])), styles_1.TABLE_COLOURS.HEADER, styles_1.TABLE_COLOURS.BORDER, function (_a) {
-    var stickyWidth = _a.stickyWidth;
-    return stickyWidth !== undefined &&
-        "\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
-});
-var StyledTableData = styled_1.default.td(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: thin solid ", ";\n  white-space: nowrap;\n\n  ", "\n\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"], ["\n  border: thin solid ", ";\n  white-space: nowrap;\n\n  ",
-    "\n\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"])), styles_1.TABLE_COLOURS.BORDER, function (_a) {
-    var stickyWidth = _a.stickyWidth;
-    return stickyWidth !== undefined &&
-        "\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
-}, styles_1.TABLE_COLOURS.HEADER);
+var table_styled_components_1 = require("./table-styled-components");
+var useScrollRef_1 = __importDefault(require("./useScrollRef"));
+var table_methods_1 = require("./table-methods");
+var table_component_1 = __importStar(require("./table-component"));
 var Table = function (_a) {
-    var tableData = _a.tableData, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b;
-    var firstColumn = react_1.useRef(null);
-    var width = useDimensionRef_1.default(firstColumn).width;
-    var _c = react_1.useState({}), expanded = _c[0], setExpanded = _c[1];
-    var _d = react_1.useState([]), sorting = _d[0], setSorting = _d[1];
-    var table = react_table_1.useReactTable({
-        data: tableData.rows,
-        columns: table_methods_1.default(tableData),
-        state: {
-            expanded: expanded,
-            sorting: sorting,
-        },
-        onExpandedChange: setExpanded,
-        onSortingChange: setSorting,
-        getSubRows: function (row) { return row.subRows; },
-        getCoreRowModel: react_table_1.getCoreRowModel(),
-        getExpandedRowModel: react_table_1.getExpandedRowModel(),
-        getSortedRowModel: react_table_1.getSortedRowModel(),
-    });
-    var calculateStaticColumnOffset = function (cellIdx, staticColumns, firstColumnWidth) {
-        if (cellIdx === 0) {
-            return 0;
+    var tableData = _a.tableData, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.pageSize, pageSizeParam = _d === void 0 ? 10 : _d, _e = _a.headerAxis, headerAxis = _e === void 0 ? 'x' : _e, _f = _a.manualPagination, manualPagination = _f === void 0 ? false : _f, _g = _a.getCanNextPage, getCanNextPage = _g === void 0 ? function () { return false; } : _g, _h = _a.nextPage, nextPage = _h === void 0 ? function () { return null; } : _h, _j = _a.isFetching, isFetching = _j === void 0 ? false : _j;
+    var scrollableDivElement = react_1.useRef(null);
+    var scrollState = useScrollRef_1.default(scrollableDivElement);
+    var _k = react_1.useState({}), expanded = _k[0], setExpanded = _k[1];
+    var _l = react_1.useState([]), sorting = _l[0], setSorting = _l[1];
+    var _m = react_1.useState({
+        pageIndex: currentPage - 1,
+        pageSize: pageSizeParam,
+    }), _o = _m[0], pageIndex = _o.pageIndex, pageSize = _o.pageSize, setPagination = _m[1];
+    var pagination = react_1.useMemo(function () { return ({ pageIndex: pageIndex, pageSize: pageSize }); }, [pageIndex, pageSize]);
+    var _p = react_1.useState([]), data = _p[0], setData = _p[1];
+    var _q = react_1.useState([]), columns = _q[0], setColumns = _q[1];
+    var _r = react_1.useState(-1), pageCount = _r[0], setPageCount = _r[1];
+    react_1.useEffect(function () {
+        if (!manualPagination) {
+            table_methods_1.handleDataUpdate(tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount);
+        }
+    }, [pageIndex, pageSize, headerAxis, tableData, manualPagination]);
+    react_1.useEffect(function () {
+        if (manualPagination) {
+            table_methods_1.handleDataUpdateForManualPagination(tableData, headerAxis, setColumns, setData);
+        }
+    }, [headerAxis, tableData, manualPagination]);
+    var table = react_table_1.useReactTable(__assign(__assign(__assign({ data: data,
+        columns: columns }, (!manualPagination ? { pageCount: pageCount } : {})), { state: __assign({ expanded: expanded,
+            sorting: sorting }, (!manualPagination ? { pagination: pagination } : {})), manualPagination: true, onExpandedChange: setExpanded, onSortingChange: setSorting, getSubRows: function (row) { return row.subRows; }, getCoreRowModel: react_table_1.getCoreRowModel(), getExpandedRowModel: react_table_1.getExpandedRowModel(), getSortedRowModel: react_table_1.getSortedRowModel() }), (!manualPagination ? { onPaginationChange: setPagination } : {})));
+    react_1.useEffect(function () {
+        if (!scrollState) {
+            return;
+        }
+        if (manualPagination && !isFetching) {
+            table_methods_1.handleScrollEventManual(getCanNextPage, nextPage, headerAxis, scrollState);
+        }
+    }, [scrollState, headerAxis, manualPagination, isFetching, getCanNextPage, nextPage]);
+    react_1.useEffect(function () {
+        if (!scrollState) {
+            return;
+        }
+        if (!manualPagination) {
+            table_methods_1.handleScrollEvent(table, headerAxis, scrollState);
+        }
+    }, [scrollState, table, headerAxis, manualPagination]);
+    var getNextPage = function () {
+        if (manualPagination) {
+            nextPage();
         }
-        if (cellIdx < staticColumns) {
-            return firstColumnWidth;
+        else {
+            table.nextPage();
         }
-        return undefined;
     };
-    return (jsx_runtime_1.jsx(Container, { children: jsx_runtime_1.jsxs(StyledTable, { children: [jsx_runtime_1.jsx("thead", { children: table.getHeaderGroups().map(function (headerGroup) { return (jsx_runtime_1.jsx("tr", { children: headerGroup.headers.map(function (header, headerIndex) {
-                            return headerIndex === 0 ? (jsx_runtime_1.jsx(StyledTableHeader, __assign({ stickyWidth: calculateStaticColumnOffset(headerIndex, staticColumns, width), colSpan: header.colSpan, ref: firstColumn }, { children: header.isPlaceholder ? null : react_table_1.flexRender(header.column.columnDef.header, header.getContext()) }), header.id)) : (jsx_runtime_1.jsx(StyledTableHeader, __assign({ stickyWidth: calculateStaticColumnOffset(headerIndex, staticColumns, width), colSpan: header.colSpan }, {
-                                style: {
-                                    cursor: header.column.getCanSort() ? 'pointer' : '',
-                                },
-                                onClick: header.column.getToggleSortingHandler(),
-                            }, { children: header.isPlaceholder ? null : react_table_1.flexRender(header.column.columnDef.header, header.getContext()) }), header.id));
-                        }) }, headerGroup.id)); }) }, void 0),
-                jsx_runtime_1.jsx("tbody", { children: table.getRowModel().rows.map(function (row) { return (jsx_runtime_1.jsx("tr", { children: row.getVisibleCells().map(function (cell, cellIdx) { return (jsx_runtime_1.jsx(StyledTableData, __assign({ stickyWidth: calculateStaticColumnOffset(cellIdx, staticColumns, width), style: {
-                                background: cellIdx % 2 === 1 ? styles_1.TABLE_COLOURS.STRIPE_LIGHT : styles_1.TABLE_COLOURS.STRIPE_DARK,
-                                textAlign: 'center',
-                            } }, { children: react_table_1.flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id)); }) }, row.id)); }) }, void 0)] }, void 0) }, void 0));
+    return (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: jsx_runtime_1.jsxs(table_styled_components_1.ScrollableContainer, __assign({ ref: scrollableDivElement, tableHeaderAxis: headerAxis }, { children: [jsx_runtime_1.jsx(table_component_1.default, { table: table, staticColumns: staticColumns }, void 0),
+                manualPagination ? (jsx_runtime_1.jsx(table_component_1.TableSpinner, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: !isFetching }, void 0)) : null,
+                jsx_runtime_1.jsx(table_component_1.TableNavigationButton, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: isFetching || (manualPagination ? !getCanNextPage() : !table.getCanNextPage()), clickHandler: getNextPage }, void 0)] }), void 0) }, void 0));
 };
 exports.default = Table;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=table.js.map

package/lib/molecules/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/molecules/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+BAA4C;AAC5C,qDAQ8B;AAC9B,2DAAoC;AACpC,6CAAwE;AAExE,kEAA2C;AAC3C,sEAAgD;AAEhD,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,mYAAA,MACxB,EAAS,kRAaK,EAAS,oCAG1B,KAhBG,kBAAS,EAaK,kBAAS,CAG1B,CAAA;AAED,IAAM,WAAW,GAAG,gBAAM,CAAC,KAAK,gLAAA,6GAK/B,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,gBAAM,CAAC,EAAE,gLAAkB,wBAC/B,EAAoB,0BACnB,EAAoB,iDAIvC;IAMY,IACf,KAZqB,sBAAa,CAAC,MAAM,EACnB,sBAAa,CAAC,MAAM,EAIvC,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,KAAK,SAAS;QACzB,mDAEQ,WAAW,sCAEP;AALZ,CAKY,CACf,CAAA;AAED,IAAM,eAAe,GAAG,gBAAM,CAAC,EAAE,yMAAkB,yBAC5B,EAAoB,iCAGvC;IAMY,iDAGQ,EAAoB,qBAE3C,KAdsB,sBAAa,CAAC,MAAM,EAGvC,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,KAAK,SAAS;QACzB,mDAEQ,WAAW,sCAEP;AALZ,CAKY,EAGQ,sBAAa,CAAC,MAAM,CAE3C,CAAA;AAED,IAAM,KAAK,GAAe,UAAC,EAAgC;QAA9B,SAAS,eAAA,EAAE,qBAAiB,EAAjB,aAAa,mBAAG,CAAC,KAAA;IACvD,IAAM,WAAW,GAAG,cAAM,CAAC,IAAI,CAAC,CAAA;IACxB,IAAA,KAAK,GAAK,yBAAgB,CAAC,WAAW,CAAC,MAAlC,CAAkC;IAEzC,IAAA,KAA0B,gBAAQ,CAAgB,EAAE,CAAC,EAApD,QAAQ,QAAA,EAAE,WAAW,QAA+B,CAAA;IACrD,IAAA,KAAwB,gBAAQ,CAAe,EAAE,CAAC,EAAjD,OAAO,QAAA,EAAE,UAAU,QAA8B,CAAA;IAExD,IAAM,KAAK,GAAG,2BAAa,CAAC;QAC1B,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,uBAAa,CAAC,SAAS,CAAC;QACjC,KAAK,EAAE;YACL,QAAQ,UAAA;YACR,OAAO,SAAA;SACR;QACD,gBAAgB,EAAE,WAAW;QAC7B,eAAe,EAAE,UAAU;QAC3B,UAAU,EAAE,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW;QAChC,eAAe,EAAE,6BAAe,EAAE;QAClC,mBAAmB,EAAE,iCAAmB,EAAE;QAC1C,iBAAiB,EAAE,+BAAiB,EAAE;KACvC,CAAC,CAAA;IAEF,IAAM,2BAA2B,GAAG,UAAC,OAAe,EAAE,aAAqB,EAAE,gBAAwB;QACnG,IAAI,OAAO,KAAK,CAAC,EAAE;YACjB,OAAO,CAAC,CAAA;SACT;QAED,IAAI,OAAO,GAAG,aAAa,EAAE;YAC3B,OAAO,gBAAgB,CAAA;SACxB;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,kBAAC,SAAS,cACR,mBAAC,WAAW,eACV,uCACG,KAAK,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAC5C,oCACG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,WAAW;4BAC3C,OAAA,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAClB,kBAAC,iBAAiB,aAChB,WAAW,EAAE,2BAA2B,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,CAAC,EAE3E,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,GAAG,EAAE,WAAW,gBAEf,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,KAJzF,MAAM,CAAC,EAAE,CAKI,CACrB,CAAC,CAAC,CAAC,CACF,kBAAC,iBAAiB,aAChB,WAAW,EAAE,2BAA2B,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,CAAC,EAE3E,OAAO,EAAE,MAAM,CAAC,OAAO,IACnB;gCACF,KAAK,EAAE;oCACL,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;iCACpD;gCACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;6BACjD,cAEA,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,KATzF,MAAM,CAAC,EAAE,CAUI,CACrB;wBAvBD,CAuBC,CACF,IA1BM,WAAW,CAAC,EAAE,CA2BlB,CACN,EA7B6C,CA6B7C,CAAC,WACI;gBACR,uCACG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACrC,oCACG,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,OAAO,IAAK,OAAA,CAC5C,kBAAC,eAAe,aACd,WAAW,EAAE,2BAA2B,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,CAAC,EAEvE,KAAK,EAAE;gCACL,UAAU,EAAE,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAa,CAAC,YAAY,CAAC,CAAC,CAAC,sBAAa,CAAC,WAAW;gCACtF,SAAS,EAAE,QAAQ;6BACpB,gBAEA,wBAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,KANrD,IAAI,CAAC,EAAE,CAOI,CACnB,EAX6C,CAW7C,CAAC,IAZK,GAAG,CAAC,EAAE,CAaV,CACN,EAfsC,CAetC,CAAC,WACI,YACI,WACJ,CACb,CAAA;AACH,CAAC,CAAA;AA2BD,kBAAe,KAAK,CAAA"}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/molecules/table.tsx"],"names":[],"mappings":"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"}

package/lib/molecules/useDimensionRef.d.ts

@@ -1,4 +1,4 @@
-declare const useDimensionsRef: (elementRef: React.RefObject<HTMLElement>) => {
+declare const useDimensionsRef: (elementRef: React.RefObject<HTMLElement>, parentElementRef: React.RefObject<HTMLElement>) => {
     width: number;
     height: number;
 };

package/lib/molecules/useDimensionRef.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var useDimensionsRef = function (elementRef) {
-    var _a = react_1.useState({ width: 0, height: 0 }), dimensions = _a[0], setDimensions = _a[1];
+var useDimensionsRef = function (elementRef, parentElementRef) {
+    var _a = react_1.useState({
+        width: 0,
+        height: 0,
+    }), dimensions = _a[0], setDimensions = _a[1];
     react_1.useEffect(function () {
         var getDimensions = function () { return ({
             width: (elementRef && elementRef.current && elementRef.current.offsetWidth) || 0,
@@ -14,11 +17,14 @@ var useDimensionsRef = function (elementRef) {
         if (elementRef.current) {
             setDimensions(getDimensions());
         }
-        window.addEventListener('resize', handleResize);
+        var parentElementResizeObserver = new ResizeObserver(function (_e) { return handleResize(); });
+        if (parentElementRef === null || parentElementRef === void 0 ? void 0 : parentElementRef.current) {
+            parentElementResizeObserver.observe(parentElementRef.current);
+        }
         return function () {
-            window.removeEventListener('resize', handleResize);
+            parentElementResizeObserver === null || parentElementResizeObserver === void 0 ? void 0 : parentElementResizeObserver.disconnect();
         };
-    }, [elementRef]);
+    }, [elementRef, parentElementRef]);
     return dimensions;
 };
 exports.default = useDimensionsRef;

package/lib/molecules/useDimensionRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDimensionRef.js","sourceRoot":"","sources":["../../src/molecules/useDimensionRef.tsx"],"names":[],"mappings":";;AAAA,+BAA2C;AAE3C,IAAM,gBAAgB,GAAG,UAAC,UAAwC;IAC1D,IAAA,KAA8B,gBAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAA9D,UAAU,QAAA,EAAE,aAAa,QAAqC,CAAA;IAErE,iBAAS,CAAC;QACR,IAAM,aAAa,GAAG,cAAM,OAAA,CAAC;YAC3B,KAAK,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC;YAChF,MAAM,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC;SACnF,CAAC,EAH0B,CAG1B,CAAA;QAEF,IAAM,YAAY,GAAG;YACnB,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;QAChC,CAAC,CAAA;QAED,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;SAC/B;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}
+{"version":3,"file":"useDimensionRef.js","sourceRoot":"","sources":["../../src/molecules/useDimensionRef.tsx"],"names":[],"mappings":";;AAAA,+BAA2C;AAE3C,IAAM,gBAAgB,GAAG,UAAC,UAAwC,EAAE,gBAA8C;IAC1G,IAAA,KAA8B,gBAAQ,CAAC;QAC3C,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAA;IAEF,iBAAS,CAAC;QACR,IAAM,aAAa,GAAG,cAAM,OAAA,CAAC;YAC3B,KAAK,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC;YAChF,MAAM,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC;SACnF,CAAC,EAH0B,CAG1B,CAAA;QAEF,IAAM,YAAY,GAAG;YACnB,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;QAChC,CAAC,CAAA;QAED,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;SAC/B;QAED,IAAM,2BAA2B,GAAG,IAAI,cAAc,CAAC,UAAC,EAAyB,IAAK,OAAA,YAAY,EAAE,EAAd,CAAc,CAAC,CAAA;QAErG,IAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,EAAE;YAC7B,2BAA2B,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;SAC9D;QAED,OAAO;YACL,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,UAAU,EAAE,CAAA;QAC3C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAElC,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}

package/lib/molecules/useScrollRef.d.ts

@@ -0,0 +1,8 @@
+declare const useScrollRef: (elementRef: React.RefObject<HTMLElement>) => ScrollState | undefined;
+export interface ScrollState {
+    scrollWidth: number;
+    scrollHeight: number;
+    currentXScroll: number;
+    currentYScroll: number;
+}
+export default useScrollRef;

package/lib/molecules/useScrollRef.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useScrollRef = function (elementRef) {
+    var _a = react_1.useState(), scrollState = _a[0], setScrollState = _a[1];
+    var element = elementRef.current;
+    react_1.useEffect(function () {
+        var getScrollState = function () {
+            var _a, _b, _c, _d, _e, _f;
+            return ({
+                scrollWidth: (_a = element === null || element === void 0 ? void 0 : element.scrollWidth) !== null && _a !== void 0 ? _a : 0,
+                scrollHeight: (_b = element === null || element === void 0 ? void 0 : element.scrollHeight) !== null && _b !== void 0 ? _b : 0,
+                currentXScroll: ((_c = element === null || element === void 0 ? void 0 : element.scrollLeft) !== null && _c !== void 0 ? _c : 0) + ((_d = element === null || element === void 0 ? void 0 : element.clientWidth) !== null && _d !== void 0 ? _d : 0),
+                currentYScroll: ((_e = element === null || element === void 0 ? void 0 : element.scrollTop) !== null && _e !== void 0 ? _e : 0) + ((_f = element === null || element === void 0 ? void 0 : element.clientHeight) !== null && _f !== void 0 ? _f : 0),
+            });
+        };
+        var handleScroll = function () {
+            setScrollState(getScrollState());
+        };
+        element === null || element === void 0 ? void 0 : element.addEventListener('scroll', handleScroll);
+        return function () {
+            element === null || element === void 0 ? void 0 : element.removeEventListener('scroll', handleScroll);
+        };
+    }, [element]);
+    return scrollState;
+};
+exports.default = useScrollRef;
+//# sourceMappingURL=useScrollRef.js.map

package/lib/molecules/useScrollRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollRef.js","sourceRoot":"","sources":["../../src/molecules/useScrollRef.tsx"],"names":[],"mappings":";;AAAA,+BAA2C;AAE3C,IAAM,YAAY,GAAG,UAAC,UAAwC;IACtD,IAAA,KAAgC,gBAAQ,EAAe,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,IAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;IAElC,iBAAS,CAAC;QACR,IAAM,cAAc,GAAG;;YAAmB,OAAA,CAAC;gBACzC,WAAW,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,CAAC;gBACtC,YAAY,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,mCAAI,CAAC;gBACxC,cAAc,EAAE,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,CAAC,CAAC;gBACxE,cAAc,EAAE,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,mCAAI,CAAC,CAAC;aACzE,CAAC,CAAA;SAAA,CAAA;QAEF,IAAM,YAAY,GAAG;YACnB,cAAc,CAAC,cAAc,EAAE,CAAC,CAAA;QAClC,CAAC,CAAA;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAEjD,OAAO;YACL,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AASD,kBAAe,YAAY,CAAA"}

package/lib/organisms/generic-table.d.ts

@@ -1,9 +1,17 @@
 /// <reference types="react" />
+import { Axis } from '@ltht-react/types';
 import { TableData } from '../molecules/table';
-declare const GenericTable: <TColumn, TRow>({ columnData, rowData, mapToTableData }: IProps<TColumn, TRow>) => JSX.Element;
+declare const GenericTable: <TColumn, TRow>({ columnData, rowData, mapToTableData, headerAxis, pageSize, currentPage, ...props }: IProps<TColumn, TRow>) => JSX.Element;
 interface IProps<TColumn, TRow> {
     columnData: TColumn;
     rowData: TRow;
     mapToTableData: (colData: TColumn, rowData: TRow) => TableData;
+    headerAxis?: Axis;
+    currentPage?: number;
+    pageSize?: number;
+    manualPagination?: boolean;
+    nextPage?: () => void;
+    getCanNextPage?: () => boolean;
+    isFetching?: boolean;
 }
 export default GenericTable;

package/lib/organisms/generic-table.js

@@ -1,4 +1,26 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 };
 };
@@ -6,9 +28,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var table_1 = __importDefault(require("../molecules/table"));
 var GenericTable = function (_a) {
-    var columnData = _a.columnData, rowData = _a.rowData, mapToTableData = _a.mapToTableData;
+    var columnData = _a.columnData, rowData = _a.rowData, mapToTableData = _a.mapToTableData, _b = _a.headerAxis, headerAxis = _b === void 0 ? 'x' : _b, _c = _a.pageSize, pageSize = _c === void 0 ? 10 : _c, _d = _a.currentPage, currentPage = _d === void 0 ? 1 : _d, props = __rest(_a, ["columnData", "rowData", "mapToTableData", "headerAxis", "pageSize", "currentPage"]);
     var tableData = mapToTableData(columnData, rowData);
-    return jsx_runtime_1.jsx(table_1.default, { tableData: tableData }, void 0);
+    return (jsx_runtime_1.jsx(table_1.default, __assign({ tableData: tableData, headerAxis: headerAxis, pageSize: pageSize, currentPage: currentPage }, props), void 0));
 };
 exports.default = GenericTable;
 //# sourceMappingURL=generic-table.js.map

package/lib/organisms/generic-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/organisms/generic-table.tsx"],"names":[],"mappings":";;;;;;AAAA,6DAAqD;AAErD,IAAM,YAAY,GAAG,UAAgB,EAA8D;QAA5D,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,cAAc,oBAAA;IACxE,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAErD,OAAO,kBAAC,eAAK,IAAC,SAAS,EAAE,SAAS,WAAI,CAAA;AACxC,CAAC,CAAA;AAQD,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/organisms/generic-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6DAAqD;AAErD,IAAM,YAAY,GAAG,UAAgB,EAQb;IAPtB,IAAA,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACZ,KAAK,cAP2B,oFAQpC,CADS;IAER,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAErD,OAAO,CACL,kBAAC,eAAK,aAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,IAAM,KAAK,UAAI,CACjH,CAAA;AACH,CAAC,CAAA;AAeD,kBAAe,YAAY,CAAA"}

package/lib/organisms/questionnaire-table.d.ts

@@ -8,5 +8,11 @@ interface IProps {
     headerAxis?: Axis;
     adminActions?: AdminActionsForQuestionnaire[];
     staticColumns?: 0 | 1 | 2;
+    currentPage?: number;
+    pageSize?: number;
+    manualPagination?: boolean;
+    nextPage?: () => void;
+    getCanNextPage?: () => boolean;
+    isFetching?: boolean;
 }
 export default QuestionnaireTable;

package/lib/organisms/questionnaire-table.js

@@ -1,4 +1,26 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 };
 };
@@ -9,7 +31,7 @@ var icon_1 = require("@ltht-react/icon");
 var table_1 = __importDefault(require("../molecules/table"));
 var questionnaire_table_methods_1 = __importDefault(require("./questionnaire-table-methods"));
 var QuestionnaireTable = function (_a) {
-    var definition = _a.definition, records = _a.records, _b = _a.headerAxis, headerAxis = _b === void 0 ? 'y' : _b, _c = _a.staticColumns, staticColumns = _c === void 0 ? 0 : _c, adminActions = _a.adminActions;
+    var definition = _a.definition, records = _a.records, _b = _a.headerAxis, headerAxis = _b === void 0 ? 'y' : _b, _c = _a.staticColumns, staticColumns = _c === void 0 ? 0 : _c, adminActions = _a.adminActions, _d = _a.pageSize, pageSize = _d === void 0 ? 10 : _d, _e = _a.currentPage, currentPage = _e === void 0 ? 1 : _e, props = __rest(_a, ["definition", "records", "headerAxis", "staticColumns", "adminActions", "pageSize", "currentPage"]);
     var tableData = react_1.useMemo(function () { return questionnaire_table_methods_1.default(definition, records, headerAxis, adminActions); }, [headerAxis, definition, records, adminActions]);
     // TODO: Replace this fragment with a properly styled error component.
     // Maybe this could be a re-usable atom?
@@ -17,7 +39,7 @@ var QuestionnaireTable = function (_a) {
         return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(icon_1.Icon, { type: "exclamation", size: "large", status: "red" }, void 0),
                 jsx_runtime_1.jsx("div", { children: "An error occurred whilst loading this table." }, void 0)] }, void 0));
     }
-    return jsx_runtime_1.jsx(table_1.default, { tableData: tableData, staticColumns: staticColumns }, void 0);
+    return (jsx_runtime_1.jsx(table_1.default, __assign({ tableData: tableData, staticColumns: staticColumns, headerAxis: headerAxis, pageSize: pageSize, currentPage: currentPage }, props), void 0));
 };
 exports.default = QuestionnaireTable;
 //# sourceMappingURL=questionnaire-table.js.map

package/lib/organisms/questionnaire-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table.tsx"],"names":[],"mappings":";;;;;;AACA,+BAAmC;AACnC,yCAAuC;AACvC,6DAAsC;AACtC,8FAEsC;AAEtC,IAAM,kBAAkB,GAAe,UAAC,EAA0E;QAAxE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAAE,qBAAiB,EAAjB,aAAa,mBAAG,CAAC,KAAA,EAAE,YAAY,kBAAA;IAC9G,IAAM,SAAS,GAAG,eAAO,CACvB,cAAM,OAAA,qCAAiD,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,EAAhG,CAAgG,EACtG,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,CAAC,CAChD,CAAA;IAED,sEAAsE;IACtE,wCAAwC;IACxC,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,CACL,wDACE,kBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,WAAG;gBACrD,8FAAuD,YACtD,CACJ,CAAA;KACF;IAED,OAAO,kBAAC,eAAK,IAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,WAAI,CAAA;AACtE,CAAC,CAAA;AAUD,kBAAe,kBAAkB,CAAA"}
+{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+BAAmC;AACnC,yCAAuC;AACvC,6DAAsC;AACtC,8FAEsC;AAEtC,IAAM,kBAAkB,GAAe,UAAC,EASvC;IARC,IAAA,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,qBAAiB,EAAjB,aAAa,mBAAG,CAAC,KAAA,EACjB,YAAY,kBAAA,EACZ,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACZ,KAAK,cAR8B,mGASvC,CADS;IAER,IAAM,SAAS,GAAG,eAAO,CACvB,cAAM,OAAA,qCAAiD,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,EAAhG,CAAgG,EACtG,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,CAAC,CAChD,CAAA;IAED,sEAAsE;IACtE,wCAAwC;IACxC,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,CACL,wDACE,kBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,WAAG;gBACrD,8FAAuD,YACtD,CACJ,CAAA;KACF;IAED,OAAO,CACL,kBAAC,eAAK,aACJ,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IACpB,KAAK,UACT,CACH,CAAA;AACH,CAAC,CAAA;AAgBD,kBAAe,kBAAkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/table",
-  "version": "1.0.42",
+  "version": "1.0.43",
   "description": "ltht-react Table component.",
   "author": "LTHT",
   "homepage": "",
@@ -27,17 +27,17 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/button": "^1.3.167",
-    "@ltht-react/icon": "^1.3.167",
-    "@ltht-react/menu": "^1.0.9",
-    "@ltht-react/styles": "^1.3.159",
-    "@ltht-react/types": "^1.0.163",
-    "@ltht-react/utils": "^1.1.165",
+    "@ltht-react/button": "^1.3.168",
+    "@ltht-react/icon": "^1.3.168",
+    "@ltht-react/menu": "^1.0.10",
+    "@ltht-react/styles": "^1.3.160",
+    "@ltht-react/types": "^1.0.164",
+    "@ltht-react/utils": "^1.1.166",
     "@tanstack/react-table": "^8.5.22",
     "react": "^17.0.0",
     "react-uuid": "^2.0.0"
   },
-  "gitHead": "a0c096af3b878f8c2a325bcc1dbe53312b9218c1",
+  "gitHead": "4bdf1eb64f4c6f0c4d77f382e34d24fa31dcd05d",
   "devDependencies": {
     "@types/react-table": "^7.7.12"
   }