@ltht-react/table 1.0.22 → 1.0.24

package/lib/atoms/table.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export default function Table<TColumn, TRow>({ tableData, columnData, rowData, mapToTableData, }: IProps<TColumn, TRow>): JSX.Element;
+interface IProps<TColumn, TRow> {
+    tableData?: TableData;
+    columnData?: TColumn;
+    rowData?: TRow;
+    mapToTableData?: (colItems: TColumn, rowItems: TRow) => TableData;
+}
+export interface Header {
+    header: string;
+    accessor: string;
+    subheaders?: Header[];
+}
+export interface Cell {
+    key: string;
+    value: string;
+}
+export interface CellRow {
+    cells: Cell[];
+}
+export interface TableData {
+    headers: Header[];
+    rows: CellRow[];
+}
+export {};

package/lib/atoms/table.js

@@ -0,0 +1,86 @@
+"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 __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 react_table_1 = require("react-table");
+var CssBaseline_1 = __importDefault(require("@material-ui/core/CssBaseline"));
+var Table_1 = __importDefault(require("@material-ui/core/Table"));
+var TableBody_1 = __importDefault(require("@material-ui/core/TableBody"));
+var TableCell_1 = __importDefault(require("@material-ui/core/TableCell"));
+var TableHead_1 = __importDefault(require("@material-ui/core/TableHead"));
+var TableRow_1 = __importDefault(require("@material-ui/core/TableRow"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("@ltht-react/styles");
+var react_1 = require("react");
+var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: white;\n"], ["\n  background-color: white;\n"])));
+var StyledTableHeader = styled_1.default.th(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 1px solid rgba(200, 200, 200, 1);\n"], ["\n  border: 1px solid rgba(200, 200, 200, 1);\n"])));
+var generateColumnsFromHeadersRecursively = function (headers) {
+    return (headers !== null && headers !== void 0 ? headers : []).map(function (header) { return ({
+        Header: header.header,
+        accessor: header.subheaders ? '' : header.accessor,
+        columns: header.subheaders ? generateColumnsFromHeadersRecursively(header.subheaders) : undefined,
+        sortType: 'basic',
+        // TODO: Figure out why sorting headers with subheaders causes an error and fix
+        disableSortBy: !!header.subheaders,
+    }); });
+};
+var generateRowsFromCellRows = function (cellRows) {
+    return cellRows.map(function (cellRow) {
+        var mappedCell = {};
+        cellRow.cells.forEach(function (cell) {
+            mappedCell[cell.key] = cell.value;
+        });
+        return mappedCell;
+    });
+};
+function Table(_a) {
+    var tableData = _a.tableData, columnData = _a.columnData, rowData = _a.rowData, mapToTableData = _a.mapToTableData;
+    var _b = react_1.useState([]), columns = _b[0], setColumns = _b[1];
+    var _c = react_1.useState([]), data = _c[0], setData = _c[1];
+    react_1.useEffect(function () {
+        var mappedTableData = columnData && rowData && mapToTableData
+            ? mapToTableData(columnData, rowData)
+            : tableData !== null && tableData !== void 0 ? tableData : { headers: [], rows: [] };
+        setColumns(generateColumnsFromHeadersRecursively(mappedTableData.headers));
+        setData(generateRowsFromCellRows(mappedTableData.rows));
+    }, [tableData, columnData, rowData, mapToTableData]);
+    var _d = react_table_1.useTable({
+        columns: columns,
+        data: data,
+    }, react_table_1.useSortBy), getTableProps = _d.getTableProps, getTableBodyProps = _d.getTableBodyProps, headerGroups = _d.headerGroups, rows = _d.rows, prepareRow = _d.prepareRow;
+    var sortIcon = function (column) {
+        if (column.isSorted) {
+            return jsx_runtime_1.jsx("span", { children: column.isSortedDesc ? ' 🔽' : ' 🔼' }, void 0);
+        }
+        return '';
+    };
+    return (jsx_runtime_1.jsxs(Container, { children: [jsx_runtime_1.jsx(CssBaseline_1.default, {}, void 0),
+            jsx_runtime_1.jsxs(Table_1.default, __assign({}, getTableProps(), { children: [jsx_runtime_1.jsx(TableHead_1.default, { children: headerGroups.map(function (headerGroup) { return (jsx_runtime_1.jsx("tr", __assign({}, headerGroup.getHeaderGroupProps(), { children: headerGroup.headers.map(function (column) { return (jsx_runtime_1.jsxs(StyledTableHeader, __assign({}, column.getHeaderProps(column.getSortByToggleProps()), { children: [column.render('Header'), sortIcon(column)] }), void 0)); }) }), void 0)); }) }, void 0),
+                    jsx_runtime_1.jsx(TableBody_1.default, __assign({}, getTableBodyProps(), { children: rows.map(function (row) {
+                            prepareRow(row);
+                            return (jsx_runtime_1.jsx(TableRow_1.default, __assign({}, row.getRowProps(), { children: row.cells.map(function (cell, cellIdx) { return (jsx_runtime_1.jsx(TableCell_1.default, __assign({ style: {
+                                        background: cellIdx % 2 === 1 ? styles_1.TRANSLUCENT_GREY_TABLE : styles_1.TRANSLUCENT_BRIGHT_BLUE_TABLE,
+                                        textAlign: 'center',
+                                    } }, cell.getCellProps(), { children: cell.render('Cell') }), void 0)); }) }), void 0));
+                        }) }), void 0)] }), void 0)] }, void 0));
+}
+exports.default = Table;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=table.js.map

package/lib/atoms/table.js.map

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

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+import Table, { ICellProps, Header, Cell, CellRow, TableData, CellData } from './molecules/table';
+import GenericTable from './organisms/generic-table';
+import QuestionnaireTable from './organisms/questionnaire-table';
+export default Table;
+export { ICellProps, Header, Cell, CellRow, TableData, CellData };
+export { GenericTable };
+export { QuestionnaireTable };

package/lib/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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;
+//# 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,4DAAiG;AACjG,4EAAoD;AAK3C,uBALF,uBAAY,CAKE;AAJrB,wFAAgE;AAKvD,6BALF,6BAAkB,CAKE;AAH3B,kBAAe,eAAK,CAAA"}

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

@@ -0,0 +1,12 @@
+import { QuestionnaireItem, QuestionnaireResponse, SummaryTableViewType } from '@ltht-react/types';
+import { FC } from 'react';
+import { TableData } from '../atoms/table';
+export declare const mapQuestionnaireObjectsToVerticalTableData: (definitionItems: Array<QuestionnaireItem>, records: QuestionnaireResponse[]) => TableData;
+export declare const mapQuestionnaireObjectsToHorizontalTableData: (definitionItems: Array<QuestionnaireItem>, records: QuestionnaireResponse[]) => TableData;
+declare const QuestionnaireTable: FC<IProps>;
+interface IProps {
+    orientation: SummaryTableViewType;
+    definitionItems: QuestionnaireItem[];
+    records: QuestionnaireResponse[];
+}
+export default QuestionnaireTable;

package/lib/molecules/questionnaire-table.js

@@ -0,0 +1,130 @@
+"use strict";
+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.mapQuestionnaireObjectsToHorizontalTableData = exports.mapQuestionnaireObjectsToVerticalTableData = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("@ltht-react/utils");
+var react_1 = require("react");
+var table_1 = __importDefault(require("../atoms/table"));
+var mapQuestionnaireObjectsToVerticalTableData = function (definitionItems, records) { return ({
+    headers: __spreadArray([
+        {
+            header: '',
+            accessor: 'property',
+        }
+    ], records.map(function (record) {
+        var _a, _b;
+        return ({
+            header: (_a = utils_1.partialDateTimeText(record.authored)) !== null && _a !== void 0 ? _a : '',
+            accessor: (_b = record === null || record === void 0 ? void 0 : record.id) !== null && _b !== void 0 ? _b : '',
+        });
+    })),
+    rows: definitionItems.map(function (def) {
+        var _a;
+        return ({
+            cells: __spreadArray([
+                {
+                    key: 'property',
+                    value: (_a = def === null || def === void 0 ? void 0 : def.text) !== null && _a !== void 0 ? _a : '',
+                }
+            ], records.map(function (record) {
+                var _a, _b, _c, _d;
+                return ({
+                    key: record.id,
+                    value: utils_1.EnsureMaybe((_d = (_c = (_b = (_a = record.item) === null || _a === void 0 ? void 0 : _a.find(function (item) { return (item === null || item === void 0 ? void 0 : item.linkId) === (def === null || def === void 0 ? void 0 : def.linkId); })) === null || _b === void 0 ? void 0 : _b.answer) === null || _c === void 0 ? void 0 : _c.find(function (answer) { return !!answer; })) === null || _d === void 0 ? void 0 : _d.valueString, ''),
+                });
+            })),
+        });
+    }),
+}); };
+exports.mapQuestionnaireObjectsToVerticalTableData = mapQuestionnaireObjectsToVerticalTableData;
+var recursivelyMapQuestionnaireItemsIntoHeaders = function (questionnaireItems) {
+    return questionnaireItems.map(function (questionnaireItem) {
+        var _a, _b, _c;
+        var recursiveItems = utils_1.EnsureMaybeArray((_a = questionnaireItem.item) !== null && _a !== void 0 ? _a : []);
+        return {
+            header: (_b = questionnaireItem === null || questionnaireItem === void 0 ? void 0 : questionnaireItem.text) !== null && _b !== void 0 ? _b : '',
+            accessor: recursiveItems.length > 0 ? '' : (_c = questionnaireItem === null || questionnaireItem === void 0 ? void 0 : questionnaireItem.linkId) !== null && _c !== void 0 ? _c : '',
+            subheaders: recursiveItems.length > 0 ? recursivelyMapQuestionnaireItemsIntoHeaders(recursiveItems) : undefined,
+        };
+    });
+};
+var mapQuestionnaireResponsesIntoCellRow = function (records) {
+    return records
+        .filter(function (record) { return !!record.item; })
+        .map(function (record) {
+        var _a;
+        var cellArray = [
+            {
+                key: 'date',
+                value: utils_1.partialDateTimeText(record.authored),
+            },
+        ];
+        (_a = record.item) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return !!(item === null || item === void 0 ? void 0 : item.linkId) && !!(item === null || item === void 0 ? void 0 : item.answer); }).forEach(function (item) {
+            var _a, _b;
+            var linkId = utils_1.EnsureMaybe(item === null || item === void 0 ? void 0 : item.linkId);
+            var answer = utils_1.EnsureMaybe((_a = item === null || item === void 0 ? void 0 : item.answer) === null || _a === void 0 ? void 0 : _a.find(function (answer) { return !!answer; }));
+            if (answer.item) {
+                var items = recursivelyMapResponseItemsToCells(utils_1.EnsureMaybeArray((_b = answer.item) !== null && _b !== void 0 ? _b : []));
+                items.forEach(function (x) {
+                    cellArray.push({
+                        key: x.key,
+                        value: x.value,
+                    });
+                });
+            }
+            cellArray.push({
+                key: linkId,
+                value: utils_1.EnsureMaybe(answer.valueString, ''),
+            });
+        });
+        return { cells: cellArray };
+    });
+};
+var recursivelyMapResponseItemsToCells = function (items) {
+    var cells = [];
+    items.forEach(function (item) {
+        var firstAnswer = item.answer ? item.answer[0] : undefined;
+        if (item.linkId && firstAnswer) {
+            // Always push item's linkId with first answer
+            cells.push({
+                key: item.linkId,
+                value: utils_1.EnsureMaybe(firstAnswer.valueString, ''),
+            });
+            // If first answer has subitems, recurse through them and do the same
+            if (firstAnswer.item) {
+                recursivelyMapResponseItemsToCells(utils_1.EnsureMaybeArray(firstAnswer.item)).forEach(function (cell) { return cells.push(cell); });
+            }
+        }
+    });
+    return cells;
+};
+var mapQuestionnaireObjectsToHorizontalTableData = function (definitionItems, records) { return ({
+    headers: __spreadArray([
+        {
+            header: 'Record Date',
+            accessor: 'date',
+        }
+    ], recursivelyMapQuestionnaireItemsIntoHeaders(definitionItems)),
+    rows: mapQuestionnaireResponsesIntoCellRow(records),
+}); };
+exports.mapQuestionnaireObjectsToHorizontalTableData = mapQuestionnaireObjectsToHorizontalTableData;
+var QuestionnaireTable = function (_a) {
+    var definitionItems = _a.definitionItems, records = _a.records, orientation = _a.orientation;
+    var tableData = react_1.useMemo(function () {
+        if (orientation === 'VERTICAL') {
+            return exports.mapQuestionnaireObjectsToVerticalTableData(definitionItems, records);
+        }
+        return exports.mapQuestionnaireObjectsToHorizontalTableData(definitionItems, records);
+    }, [orientation, definitionItems, records]);
+    return jsx_runtime_1.jsx(table_1.default, { tableData: tableData }, void 0);
+};
+exports.default = QuestionnaireTable;
+//# sourceMappingURL=questionnaire-table.js.map

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

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

package/lib/molecules/table.d.ts

@@ -0,0 +1,38 @@
+import { FC } from 'react';
+export default function Table({ tableData }: IProps): JSX.Element;
+interface IProps {
+    tableData: TableData;
+}
+export interface ICellProps {
+    value: string;
+    row: DataRow;
+    columnId: string;
+}
+export interface Header {
+    id?: string;
+    header: string | JSX.Element;
+    accessor: string;
+    subheaders?: Header[];
+    cell?: FC<ICellProps>;
+}
+export interface Cell {
+    key: string;
+    value: string | JSX.Element;
+    render?: FC<ICellProps>;
+}
+export interface CellRow {
+    id?: string;
+    cells: Cell[];
+    render?: FC<ICellProps>;
+    subRows?: CellRow[];
+}
+export interface TableData {
+    headers: Header[];
+    rows: CellRow[];
+}
+export declare type CellData = string | FC<ICellProps> | Record<string, FC<ICellProps>> | DataRow[] | JSX.Element;
+export declare type DataRow = {
+    [key: string]: CellData;
+    subRows: DataRow[];
+};
+export {};

package/lib/molecules/table.js

@@ -0,0 +1,141 @@
+"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 __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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_table_1 = require("@tanstack/react-table");
+var react_uuid_1 = __importDefault(require("react-uuid"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("@ltht-react/styles");
+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: collapse;\n  border-radius: 6px;\n  border: thin solid rgba(200, 200, 200, 0.5);\n  padding: 1rem;\n"], ["\n  background-color: white;\n  border-collapse: collapse;\n  border-radius: 6px;\n  border: thin solid rgba(200, 200, 200, 0.5);\n  padding: 1rem;\n"])));
+var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border: thin solid rgba(200, 200, 200, 0.5);\n  font-weight: bold;\n  padding: 1rem;\n"], ["\n  background-color: ", ";\n  border: thin solid rgba(200, 200, 200, 0.5);\n  font-weight: bold;\n  padding: 1rem;\n"])), styles_1.TRANSLUCENT_MID_GREY);
+var StyledTableData = styled_1.default.td(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: thin solid rgba(200, 200, 200, 0.5);\n  white-space: nowrap;\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"], ["\n  border: thin solid rgba(200, 200, 200, 0.5);\n  white-space: nowrap;\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"])), styles_1.TRANSLUCENT_MID_GREY);
+var columnHelper = react_table_1.createColumnHelper();
+var generateColumnsFromHeadersRecursively = function (headers) {
+    var _a;
+    return (_a = headers === null || headers === void 0 ? void 0 : headers.map(function (header) {
+        var _a;
+        return header.subheaders
+            ? columnHelper.group({
+                id: (_a = header.id) !== null && _a !== void 0 ? _a : react_uuid_1.default(),
+                header: function () { return header.header; },
+                columns: generateColumnsFromHeadersRecursively(header.subheaders),
+            })
+            : columnHelper.accessor(header.accessor, {
+                id: header.accessor,
+                cell: function (info) {
+                    var _a;
+                    var stringValue = (_a = info === null || info === void 0 ? void 0 : info.getValue()) !== null && _a !== void 0 ? _a : '';
+                    return header.cell
+                        ? header.cell({ value: stringValue, columnId: info.column.id, row: info.row.original })
+                        : stringValue;
+                },
+                header: function () { return header.header; },
+            });
+    })) !== null && _a !== void 0 ? _a : [];
+};
+var generateRowsFromCellRows = function (cellRows) {
+    return cellRows.map(function (cellRow) {
+        var _a, _b;
+        var mappedCell = { subRows: [] };
+        var mappedCellRender = {};
+        cellRow.cells.forEach(function (cell) {
+            mappedCell[cell.key] = cell.value;
+            if (cell.render) {
+                mappedCellRender[cell.key] = cell.render;
+            }
+        });
+        return __assign(__assign(__assign({}, mappedCell), {
+            rowId: (_a = cellRow.id) !== null && _a !== void 0 ? _a : '',
+            render: cellRow.render ? cellRow.render : function (props) { return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: props.value }, void 0); },
+            renderCells: mappedCellRender,
+        }), { subRows: generateRowsFromCellRows((_b = cellRow.subRows) !== null && _b !== void 0 ? _b : []) });
+    });
+};
+var getExpanderColumn = function () {
+    return columnHelper.accessor('expander', {
+        header: function (_a) {
+            var table = _a.table;
+            return (jsx_runtime_1.jsx("span", __assign({ title: "Toggle All Rows Expanded", onClick: table.getToggleAllRowsExpandedHandler(), style: { cursor: 'pointer' } }, { children: table.getIsAllRowsExpanded() ? '▲' : '►' }), void 0));
+        },
+        cell: function (_a) {
+            var row = _a.row;
+            return row.getCanExpand() ? (jsx_runtime_1.jsx("span", __assign({}, {
+                onClick: row.getToggleExpandedHandler(),
+                style: { cursor: 'pointer', paddingLeft: row.depth * 2 + "rem" },
+            }, { children: row.getIsExpanded() ? '▲' : '►' }), void 0)) : null;
+        },
+    });
+};
+function Table(_a) {
+    var tableData = _a.tableData;
+    var _b = react_1.useState([]), columns = _b[0], setColumns = _b[1];
+    var _c = react_1.useState([]), data = _c[0], setData = _c[1];
+    var _d = react_1.useState({}), expanded = _d[0], setExpanded = _d[1];
+    var _e = react_1.useState([]), sorting = _e[0], setSorting = _e[1];
+    react_1.useEffect(function () {
+        var columnArray = generateColumnsFromHeadersRecursively(tableData.headers);
+        var dataArray = generateRowsFromCellRows(tableData.rows);
+        setColumns(dataArray.some(function (x) { return x.subRows.length > 0; }) ? __spreadArray([getExpanderColumn()], columnArray) : columnArray);
+        setData(dataArray);
+    }, [tableData]);
+    var table = react_table_1.useReactTable({
+        data: data,
+        columns: columns,
+        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 getSortIcon = function (sortDirection) {
+        var _a;
+        return ((_a = {
+            asc: ' 🔼',
+            desc: ' 🔽',
+        }[sortDirection]) !== null && _a !== void 0 ? _a : null);
+    };
+    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) {
+                            return header.column.id === 'expander' ? (jsx_runtime_1.jsx(StyledTableHeader, __assign({ colSpan: header.colSpan }, { children: header.isPlaceholder ? null : react_table_1.flexRender(header.column.columnDef.header, header.getContext()) }), header.id)) : (jsx_runtime_1.jsxs(StyledTableHeader, __assign({ 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()), getSortIcon(header.column.getIsSorted())] }), 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({ style: {
+                                background: cellIdx % 2 === 1 ? 'white' : styles_1.TRANSLUCENT_BRIGHT_BLUE_TABLE,
+                                textAlign: 'center',
+                            } }, { children: react_table_1.flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id)); }) }, row.id)); }) }, 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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Axis } from '@ltht-react/types';
+import { TableData } from '../molecules/table';
+declare const GenericTable: <TColumn, TRow>({ columnData, rowData, headerAxis, mapToTableData, }: IProps<TColumn, TRow>) => JSX.Element;
+interface IProps<TColumn, TRow> {
+    headerAxis?: Axis;
+    columnData: TColumn;
+    rowData: TRow;
+    mapToTableData: (colData: TColumn, rowData: TRow) => TableData;
+}
+export default GenericTable;

package/lib/organisms/generic-table.js

@@ -0,0 +1,36 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var table_1 = __importDefault(require("../molecules/table"));
+var prepareTableDataForCellCustomisation = function (tableData) {
+    var data = tableData;
+    data.headers = tableData.headers.map(function (header) { return (__assign(__assign({}, header), { cell: function (props) {
+            if (props.columnId !== '') {
+                var columnCellRender = props.row.renderCells[props.columnId];
+                return columnCellRender ? columnCellRender(props) : props.row.render(props);
+            }
+            return props.row.render(props);
+        } })); });
+    return data;
+};
+var GenericTable = function (_a) {
+    var columnData = _a.columnData, rowData = _a.rowData, _b = _a.headerAxis, headerAxis = _b === void 0 ? 'x' : _b, mapToTableData = _a.mapToTableData;
+    var tableData = mapToTableData(columnData, rowData);
+    return headerAxis === 'y' ? (jsx_runtime_1.jsx(table_1.default, { tableData: prepareTableDataForCellCustomisation(tableData) }, void 0)) : (jsx_runtime_1.jsx(table_1.default, { tableData: tableData }, void 0));
+};
+exports.default = GenericTable;
+//# sourceMappingURL=generic-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/organisms/generic-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,6DAAiE;AAEjE,IAAM,oCAAoC,GAAG,UAAC,SAAoB;IAChE,IAAM,IAAI,GAAG,SAAS,CAAA;IACtB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,uBAC5C,MAAM,KACT,IAAI,EAAE,UAAC,KAAiB;YACtB,IAAI,KAAK,CAAC,QAAQ,KAAK,EAAE,EAAE;gBACzB,IAAM,gBAAgB,GAAI,KAAK,CAAC,GAAG,CAAC,WAA8C,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;gBAClG,OAAO,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,GAAG,CAAC,MAAyB,CAAC,KAAK,CAAC,CAAA;aAChG;YACD,OAAQ,KAAK,CAAC,GAAG,CAAC,MAAyB,CAAC,KAAK,CAAC,CAAA;QACpD,CAAC,IACD,EAT+C,CAS/C,CAAC,CAAA;IAEH,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,IAAM,YAAY,GAAG,UAAgB,EAKb;QAJtB,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,cAAc,oBAAA;IAEd,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAErD,OAAO,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,CAC1B,kBAAC,eAAK,IAAC,SAAS,EAAE,oCAAoC,CAAC,SAAS,CAAC,WAAI,CACtE,CAAC,CAAC,CAAC,CACF,kBAAC,eAAK,IAAC,SAAS,EAAE,SAAS,WAAI,CAChC,CAAA;AACH,CAAC,CAAA;AASD,kBAAe,YAAY,CAAA"}

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

@@ -0,0 +1,4 @@
+import { Axis, Questionnaire, QuestionnaireResponse } from '@ltht-react/types';
+import { TableData } from '../molecules/table';
+declare const mapQuestionnaireDefinitionAndResponsesToTableData: (definition: Questionnaire, questionnaireResponses: QuestionnaireResponse[], axis: Axis) => TableData | undefined;
+export default mapQuestionnaireDefinitionAndResponsesToTableData;

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

@@ -0,0 +1,174 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = require("@ltht-react/icon");
+var utils_1 = require("@ltht-react/utils");
+var mapQuestionnaireDefinitionAndResponsesToTableData = function (definition, questionnaireResponses, axis) {
+    var definitionItems = utils_1.EnsureMaybeArray(utils_1.EnsureMaybe(definition.item, []));
+    if (definitionItems.length === 0) {
+        return undefined;
+    }
+    if (axis === 'y') {
+        return mapQuestionnaireObjectsToVerticalTableData(definitionItems, questionnaireResponses);
+    }
+    return mapQuestionnaireObjectsToHorizontalTableData(definitionItems, questionnaireResponses);
+};
+var mapQuestionnaireObjectsToHorizontalTableData = function (definitionItems, records) { return ({
+    headers: __spreadArray([
+        {
+            header: 'Record Date',
+            accessor: 'date',
+        }
+    ], recursivelyMapQuestionnaireItemsIntoHeaders(definitionItems)),
+    rows: mapQuestionnaireResponsesIntoCellRow(records),
+}); };
+var mapQuestionnaireObjectsToVerticalTableData = function (definitionItems, records) { return ({
+    headers: __spreadArray([
+        {
+            header: '',
+            accessor: 'property',
+        }
+    ], records.map(function (record) {
+        var _a, _b;
+        return ({
+            header: (_a = utils_1.partialDateTimeText(record.authored)) !== null && _a !== void 0 ? _a : '',
+            accessor: (_b = record === null || record === void 0 ? void 0 : record.id) !== null && _b !== void 0 ? _b : '',
+        });
+    })),
+    rows: buildVerticalCellRowsRecursive(definitionItems, records),
+}); };
+var recursivelyMapQuestionnaireItemsIntoHeaders = function (questionnaireItems) {
+    return questionnaireItems.map(function (questionnaireItem) {
+        var _a, _b, _c;
+        var recursiveItems = utils_1.EnsureMaybeArray((_a = questionnaireItem.item) !== null && _a !== void 0 ? _a : []);
+        return {
+            header: (_b = questionnaireItem === null || questionnaireItem === void 0 ? void 0 : questionnaireItem.text) !== null && _b !== void 0 ? _b : '',
+            accessor: recursiveItems.length > 0 ? '' : (_c = questionnaireItem === null || questionnaireItem === void 0 ? void 0 : questionnaireItem.linkId) !== null && _c !== void 0 ? _c : '',
+            subheaders: recursiveItems.length > 0 ? recursivelyMapQuestionnaireItemsIntoHeaders(recursiveItems) : undefined,
+        };
+    });
+};
+var buildVerticalCellRowsRecursive = function (definitionItems, records) {
+    var _a;
+    return (_a = definitionItems.map(function (definitionItem) {
+        var _a;
+        var buildRow = function (definitionLinkId, def) {
+            var _a, _b;
+            var containsSubRows = (def === null || def === void 0 ? void 0 : def.item) && (def === null || def === void 0 ? void 0 : def.item.length) > 0;
+            var subRows = containsSubRows
+                ? buildVerticalCellRowsRecursive(utils_1.EnsureMaybe((_a = def === null || def === void 0 ? void 0 : def.item) === null || _a === void 0 ? void 0 : _a.map(function (x) { return utils_1.EnsureMaybe(x); })), records)
+                : [];
+            var checkIfSubRowsHaveAnyData = function (recordId, rows) {
+                return rows.some(function (x) { var _a; return ((_a = x.cells.find(function (y) { return y.key === recordId; })) === null || _a === void 0 ? void 0 : _a.value) !== ''; });
+            };
+            var getCheckboxIcon = function (subRowsHaveData) {
+                return subRowsHaveData ? jsx_runtime_1.jsx(icon_1.CheckboxIcon, { size: "medium" }, void 0) : jsx_runtime_1.jsx(icon_1.SquareIcon, { size: "small" }, void 0);
+            };
+            return {
+                id: definitionLinkId,
+                cells: __spreadArray([
+                    {
+                        key: 'property',
+                        value: (_b = def === null || def === void 0 ? void 0 : def.text) !== null && _b !== void 0 ? _b : '',
+                    }
+                ], records.map(function (record) {
+                    var _a;
+                    return ({
+                        key: record.id,
+                        value: containsSubRows
+                            ? getCheckboxIcon(checkIfSubRowsHaveAnyData(record.id, subRows))
+                            : findQuestionnaireResponseAnswerValue(definitionLinkId, (_a = record === null || record === void 0 ? void 0 : record.item) !== null && _a !== void 0 ? _a : []),
+                    });
+                })),
+                subRows: subRows,
+            };
+        };
+        var id = (_a = definitionItem === null || definitionItem === void 0 ? void 0 : definitionItem.linkId) !== null && _a !== void 0 ? _a : '';
+        return buildRow(id, definitionItem);
+    })) !== null && _a !== void 0 ? _a : [];
+};
+var findQuestionnaireResponseAnswerValue = function (id, items) {
+    var _a, _b;
+    var answerItem = findAnswerByLinkIdRecursive(id, items);
+    return utils_1.EnsureMaybe((_b = (_a = answerItem === null || answerItem === void 0 ? void 0 : answerItem.answer) === null || _a === void 0 ? void 0 : _a.find(function (x) { return !!x; })) === null || _b === void 0 ? void 0 : _b.valueString, '');
+};
+var findAnswerByLinkIdRecursive = function (id, items) {
+    var itemFound;
+    if (id === '') {
+        return undefined;
+    }
+    for (var i = 0; i < items.length; i++) {
+        var item = items[i];
+        if (item.linkId === id) {
+            itemFound = item;
+            break;
+        }
+        if (item.answer) {
+            var defaultAnswer = item.answer.find(function (x) { return !!x; });
+            if ((defaultAnswer === null || defaultAnswer === void 0 ? void 0 : defaultAnswer.item) && (defaultAnswer === null || defaultAnswer === void 0 ? void 0 : defaultAnswer.item.length) > 0) {
+                itemFound = findAnswerByLinkIdRecursive(id, defaultAnswer.item);
+                if (itemFound) {
+                    break;
+                }
+            }
+        }
+    }
+    return itemFound;
+};
+var mapQuestionnaireResponsesIntoCellRow = function (records) {
+    return records
+        .filter(function (record) { return !!record.item; })
+        .map(function (record) {
+        var _a;
+        var cellArray = [
+            {
+                key: 'date',
+                value: utils_1.partialDateTimeText(record.authored),
+            },
+        ];
+        (_a = record.item) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return !!(item === null || item === void 0 ? void 0 : item.linkId) && !!(item === null || item === void 0 ? void 0 : item.answer); }).forEach(function (item) {
+            var _a, _b;
+            var linkId = utils_1.EnsureMaybe(item === null || item === void 0 ? void 0 : item.linkId);
+            var answer = utils_1.EnsureMaybe((_a = item === null || item === void 0 ? void 0 : item.answer) === null || _a === void 0 ? void 0 : _a.find(function (answer) { return !!answer; }));
+            if (answer.item) {
+                var items = recursivelyMapResponseItemsToCells(utils_1.EnsureMaybeArray((_b = answer.item) !== null && _b !== void 0 ? _b : []));
+                items.forEach(function (x) {
+                    cellArray.push({
+                        key: x.key,
+                        value: x.value,
+                    });
+                });
+            }
+            cellArray.push({
+                key: linkId,
+                value: utils_1.EnsureMaybe(answer.valueString, ''),
+            });
+        });
+        return { cells: cellArray };
+    });
+};
+var recursivelyMapResponseItemsToCells = function (items) {
+    var cells = [];
+    items.forEach(function (item) {
+        var firstAnswer = item.answer ? item.answer[0] : undefined;
+        if (item.linkId && firstAnswer) {
+            // Always push item's linkId with first answer
+            cells.push({
+                key: item.linkId,
+                value: utils_1.EnsureMaybe(firstAnswer.valueString, ''),
+            });
+            // If first answer has subitems, recurse through them and do the same
+            if (firstAnswer.item) {
+                recursivelyMapResponseItemsToCells(utils_1.EnsureMaybeArray(firstAnswer.item)).forEach(function (cell) { return cells.push(cell); });
+            }
+        }
+    });
+    return cells;
+};
+exports.default = mapQuestionnaireDefinitionAndResponsesToTableData;
+//# sourceMappingURL=questionnaire-table-methods.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { QuestionnaireResponse, Axis, Questionnaire } from '@ltht-react/types';
+import { FC } from 'react';
+declare const QuestionnaireTable: FC<IProps>;
+interface IProps {
+    definition: Questionnaire;
+    records: QuestionnaireResponse[];
+    headerAxis?: Axis;
+}
+export default QuestionnaireTable;

package/lib/organisms/questionnaire-table.js

@@ -0,0 +1,27 @@
+"use strict";
+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 react_1 = require("react");
+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;
+    var tableData = react_1.useMemo(function () { return questionnaire_table_methods_1.default(definition, records, headerAxis); }, [
+        headerAxis,
+        definition,
+        records,
+    ]);
+    // TODO: Replace this fragment with a properly styled error component.
+    // Maybe this could be a re-usable atom?
+    if (!tableData) {
+        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 }, void 0);
+};
+exports.default = QuestionnaireTable;
+//# sourceMappingURL=questionnaire-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table.tsx"],"names":[],"mappings":";;;;;;AACA,+BAAmC;AACnC,yCAAuC;AACvC,6DAAsC;AACtC,8FAA6F;AAE7F,IAAM,kBAAkB,GAAe,UAAC,EAAyC;QAAvC,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA;IAC7E,IAAM,SAAS,GAAG,eAAO,CAAC,cAAM,OAAA,qCAAiD,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC,EAAlF,CAAkF,EAAE;QAClH,UAAU;QACV,UAAU;QACV,OAAO;KACR,CAAC,CAAA;IAEF,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,WAAI,CAAA;AACxC,CAAC,CAAA;AAQD,kBAAe,kBAAkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/table",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "description": "ltht-react Table component.",
   "author": "LTHT",
   "homepage": "",
@@ -27,15 +27,16 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/button": "^1.3.147",
-    "@ltht-react/icon": "^1.3.147",
-    "@ltht-react/styles": "^1.3.139",
-    "@ltht-react/types": "^1.0.143",
-    "@ltht-react/utils": "^1.1.145",
+    "@ltht-react/button": "^1.3.149",
+    "@ltht-react/icon": "^1.3.149",
+    "@ltht-react/styles": "^1.3.141",
+    "@ltht-react/types": "^1.0.145",
+    "@ltht-react/utils": "^1.1.147",
+    "@tanstack/react-table": "^8.5.22",
     "react": "^17.0.0",
-    "react-table": "^7.8.0"
+    "react-uuid": "^2.0.0"
   },
-  "gitHead": "1ac20069f8b41b756197d507839383a7fd53daf1",
+  "gitHead": "246a8d47057a859c4a0bea7d618afee2229b7d70",
   "devDependencies": {
     "@types/react-table": "^7.7.12"
   }