@ltht-react/table 2.0.144 → 2.0.146

package/lib/atoms/questionnaire-withdrawn-table-cell.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+declare const QuestionnaireWithdrawnTableCell: FC<WithdrawnCellProps>;
+export interface WithdrawnCellProps {
+    text?: string;
+}
+export default QuestionnaireWithdrawnTableCell;

package/lib/atoms/questionnaire-withdrawn-table-cell.js

@@ -0,0 +1,19 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledText = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: line-through;\n  color: gray;\n"], ["\n  text-decoration: line-through;\n  color: gray;\n"])));
+var QuestionnaireWithdrawnTableCell = function (_a) {
+    var text = _a.text;
+    return (0, jsx_runtime_1.jsx)(StyledText, { children: text !== null && text !== void 0 ? text : '' });
+};
+exports.default = QuestionnaireWithdrawnTableCell;
+var templateObject_1;
+//# sourceMappingURL=questionnaire-withdrawn-table-cell.js.map

package/lib/atoms/questionnaire-withdrawn-table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire-withdrawn-table-cell.js","sourceRoot":"","sources":["../../src/atoms/questionnaire-withdrawn-table-cell.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,2DAAoC;AAEpC,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,yHAAA,sDAG5B,IAAA,CAAA;AAED,IAAM,+BAA+B,GAA2B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,uBAAC,UAAU,cAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,GAAc;AAArC,CAAqC,CAAA;AAMnH,kBAAe,+BAA+B,CAAA"}

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+import Table, { Header, DataEntity, TableData, CellProps } from './molecules/table';
+import GenericTable from './organisms/generic-table';
+import QuestionnaireTable from './organisms/questionnaire-table';
+import { AdminActionsForQuestionnaire } from './organisms/questionnaire-table-methods';
+export default Table;
+export { Header, TableData, DataEntity, CellProps, GenericTable, QuestionnaireTable, AdminActionsForQuestionnaire };
+export { default as mapQuestionnaireToTableData } from './organisms/questionnaire-table-methods';

package/lib/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapQuestionnaireToTableData = exports.QuestionnaireTable = exports.GenericTable = void 0;
+var table_1 = __importDefault(require("./molecules/table"));
+var generic_table_1 = __importDefault(require("./organisms/generic-table"));
+exports.GenericTable = generic_table_1.default;
+var questionnaire_table_1 = __importDefault(require("./organisms/questionnaire-table"));
+exports.QuestionnaireTable = questionnaire_table_1.default;
+exports.default = table_1.default;
+var questionnaire_table_methods_1 = require("./organisms/questionnaire-table-methods");
+Object.defineProperty(exports, "mapQuestionnaireToTableData", { enumerable: true, get: function () { return __importDefault(questionnaire_table_methods_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAmF;AACnF,4EAAoD;AAKD,uBAL5C,uBAAY,CAK4C;AAJ/D,wFAAgE;AAIC,6BAJ1D,6BAAkB,CAI0D;AADnF,kBAAe,eAAK,CAAA;AAEpB,uFAAgG;AAAvF,2JAAA,OAAO,OAA+B"}

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { IconProps } from '@ltht-react/icon';
+import { ActionMenuOption } from '@ltht-react/menu';
+import { Axis } from '@ltht-react/types';
+declare const TableCell: FC<CellProps>;
+export interface CellProps {
+    adminActions?: ActionMenuOption[];
+    isButton?: boolean;
+    text?: string;
+    iconProps?: IconProps;
+    clickHandler?: React.MouseEventHandler<HTMLButtonElement>;
+    customComponentOverride?: JSX.Element;
+    parentStyle?: React.CSSProperties;
+    headerAxis?: Axis;
+}
+export default TableCell;

package/lib/molecules/table-cell.js

@@ -0,0 +1,99 @@
+"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++) {
+            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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var button_1 = require("@ltht-react/button");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var icon_1 = __importStar(require("@ltht-react/icon"));
+var menu_1 = __importDefault(require("@ltht-react/menu"));
+var styles_1 = require("@ltht-react/styles");
+var StyledIconText = styled_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: 0.4rem;\n"], ["\n  margin-left: 0.4rem;\n"
+    // TODO: This component is still a WIP and will be re-factored soon!
+    // May be best to split it out into different components, the important part is unifying Type used by React-Table so the mapping can be simplified
+    // It will need to facilitate the Actions list capability Jonny Dyson has requested
+    // Betters ways of handling the customComponentOverride will be considered too
+])));
+// TODO: This component is still a WIP and will be re-factored soon!
+// May be best to split it out into different components, the important part is unifying Type used by React-Table so the mapping can be simplified
+// It will need to facilitate the Actions list capability Jonny Dyson has requested
+// Betters ways of handling the customComponentOverride will be considered too
+var TableCell = function (_a) {
+    var adminActions = _a.adminActions, _b = _a.isButton, isButton = _b === void 0 ? false : _b, text = _a.text, iconProps = _a.iconProps, _c = _a.headerAxis, headerAxis = _c === void 0 ? 'x' : _c, clickHandler = _a.clickHandler, customComponentOverride = _a.customComponentOverride;
+    if (customComponentOverride) {
+        return customComponentOverride;
+    }
+    if (adminActions) {
+        if (adminActions.length === 0) {
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        }
+        return ((0, jsx_runtime_1.jsx)(menu_1.default, { actions: adminActions, menuButtonOptions: {
+                type: 'button',
+                text: '',
+                buttonProps: {
+                    styling: {
+                        buttonStyle: 'standard',
+                        padding: headerAxis === 'x' ? '0.3rem 0.5rem' : '0.15rem 0.3rem',
+                    },
+                    icon: ((0, jsx_runtime_1.jsx)(icon_1.default, { type: headerAxis === 'x' ? 'ellipsis-vertical' : 'ellipsis-horizontal', size: 'medium' })),
+                    iconPlacement: 'center',
+                    color: "".concat(styles_1.BTN_COLOURS.DANGER.VALUE),
+                },
+            }, popupStyle: { zIndex: (0, styles_1.getZIndex)(styles_1.PopUp) }, popupPlacement: headerAxis === 'x' ? 'bottom-start' : 'right-start' }));
+    }
+    if (isButton) {
+        return (0, jsx_runtime_1.jsx)(button_1.Button, { value: text, icon: iconProps && (0, jsx_runtime_1.jsx)(icon_1.default, __assign({}, iconProps)), onClick: clickHandler });
+    }
+    if (clickHandler && iconProps) {
+        return (0, jsx_runtime_1.jsx)(icon_1.IconButton, { iconProps: iconProps, text: text, onClick: clickHandler });
+    }
+    if (iconProps) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(icon_1.default, __assign({}, iconProps)), text && (0, jsx_runtime_1.jsx)(StyledIconText, { children: text })] }));
+    }
+    if (text) {
+        return (0, jsx_runtime_1.jsx)("div", { children: text !== null && text !== void 0 ? text : '' });
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+};
+exports.default = TableCell;
+var templateObject_1;
+//# sourceMappingURL=table-cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../src/molecules/table-cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAA2C;AAC3C,2DAAoC;AACpC,uDAA8D;AAC9D,0DAA+D;AAC/D,6CAAkE;AAGlE,IAAM,cAAc,GAAG,gBAAM,CAAC,IAAI,+FAAA,4BAEjC;IAED,oEAAoE;IACpE,kJAAkJ;IAClJ,mFAAmF;IACnF,8EAA8E;IAL7E,CAAA;AAED,oEAAoE;AACpE,kJAAkJ;AAClJ,mFAAmF;AACnF,8EAA8E;AAC9E,IAAM,SAAS,GAAkB,UAAC,EAQjC;QAPC,YAAY,kBAAA,EACZ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,YAAY,kBAAA,EACZ,uBAAuB,6BAAA;IAEvB,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,uBAAuB,CAAA;IAChC,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,kDAAK,CAAA;QACd,CAAC;QACD,OAAO,CACL,uBAAC,cAAU,IACT,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE;gBACjB,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,EAAE;gBACR,WAAW,EAAE;oBACX,OAAO,EAAE;wBACP,WAAW,EAAE,UAAU;wBACvB,OAAO,EAAE,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB;qBACjE;oBACD,IAAI,EAAE,CACJ,uBAAC,cAAI,IAAO,IAAI,EAAE,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,EAAE,IAAI,EAAE,QAAQ,GAAM,CACzG;oBACD,aAAa,EAAE,QAAQ;oBACvB,KAAK,EAAE,UAAG,oBAAW,CAAC,MAAM,CAAC,KAAK,CAAE;iBACrC;aACF,EACD,UAAU,EAAE,EAAE,MAAM,EAAE,IAAA,kBAAS,EAAC,cAAK,CAAC,EAAE,EACxC,cAAc,EAAE,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GACnE,CACH,CAAA;IACH,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,uBAAC,eAAM,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,IAAI,uBAAC,cAAI,eAAK,SAAS,EAAI,EAAE,OAAO,EAAE,YAAY,GAAI,CAAA;IACnG,CAAC;IAED,IAAI,YAAY,IAAI,SAAS,EAAE,CAAC;QAC9B,OAAO,uBAAC,iBAAU,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,GAAI,CAAA;IAChF,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6DACE,uBAAC,cAAI,eAAK,SAAS,EAAI,EACtB,IAAI,IAAI,uBAAC,cAAc,cAAE,IAAI,GAAkB,IAC/C,CACJ,CAAA;IACH,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,0CAAM,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,GAAO,CAAA;IAChC,CAAC;IAED,OAAO,kDAAK,CAAA;AACd,CAAC,CAAA;AAaD,kBAAe,SAAS,CAAA"}

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

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

package/lib/molecules/table-component.js

@@ -0,0 +1,68 @@
+"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 = __importDefault(require("@ltht-react/icon"));
+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, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, headerAxis = _a.headerAxis;
+    var firstColumn = (0, react_1.useRef)(null);
+    var secondColumn = (0, react_1.useRef)(null);
+    var tableElement = (0, react_1.useRef)(null);
+    var firstColumnWidth = (0, useDimensionRef_1.default)(firstColumn, tableElement).width;
+    var secondColumnWidth = (0, 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 = (0, react_1.useMemo)(function () { return (usingExpanderColumn ? staticColumns + 1 : staticColumns); }, [usingExpanderColumn, staticColumns]);
+    var getHeaderColumn = function (header, headerIndex) {
+        switch (headerIndex) {
+            case 0:
+                return getHeaderElement(header, (0, table_methods_1.calculateStaticColumnOffset)(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth), firstColumn);
+            case 1:
+                return getHeaderElement(header, (0, table_methods_1.calculateStaticColumnOffset)(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth), secondColumn);
+            default:
+                return getHeaderElement(header, (0, table_methods_1.calculateStaticColumnOffset)(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth));
+        }
+    };
+    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) {
+                        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)); }) })] }));
+};
+var TableNavigationButton = function (_a) {
+    var position = _a.position, hidden = _a.hidden, clickHandler = _a.clickHandler;
+    return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledNextPageButtonContainer, { role: "button", elementPosition: position, onClick: function () { return clickHandler(); }, hidden: hidden, children: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "chevron", direction: position === 'bottom' ? 'down' : 'right', size: "medium" }) }));
+};
+exports.TableNavigationButton = TableNavigationButton;
+var TableSpinner = function (_a) {
+    var position = _a.position, hidden = _a.hidden;
+    return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledSpinnerContainer, { elementPosition: position, hidden: hidden, children: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "spinner", size: "medium", title: "Loading..." }) }));
+};
+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

@@ -0,0 +1,11 @@
+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, 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 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

@@ -0,0 +1,198 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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.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"));
+var createColumns = function (tableData, headerAxis) {
+    var columnHelper = (0, react_table_1.createColumnHelper)();
+    var columns = createColumnsRecursively(tableData.headers, columnHelper, headerAxis);
+    if (tableData.rows.some(function (row) { return row.subRows; })) {
+        columns = prependColumnWithExpansionControls(columns, columnHelper, headerAxis);
+    }
+    return columns;
+};
+exports.createColumns = createColumns;
+var createColumnsRecursively = function (headers, columnHelper, headerAxis) {
+    var result = headers.map(function (header) {
+        var _a, _b;
+        if (header.type === 'display') {
+            return columnHelper.display({
+                id: header.id,
+                header: function () {
+                    var headerCellProps = __assign(__assign({}, header.cellProps), { headerAxis: headerAxis });
+                    return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, headerCellProps));
+                },
+                cell: function (props) {
+                    var cellProps = __assign(__assign({}, props.getValue()), { headerAxis: headerAxis });
+                    return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, cellProps));
+                },
+            });
+        }
+        if (header.type === 'accessor') {
+            return columnHelper.accessor(header.id, {
+                header: function (props) {
+                    var cellProps = __assign(__assign({}, header.cellProps), { iconProps: deriveHeaderIconProps(props), headerAxis: headerAxis });
+                    return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, cellProps));
+                },
+                cell: function (props) {
+                    var cellProps = __assign(__assign({}, props.getValue()), { headerAxis: headerAxis });
+                    return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, cellProps));
+                },
+            });
+        }
+        return columnHelper.group({
+            header: (_a = header.cellProps.text) !== null && _a !== void 0 ? _a : '',
+            columns: createColumnsRecursively((_b = header.subHeaders) !== null && _b !== void 0 ? _b : [], columnHelper, headerAxis),
+        });
+    });
+    return result;
+};
+var deriveHeaderIconProps = function (props) {
+    if (props.column.getIsSorted() === 'asc') {
+        return {
+            type: 'chevron',
+            direction: 'up',
+            size: 'medium',
+        };
+    }
+    if (props.column.getIsSorted() === 'desc') {
+        return {
+            type: 'chevron',
+            direction: 'down',
+            size: 'medium',
+        };
+    }
+    return undefined;
+};
+var prependColumnWithExpansionControls = function (columns, columnHelper, headerAxis) {
+    var expanderColumn = columnHelper.display({
+        id: 'expander',
+        header: function (_a) {
+            var table = _a.table;
+            var headerCellProps = {
+                iconProps: {
+                    type: 'chevron',
+                    direction: table.getIsAllRowsExpanded() ? 'down' : 'right',
+                    size: 'medium',
+                },
+                headerAxis: headerAxis,
+                clickHandler: table.getToggleAllRowsExpandedHandler(),
+            };
+            return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, headerCellProps));
+        },
+        cell: function (props) {
+            var cellProps = props.row.getCanExpand()
+                ? {
+                    iconProps: {
+                        type: 'chevron',
+                        direction: props.row.getIsExpanded() ? 'down' : 'right',
+                        size: 'medium',
+                    },
+                    headerAxis: headerAxis,
+                    clickHandler: props.row.getToggleExpandedHandler(),
+                }
+                : { headerAxis: headerAxis };
+            return (0, jsx_runtime_1.jsx)(table_cell_1.default, __assign({}, cellProps));
+        },
+    });
+    return [expanderColumn].concat(columns);
+};
+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 handleDataUpdate = function (tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount) {
+    if (tableData && tableData.headers.length > 0) {
+        if (headerAxis === 'x') {
+            setColumns(createColumns(tableData, headerAxis));
+            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), true), rows: tableData.rows }, headerAxis));
+            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, keepPreviousData, setColumns, setData) {
+    if (headerAxis === 'x') {
+        setData(function (old) {
+            var newData = keepPreviousData ? __spreadArray(__spreadArray([], old, true), tableData.rows, true) : tableData.rows;
+            setColumns(createColumns({ headers: tableData.headers, rows: newData }, headerAxis));
+            return newData;
+        });
+    }
+    else if (tableData.headers.length > 0) {
+        setColumns(function (old) {
+            var newColumns = createColumns(tableData, headerAxis);
+            var sliceStartPoint = calculateSliceStartPoint(old.length, tableData.rows.some(function (x) { return x.subRows; }));
+            return keepPreviousData ? __spreadArray(__spreadArray([], old, true), newColumns.slice(sliceStartPoint, newColumns.length), true) : newColumns;
+        });
+        setData(tableData.rows);
+    }
+};
+exports.handleDataUpdateForManualPagination = handleDataUpdateForManualPagination;
+//# sourceMappingURL=table-methods.js.map

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

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

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

@@ -0,0 +1,80 @@
+/// <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 StyledTableRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+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 & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const StyledPaginationButton: import("@emotion/styled").StyledComponent<import("@ltht-react/icon/lib/organisms/icon-button").IconButtonProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const StyledSpinnerIcon: import("@emotion/styled").StyledComponent<import("@ltht-react/icon").IconProps & {
+    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;
+    tableHeaderAxis?: string;
+}
+interface IStyledNextPageButtonContainer {
+    elementPosition: 'right' | 'bottom';
+}
+interface IScrollableContainer {
+    tableHeaderAxis: Axis;
+    maxHeight?: string;
+    maxWidth?: string;
+}
+export { StyledTable, StyledTableHeader, StyledTableRow, StyledTableData, PaginationContainer, StyledPaginationPageInput, StyledPaginationPageSelect, StyledHideOnMobile, StyledPaginationButton, ScrollableContainer, StyledPaginationButtonDiv, StyledPageCountDiv, StyledStandardButton, StyledSpinnerIcon, StyledNextPageButtonContainer, StyledTHead, StyledSpinnerContainer, };