@ltht-react/table 1.0.32 → 1.0.37

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/index.d.ts

@@ -1,7 +1,5 @@
-import Table, { ICellProps, Header, Cell, CellRow, TableData, CellData } from './molecules/table';
+import Table, { Header, DataEntity, TableData } 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 };
+export { Header, TableData, DataEntity, GenericTable, QuestionnaireTable };

package/lib/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAwE;AACxE,4EAAoD;AAIZ,uBAJjC,uBAAY,CAIiC;AAHpD,wFAAgE;AAGV,6BAH/C,6BAAkB,CAG+C;AADxE,kBAAe,eAAK,CAAA"}

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

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

package/lib/molecules/table-cell.js

@@ -0,0 +1,61 @@
+"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 button_1 = require("@ltht-react/button");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var icon_1 = require("@ltht-react/icon");
+var menu_1 = __importDefault(require("@ltht-react/menu"));
+var StyledText = 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, clickHandler = _a.clickHandler, customComponentOverride = _a.customComponentOverride;
+    if (customComponentOverride) {
+        return customComponentOverride;
+    }
+    if (adminActions) {
+        return jsx_runtime_1.jsx(menu_1.default, { actions: adminActions }, void 0);
+    }
+    if (isButton) {
+        return jsx_runtime_1.jsx(button_1.Button, { type: "button", value: text, icon: iconProps && jsx_runtime_1.jsx(icon_1.Icon, __assign({}, iconProps), void 0), onClick: clickHandler }, void 0);
+    }
+    if (clickHandler && iconProps) {
+        return jsx_runtime_1.jsx(icon_1.IconButton, { iconProps: iconProps, text: text, onClick: clickHandler }, void 0);
+    }
+    if (iconProps) {
+        return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(icon_1.Icon, __assign({}, iconProps), void 0),
+                text && jsx_runtime_1.jsx(StyledText, { children: text }, void 0)] }, void 0));
+    }
+    if (text) {
+        return jsx_runtime_1.jsx("div", { children: text !== null && text !== void 0 ? text : '' }, void 0);
+    }
+    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+};
+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,yCAA8D;AAC9D,0DAA+D;AAE/D,IAAM,UAAU,GAAG,gBAAM,CAAC,IAAI,+FAAA,4BAE7B;IAED,oEAAoE;IACpE,kJAAkJ;IAClJ,mFAAmF;IACnF,8EAA8E;IAL7E,CAAA;AAED,oEAAoE;AACpE,kJAAkJ;AAClJ,mFAAmF;AACnF,8EAA8E;AAC9E,IAAM,SAAS,GAAkB,UAAC,EAOjC;QANC,YAAY,kBAAA,EACZ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,uBAAuB,6BAAA;IAEvB,IAAI,uBAAuB,EAAE;QAC3B,OAAO,uBAAuB,CAAA;KAC/B;IAED,IAAI,YAAY,EAAE;QAChB,OAAO,kBAAC,cAAU,IAAC,OAAO,EAAE,YAAY,WAAI,CAAA;KAC7C;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,kBAAC,eAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,IAAI,kBAAC,WAAI,eAAK,SAAS,UAAI,EAAE,OAAO,EAAE,YAAY,WAAI,CAAA;KAChH;IAED,IAAI,YAAY,IAAI,SAAS,EAAE;QAC7B,OAAO,kBAAC,iBAAU,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,WAAI,CAAA;KAC/E;IAED,IAAI,SAAS,EAAE;QACb,OAAO,CACL,wDACE,kBAAC,WAAI,eAAK,SAAS,UAAI;gBACtB,IAAI,IAAI,kBAAC,UAAU,cAAE,IAAI,WAAc,YACvC,CACJ,CAAA;KACF;IAED,IAAI,IAAI,EAAE;QACR,OAAO,qCAAM,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,WAAO,CAAA;KAC/B;IAED,OAAO,qDAAK,CAAA;AACd,CAAC,CAAA;AAWD,kBAAe,SAAS,CAAA"}

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

@@ -0,0 +1,4 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { TableData, DataEntity } from './table';
+declare const createColumns: (tableData: TableData) => ColumnDef<DataEntity>[];
+export default createColumns;

package/lib/molecules/table-methods.js

@@ -0,0 +1,103 @@
+"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 react_table_1 = require("@tanstack/react-table");
+var table_cell_1 = __importDefault(require("./table-cell"));
+var createColumns = function (tableData) {
+    var columnHelper = react_table_1.createColumnHelper();
+    var columns = createColumnsRecursively(tableData.headers, columnHelper);
+    if (tableData.rows.some(function (row) { return row.subRows; })) {
+        columns = prependColumnWithExpansionControls(columns, columnHelper);
+    }
+    return columns;
+};
+var createColumnsRecursively = function (headers, columnHelper) {
+    var result = headers.map(function (header) {
+        var _a, _b;
+        if (header.type === 'display') {
+            return columnHelper.display({
+                id: header.id,
+                header: function () { return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, header.cellProps), void 0); },
+                cell: function (props) { return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, props.getValue()), void 0); },
+            });
+        }
+        if (header.type === 'accessor') {
+            return columnHelper.accessor(header.id, {
+                header: function (props) {
+                    var cellProps = __assign(__assign({}, header.cellProps), { iconProps: deriveHeaderIconProps(props) });
+                    return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
+                },
+                cell: function (props) { return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, props.getValue()), void 0); },
+            });
+        }
+        return columnHelper.group({
+            header: (_a = header.cellProps.text) !== null && _a !== void 0 ? _a : '',
+            columns: createColumnsRecursively((_b = header.subHeaders) !== null && _b !== void 0 ? _b : [], columnHelper),
+        });
+    });
+    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) {
+    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',
+                },
+                clickHandler: table.getToggleAllRowsExpandedHandler(),
+            };
+            return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, headerCellProps), void 0);
+        },
+        cell: function (props) {
+            var cellProps = props.row.getCanExpand()
+                ? {
+                    iconProps: {
+                        type: 'chevron',
+                        direction: props.row.getIsExpanded() ? 'down' : 'right',
+                        size: 'medium',
+                    },
+                    clickHandler: props.row.getToggleExpandedHandler(),
+                }
+                : {};
+            return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
+        },
+    });
+    return [expanderColumn].concat(columns);
+};
+exports.default = createColumns;
+//# 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.d.ts

@@ -1,38 +1,21 @@
 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;
-}
+import { CellProps } from './table-cell';
+declare const Table: FC<IProps>;
+export declare type DataEntity = Record<string, CellProps | DataEntity[]> & {
+    subRows?: DataEntity[];
+};
 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[];
+    type: 'accessor' | 'group' | 'display';
+    id: string;
+    cellProps: CellProps;
+    subHeaders?: Header[];
 }
 export interface TableData {
     headers: Header[];
-    rows: CellRow[];
+    rows: DataEntity[];
 }
-export declare type CellData = string | FC<ICellProps> | Record<string, FC<ICellProps>> | DataRow[] | JSX.Element;
-export declare type DataRow = {
-    [key: string]: CellData;
-    subRows: DataRow[];
-};
-export {};
+interface IProps {
+    tableData: TableData;
+    staticColumns?: 0 | 1 | 2;
+}
+export default Table;

package/lib/molecules/table.js

@@ -14,11 +14,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -26,85 +21,33 @@ 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 table_methods_1 = __importDefault(require("./table-methods"));
+var useDimensionRef_1 = __importDefault(require("./useDimensionRef"));
 var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  background-color: white;\n  border-radius: 6px;\n  display: inline-block;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: scroll;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"], ["\n  ", ";\n  background-color: white;\n  border-radius: 6px;\n  display: inline-block;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: scroll;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"])), styles_1.CSS_RESET, styles_1.SCROLLBAR);
-var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: white;\n  border-collapse: 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 StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: white;\n  border-collapse: separate;\n  border-spacing: 0px;\n  border-radius: 6px;\n"], ["\n  background-color: white;\n  border-collapse: separate;\n  border-spacing: 0px;\n  border-radius: 6px;\n"])));
+var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ",
+    "\n"])), styles_1.TABLE_COLOURS.HEADER, styles_1.TABLE_COLOURS.BORDER, function (_a) {
+    var stickyWidth = _a.stickyWidth;
+    return stickyWidth !== undefined &&
+        "\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
+});
+var StyledTableData = styled_1.default.td(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: thin solid ", ";\n  white-space: nowrap;\n\n  ", "\n\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"], ["\n  border: thin solid ", ";\n  white-space: nowrap;\n\n  ",
+    "\n\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"])), styles_1.TABLE_COLOURS.BORDER, function (_a) {
+    var stickyWidth = _a.stickyWidth;
+    return stickyWidth !== undefined &&
+        "\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
+}, styles_1.TABLE_COLOURS.HEADER);
+var Table = function (_a) {
+    var tableData = _a.tableData, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b;
+    var firstColumn = react_1.useRef(null);
+    var width = useDimensionRef_1.default(firstColumn).width;
+    var _c = react_1.useState({}), expanded = _c[0], setExpanded = _c[1];
+    var _d = react_1.useState([]), sorting = _d[0], setSorting = _d[1];
     var table = react_table_1.useReactTable({
-        data: data,
-        columns: columns,
+        data: tableData.rows,
+        columns: table_methods_1.default(tableData),
         state: {
             expanded: expanded,
             sorting: sorting,
@@ -116,26 +59,28 @@ function Table(_a) {
         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);
+    var calculateStaticColumnOffset = function (cellIdx, staticColumns, firstColumnWidth) {
+        if (cellIdx === 0) {
+            return 0;
+        }
+        if (cellIdx < staticColumns) {
+            return firstColumnWidth;
+        }
+        return undefined;
     };
-    return (jsx_runtime_1.jsx(Container, { children: jsx_runtime_1.jsxs(StyledTable, { children: [jsx_runtime_1.jsx("thead", { children: table.getHeaderGroups().map(function (headerGroup) { return (jsx_runtime_1.jsx("tr", { children: headerGroup.headers.map(function (header) {
-                            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 }, {
+    return (jsx_runtime_1.jsx(Container, { children: jsx_runtime_1.jsxs(StyledTable, { children: [jsx_runtime_1.jsx("thead", { children: table.getHeaderGroups().map(function (headerGroup) { return (jsx_runtime_1.jsx("tr", { children: headerGroup.headers.map(function (header, headerIndex) {
+                            return headerIndex === 0 ? (jsx_runtime_1.jsx(StyledTableHeader, __assign({ stickyWidth: calculateStaticColumnOffset(headerIndex, staticColumns, width), colSpan: header.colSpan, ref: firstColumn }, { children: header.isPlaceholder ? null : react_table_1.flexRender(header.column.columnDef.header, header.getContext()) }), header.id)) : (jsx_runtime_1.jsx(StyledTableHeader, __assign({ stickyWidth: calculateStaticColumnOffset(headerIndex, staticColumns, width), colSpan: header.colSpan }, {
                                 style: {
                                     cursor: header.column.getCanSort() ? 'pointer' : '',
                                 },
                                 onClick: header.column.getToggleSortingHandler(),
-                            }, { children: [header.isPlaceholder ? null : react_table_1.flexRender(header.column.columnDef.header, header.getContext()), getSortIcon(header.column.getIsSorted())] }), header.id));
+                            }, { children: header.isPlaceholder ? null : react_table_1.flexRender(header.column.columnDef.header, header.getContext()) }), header.id));
                         }) }, headerGroup.id)); }) }, void 0),
-                jsx_runtime_1.jsx("tbody", { children: table.getRowModel().rows.map(function (row) { return (jsx_runtime_1.jsx("tr", { children: row.getVisibleCells().map(function (cell, cellIdx) { return (jsx_runtime_1.jsx(StyledTableData, __assign({ style: {
-                                background: cellIdx % 2 === 1 ? 'white' : styles_1.TRANSLUCENT_BRIGHT_BLUE_TABLE,
+                jsx_runtime_1.jsx("tbody", { children: table.getRowModel().rows.map(function (row) { return (jsx_runtime_1.jsx("tr", { children: row.getVisibleCells().map(function (cell, cellIdx) { return (jsx_runtime_1.jsx(StyledTableData, __assign({ stickyWidth: calculateStaticColumnOffset(cellIdx, staticColumns, width), style: {
+                                background: cellIdx % 2 === 1 ? styles_1.TABLE_COLOURS.STRIPE_LIGHT : styles_1.TABLE_COLOURS.STRIPE_DARK,
                                 textAlign: 'center',
                             } }, { children: react_table_1.flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id)); }) }, row.id)); }) }, void 0)] }, void 0) }, void 0));
-}
+};
 exports.default = Table;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=table.js.map

package/lib/molecules/table.js.map

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

package/lib/molecules/useDimensionRef.d.ts

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

package/lib/molecules/useDimensionRef.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useDimensionsRef = function (elementRef) {
+    var _a = react_1.useState({ width: 0, height: 0 }), dimensions = _a[0], setDimensions = _a[1];
+    react_1.useEffect(function () {
+        var getDimensions = function () { return ({
+            width: (elementRef && elementRef.current && elementRef.current.offsetWidth) || 0,
+            height: (elementRef && elementRef.current && elementRef.current.offsetHeight) || 0,
+        }); };
+        var handleResize = function () {
+            setDimensions(getDimensions());
+        };
+        if (elementRef.current) {
+            setDimensions(getDimensions());
+        }
+        window.addEventListener('resize', handleResize);
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [elementRef]);
+    return dimensions;
+};
+exports.default = useDimensionsRef;
+//# sourceMappingURL=useDimensionRef.js.map

package/lib/molecules/useDimensionRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDimensionRef.js","sourceRoot":"","sources":["../../src/molecules/useDimensionRef.tsx"],"names":[],"mappings":";;AAAA,+BAA2C;AAE3C,IAAM,gBAAgB,GAAG,UAAC,UAAwC;IAC1D,IAAA,KAA8B,gBAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAA9D,UAAU,QAAA,EAAE,aAAa,QAAqC,CAAA;IAErE,iBAAS,CAAC;QACR,IAAM,aAAa,GAAG,cAAM,OAAA,CAAC;YAC3B,KAAK,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC;YAChF,MAAM,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC;SACnF,CAAC,EAH0B,CAG1B,CAAA;QAEF,IAAM,YAAY,GAAG;YACnB,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;QAChC,CAAC,CAAA;QAED,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;SAC/B;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}

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

@@ -1,9 +1,7 @@
 /// <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;
+declare const GenericTable: <TColumn, TRow>({ columnData, rowData, mapToTableData }: IProps<TColumn, TRow>) => JSX.Element;
 interface IProps<TColumn, TRow> {
-    headerAxis?: Axis;
     columnData: TColumn;
     rowData: TRow;
     mapToTableData: (colData: TColumn, rowData: TRow) => TableData;

package/lib/organisms/generic-table.js

@@ -1,36 +1,14 @@
 "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 columnData = _a.columnData, rowData = _a.rowData, 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));
+    return 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

@@ -1 +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"}
+{"version":3,"file":"generic-table.js","sourceRoot":"","sources":["../../src/organisms/generic-table.tsx"],"names":[],"mappings":";;;;;;AAAA,6DAAqD;AAErD,IAAM,YAAY,GAAG,UAAgB,EAA8D;QAA5D,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,cAAc,oBAAA;IACxE,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAErD,OAAO,kBAAC,eAAK,IAAC,SAAS,EAAE,SAAS,WAAI,CAAA;AACxC,CAAC,CAAA;AAQD,kBAAe,YAAY,CAAA"}

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

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

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

@@ -1,174 +1,186 @@
 "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) {
     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 mapQuestionnaireDefinitionAndResponsesToTableData = function (definition, questionnaireResponses, axis, adminActions) {
     var definitionItems = utils_1.EnsureMaybeArray(utils_1.EnsureMaybe(definition.item, []));
     if (definitionItems.length === 0) {
         return undefined;
     }
     if (axis === 'y') {
-        return mapQuestionnaireObjectsToVerticalTableData(definitionItems, questionnaireResponses);
+        return mapQuestionnaireObjectsToVerticalTableData(definitionItems, questionnaireResponses, adminActions);
     }
-    return mapQuestionnaireObjectsToHorizontalTableData(definitionItems, questionnaireResponses);
+    return mapQuestionnaireObjectsToHorizontalTableData(definitionItems, questionnaireResponses, adminActions);
 };
-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 : '',
+var mapQuestionnaireObjectsToHorizontalTableData = function (definitionItems, records, adminActions) {
+    var tableData = {
+        headers: __spreadArray([
+            {
+                id: 'date',
+                type: 'accessor',
+                cellProps: { text: 'Record Date' },
+            }
+        ], recursivelyMapQuestionnaireItemsIntoHeaders(definitionItems)),
+        rows: mapQuestionnaireResponsesIntoDataEntities(records, adminActions),
+    };
+    if (adminActions) {
+        tableData.headers.splice(1, 0, {
+            id: 'adminactions',
+            type: 'accessor',
+            cellProps: { text: 'Actions' },
         });
-    })),
-    rows: buildVerticalCellRowsRecursive(definitionItems, records),
-}); };
+    }
+    return tableData;
+};
 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 : []);
+        var subItems = 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,
+            id: (_b = questionnaireItem === null || questionnaireItem === void 0 ? void 0 : questionnaireItem.linkId) !== null && _b !== void 0 ? _b : '',
+            type: subItems.length > 0 ? 'group' : 'accessor',
+            cellProps: { text: (_c = questionnaireItem === null || questionnaireItem === void 0 ? void 0 : questionnaireItem.text) !== null && _c !== void 0 ? _c : '' },
+            subHeaders: recursivelyMapQuestionnaireItemsIntoHeaders(subItems),
         };
     });
 };
-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) {
+var mapQuestionnaireResponsesIntoDataEntities = function (records, adminActions) {
     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 dataEntity = {};
+        dataEntity.date = { text: utils_1.partialDateTimeText(record.authored) };
+        if (adminActions) {
+            var adminActionsForThisDataEntity = adminActions.find(function (actionForForm) { return actionForForm.questionnaire === record.id; });
+            if (adminActionsForThisDataEntity) {
+                dataEntity.adminactions = { adminActions: adminActionsForThisDataEntity.adminActions };
+            }
+        }
+        (_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;
             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; }));
+            dataEntity[linkId] = { text: utils_1.EnsureMaybe(answer.valueString, '') };
             if (answer.item) {
-                var items = recursivelyMapResponseItemsToCells(utils_1.EnsureMaybeArray(answer.item));
-                items.forEach(function (x) {
-                    cellArray.push({
-                        key: x.key,
-                        value: x.value,
-                    });
-                });
+                dataEntity = recursivelyMapResponseItemsOntoData(utils_1.EnsureMaybeArray(answer.item), dataEntity);
             }
-            cellArray.push({
-                key: linkId,
-                value: utils_1.EnsureMaybe(answer.valueString, ''),
-            });
         });
-        return { cells: cellArray };
+        return dataEntity;
     });
 };
-var recursivelyMapResponseItemsToCells = function (items) {
-    var cells = [];
+var recursivelyMapResponseItemsOntoData = function (items, dataEntity) {
+    var updatedDataEntity = __assign({}, dataEntity);
     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
+            updatedDataEntity[item.linkId] = {
+                text: utils_1.EnsureMaybe(firstAnswer.valueString, ''),
+            };
             if (firstAnswer.item) {
-                recursivelyMapResponseItemsToCells(utils_1.EnsureMaybeArray(firstAnswer.item)).forEach(function (cell) { return cells.push(cell); });
+                updatedDataEntity = recursivelyMapResponseItemsOntoData(utils_1.EnsureMaybeArray(firstAnswer.item), updatedDataEntity);
             }
         }
     });
-    return cells;
+    return updatedDataEntity;
+};
+var mapQuestionnaireObjectsToVerticalTableData = function (definitionItems, records, adminActions) { return ({
+    headers: __spreadArray([
+        {
+            id: 'property',
+            type: 'accessor',
+            cellProps: { text: '' },
+        }
+    ], records.map(function (record) {
+        var _a, _b;
+        return ({
+            id: (_a = record === null || record === void 0 ? void 0 : record.id) !== null && _a !== void 0 ? _a : '',
+            type: 'accessor',
+            cellProps: { text: (_b = utils_1.partialDateTimeText(record.authored)) !== null && _b !== void 0 ? _b : '' },
+        });
+    })),
+    rows: buildVerticalCellRows(definitionItems, records, adminActions),
+}); };
+var buildVerticalCellRows = function (definitionItems, records, adminActions) {
+    var dataEntities = definitionItems.map(function (item) {
+        var dataEntity = {};
+        dataEntity = buildVerticalCellRowsRecursive(utils_1.EnsureMaybeArray([item]), records, dataEntity);
+        return dataEntity;
+    });
+    if (adminActions) {
+        var actionsDataEntity_1 = {};
+        actionsDataEntity_1.property = { text: 'Actions' };
+        records.forEach(function (record, recordIndex) {
+            var adminActionsForThisDataEntity = adminActions.find(function (actionForForm) { return actionForForm.questionnaire === record.id; });
+            if (adminActionsForThisDataEntity) {
+                actionsDataEntity_1[recordIndex + 1] = { adminActions: adminActionsForThisDataEntity.adminActions };
+            }
+        });
+        return [actionsDataEntity_1].concat(dataEntities);
+    }
+    return dataEntities;
+};
+var buildVerticalCellRowsRecursive = function (definitionItems, records, dataEntity) {
+    var updatedDataEntity = __assign({}, dataEntity);
+    definitionItems.forEach(function (definitionItem) {
+        var _a;
+        updatedDataEntity.property = { text: (_a = definitionItem.text) !== null && _a !== void 0 ? _a : '' };
+        if (definitionItem.linkId) {
+            records.forEach(function (record, recordIndex) {
+                var _a;
+                updatedDataEntity = getRecordItemByLinkId(utils_1.EnsureMaybeArray((_a = record.item) !== null && _a !== void 0 ? _a : []), utils_1.EnsureMaybe(definitionItem.linkId), updatedDataEntity, recordIndex);
+            });
+        }
+        if (definitionItem.item && definitionItem.item.length > 0) {
+            updatedDataEntity.subRows = buildVerticalCellRows(utils_1.EnsureMaybeArray(definitionItem.item), records);
+        }
+    });
+    return updatedDataEntity;
+};
+var getRecordItemByLinkId = function (recordItems, linkId, dataEntity, recordIndex) {
+    var updatedDataEntity = __assign({}, dataEntity);
+    recordItems.forEach(function (recordItem) {
+        var recordItemAnswer = recordItem.answer && recordItem.answer.length > 0 ? utils_1.EnsureMaybe(recordItem.answer[0]) : undefined;
+        if (recordItemAnswer) {
+            if ((recordItem === null || recordItem === void 0 ? void 0 : recordItem.linkId) && (recordItem === null || recordItem === void 0 ? void 0 : recordItem.linkId) === linkId) {
+                updatedDataEntity[recordIndex + 1] = createCellPropsForAnswer(recordItemAnswer);
+            }
+            if (recordItemAnswer.item && recordItemAnswer.item.length > 0) {
+                updatedDataEntity = getRecordItemByLinkId(utils_1.EnsureMaybeArray(recordItemAnswer.item), linkId, updatedDataEntity, recordIndex);
+            }
+        }
+    });
+    return updatedDataEntity;
+};
+var createCellPropsForAnswer = function (answer) {
+    if (answer.valueString) {
+        if (answer.valueString === 'CHECKBOX') {
+            return {
+                iconProps: { type: 'checkbox', size: 'medium' },
+            };
+        }
+        return {
+            text: answer.valueString,
+        };
+    }
+    return {
+        text: '',
+    };
 };
 exports.default = mapQuestionnaireDefinitionAndResponsesToTableData;
 //# sourceMappingURL=questionnaire-table-methods.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"questionnaire-table-methods.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table-methods.tsx"],"names":[],"mappings":";;;;;;;;AAAA,yCAA2D;AAU3D,2CAAsF;AAGtF,IAAM,iDAAiD,GAAG,UACxD,UAAyB,EACzB,sBAA+C,EAC/C,IAAU;IAEV,IAAM,eAAe,GAAG,wBAAgB,CACtC,mBAAW,CAA6B,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,CAC7D,CAAA;IAED,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;QAChC,OAAO,SAAS,CAAA;KACjB;IAED,IAAI,IAAI,KAAK,GAAG,EAAE;QAChB,OAAO,0CAA0C,CAAC,eAAe,EAAE,sBAAsB,CAAC,CAAA;KAC3F;IACD,OAAO,4CAA4C,CAAC,eAAe,EAAE,sBAAsB,CAAC,CAAA;AAC9F,CAAC,CAAA;AAED,IAAM,4CAA4C,GAAG,UACnD,eAAyC,EACzC,OAAgC,IAClB,OAAA,CAAC;IACf,OAAO;QACL;YACE,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,MAAM;SACjB;OACE,2CAA2C,CAAC,eAAe,CAAC,CAChE;IACD,IAAI,EAAE,oCAAoC,CAAC,OAAO,CAAC;CACpD,CAAC,EATc,CASd,CAAA;AAEF,IAAM,0CAA0C,GAAG,UACjD,eAAyC,EACzC,OAAgC,IAClB,OAAA,CAAC;IACf,OAAO;QACL;YACE,MAAM,EAAE,EAAE;YACV,QAAQ,EAAE,UAAU;SACrB;OACE,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;QAAK,OAAA,CAAC;YAC1B,MAAM,EAAE,MAAA,2BAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC,mCAAI,EAAE;YAClD,QAAQ,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,mCAAI,EAAE;SAC3B,CAAC,CAAA;KAAA,CAAC,CACJ;IACD,IAAI,EAAE,8BAA8B,CAAC,eAAe,EAAE,OAAO,CAAC;CAC/D,CAAC,EAZc,CAYd,CAAA;AAEF,IAAM,2CAA2C,GAAG,UAAC,kBAAuC;IAC1F,OAAA,kBAAkB,CAAC,GAAG,CAAC,UAAC,iBAAiB;;QACvC,IAAM,cAAc,GAAG,wBAAgB,CAAoB,MAAA,iBAAiB,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAA;QAExF,OAAO;YACL,MAAM,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,mCAAI,EAAE;YACrC,QAAQ,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,mCAAI,EAAE;YAC1E,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,2CAA2C,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS;SAChH,CAAA;IACH,CAAC,CAAC;AARF,CAQE,CAAA;AAEJ,IAAM,8BAA8B,GAAG,UACrC,eAAoC,EACpC,OAAgC;;IAEhC,OAAA,MAAA,eAAe,CAAC,GAAG,CAAC,UAAC,cAAc;;QACjC,IAAM,QAAQ,GAAG,UAAC,gBAAwB,EAAE,GAAsB;;YAChE,IAAM,eAAe,GAAG,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,KAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,CAAC,MAAM,IAAG,CAAC,CAAA;YACzD,IAAM,OAAO,GAAG,eAAe;gBAC7B,CAAC,CAAC,8BAA8B,CAAC,mBAAW,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,0CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,mBAAW,CAAC,CAAC,CAAC,EAAd,CAAc,CAAC,CAAC,EAAE,OAAO,CAAC;gBAC7F,CAAC,CAAC,EAAE,CAAA;YACN,IAAM,yBAAyB,GAAG,UAAC,QAAgB,EAAE,IAAe;gBAClE,OAAA,IAAI,CAAC,IAAI,CAAC,UAAC,CAAC,YAAK,OAAA,CAAA,MAAA,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAlB,CAAkB,CAAC,0CAAE,KAAK,MAAK,EAAE,CAAA,EAAA,CAAC;YAAvE,CAAuE,CAAA;YAEzE,IAAM,eAAe,GAAG,UAAC,eAAwB;gBAC/C,OAAA,eAAe,CAAC,CAAC,CAAC,kBAAC,mBAAY,IAAC,IAAI,EAAC,QAAQ,WAAG,CAAC,CAAC,CAAC,kBAAC,iBAAU,IAAC,IAAI,EAAC,OAAO,WAAG;YAA9E,CAA8E,CAAA;YAEhF,OAAO;gBACL,EAAE,EAAE,gBAAgB;gBACpB,KAAK;oBACH;wBACE,GAAG,EAAE,UAAU;wBACf,KAAK,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,mCAAI,EAAE;qBACvB;mBACE,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;oBAAK,OAAA,CAAC;wBAC1B,GAAG,EAAE,MAAM,CAAC,EAAE;wBACd,KAAK,EAAE,eAAe;4BACpB,CAAC,CAAC,eAAe,CAAC,yBAAyB,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;4BAChE,CAAC,CAAC,oCAAoC,CAAC,gBAAgB,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,EAAE,CAAC;qBAC/E,CAAC,CAAA;iBAAA,CAAC,CACJ;gBACD,OAAO,SAAA;aACR,CAAA;QACH,CAAC,CAAA;QAED,IAAM,EAAE,GAAW,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,mCAAI,EAAE,CAAA;QAC/C,OAAO,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,CAAA;IACrC,CAAC,CAAC,mCAAI,EAAE,CAAA;CAAA,CAAA;AAEV,IAAM,oCAAoC,GAAG,UAAC,EAAU,EAAE,KAAgD;;IACxG,IAAM,UAAU,GAAG,2BAA2B,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;IACzD,OAAO,mBAAW,CAAS,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,EAAH,CAAG,CAAC,0CAAE,WAAW,EAAE,EAAE,CAAC,CAAA;AACnF,CAAC,CAAA;AAED,IAAM,2BAA2B,GAAG,UAClC,EAAU,EACV,KAAgD;IAEhD,IAAI,SAAgD,CAAA;IAEpD,IAAI,EAAE,KAAK,EAAE,EAAE;QACb,OAAO,SAAS,CAAA;KACjB;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,IAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAA8B,CAAA;QAElD,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,EAAE;YACtB,SAAS,GAAG,IAAI,CAAA;YAChB,MAAK;SACN;QAED,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,EAAH,CAAG,CAAC,CAAA;YAClD,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,MAAM,IAAG,CAAC,EAAE;gBACzD,SAAS,GAAG,2BAA2B,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAA;gBAC/D,IAAI,SAAS,EAAE;oBACb,MAAK;iBACN;aACF;SACF;KACF;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,IAAM,oCAAoC,GAAG,UAAC,OAAgC;IAC5E,OAAA,OAAO;SACJ,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,CAAC,MAAM,CAAC,IAAI,EAAb,CAAa,CAAC;SACjC,GAAG,CAAC,UAAC,MAAM;;QACV,IAAM,SAAS,GAAW;YACxB;gBACE,GAAG,EAAE,MAAM;gBACX,KAAK,EAAE,2BAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC;aAC5C;SACF,CAAA;QAED,MAAA,MAAM,CAAC,IAAI,0CACP,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,EAAhC,CAAgC,EAClD,OAAO,CAAC,UAAC,IAAI;;YACZ,IAAM,MAAM,GAAG,mBAAW,CAAS,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAA;YAChD,IAAM,MAAM,GAAG,mBAAW,CAAkC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,CAAC,CAAA;YAErG,IAAI,MAAM,CAAC,IAAI,EAAE;gBACf,IAAM,KAAK,GAAG,kCAAkC,CAAC,wBAAgB,CAA4B,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;gBAE1G,KAAK,CAAC,OAAO,CAAC,UAAC,CAAC;oBACd,SAAS,CAAC,IAAI,CAAC;wBACb,GAAG,EAAE,CAAC,CAAC,GAAG;wBACV,KAAK,EAAE,CAAC,CAAC,KAAK;qBACf,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;aACH;YAED,SAAS,CAAC,IAAI,CAAC;gBACb,GAAG,EAAE,MAAM;gBACX,KAAK,EAAE,mBAAW,CAAS,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC;aACnD,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEJ,OAAO,EAAE,KAAK,EAAE,SAAS,EAAa,CAAA;IACxC,CAAC,CAAC;AAlCJ,CAkCI,CAAA;AAEN,IAAM,kCAAkC,GAAG,UAAC,KAAkC;IAC5E,IAAM,KAAK,GAAW,EAAE,CAAA;IAExB,KAAK,CAAC,OAAO,CAAC,UAAC,IAAI;QACjB,IAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAE5D,IAAI,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE;YAC9B,8CAA8C;YAC9C,KAAK,CAAC,IAAI,CAAC;gBACT,GAAG,EAAE,IAAI,CAAC,MAAM;gBAChB,KAAK,EAAE,mBAAW,CAAS,WAAW,CAAC,WAAW,EAAE,EAAE,CAAC;aACxD,CAAC,CAAA;YAEF,qEAAqE;YACrE,IAAI,WAAW,CAAC,IAAI,EAAE;gBACpB,kCAAkC,CAChC,wBAAgB,CAA4B,WAAW,CAAC,IAAI,CAAC,CAC9D,CAAC,OAAO,CAAC,UAAC,IAAI,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAhB,CAAgB,CAAC,CAAA;aACtC;SACF;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,kBAAe,iDAAiD,CAAA"}
+{"version":3,"file":"questionnaire-table-methods.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table-methods.ts"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,12 @@
 import { QuestionnaireResponse, Axis, Questionnaire } from '@ltht-react/types';
 import { FC } from 'react';
+import { AdminActionsForQuestionnaire } from './questionnaire-table-methods';
 declare const QuestionnaireTable: FC<IProps>;
 interface IProps {
     definition: Questionnaire;
     records: QuestionnaireResponse[];
     headerAxis?: Axis;
+    adminActions?: AdminActionsForQuestionnaire[];
+    staticColumns?: 0 | 1 | 2;
 }
 export default QuestionnaireTable;

package/lib/organisms/questionnaire-table.js

@@ -9,19 +9,15 @@ 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,
-    ]);
+    var definition = _a.definition, records = _a.records, _b = _a.headerAxis, headerAxis = _b === void 0 ? 'y' : _b, _c = _a.staticColumns, staticColumns = _c === void 0 ? 0 : _c, adminActions = _a.adminActions;
+    var tableData = react_1.useMemo(function () { return questionnaire_table_methods_1.default(definition, records, headerAxis, adminActions); }, [headerAxis, definition, records, adminActions]);
     // TODO: Replace this fragment with a properly styled error component.
     // Maybe this could be a re-usable atom?
     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);
+    return jsx_runtime_1.jsx(table_1.default, { tableData: tableData, staticColumns: staticColumns }, void 0);
 };
 exports.default = QuestionnaireTable;
 //# sourceMappingURL=questionnaire-table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table.tsx"],"names":[],"mappings":";;;;;;AACA,+BAAmC;AACnC,yCAAuC;AACvC,6DAAsC;AACtC,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"}
+{"version":3,"file":"questionnaire-table.js","sourceRoot":"","sources":["../../src/organisms/questionnaire-table.tsx"],"names":[],"mappings":";;;;;;AACA,+BAAmC;AACnC,yCAAuC;AACvC,6DAAsC;AACtC,8FAEsC;AAEtC,IAAM,kBAAkB,GAAe,UAAC,EAA0E;QAAxE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAAE,qBAAiB,EAAjB,aAAa,mBAAG,CAAC,KAAA,EAAE,YAAY,kBAAA;IAC9G,IAAM,SAAS,GAAG,eAAO,CACvB,cAAM,OAAA,qCAAiD,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,EAAhG,CAAgG,EACtG,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,CAAC,CAChD,CAAA;IAED,sEAAsE;IACtE,wCAAwC;IACxC,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,CACL,wDACE,kBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,WAAG;gBACrD,8FAAuD,YACtD,CACJ,CAAA;KACF;IAED,OAAO,kBAAC,eAAK,IAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,WAAI,CAAA;AACtE,CAAC,CAAA;AAUD,kBAAe,kBAAkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/table",
-  "version": "1.0.32",
+  "version": "1.0.37",
   "description": "ltht-react Table component.",
   "author": "LTHT",
   "homepage": "",
@@ -27,16 +27,17 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/button": "^1.3.157",
-    "@ltht-react/icon": "^1.3.157",
-    "@ltht-react/styles": "^1.3.149",
-    "@ltht-react/types": "^1.0.153",
-    "@ltht-react/utils": "^1.1.155",
+    "@ltht-react/button": "^1.3.162",
+    "@ltht-react/icon": "^1.3.162",
+    "@ltht-react/menu": "^1.0.4",
+    "@ltht-react/styles": "^1.3.154",
+    "@ltht-react/types": "^1.0.158",
+    "@ltht-react/utils": "^1.1.160",
     "@tanstack/react-table": "^8.5.22",
     "react": "^17.0.0",
     "react-uuid": "^2.0.0"
   },
-  "gitHead": "0f055a3b7d437bd2b2259fa144eb846e55164d88",
+  "gitHead": "75501a7780d07fe05f697e9495cc8a6fbe194f2c",
   "devDependencies": {
     "@types/react-table": "^7.7.12"
   }