@ltht-react/table 2.0.153 → 2.0.155

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { Table } from '@tanstack/react-table';
+import { HTMLAttributes } from 'react';
 import { ITableConfig } from './table';
-declare const TableComponent: <T>({ table, staticColumns, headerAxis }: ITableHeadProps<T>) => JSX.Element;
+declare const TableComponent: <T>({ table, staticColumns, headerAxis, ...rest }: ITableHeadProps<T>) => JSX.Element;
 declare const TableNavigationButton: ({ position, hidden, clickHandler }: ITableNavButtonProps) => import("react/jsx-runtime").JSX.Element;
 declare const TableSpinner: ({ position, hidden }: ITableSpinnerProps) => import("react/jsx-runtime").JSX.Element;
 interface ITableNavButtonProps {
@@ -13,7 +13,7 @@ interface ITableSpinnerProps {
     position: 'bottom' | 'right';
     hidden: boolean;
 }
-interface ITableHeadProps<T> extends ITableConfig {
+interface ITableHeadProps<T> extends ITableConfig, HTMLAttributes<HTMLTableElement> {
     table: Table<T>;
 }
 export default TableComponent;

package/lib/molecules/table-component.js

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     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 };
 };
@@ -22,8 +33,9 @@ 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 table_header_1 = __importDefault(require("./table-header"));
 var TableComponent = function (_a) {
-    var table = _a.table, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, headerAxis = _a.headerAxis;
+    var table = _a.table, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, headerAxis = _a.headerAxis, rest = __rest(_a, ["table", "staticColumns", "headerAxis"]);
     var firstColumn = (0, react_1.useRef)(null);
     var secondColumn = (0, react_1.useRef)(null);
     var tableElement = (0, react_1.useRef)(null);
@@ -32,27 +44,24 @@ var TableComponent = function (_a) {
     var usingExpanderColumn = table.getHeaderGroups().some(function (x) { return x.headers.some(function (h) { return h.column.id === 'expander'; }); });
     var totalStaticColumns = (0, react_1.useMemo)(function () { return (usingExpanderColumn ? staticColumns + 1 : staticColumns); }, [usingExpanderColumn, staticColumns]);
     var getHeaderColumn = function (header, headerIndex) {
+        var stickyWidth = (0, table_methods_1.calculateStaticColumnOffset)(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth);
+        var headerProps = {
+            header: header,
+            stickyWidth: stickyWidth,
+        };
         switch (headerIndex) {
             case 0:
-                return getHeaderElement(header, (0, table_methods_1.calculateStaticColumnOffset)(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth), firstColumn);
+                return (0, jsx_runtime_1.jsx)(table_header_1.default, __assign({ ref: firstColumn }, headerProps));
             case 1:
-                return getHeaderElement(header, (0, table_methods_1.calculateStaticColumnOffset)(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth), secondColumn);
+                return (0, jsx_runtime_1.jsx)(table_header_1.default, __assign({ ref: secondColumn }, headerProps));
             default:
-                return getHeaderElement(header, (0, table_methods_1.calculateStaticColumnOffset)(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth));
+                return (0, jsx_runtime_1.jsx)(table_header_1.default, __assign({}, headerProps));
         }
     };
-    var getHeaderElement = function (header, stickyWidth, elementRef) { return ((0, 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 : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) }), header.id)); };
-    return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.StyledTable, { ref: tableElement, children: [(0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTHead, { children: table.getHeaderGroups().map(function (headerGroup) { return ((0, jsx_runtime_1.jsx)("tr", { role: "row", children: headerGroup.headers.map(function (header, headerIndex) { return getHeaderColumn(header, headerIndex); }) }, headerGroup.id)); }) }), (0, jsx_runtime_1.jsx)("tbody", { children: table.getRowModel().rows.map(function (row) { return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTableRow, { tableHeaderAxis: headerAxis, role: "row", children: row.getVisibleCells().map(function (cell, cellIdx) {
+    return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.StyledTable, __assign({ ref: tableElement }, rest, { children: [(0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTHead, { children: table.getHeaderGroups().map(function (headerGroup) { return ((0, jsx_runtime_1.jsx)("tr", { role: "row", children: headerGroup.headers.map(function (header, headerIndex) { return getHeaderColumn(header, headerIndex); }) }, headerGroup.id)); }) }), (0, jsx_runtime_1.jsx)("tbody", { children: table.getRowModel().rows.map(function (row) { return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTableRow, { tableHeaderAxis: headerAxis, role: "row", children: row.getVisibleCells().map(function (cell, cellIdx) {
                         var _a;
                         return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTableData, { tableHeaderAxis: headerAxis, stickyWidth: (0, table_methods_1.calculateStaticColumnOffset)(cellIdx, totalStaticColumns, firstColumnWidth, secondColumnWidth), role: "cell", style: (_a = cell.getValue()) === null || _a === void 0 ? void 0 : _a.parentStyle, children: (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
-                    }) }, row.id)); }) })] }));
+                    }) }, row.id)); }) })] })));
 };
 var TableNavigationButton = function (_a) {
     var position = _a.position, hidden = _a.hidden, clickHandler = _a.clickHandler;

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

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

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

@@ -0,0 +1,11 @@
+import { Ref } from 'react';
+import { Header as ReactTableHeader } from '@tanstack/react-table';
+interface TableHeaderProps<TData, TValue> {
+    header: ReactTableHeader<TData, TValue>;
+    stickyWidth?: number;
+}
+export declare const Wrapper: <TData, TValue>({ header, stickyWidth }: TableHeaderProps<TData, TValue>, ref?: Ref<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
+declare const TableHeader: <TData, TValue>(props: TableHeaderProps<TData, TValue> & {
+    ref?: Ref<HTMLTableCellElement> | undefined;
+}) => ReturnType<typeof Wrapper>;
+export default TableHeader;

package/lib/molecules/table-header.js

@@ -0,0 +1,33 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_table_1 = require("@tanstack/react-table");
+var table_styled_components_1 = require("./table-styled-components");
+var Wrapper = function (_a, ref) {
+    var header = _a.header, stickyWidth = _a.stickyWidth;
+    return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTableHeader, __assign({ ref: ref, stickyWidth: stickyWidth, colSpan: header.colSpan, role: "columnheader" }, (header.column.id !== 'expander'
+        ? {
+            style: {
+                cursor: header.column.getCanSort() ? 'pointer' : '',
+            },
+            onClick: header.column.getToggleSortingHandler(),
+        }
+        : {}), { children: header.isPlaceholder ? null : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) }), header.id));
+};
+exports.Wrapper = Wrapper;
+var TableHeader = (0, react_1.forwardRef)(exports.Wrapper);
+exports.default = TableHeader;
+//# sourceMappingURL=table-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.js","sourceRoot":"","sources":["../../src/molecules/table-header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAuC;AACvC,qDAA8E;AAC9E,qEAA6D;AAOtD,IAAM,OAAO,GAAG,UACrB,EAAwD,EACxD,GAA+B;QAD7B,MAAM,YAAA,EAAE,WAAW,iBAAA;IAElB,OAAA,CACH,uBAAC,2CAAiB,aAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EAExB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,IAAI,EAAC,cAAc,IACf,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,UAAU;QAClC,CAAC,CAAC;YACE,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;aACpD;YACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;SACjD;QACH,CAAC,CAAC,EAAE,CAAC,cAEN,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,KAZzF,MAAM,CAAC,EAAE,CAaI,CACrB;AAlBI,CAkBJ,CAAA;AArBY,QAAA,OAAO,WAqBnB;AAED,IAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,eAAO,CAEP,CAAA;AAE/B,kBAAe,WAAW,CAAA"}

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

@@ -1,11 +1,14 @@
-import { ColumnDef, Table } from '@tanstack/react-table';
+import { ColumnDef } 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, headerAxis: Axis) => ColumnDef<DataEntity>[];
 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 handleScrollEvent: (pagination: {
+    getCanNextPage: () => boolean;
+    nextPage: VoidFunction;
+}, 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, keepPreviousData: boolean, setColumns: (value: React.SetStateAction<ColumnDef<DataEntity>[]>) => void, setData: (value: React.SetStateAction<DataEntity[]>) => void) => void;
 export { createColumns, calculateStaticColumnOffset, handleScrollEvent, handleDataUpdate, handleDataUpdateForManualPagination, };

package/lib/molecules/table-methods.js

@@ -137,19 +137,19 @@ var calculateStaticColumnOffset = function (cellIdx, staticColumns, firstColumnW
     }
 };
 exports.calculateStaticColumnOffset = calculateStaticColumnOffset;
-var handleScrollEvent = function (table, headerAxis, scrollState) {
+var handleScrollEvent = function (pagination, 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();
+        pagination.getCanNextPage()) {
+        pagination.nextPage();
     }
     if (headerAxis === 'y' &&
         currentXScroll >= scrollWidth - getPercentageOfMax(5, scrollWidth) &&
         currentXScroll <= scrollWidth &&
-        table.getCanNextPage()) {
-        table.nextPage();
+        pagination.getCanNextPage()) {
+        pagination.nextPage();
     }
 };
 exports.handleScrollEvent = handleScrollEvent;

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":"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"}

package/lib/molecules/table.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
+import { FC, HTMLAttributes } from 'react';
 import { SortingFn } from '@tanstack/react-table';
 import { Axis } from '@ltht-react/types';
 import { CellProps } from './table-cell';
 declare const Table: FC<IProps>;
-interface IProps extends ITableConfig, IPaginationProps, ITableDimensionProps {
+interface IProps extends ITableConfig, IPaginationProps, ITableDimensionProps, HTMLAttributes<HTMLTableElement> {
     tableData: TableData;
 }
 export interface ITableConfig {
@@ -16,6 +16,7 @@ export interface IPaginationProps {
     currentPage?: number;
     pageSize?: number;
     manualPagination?: boolean;
+    infiniteScrollEnabled?: boolean;
     nextPage?: () => void;
     getCanNextPage?: () => boolean;
     isFetching?: boolean;

package/lib/molecules/table.js

@@ -33,6 +33,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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 };
 };
@@ -45,19 +56,19 @@ 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, _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, _k = _a.keepPreviousData, keepPreviousData = _k === void 0 ? false : _k, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _l = _a.isFlex, isFlex = _l === void 0 ? false : _l, _m = _a.enableSorting, enableSorting = _m === void 0 ? true : _m, _o = _a.sortingFunctions, sortingFunctions = _o === void 0 ? undefined : _o;
+    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.infiniteScrollEnabled, infiniteScrollEnabled = _g === void 0 ? false : _g, _h = _a.getCanNextPage, getCanNextPage = _h === void 0 ? function () { return false; } : _h, _j = _a.nextPage, nextPage = _j === void 0 ? function () { return null; } : _j, _k = _a.isFetching, isFetching = _k === void 0 ? false : _k, _l = _a.keepPreviousData, keepPreviousData = _l === void 0 ? false : _l, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _m = _a.isFlex, isFlex = _m === void 0 ? false : _m, _o = _a.enableSorting, enableSorting = _o === void 0 ? true : _o, _p = _a.sortingFunctions, sortingFunctions = _p === void 0 ? undefined : _p, rest = __rest(_a, ["tableData", "staticColumns", "currentPage", "pageSize", "headerAxis", "manualPagination", "infiniteScrollEnabled", "getCanNextPage", "nextPage", "isFetching", "keepPreviousData", "maxHeight", "maxWidth", "isFlex", "enableSorting", "sortingFunctions"]);
     var scrollableDivElement = (0, react_1.useRef)(null);
     var scrollState = (0, useScrollRef_1.default)(scrollableDivElement);
-    var _p = (0, react_1.useState)({}), expanded = _p[0], setExpanded = _p[1];
-    var _q = (0, react_1.useState)([]), sorting = _q[0], setSorting = _q[1];
-    var _r = (0, react_1.useState)({
+    var _q = (0, react_1.useState)({}), expanded = _q[0], setExpanded = _q[1];
+    var _r = (0, react_1.useState)([]), sorting = _r[0], setSorting = _r[1];
+    var _s = (0, react_1.useState)({
         pageIndex: currentPage - 1,
         pageSize: pageSizeParam,
-    }), _s = _r[0], pageIndex = _s.pageIndex, pageSize = _s.pageSize, setPagination = _r[1];
+    }), _t = _s[0], pageIndex = _t.pageIndex, pageSize = _t.pageSize, setPagination = _s[1];
     var pagination = (0, react_1.useMemo)(function () { return ({ pageIndex: pageIndex, pageSize: pageSize }); }, [pageIndex, pageSize]);
-    var _t = (0, react_1.useState)([]), data = _t[0], setData = _t[1];
-    var _u = (0, react_1.useState)([]), columns = _u[0], setColumns = _u[1];
-    var _v = (0, react_1.useState)(-1), pageCount = _v[0], setPageCount = _v[1];
+    var _u = (0, react_1.useState)([]), data = _u[0], setData = _u[1];
+    var _v = (0, react_1.useState)([]), columns = _v[0], setColumns = _v[1];
+    var _w = (0, react_1.useState)(-1), pageCount = _w[0], setPageCount = _w[1];
     (0, react_1.useEffect)(function () {
         if (!manualPagination) {
             (0, table_methods_1.handleDataUpdate)(tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount);
@@ -69,23 +80,16 @@ var Table = function (_a) {
         }
     }, [headerAxis, tableData, manualPagination, keepPreviousData]);
     var table = (0, 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, enableSorting: enableSorting, sortingFns: sortingFunctions, getSubRows: function (row) { return row.subRows; }, getCoreRowModel: (0, react_table_1.getCoreRowModel)(), getExpandedRowModel: (0, react_table_1.getExpandedRowModel)(), getSortedRowModel: (0, react_table_1.getSortedRowModel)() }), (!manualPagination ? { onPaginationChange: setPagination } : {})));
+    var getNextPage = function () { return (manualPagination ? nextPage() : table.nextPage()); };
+    var hasNextPage = function () { return (manualPagination ? getCanNextPage() : table.getCanNextPage()); };
     (0, react_1.useEffect)(function () {
-        if (!scrollState) {
+        if (!scrollState || !infiniteScrollEnabled || isFetching) {
             return;
         }
-        if (!manualPagination) {
-            (0, table_methods_1.handleScrollEvent)(table, headerAxis, scrollState);
-        }
-    }, [scrollState, table, headerAxis, manualPagination]);
-    var getNextPage = function () {
-        if (manualPagination) {
-            nextPage();
-        }
-        else {
-            table.nextPage();
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.ScrollableContainer, { ref: scrollableDivElement, tableHeaderAxis: headerAxis, maxHeight: maxHeight, maxWidth: maxWidth, isFlex: isFlex, children: [(0, jsx_runtime_1.jsx)(table_component_1.default, { table: table, staticColumns: staticColumns, headerAxis: headerAxis }), manualPagination ? ((0, jsx_runtime_1.jsx)(table_component_1.TableSpinner, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: !isFetching })) : null, (0, jsx_runtime_1.jsx)(table_component_1.TableNavigationButton, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: isFetching || (manualPagination ? !getCanNextPage() : !table.getCanNextPage()), clickHandler: getNextPage })] }));
+        (0, table_methods_1.handleScrollEvent)({ getCanNextPage: hasNextPage, nextPage: getNextPage }, headerAxis, scrollState);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [scrollState]);
+    return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.ScrollableContainer, { ref: scrollableDivElement, tableHeaderAxis: headerAxis, maxHeight: maxHeight, maxWidth: maxWidth, isFlex: isFlex, children: [(0, jsx_runtime_1.jsx)(table_component_1.default, __assign({ table: table, staticColumns: staticColumns, headerAxis: headerAxis }, rest)), manualPagination ? ((0, jsx_runtime_1.jsx)(table_component_1.TableSpinner, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: !isFetching })) : null, (0, jsx_runtime_1.jsx)(table_component_1.TableNavigationButton, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: isFetching || (manualPagination ? !getCanNextPage() : !table.getCanNextPage()), clickHandler: getNextPage })] }));
 };
 exports.default = Table;
 //# 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":"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"}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/molecules/table.tsx"],"names":[],"mappings":"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"}

package/lib/molecules/useScrollRef.js

@@ -3,25 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var useScrollRef = function (elementRef) {
     var _a = (0, react_1.useState)(), scrollState = _a[0], setScrollState = _a[1];
-    var element = elementRef.current;
+    var handleScroll = function (e) {
+        var _a, _b, _c, _d, _e, _f;
+        if (!e)
+            return;
+        setScrollState({
+            scrollWidth: (_a = e.scrollWidth) !== null && _a !== void 0 ? _a : 0,
+            scrollHeight: (_b = e.scrollHeight) !== null && _b !== void 0 ? _b : 0,
+            currentXScroll: ((_c = e.scrollLeft) !== null && _c !== void 0 ? _c : 0) + ((_d = e.clientWidth) !== null && _d !== void 0 ? _d : 0),
+            currentYScroll: ((_e = e.scrollTop) !== null && _e !== void 0 ? _e : 0) + ((_f = e.clientHeight) !== null && _f !== void 0 ? _f : 0),
+        });
+    };
     (0, 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);
+        var element = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current;
+        if (element) {
+            handleScroll(element); // Set initial scroll state
+            element.addEventListener('scroll', function () { return handleScroll(element); });
+        }
         return function () {
-            element === null || element === void 0 ? void 0 : element.removeEventListener('scroll', handleScroll);
+            element === null || element === void 0 ? void 0 : element.removeEventListener('scroll', function () { return handleScroll(element); });
         };
-    }, [element]);
+    }, [elementRef]);
     return scrollState;
 };
 exports.default = useScrollRef;

package/lib/molecules/useScrollRef.js.map

@@ -1 +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,IAAA,gBAAQ,GAAe,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,IAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;IAElC,IAAA,iBAAS,EAAC;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"}
+{"version":3,"file":"useScrollRef.js","sourceRoot":"","sources":["../../src/molecules/useScrollRef.tsx"],"names":[],"mappings":";;AAAA,+BAA2C;AAE3C,IAAM,YAAY,GAAG,UAAC,UAAwC;IACtD,IAAA,KAAgC,IAAA,gBAAQ,GAAe,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAE7D,IAAM,YAAY,GAAG,UAAC,CAAc;;QAClC,IAAI,CAAC,CAAC;YAAE,OAAM;QAEd,cAAc,CAAC;YACb,WAAW,EAAE,MAAA,CAAC,CAAC,WAAW,mCAAI,CAAC;YAC/B,YAAY,EAAE,MAAA,CAAC,CAAC,YAAY,mCAAI,CAAC;YACjC,cAAc,EAAE,CAAC,MAAA,CAAC,CAAC,UAAU,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,CAAC,CAAC,WAAW,mCAAI,CAAC,CAAC;YAC1D,cAAc,EAAE,CAAC,MAAA,CAAC,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,CAAC,CAAC,YAAY,mCAAI,CAAC,CAAC;SAC3D,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAAA;QAEnC,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,OAAO,CAAC,CAAA,CAAC,2BAA2B;YACjD,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,CAAC,CAAA;QACjE,CAAC;QAED,OAAO;YACL,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,QAAQ,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,CAAC,CAAA;QACrE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AASD,kBAAe,YAAY,CAAA"}

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

@@ -1,6 +1,7 @@
 import { IPaginationProps, ITableDimensionProps, ITableConfig, TableData } from '../molecules/table';
 declare const GenericTable: <TColumn, TRow>({ columnData, rowData, mapToTableData, headerAxis, pageSize, currentPage, keepPreviousData, ...props }: IProps<TColumn, TRow>) => import("react/jsx-runtime").JSX.Element;
 interface IProps<TColumn, TRow> extends ITableConfig, IPaginationProps, ITableDimensionProps {
+    id?: string;
     columnData: TColumn;
     rowData: TRow;
     mapToTableData: (colData: TColumn, rowData: TRow) => TableData;

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,6DAA2G;AAE3G,IAAM,YAAY,GAAG,UAAgB,EASb;IARtB,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,EACf,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACpB,KAAK,cAR2B,wGASpC,CADS;IAER,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAErD,OAAO,CACL,uBAAC,eAAK,aACJ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAQD,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/organisms/generic-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAA2G;AAE3G,IAAM,YAAY,GAAG,UAAgB,EASb;IARtB,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,EACf,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACpB,KAAK,cAR2B,wGASpC,CADS;IAER,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAErD,OAAO,CACL,uBAAC,eAAK,aACJ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AASD,kBAAe,YAAY,CAAA"}

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

@@ -4,6 +4,7 @@ import { IPaginationProps, ITableDimensionProps, ITableConfig } from '../molecul
 import { AdminActionsForQuestionnaire } from './questionnaire-table-methods';
 declare const QuestionnaireTable: FC<IProps>;
 interface IProps extends ITableConfig, IPaginationProps, ITableDimensionProps {
+    id?: string;
     definition: Questionnaire;
     records: QuestionnaireResponse[];
     adminActions?: AdminActionsForQuestionnaire[];

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,0DAAmC;AACnC,6DAAgG;AAChG,8FAEsC;AAEtC,IAAM,kBAAkB,GAAe,UAAC,EAUvC;IATC,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,EACf,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACpB,KAAK,cAT8B,uHAUvC,CADS;IAER,IAAM,SAAS,GAAG,IAAA,eAAO,EACvB,cAAM,OAAA,IAAA,qCAAiD,EAAC,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,CAAC;QACf,OAAO,CACL,6DACE,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,GAAG,EACpD,2FAAuD,IACtD,CACJ,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,eAAK,aACJ,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAQD,kBAAe,kBAAkB,CAAA"}
+{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+BAAmC;AACnC,0DAAmC;AACnC,6DAAgG;AAChG,8FAEsC;AAEtC,IAAM,kBAAkB,GAAe,UAAC,EAUvC;IATC,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,EACf,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACpB,KAAK,cAT8B,uHAUvC,CADS;IAER,IAAM,SAAS,GAAG,IAAA,eAAO,EACvB,cAAM,OAAA,IAAA,qCAAiD,EAAC,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,CAAC;QACf,OAAO,CACL,6DACE,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,GAAG,EACpD,2FAAuD,IACtD,CACJ,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,eAAK,aACJ,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AASD,kBAAe,kBAAkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/table",
-  "version": "2.0.153",
+  "version": "2.0.155",
   "description": "ltht-react Table component.",
   "author": "LTHT",
   "homepage": "",
@@ -28,15 +28,15 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/button": "^2.0.153",
-    "@ltht-react/icon": "^2.0.153",
-    "@ltht-react/menu": "^2.0.153",
-    "@ltht-react/styles": "^2.0.153",
-    "@ltht-react/types": "^2.0.153",
-    "@ltht-react/utils": "^2.0.153",
+    "@ltht-react/button": "^2.0.155",
+    "@ltht-react/icon": "^2.0.155",
+    "@ltht-react/menu": "^2.0.155",
+    "@ltht-react/styles": "^2.0.155",
+    "@ltht-react/types": "^2.0.155",
+    "@ltht-react/utils": "^2.0.155",
     "@tanstack/react-table": "^8.10.7",
     "react": "^18.2.0",
     "react-uuid": "^2.0.0"
   },
-  "gitHead": "0fccbe30f17265e6dbad3d9e3770d77052657aac"
+  "gitHead": "0b2be4f69fef44231fbe32aaf89f93e3f88c589e"
 }

package/src/molecules/table-component.tsx

@@ -1,6 +1,6 @@
 import Icon from '@ltht-react/icon'
 import { flexRender, Header as ReactTableHeader, Table } from '@tanstack/react-table'
-import React, { useMemo, useRef } from 'react'
+import { HTMLAttributes, useMemo, useRef } from 'react'
 import { calculateStaticColumnOffset } from './table-methods'
 import {
   StyledNextPageButtonContainer,
@@ -8,14 +8,14 @@ import {
   StyledTable,
   StyledTableRow,
   StyledTableData,
-  StyledTableHeader,
   StyledTHead,
 } from './table-styled-components'
 import useDimensionsRef from './useDimensionRef'
 import { CellProps } from './table-cell'
 import { ITableConfig } from './table'
+import TableHeader from './table-header'
 
-const TableComponent = <T,>({ table, staticColumns = 0, headerAxis }: ITableHeadProps<T>): JSX.Element => {
+const TableComponent = <T,>({ table, staticColumns = 0, headerAxis, ...rest }: ITableHeadProps<T>): JSX.Element => {
   const firstColumn = useRef(null)
   const secondColumn = useRef(null)
   const tableElement = useRef(null)
@@ -29,54 +29,28 @@ const TableComponent = <T,>({ table, staticColumns = 0, headerAxis }: ITableHead
   )
 
   const getHeaderColumn = <TData, TValue>(header: ReactTableHeader<TData, TValue>, headerIndex: number) => {
+    const stickyWidth = calculateStaticColumnOffset(
+      headerIndex,
+      totalStaticColumns,
+      firstColumnWidth,
+      secondColumnWidth
+    )
+    const headerProps = {
+      header,
+      stickyWidth,
+    }
     switch (headerIndex) {
       case 0:
-        return getHeaderElement(
-          header,
-          calculateStaticColumnOffset(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth),
-          firstColumn
-        )
+        return <TableHeader ref={firstColumn} {...headerProps} />
       case 1:
-        return getHeaderElement(
-          header,
-          calculateStaticColumnOffset(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth),
-          secondColumn
-        )
-
+        return <TableHeader ref={secondColumn} {...headerProps} />
       default:
-        return getHeaderElement(
-          header,
-          calculateStaticColumnOffset(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth)
-        )
+        return <TableHeader {...headerProps} />
     }
   }
 
-  const getHeaderElement = <TData, TValue>(
-    header: ReactTableHeader<TData, TValue>,
-    stickyWidth?: number,
-    elementRef?: React.MutableRefObject<null>
-  ) => (
-    <StyledTableHeader
-      stickyWidth={stickyWidth}
-      key={header.id}
-      colSpan={header.colSpan}
-      ref={elementRef}
-      role="columnheader"
-      {...(header.column.id !== 'expander'
-        ? {
-            style: {
-              cursor: header.column.getCanSort() ? 'pointer' : '',
-            },
-            onClick: header.column.getToggleSortingHandler(),
-          }
-        : {})}
-    >
-      {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}
-    </StyledTableHeader>
-  )
-
   return (
-    <StyledTable ref={tableElement}>
+    <StyledTable ref={tableElement} {...rest}>
       <StyledTHead>
         {table.getHeaderGroups().map((headerGroup) => (
           <tr key={headerGroup.id} role="row">
@@ -138,7 +112,7 @@ interface ITableSpinnerProps {
   hidden: boolean
 }
 
-interface ITableHeadProps<T> extends ITableConfig {
+interface ITableHeadProps<T> extends ITableConfig, HTMLAttributes<HTMLTableElement> {
   table: Table<T>
 }
 

package/src/molecules/table-header.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, Ref } from 'react'
+import { flexRender, Header as ReactTableHeader } from '@tanstack/react-table'
+import { StyledTableHeader } from './table-styled-components'
+
+interface TableHeaderProps<TData, TValue> {
+  header: ReactTableHeader<TData, TValue>
+  stickyWidth?: number
+}
+
+export const Wrapper = <TData, TValue>(
+  { header, stickyWidth }: TableHeaderProps<TData, TValue>,
+  ref?: Ref<HTMLTableCellElement>
+) => (
+  <StyledTableHeader
+    ref={ref}
+    stickyWidth={stickyWidth}
+    key={header.id}
+    colSpan={header.colSpan}
+    role="columnheader"
+    {...(header.column.id !== 'expander'
+      ? {
+          style: {
+            cursor: header.column.getCanSort() ? 'pointer' : '',
+          },
+          onClick: header.column.getToggleSortingHandler(),
+        }
+      : {})}
+  >
+    {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}
+  </StyledTableHeader>
+)
+
+const TableHeader = forwardRef(Wrapper) as <TData, TValue>(
+  props: TableHeaderProps<TData, TValue> & { ref?: Ref<HTMLTableCellElement> }
+) => ReturnType<typeof Wrapper>
+
+export default TableHeader

package/src/molecules/table-methods.tsx

@@ -1,4 +1,4 @@
-import { ColumnDef, ColumnHelper, createColumnHelper, HeaderContext, Table } from '@tanstack/react-table'
+import { ColumnDef, ColumnHelper, createColumnHelper, HeaderContext } from '@tanstack/react-table'
 import { IconProps } from '@ltht-react/icon'
 import { Axis } from '@ltht-react/types'
 import React from 'react'
@@ -138,24 +138,28 @@ const calculateStaticColumnOffset = (
   }
 }
 
-const handleScrollEvent = (table: Table<DataEntity>, headerAxis: Axis, scrollState: ScrollState) => {
+const handleScrollEvent = (
+  pagination: { getCanNextPage: () => boolean; nextPage: VoidFunction },
+  headerAxis: Axis,
+  scrollState: ScrollState
+) => {
   const { scrollWidth, scrollHeight, currentXScroll, currentYScroll } = scrollState
   if (
     headerAxis === 'x' &&
     currentYScroll >= scrollHeight - getPercentageOfMax(5, scrollHeight) &&
     currentYScroll <= scrollHeight &&
-    table.getCanNextPage()
+    pagination.getCanNextPage()
   ) {
-    table.nextPage()
+    pagination.nextPage()
   }
 
   if (
     headerAxis === 'y' &&
     currentXScroll >= scrollWidth - getPercentageOfMax(5, scrollWidth) &&
     currentXScroll <= scrollWidth &&
-    table.getCanNextPage()
+    pagination.getCanNextPage()
   ) {
-    table.nextPage()
+    pagination.nextPage()
   }
 }
 

package/src/molecules/table.tsx

@@ -1,4 +1,4 @@
-import { FC, useEffect, useMemo, useRef, useState } from 'react'
+import { FC, HTMLAttributes, useEffect, useMemo, useRef, useState } from 'react'
 import {
   getCoreRowModel,
   useReactTable,
@@ -24,6 +24,7 @@ const Table: FC<IProps> = ({
   pageSize: pageSizeParam = 10,
   headerAxis = 'x',
   manualPagination = false,
+  infiniteScrollEnabled = false,
   getCanNextPage = () => false,
   nextPage = () => null,
   isFetching = false,
@@ -33,8 +34,9 @@ const Table: FC<IProps> = ({
   isFlex = false,
   enableSorting = true,
   sortingFunctions = undefined,
+  ...rest
 }) => {
-  const scrollableDivElement = useRef(null)
+  const scrollableDivElement = useRef<HTMLDivElement>(null)
   const scrollState = useScrollRef(scrollableDivElement)
 
   const [expanded, setExpanded] = useState<ExpandedState>({})
@@ -82,23 +84,18 @@ const Table: FC<IProps> = ({
     ...(!manualPagination ? { onPaginationChange: setPagination } : {}),
   })
 
+  const getNextPage = () => (manualPagination ? nextPage() : table.nextPage())
+  const hasNextPage = () => (manualPagination ? getCanNextPage() : table.getCanNextPage())
+
   useEffect(() => {
-    if (!scrollState) {
+    if (!scrollState || !infiniteScrollEnabled || isFetching) {
       return
     }
 
-    if (!manualPagination) {
-      handleScrollEvent(table, headerAxis, scrollState)
-    }
-  }, [scrollState, table, headerAxis, manualPagination])
+    handleScrollEvent({ getCanNextPage: hasNextPage, nextPage: getNextPage }, headerAxis, scrollState)
 
-  const getNextPage = () => {
-    if (manualPagination) {
-      nextPage()
-    } else {
-      table.nextPage()
-    }
-  }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [scrollState])
 
   return (
     <ScrollableContainer
@@ -107,7 +104,7 @@ const Table: FC<IProps> = ({
       {...{ maxHeight, maxWidth }}
       isFlex={isFlex}
     >
-      <TableComponent table={table} staticColumns={staticColumns} headerAxis={headerAxis} />
+      <TableComponent table={table} staticColumns={staticColumns} headerAxis={headerAxis} {...rest} />
       {manualPagination ? (
         <TableSpinner position={headerAxis === 'x' ? 'bottom' : 'right'} hidden={!isFetching} />
       ) : null}
@@ -120,7 +117,7 @@ const Table: FC<IProps> = ({
   )
 }
 
-interface IProps extends ITableConfig, IPaginationProps, ITableDimensionProps {
+interface IProps extends ITableConfig, IPaginationProps, ITableDimensionProps, HTMLAttributes<HTMLTableElement> {
   tableData: TableData
 }
 
@@ -136,6 +133,7 @@ export interface IPaginationProps {
   currentPage?: number
   pageSize?: number
   manualPagination?: boolean
+  infiniteScrollEnabled?: boolean
   nextPage?: () => void
   getCanNextPage?: () => boolean
   isFetching?: boolean

package/src/molecules/useScrollRef.tsx

@@ -2,26 +2,30 @@ import { useEffect, useState } from 'react'
 
 const useScrollRef = (elementRef: React.RefObject<HTMLElement>) => {
   const [scrollState, setScrollState] = useState<ScrollState>()
-  const element = elementRef.current
 
-  useEffect(() => {
-    const getScrollState = (): ScrollState => ({
-      scrollWidth: element?.scrollWidth ?? 0,
-      scrollHeight: element?.scrollHeight ?? 0,
-      currentXScroll: (element?.scrollLeft ?? 0) + (element?.clientWidth ?? 0),
-      currentYScroll: (element?.scrollTop ?? 0) + (element?.clientHeight ?? 0),
+  const handleScroll = (e: HTMLElement) => {
+    if (!e) return
+
+    setScrollState({
+      scrollWidth: e.scrollWidth ?? 0,
+      scrollHeight: e.scrollHeight ?? 0,
+      currentXScroll: (e.scrollLeft ?? 0) + (e.clientWidth ?? 0),
+      currentYScroll: (e.scrollTop ?? 0) + (e.clientHeight ?? 0),
     })
+  }
 
-    const handleScroll = () => {
-      setScrollState(getScrollState())
-    }
+  useEffect(() => {
+    const element = elementRef?.current
 
-    element?.addEventListener('scroll', handleScroll)
+    if (element) {
+      handleScroll(element) // Set initial scroll state
+      element.addEventListener('scroll', () => handleScroll(element))
+    }
 
     return () => {
-      element?.removeEventListener('scroll', handleScroll)
+      element?.removeEventListener('scroll', () => handleScroll(element))
     }
-  }, [element])
+  }, [elementRef])
 
   return scrollState
 }

package/src/organisms/generic-table.tsx

@@ -25,6 +25,7 @@ const GenericTable = <TColumn, TRow>({
 }
 
 interface IProps<TColumn, TRow> extends ITableConfig, IPaginationProps, ITableDimensionProps {
+  id?: string
   columnData: TColumn
   rowData: TRow
   mapToTableData: (colData: TColumn, rowData: TRow) => TableData

package/src/organisms/questionnaire-table.tsx

@@ -47,6 +47,7 @@ const QuestionnaireTable: FC<IProps> = ({
 }
 
 interface IProps extends ITableConfig, IPaginationProps, ITableDimensionProps {
+  id?: string
   definition: Questionnaire
   records: QuestionnaireResponse[]
   adminActions?: AdminActionsForQuestionnaire[]