@ltht-react/table 1.0.110 → 1.0.112

package/README.md

@@ -1,15 +1,15 @@
-# Select
-
-<!-- STORY -->
-
-### Import
-
-```js
-import Select from '@ltht-react/table'
-```
-
-### Usage
-
-```jsx
-<Table />
-```
+# Select
+
+<!-- STORY -->
+
+### Import
+
+```js
+import Select from '@ltht-react/table'
+```
+
+### Usage
+
+```jsx
+<Table />
+```

package/lib/atoms/horizontal.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Maybe, QuestionnaireItem, QuestionnaireResponse } from '@ltht-react/types';
+declare const HorizontalTable: FC<IProps>;
+interface IProps {
+    definitionItems: Array<Maybe<QuestionnaireItem>>;
+    records: QuestionnaireResponse[];
+}
+export default HorizontalTable;

package/lib/atoms/horizontal.js

@@ -0,0 +1,130 @@
+"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_table_1 = require("react-table");
+var utils_1 = require("@ltht-react/utils");
+var styles_1 = require("@ltht-react/styles");
+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 Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: white;\n"], ["\n  background-color: white;\n"])));
+var StyledTableCell = styled_1.default(TableCell_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: center !important;\n  background-color: ", ";\n}\n"], ["\n  text-align: center !important;\n  background-color: ",
+    ";\n}\n"])), function (props) {
+    return props.rowIndex % 2 === 1 ? styles_1.TRANSLUCENT_GREY_TABLE : styles_1.TRANSLUCENT_BRIGHT_BLUE_TABLE;
+});
+var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid rgba(200, 200, 200, 1);\n"], ["\n  border: 1px solid rgba(200, 200, 200, 1);\n"])));
+var processColumnItems = function (items) {
+    return items.map(function (item) {
+        var _a, _b, _c, _d, _e;
+        if (((_a = item === null || item === void 0 ? void 0 : item.item) === null || _a === void 0 ? void 0 : _a.length) && ((_b = item === null || item === void 0 ? void 0 : item.item) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+            return {
+                Header: (_c = item === null || item === void 0 ? void 0 : item.text) !== null && _c !== void 0 ? _c : '',
+                columns: processColumnItems(item === null || item === void 0 ? void 0 : item.item),
+            };
+        }
+        return {
+            Header: (_d = item === null || item === void 0 ? void 0 : item.text) !== null && _d !== void 0 ? _d : '',
+            accessor: (_e = item === null || item === void 0 ? void 0 : item.linkId) !== null && _e !== void 0 ? _e : '',
+        };
+    });
+};
+var processResponse = function (records) {
+    var result = [];
+    records.forEach(function (record) {
+        var _a, _b, _c, _d, _e;
+        if (record === null || record === void 0 ? void 0 : record.item) {
+            var obj_1 = {
+                date: utils_1.partialDateTimeText(record.authored),
+            };
+            for (var index = 0; index < record.item.length; index++) {
+                var prop = (_a = record.item[index]) === null || _a === void 0 ? void 0 : _a.linkId;
+                var value = (_b = record.item[index]) === null || _b === void 0 ? void 0 : _b.answer;
+                if (prop && value) {
+                    if ((_c = value[0]) === null || _c === void 0 ? void 0 : _c.item) {
+                        var items = processResponseItems((_d = value[0]) === null || _d === void 0 ? void 0 : _d.item);
+                        items.forEach(function (x) {
+                            obj_1[x.key] = x.value;
+                        });
+                    }
+                    obj_1[prop] = (_e = utils_1.answerText(value[0])) !== null && _e !== void 0 ? _e : '';
+                }
+            }
+            result.push(obj_1);
+        }
+    });
+    return result;
+};
+var processResponseItems = function (items) {
+    var result = [];
+    items.forEach(function (item) {
+        var _a, _b, _c;
+        var obj = {
+            key: '',
+            value: '',
+        };
+        if (item) {
+            var prop = item.linkId;
+            var value = item.answer;
+            if (prop && value) {
+                if ((_a = value[0]) === null || _a === void 0 ? void 0 : _a.item) {
+                    var items_1 = processResponseItems((_b = value[0]) === null || _b === void 0 ? void 0 : _b.item);
+                    items_1.forEach(function (x) { return result.push(x); });
+                }
+                obj.key = prop;
+                obj.value = (_c = utils_1.answerText(value[0])) !== null && _c !== void 0 ? _c : '';
+            }
+        }
+        result.push(obj);
+    });
+    return result;
+};
+var HorizontalTable = function (_a) {
+    var definitionItems = _a.definitionItems, records = _a.records;
+    var columns = __spreadArray([
+        {
+            Header: 'Record Date',
+            accessor: 'date',
+        }
+    ], processColumnItems(definitionItems));
+    var data = processResponse(records);
+    var _b = react_table_1.useTable({
+        columns: columns,
+        data: data,
+    }), getTableProps = _b.getTableProps, getTableBodyProps = _b.getTableBodyProps, headerGroups = _b.headerGroups, rows = _b.rows, prepareRow = _b.prepareRow;
+    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.jsx(StyledTableHeader, __assign({}, column.getHeaderProps(), { children: column.render('Header') }), void 0)); }) }), void 0)); }) }, void 0),
+                    jsx_runtime_1.jsx(TableBody_1.default, __assign({}, getTableBodyProps(), { children: rows.map(function (row, rowIdx) {
+                            prepareRow(row);
+                            return (jsx_runtime_1.jsx(TableRow_1.default, __assign({}, row.getRowProps(), { children: row.cells.map(function (cell) { return (jsx_runtime_1.jsx(StyledTableCell, __assign({ rowIndex: rowIdx }, cell.getCellProps(), { children: cell.render('Cell') }), void 0)); }) }), void 0));
+                        }) }), void 0)] }), void 0)] }, void 0));
+};
+exports.default = HorizontalTable;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=horizontal.js.map

package/lib/atoms/horizontal.js.map

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

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 jsx_runtime_1.jsx(StyledText, { children: text !== null && text !== void 0 ? text : '' }, void 0);
+};
+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,kBAAC,UAAU,cAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,WAAc;AAArC,CAAqC,CAAA;AAMnH,kBAAe,+BAA+B,CAAA"}

package/lib/atoms/table.d.ts

@@ -0,0 +1,36 @@
+import { FC } from '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 ICellProps {
+    value: string;
+    row: Record<string, ReactTableCell>;
+    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;
+    render?: FC<ICellProps>;
+}
+export interface CellRow {
+    id?: string;
+    cells: Cell[];
+    render?: FC<ICellProps>;
+}
+export interface TableData {
+    headers: Header[];
+    rows: CellRow[];
+}
+export declare type ReactTableCell = string | FC<ICellProps> | Record<string, FC<ICellProps>>;
+export {};

package/lib/atoms/table.js

@@ -0,0 +1,106 @@
+"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 ({
+        id: header.id,
+        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,
+        Cell: function (props) {
+            var _a, _b, _c, _d, _e;
+            return (header === null || header === void 0 ? void 0 : header.cell)
+                ? (_d = header === null || header === void 0 ? void 0 : header.cell({
+                    value: props === null || props === void 0 ? void 0 : props.value,
+                    row: (_a = props === null || props === void 0 ? void 0 : props.row) === null || _a === void 0 ? void 0 : _a.original,
+                    columnId: (_c = (_b = props === null || props === void 0 ? void 0 : props.column) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : '',
+                })) !== null && _d !== void 0 ? _d : ''
+                : (_e = props === null || props === void 0 ? void 0 : props.value) !== null && _e !== void 0 ? _e : '';
+        },
+    }); });
+};
+var generateRowsFromCellRows = function (cellRows) {
+    return cellRows.map(function (cellRow) {
+        var _a;
+        var mappedCell = {};
+        var mappedCellRender = {};
+        cellRow.cells.forEach(function (cell) {
+            mappedCell[cell.key] = cell.value;
+            if (cell.render) {
+                mappedCellRender[cell.key] = cell.render;
+            }
+        });
+        return __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,
+        });
+    });
+};
+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/atoms/vertical.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Maybe, QuestionnaireItem, QuestionnaireResponse } from '@ltht-react/types';
+declare const VerticalTable: FC<IProps>;
+interface IProps {
+    definitionItems: Array<Maybe<QuestionnaireItem>>;
+    records: QuestionnaireResponse[];
+}
+export default VerticalTable;

package/lib/atoms/vertical.js

@@ -0,0 +1,89 @@
+"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_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 utils_1 = require("@ltht-react/utils");
+var styles_1 = require("@ltht-react/styles");
+var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: white;\n"], ["\n  background-color: white;\n"])));
+var StyledTableCell = styled_1.default(TableCell_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: center !important;\n  background-color: ", ";\n"], ["\n  text-align: center !important;\n  background-color: ",
+    ";\n"])), function (props) {
+    return props.cellIndex % 2 === 1 ? styles_1.TRANSLUCENT_GREY_TABLE : styles_1.TRANSLUCENT_BRIGHT_BLUE_TABLE;
+});
+var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid rgba(200, 200, 200, 1);\n"], ["\n  border: 1px solid rgba(200, 200, 200, 1);\n"])));
+var VerticalTable = function (_a) {
+    var definitionItems = _a.definitionItems, records = _a.records;
+    var columns = __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 : '',
+        });
+    }));
+    var data = definitionItems.map(function (def) {
+        var _a, _b;
+        var obj = {};
+        obj.property = (_a = def === null || def === void 0 ? void 0 : def.text) !== null && _a !== void 0 ? _a : '';
+        obj.linkId = (_b = def === null || def === void 0 ? void 0 : def.linkId) !== null && _b !== void 0 ? _b : '';
+        return obj;
+    });
+    data = data.map(function (_item) {
+        var item = __assign({}, _item);
+        records.forEach(function (record) {
+            var _a, _b;
+            var find = (_a = record.item) === null || _a === void 0 ? void 0 : _a.find(function (x) { return (x === null || x === void 0 ? void 0 : x.linkId) === item.linkId; });
+            if (find && find.answer) {
+                var answer = find.answer[0];
+                item[record.id] = (_b = utils_1.answerText(answer)) !== null && _b !== void 0 ? _b : '';
+            }
+        });
+        return item;
+    });
+    var _b = react_table_1.useTable({
+        columns: columns,
+        data: data,
+    }), getTableProps = _b.getTableProps, getTableBodyProps = _b.getTableBodyProps, headerGroups = _b.headerGroups, rows = _b.rows, prepareRow = _b.prepareRow;
+    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.jsx(StyledTableHeader, __assign({}, column.getHeaderProps(), { children: column.render('Header') }), 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(StyledTableCell, __assign({ cellIndex: cellIdx }, cell.getCellProps(), { children: cell.render('Cell') }), void 0)); }) }), void 0));
+                        }) }), void 0)] }), void 0)] }, void 0));
+};
+exports.default = VerticalTable;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=vertical.js.map

package/lib/atoms/vertical.js.map

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

package/lib/index.d.ts

@@ -1,6 +1,6 @@
-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 };
+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 };

package/lib/index.js

@@ -1,13 +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;
+"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/molecules/generic-table.d.ts

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

package/lib/molecules/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("../atoms/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, orientation = _a.orientation, mapToTableData = _a.mapToTableData;
+    var tableData = mapToTableData(columnData, rowData);
+    return orientation === 'VERTICAL' ? (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/molecules/generic-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/molecules/generic-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,yDAA6D;AAE7D,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;YAED,OAAQ,KAAK,CAAC,GAAG,CAAC,MAAyB,CAAC,KAAK,CAAC,CAAA;QACpD,CAAC,IACD,EAV+C,CAU/C,CAAC,CAAA;IAEH,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,IAAM,YAAY,GAAG,UAAgB,EAA2E;QAAzE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,cAAc,oBAAA;IACrF,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAErD,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAClC,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;AAQD,kBAAe,YAAY,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;