@aehrc/smart-forms-renderer 1.0.0-alpha.100 → 1.0.0-alpha.102
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/FormComponents/GridGroup/GridGroup.js +17 -2
- package/lib/components/FormComponents/GridGroup/GridGroup.js.map +1 -1
- package/lib/components/FormComponents/GridGroup/GridRow.d.ts +4 -0
- package/lib/components/FormComponents/GridGroup/GridRow.js +4 -4
- package/lib/components/FormComponents/GridGroup/GridRow.js.map +1 -1
- package/lib/components/FormComponents/GridGroup/GridTable.d.ts +5 -1
- package/lib/components/FormComponents/GridGroup/GridTable.js +2 -2
- package/lib/components/FormComponents/GridGroup/GridTable.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTable.js +20 -4
- package/lib/components/FormComponents/Tables/GroupTable.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTableBody.d.ts +4 -0
- package/lib/components/FormComponents/Tables/GroupTableBody.js +2 -2
- package/lib/components/FormComponents/Tables/GroupTableBody.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTableRow.d.ts +4 -0
- package/lib/components/FormComponents/Tables/GroupTableRow.js +3 -3
- package/lib/components/FormComponents/Tables/GroupTableRow.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTableRowCells.d.ts +4 -0
- package/lib/components/FormComponents/Tables/GroupTableRowCells.js +3 -2
- package/lib/components/FormComponents/Tables/GroupTableRowCells.js.map +1 -1
- package/lib/components/FormComponents/Tables/GroupTableView.d.ts +4 -0
- package/lib/components/FormComponents/Tables/GroupTableView.js +3 -3
- package/lib/components/FormComponents/Tables/GroupTableView.js.map +1 -1
- package/lib/components/FormComponents/Tables/Table.styles.d.ts +2 -2
- package/lib/components/FormComponents/Tables/Table.styles.js +9 -8
- package/lib/components/FormComponents/Tables/Table.styles.js.map +1 -1
- package/lib/hooks/useResizeColumns.d.ts +8 -0
- package/lib/hooks/useResizeColumns.js +46 -0
- package/lib/hooks/useResizeColumns.js.map +1 -0
- package/lib/interfaces/columnWIdth.d.ts +0 -0
- package/lib/interfaces/columnWIdth.js +18 -0
- package/lib/interfaces/columnWIdth.js.map +1 -0
- package/lib/utils/columnWidth.d.ts +28 -0
- package/lib/utils/columnWidth.interface.d.ts +0 -0
- package/lib/utils/columnWidth.interface.js +18 -0
- package/lib/utils/columnWidth.interface.js.map +1 -0
- package/lib/utils/columnWidth.js +100 -0
- package/lib/utils/columnWidth.js.map +1 -0
- package/lib/utils/extensions.d.ts +9 -0
- package/lib/utils/extensions.js +26 -0
- package/lib/utils/extensions.js.map +1 -1
- package/package.json +8 -9
- package/src/components/FormComponents/GridGroup/GridGroup.tsx +39 -13
- package/src/components/FormComponents/GridGroup/GridRow.tsx +11 -4
- package/src/components/FormComponents/GridGroup/GridTable.tsx +5 -2
- package/src/components/FormComponents/Tables/GroupTable.tsx +62 -22
- package/src/components/FormComponents/Tables/GroupTableBody.tsx +3 -0
- package/src/components/FormComponents/Tables/GroupTableRow.tsx +4 -0
- package/src/components/FormComponents/Tables/GroupTableRowCells.tsx +3 -1
- package/src/components/FormComponents/Tables/GroupTableView.tsx +4 -0
- package/src/components/FormComponents/Tables/Table.styles.tsx +13 -8
- package/src/hooks/useResizeColumns.ts +53 -0
- package/src/utils/columnWidth.test.ts +75 -0
- package/src/utils/columnWidth.ts +110 -0
- package/src/utils/extensions.ts +30 -0
|
@@ -15,7 +15,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
import { useMemo } from 'react';
|
|
18
|
+
import { useMemo, useRef, useState } from 'react';
|
|
19
19
|
import { createEmptyQrGroup, updateQrItemsInGroup } from '../../../utils/qrItem';
|
|
20
20
|
import useHidden from '../../../hooks/useHidden';
|
|
21
21
|
import { QGroupContainerBox } from '../../Box.styles';
|
|
@@ -30,6 +30,9 @@ import GroupHeading from '../GroupItem/GroupHeading';
|
|
|
30
30
|
import { structuredDataCapture } from 'fhir-sdc-helpers';
|
|
31
31
|
import { getItemTextToDisplay } from '../../../utils/itemTextToDisplay';
|
|
32
32
|
import { isItemHidden } from '../../../utils/qItem';
|
|
33
|
+
import { useResizeColumns } from '../../../hooks/useResizeColumns';
|
|
34
|
+
import { getColumnWidth } from '../../../utils/extensions';
|
|
35
|
+
import { calculateColumnWidths } from '../../../utils/columnWidth';
|
|
33
36
|
/**
|
|
34
37
|
* Main component to render a Group Grid (grid) Questionnaire item.
|
|
35
38
|
* @see {@link https://hl7.org/fhir/extensions/CodeSystem-questionnaire-item-control.html}
|
|
@@ -68,6 +71,18 @@ function GridGroup(props) {
|
|
|
68
71
|
});
|
|
69
72
|
})) !== null && _a !== void 0 ? _a : [];
|
|
70
73
|
}, [visibleColumnItems]);
|
|
74
|
+
// Table width ref and state
|
|
75
|
+
const tableContainerRef = useRef(null);
|
|
76
|
+
const [tableWidth, setTableWidth] = useState(0);
|
|
77
|
+
useResizeColumns(tableContainerRef, setTableWidth);
|
|
78
|
+
// Build and calculate column widths
|
|
79
|
+
// Add an initial 20% width for the row header column temporarily, will be removed after calculation
|
|
80
|
+
const columnWidths = useMemo(() => ['20%', ...visibleColumnItems.map((item) => getColumnWidth(item))], [visibleColumnItems]);
|
|
81
|
+
const calculatedColumnWidths = useMemo(() => {
|
|
82
|
+
const calculatedColumnWidthsInclLabel = calculateColumnWidths(columnWidths, tableWidth);
|
|
83
|
+
// Remove the first column width of 20% as it is for the row header
|
|
84
|
+
return calculatedColumnWidthsInclLabel.slice(1);
|
|
85
|
+
}, [columnWidths, tableWidth]);
|
|
71
86
|
const readOnly = useReadOnly(qItem, parentIsReadOnly);
|
|
72
87
|
const itemIsHidden = useHidden(qItem);
|
|
73
88
|
if (itemIsHidden) {
|
|
@@ -88,7 +103,7 @@ function GridGroup(props) {
|
|
|
88
103
|
}
|
|
89
104
|
// Get item.text as display label
|
|
90
105
|
const itemTextToDisplay = getItemTextToDisplay(qItem);
|
|
91
|
-
return (_jsxs(QGroupContainerBox, { cardElevation: groupCardElevation, isRepeated: false, py: 3, "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId), style: parentStyles || undefined, children: [itemTextToDisplay ? (_jsxs(_Fragment, { children: [_jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }), _jsx(Divider, { sx: { my: 1, opacity: 0.6 } })] })) : null, _jsx(TableContainer, { component: Paper, elevation: groupCardElevation, children: _jsx(GridTable, { qItems: qRowItems, qrItems: qrRowItems, qItemsIndexMap: qItemsIndexMap, columnHeaders: columnHeaders, itemPath: itemPath, parentIsReadOnly: readOnly, parentStyles: parentStyles, onQrItemChange: handleRowChange }) })] }));
|
|
106
|
+
return (_jsxs(QGroupContainerBox, { cardElevation: groupCardElevation, isRepeated: false, py: 3, "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId), style: parentStyles || undefined, children: [itemTextToDisplay ? (_jsxs(_Fragment, { children: [_jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }), _jsx(Divider, { sx: { my: 1, opacity: 0.6 } })] })) : null, _jsx("div", { ref: tableContainerRef, style: { width: '100%' }, children: _jsx(TableContainer, { component: Paper, elevation: groupCardElevation, children: _jsx(GridTable, { qItems: qRowItems, qrItems: qrRowItems, qItemsIndexMap: qItemsIndexMap, columnHeaders: columnHeaders, calculatedColumnWidths: calculatedColumnWidths, itemPath: itemPath, parentIsReadOnly: readOnly, parentStyles: parentStyles, onQrItemChange: handleRowChange }) }) })] }));
|
|
92
107
|
}
|
|
93
108
|
export default GridGroup;
|
|
94
109
|
//# sourceMappingURL=GridGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridGroup.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridGroup.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GridGroup.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridGroup.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQzD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAYnE;;;;;GAKG;AACH,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,GAAG,CAAC,qBAAqB,EAAE,CAAC;IAChF,MAAM,eAAe,GAAG,qBAAqB,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC;IACpE,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,GAAG,CAAC,qBAAqB,EAAE,CAAC;IAChF,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC;IAEhF,MAAM,aAAa,GAAG,qBAAqB,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAEhE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;IAC7B,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAEhC,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAErE,gGAAgG;IAChG,MAAM,aAAa,GAAwB,OAAO,CAAC,GAAG,EAAE,eAAC,OAAA,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,0CAAE,IAAI,mCAAI,EAAE,CAAA,EAAA,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAElG,+GAA+G;IAC/G,MAAM,kBAAkB,GAAwB,OAAO,CACrD,GAAG,EAAE,CACH,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CACnB,CAAC,IAAI,EAAE,EAAE,CACP,CAAC,YAAY,CACX,IAAI,EACJ,qBAAqB,EACrB,eAAe,EACf,qBAAqB,EACrB,oBAAoB,CACrB,CACJ,EACH;QACE,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,eAAe;QACf,aAAa;KACd,CACF,CAAC;IAEF,8CAA8C;IAC9C,MAAM,aAAa,GAGb,OAAO,CACX,GAAG,EAAE;;QACH,OAAA,MAAA,kBAAkB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;;YAAC,OAAA,CAAC;gBACrC,KAAK,EAAE,MAAA,oBAAoB,CAAC,SAAS,CAAC,mCAAI,GAAG;gBAC7C,WAAW,EAAE,MAAA,qBAAqB,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,mCAAI,IAAI;aACrE,CAAC,CAAA;SAAA,CAAC,mCAAI,EAAE,CAAA;KAAA,EACX,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,4BAA4B;IAC5B,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhD,gBAAgB,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;IAEnD,oCAAoC;IACpC,oGAAoG;IACpG,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EACxE,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,+BAA+B,GAAG,qBAAqB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAExF,mEAAmE;QACnE,OAAO,+BAA+B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IAE/B,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,EAAE,CAAC;QAC9B,OAAO,yFAA6D,CAAC;IACvE,CAAC;IAED,yCAAyC;IACzC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iBAAiB;IACjB,SAAS,eAAe,CAAC,SAAoC,EAAE,cAAyB;QACtF,MAAM,cAAc,qBAAmC,OAAO,CAAE,CAAC;QACjE,oBAAoB,CAAC,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;QACtE,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;IACjD,CAAC;IAED,iCAAiC;IACjC,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,MAAC,kBAAkB,IACjB,aAAa,EAAE,kBAAkB,EACjC,UAAU,EAAE,KAAK,EACjB,EAAE,EAAE,CAAC,iBACQ,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAC1C,KAAK,EAAE,YAAY,IAAI,SAAS,aAC/B,iBAAiB,CAAC,CAAC,CAAC,CACnB,8BACE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,EAC1F,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAI,IACvC,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,cAAK,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YACnD,KAAC,cAAc,IAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,YAC7D,KAAC,SAAS,IACR,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,QAAQ,EAC1B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,eAAe,GAC/B,GACa,GACb,IACa,CACtB,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -4,6 +4,10 @@ interface GridRowProps extends PropsWithQrItemChangeHandler, PropsWithItemPathAt
|
|
|
4
4
|
qItem: QuestionnaireItem;
|
|
5
5
|
qrItem: QuestionnaireResponseItem | null;
|
|
6
6
|
columnHeaderLabels: string[];
|
|
7
|
+
calculatedColumnWidths: {
|
|
8
|
+
width: string;
|
|
9
|
+
isFixed: boolean;
|
|
10
|
+
}[];
|
|
7
11
|
}
|
|
8
12
|
declare function GridRow(props: GridRowProps): import("react/jsx-runtime").JSX.Element | null;
|
|
9
13
|
export default GridRow;
|
|
@@ -26,7 +26,7 @@ import useHidden from '../../../hooks/useHidden';
|
|
|
26
26
|
import { extendItemPath } from '../../../utils/itemPath';
|
|
27
27
|
import { getItemTextToDisplay } from '../../../utils/itemTextToDisplay';
|
|
28
28
|
function GridRow(props) {
|
|
29
|
-
const { qItem, qrItem, itemPath, columnHeaderLabels, parentIsReadOnly, parentStyles, onQrItemChange } = props;
|
|
29
|
+
const { qItem, qrItem, itemPath, columnHeaderLabels, calculatedColumnWidths, parentIsReadOnly, parentStyles, onQrItemChange } = props;
|
|
30
30
|
const rowQItems = qItem.item;
|
|
31
31
|
const row = qrItem && qrItem.item ? qrItem : createEmptyQrGroup(qItem);
|
|
32
32
|
const rowQrItems = row.item;
|
|
@@ -46,22 +46,22 @@ function GridRow(props) {
|
|
|
46
46
|
onQrItemChange(qrRow, targetItemPath);
|
|
47
47
|
}
|
|
48
48
|
const qrItemsByIndex = getQrItemsIndex(rowQItems, rowQrItems, qItemsIndexMap);
|
|
49
|
-
const numOfColumns = columnHeaderLabels.length;
|
|
50
49
|
// Get item.text as display label
|
|
51
50
|
const itemTextToDisplay = getItemTextToDisplay(qItem);
|
|
52
51
|
return (_jsxs(_Fragment, { children: [_jsx(GridTextTableCell, { children: _jsx(Typography, { component: "span", fontWeight: "bold", children: itemTextToDisplay }) }), columnHeaderLabels.map((label, colIndex) => {
|
|
52
|
+
var _a, _b;
|
|
53
53
|
// Find the QuestionnaireItem in this row that matches the current column label
|
|
54
54
|
const matchingCellQItemIndex = rowQItems.findIndex((item) => item.text === label);
|
|
55
55
|
// Render empty cell for sparsity
|
|
56
56
|
if (matchingCellQItemIndex === -1) {
|
|
57
|
-
return _jsx(GridAnswerTableCell, {
|
|
57
|
+
return (_jsx(GridAnswerTableCell, { calculatedWidth: (_a = calculatedColumnWidths[colIndex]) === null || _a === void 0 ? void 0 : _a.width }, colIndex));
|
|
58
58
|
}
|
|
59
59
|
const cellQItem = rowQItems[matchingCellQItemIndex];
|
|
60
60
|
const cellQrItem = qrItemsByIndex[matchingCellQItemIndex];
|
|
61
61
|
if (Array.isArray(cellQrItem)) {
|
|
62
62
|
return null;
|
|
63
63
|
}
|
|
64
|
-
return (_jsx(GridAnswerTableCell, {
|
|
64
|
+
return (_jsx(GridAnswerTableCell, { calculatedWidth: (_b = calculatedColumnWidths[colIndex]) === null || _b === void 0 ? void 0 : _b.width, children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(SingleItem, { qItem: cellQItem, qrItem: cellQrItem !== null && cellQrItem !== void 0 ? cellQrItem : null, itemPath: extendItemPath(itemPath, cellQItem.linkId), isRepeated: true, isTabled: true, groupCardElevation: 1, parentIsReadOnly: parentIsReadOnly, parentStyles: gridCellStyles, onQrItemChange: handleQrRowItemChange }) }) }, colIndex));
|
|
65
65
|
})] }));
|
|
66
66
|
}
|
|
67
67
|
export default GridRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridRow.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
|
|
2
|
-
import type { PropsWithItemPathAttribute, PropsWithParentIsReadOnlyAttribute,
|
|
2
|
+
import type { PropsWithItemPathAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithParentStylesAttribute, PropsWithQrItemChangeHandler } from '../../../interfaces/renderProps.interface';
|
|
3
3
|
interface GridTableProps extends PropsWithQrItemChangeHandler, PropsWithItemPathAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithParentStylesAttribute {
|
|
4
4
|
qItems: QuestionnaireItem[];
|
|
5
5
|
qrItems: QuestionnaireResponseItem[];
|
|
@@ -8,6 +8,10 @@ interface GridTableProps extends PropsWithQrItemChangeHandler, PropsWithItemPath
|
|
|
8
8
|
label: string;
|
|
9
9
|
styleString: string | null;
|
|
10
10
|
}[];
|
|
11
|
+
calculatedColumnWidths: {
|
|
12
|
+
width: string;
|
|
13
|
+
isFixed: boolean;
|
|
14
|
+
}[];
|
|
11
15
|
}
|
|
12
16
|
declare function GridTable(props: GridTableProps): import("react/jsx-runtime").JSX.Element;
|
|
13
17
|
export default GridTable;
|
|
@@ -27,7 +27,7 @@ import { getQrItemsIndex } from '../../../utils/mapItem';
|
|
|
27
27
|
import { extendItemPath } from '../../../utils/itemPath';
|
|
28
28
|
import { default as parseStyleToJs } from 'style-to-js';
|
|
29
29
|
function GridTable(props) {
|
|
30
|
-
const { qItems, qrItems, qItemsIndexMap, columnHeaders, itemPath, parentIsReadOnly, parentStyles, onQrItemChange } = props;
|
|
30
|
+
const { qItems, qrItems, qItemsIndexMap, columnHeaders, calculatedColumnWidths, itemPath, parentIsReadOnly, parentStyles, onQrItemChange } = props;
|
|
31
31
|
const qrItemsByIndex = getQrItemsIndex(qItems, qrItems, qItemsIndexMap);
|
|
32
32
|
const columnHeaderLabels = useMemo(() => columnHeaders.map(({ label }) => label), [columnHeaders]);
|
|
33
33
|
return (_jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, {}), columnHeaders.map(({ label, styleString }) => {
|
|
@@ -43,7 +43,7 @@ function GridTable(props) {
|
|
|
43
43
|
if (Array.isArray(qrItem)) {
|
|
44
44
|
return null;
|
|
45
45
|
}
|
|
46
|
-
return (_jsx(TableRow, { children: _jsx(GridRow, { qItem: qItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, columnHeaderLabels: columnHeaderLabels, itemPath: extendItemPath(itemPath, qItem.linkId), parentIsReadOnly: parentIsReadOnly, parentStyles: parentStyles, onQrItemChange: onQrItemChange }) }, qItem.linkId));
|
|
46
|
+
return (_jsx(TableRow, { children: _jsx(GridRow, { qItem: qItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, columnHeaderLabels: columnHeaderLabels, calculatedColumnWidths: calculatedColumnWidths, itemPath: extendItemPath(itemPath, qItem.linkId), parentIsReadOnly: parentIsReadOnly, parentStyles: parentStyles, onQrItemChange: onQrItemChange }) }, qItem.linkId));
|
|
47
47
|
}) })] }));
|
|
48
48
|
}
|
|
49
49
|
export default GridTable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridTable.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridTable.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAOzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"GridTable.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/GridGroup/GridTable.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAOzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAiBxD,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EACJ,MAAM,EACN,OAAO,EACP,cAAc,EACd,aAAa,EACb,sBAAsB,EACtB,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC;IAExE,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,EAC7C,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,eACJ,KAAC,SAAS,cACR,MAAC,QAAQ,eACP,KAAC,eAAe,KAAG,EAElB,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;4BAC5C,yDAAyD;4BACzD,MAAM,YAAY,GAAwB;gCACxC,SAAS,EAAE,QAAQ;6BACpB,CAAC;4BAEF,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;4BAClE,MAAM,aAAa,iDACd,YAAY,GACZ,YAAY,GACZ,UAAU,CACd,CAAC;4BAEF,OAAO,CACL,KAAC,eAAe,IAAa,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,aAAa,YAC5D,KAAK,IADc,KAAK,CAET,CACnB,CAAC;wBACJ,CAAC,CAAC,EACF,KAAC,SAAS,KAAG,IACJ,GACD,EACZ,KAAC,SAAS,cACP,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBAC3B,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;oBAErC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;wBAC1B,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,OAAO,CACL,KAAC,QAAQ,cACP,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,EAChD,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,GAC9B,IAVW,KAAK,CAAC,MAAM,CAWhB,CACZ,CAAC;gBACJ,CAAC,CAAC,GACQ,IACN,CACT,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
24
24
|
* See the License for the specific language governing permissions and
|
|
25
25
|
* limitations under the License.
|
|
26
26
|
*/
|
|
27
|
-
import { useMemo } from 'react';
|
|
27
|
+
import { useMemo, useRef, useState } from 'react';
|
|
28
28
|
import { mapQItemsIndex } from '../../../utils/mapItem';
|
|
29
29
|
import useReadOnly from '../../../hooks/useReadOnly';
|
|
30
30
|
import GroupTableView from './GroupTableView';
|
|
@@ -35,6 +35,9 @@ import { generateNewRepeatId } from '../../../utils/repeatId';
|
|
|
35
35
|
import useInitialiseGroupTableRows from '../../../hooks/useInitialiseGroupTableRows';
|
|
36
36
|
import { isItemHidden } from '../../../utils/qItem';
|
|
37
37
|
import { useQuestionnaireStore, useRendererStylingStore } from '../../../stores';
|
|
38
|
+
import { getColumnWidth } from '../../../utils/extensions';
|
|
39
|
+
import { calculateColumnWidths } from '../../../utils/columnWidth';
|
|
40
|
+
import { useResizeColumns } from '../../../hooks/useResizeColumns';
|
|
38
41
|
/**
|
|
39
42
|
* Main component to render a Group Table (gtable) Questionnaire item.
|
|
40
43
|
* @see {@link https://hl7.org/fhir/extensions/CodeSystem-questionnaire-item-control.html}
|
|
@@ -49,14 +52,27 @@ function GroupTable(props) {
|
|
|
49
52
|
const enableWhenAsReadOnly = useRendererStylingStore.use.enableWhenAsReadOnly();
|
|
50
53
|
const initialGroupTableRows = useInitialiseGroupTableRows(qItem.linkId, qrItems);
|
|
51
54
|
const { tableRows, selectedIds, setTableRows, setSelectedIds } = useGroupTableRows(initialGroupTableRows);
|
|
52
|
-
const
|
|
55
|
+
const qItemsIndexMap = useMemo(() => mapQItemsIndex(qItem), [qItem]);
|
|
53
56
|
// Generate item labels as table headers
|
|
54
57
|
const qItems = qItem.item;
|
|
55
58
|
const visibleItemLabels = useMemo(() => {
|
|
56
59
|
var _a;
|
|
57
60
|
return (_a = qItems === null || qItems === void 0 ? void 0 : qItems.filter((item) => !isItemHidden(item, enableWhenIsActivated, enableWhenItems, enableWhenExpressions, enableWhenAsReadOnly)).map((item) => { var _a; return (_a = item.text) !== null && _a !== void 0 ? _a : ''; })) !== null && _a !== void 0 ? _a : [];
|
|
58
61
|
}, [enableWhenAsReadOnly, enableWhenExpressions, enableWhenIsActivated, enableWhenItems, qItems]);
|
|
59
|
-
|
|
62
|
+
// Get visible label items
|
|
63
|
+
const visibleLabelItems = useMemo(() => {
|
|
64
|
+
var _a;
|
|
65
|
+
return (_a = qItems === null || qItems === void 0 ? void 0 : qItems.filter((item) => !isItemHidden(item, enableWhenIsActivated, enableWhenItems, enableWhenExpressions, enableWhenAsReadOnly))) !== null && _a !== void 0 ? _a : [];
|
|
66
|
+
}, [enableWhenAsReadOnly, enableWhenExpressions, enableWhenIsActivated, enableWhenItems, qItems]);
|
|
67
|
+
// Table width ref and state
|
|
68
|
+
const tableContainerRef = useRef(null);
|
|
69
|
+
const [tableWidth, setTableWidth] = useState(0);
|
|
70
|
+
useResizeColumns(tableContainerRef, setTableWidth);
|
|
71
|
+
// Build and calculate column widths
|
|
72
|
+
const columnWidths = useMemo(() => visibleLabelItems.map((item) => getColumnWidth(item)), [visibleLabelItems]);
|
|
73
|
+
const calculatedColumnWidths = useMemo(() => calculateColumnWidths(columnWidths, tableWidth), [columnWidths, tableWidth]);
|
|
74
|
+
// Determine if the group table is readOnly
|
|
75
|
+
const readOnly = useReadOnly(qItem, parentIsReadOnly);
|
|
60
76
|
// Check if there are columns within the group table
|
|
61
77
|
if (!qItems || qItems.length === 0) {
|
|
62
78
|
return null;
|
|
@@ -141,7 +157,7 @@ function GroupTable(props) {
|
|
|
141
157
|
});
|
|
142
158
|
});
|
|
143
159
|
}
|
|
144
|
-
return (_jsx(GroupTableView, { qItem: qItem, qItemsIndexMap: qItemsIndexMap, itemPath: itemPath, groupCardElevation: groupCardElevation, isRepeated: isRepeated, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, visibleItemLabels: visibleItemLabels, parentIsReadOnly: parentIsReadOnly, parentStyles: parentStyles, onAddRow: handleAddRow, onRowChange: handleRowChange, onRemoveRow: handleRemoveRow, onSelectRow: handleSelectRow, onSelectAll: handleSelectAll, onReorderRows: handleReorderRows }));
|
|
160
|
+
return (_jsx("div", { ref: tableContainerRef, style: { width: '100%' }, children: _jsx(GroupTableView, { qItem: qItem, qItemsIndexMap: qItemsIndexMap, itemPath: itemPath, groupCardElevation: groupCardElevation, isRepeated: isRepeated, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, visibleItemLabels: visibleItemLabels, calculatedColumnWidths: calculatedColumnWidths, parentIsReadOnly: parentIsReadOnly, parentStyles: parentStyles, onAddRow: handleAddRow, onRowChange: handleRowChange, onRemoveRow: handleRemoveRow, onSelectRow: handleSelectRow, onSelectAll: handleSelectAll, onReorderRows: handleReorderRows }) }));
|
|
145
161
|
}
|
|
146
162
|
export default GroupTable;
|
|
147
163
|
//# sourceMappingURL=GroupTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupTable.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTable.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GroupTable.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,10 @@ interface GroupTableBodyProps extends PropsWithItemPathAttribute, PropsWithParen
|
|
|
9
9
|
selectedIds: string[];
|
|
10
10
|
qItemsIndexMap: Record<string, number>;
|
|
11
11
|
visibleItemLabels: string[];
|
|
12
|
+
calculatedColumnWidths: {
|
|
13
|
+
width: string;
|
|
14
|
+
isFixed: boolean;
|
|
15
|
+
}[];
|
|
12
16
|
showExtraGTableInteractions: boolean;
|
|
13
17
|
onRowChange: (newQrRow: QuestionnaireResponseItem, index: number, targetItemPath?: ItemPath) => void;
|
|
14
18
|
onRemoveRow: (index: number) => void;
|
|
@@ -6,7 +6,7 @@ import { reorderRows } from '../../../utils/groupTable';
|
|
|
6
6
|
import TableBody from '@mui/material/TableBody';
|
|
7
7
|
import { appendRepeatIndexToLastSegment } from '../../../utils/itemPath';
|
|
8
8
|
function GroupTableBody(props) {
|
|
9
|
-
const { tableQItem, readOnly, tableRows, selectedIds, qItemsIndexMap, visibleItemLabels, showExtraGTableInteractions, itemPath, parentIsReadOnly, onRowChange, onRemoveRow, onSelectRow, onReorderRows } = props;
|
|
9
|
+
const { tableQItem, readOnly, tableRows, selectedIds, qItemsIndexMap, visibleItemLabels, calculatedColumnWidths, showExtraGTableInteractions, itemPath, parentIsReadOnly, onRowChange, onRemoveRow, onSelectRow, onReorderRows } = props;
|
|
10
10
|
function onDragEnd(result) {
|
|
11
11
|
if (!result.destination) {
|
|
12
12
|
return;
|
|
@@ -23,7 +23,7 @@ function GroupTableBody(props) {
|
|
|
23
23
|
if (nullableQrItem) {
|
|
24
24
|
answeredQrItem.item = nullableQrItem.item;
|
|
25
25
|
}
|
|
26
|
-
return (_jsx(GroupTableRow, { index: index, rowId: id, tableQItem: tableQItem, answeredQrItem: answeredQrItem, nullableQrItem: nullableQrItem, readOnly: readOnly, hoverDisabled: snapshot.isDraggingOver, tableRows: tableRows, itemIsSelected: itemIsSelected, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: appendRepeatIndexToLastSegment(itemPath, index), parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow }, id));
|
|
26
|
+
return (_jsx(GroupTableRow, { index: index, rowId: id, tableQItem: tableQItem, answeredQrItem: answeredQrItem, nullableQrItem: nullableQrItem, readOnly: readOnly, hoverDisabled: snapshot.isDraggingOver, tableRows: tableRows, itemIsSelected: itemIsSelected, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, calculatedColumnWidths: calculatedColumnWidths, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: appendRepeatIndexToLastSegment(itemPath, index), parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow }, id));
|
|
27
27
|
}), droppableProvided.placeholder] }))) }) }));
|
|
28
28
|
}
|
|
29
29
|
export default GroupTableBody;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupTableBody.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableBody.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAO1D,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,8BAA8B,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"GroupTableBody.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableBody.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAO1D,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,8BAA8B,EAAE,MAAM,yBAAyB,CAAC;AAwBzE,SAAS,cAAc,CAAC,KAA0B;IAChD,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,2BAA2B,EAC3B,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,SAAS,SAAS,CAAC,MAAkB;QACnC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,IAAI,MAAM,CAAC,WAAW,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,MAAM,aAAa,GAAG,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAE5F,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YACnC,KAAC,SAAS,IAAC,WAAW,EAAC,aAAa,EAAC,SAAS,EAAC,UAAU,YACtD,CAAC,iBAAiB,EAAE,QAAQ,EAAE,EAAE,CAAC,CAChC,MAAC,SAAS,kBAAC,GAAG,EAAE,iBAAiB,CAAC,QAAQ,IAAM,iBAAiB,CAAC,cAAc,eAC7E,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE;wBACvD,MAAM,cAAc,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;wBACtD,MAAM,cAAc,GAAG,iBAAiB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;wBAChE,IAAI,cAAc,EAAE,CAAC;4BACnB,cAAc,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC;wBAC5C,CAAC;wBAED,OAAO,CACL,KAAC,aAAa,IAEZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,EACT,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,QAAQ,CAAC,cAAc,EACtC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,sBAAsB,EAAE,sBAAsB,EAC9C,2BAA2B,EAAE,2BAA2B,EACxD,QAAQ,EAAE,8BAA8B,CAAC,QAAQ,EAAE,KAAK,CAAC,EACzD,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,IAnBnB,EAAE,CAoBP,CACH,CAAC;oBACJ,CAAC,CAAC,EACD,iBAAiB,CAAC,WAAW,KACpB,CACb,GACS,GACI,CACnB,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -16,6 +16,10 @@ interface GroupTableRowProps extends PropsWithItemPathAttribute, PropsWithParent
|
|
|
16
16
|
selectedIds: string[];
|
|
17
17
|
qItemsIndexMap: Record<string, number>;
|
|
18
18
|
visibleItemLabels: string[];
|
|
19
|
+
calculatedColumnWidths: {
|
|
20
|
+
width: string;
|
|
21
|
+
isFixed: boolean;
|
|
22
|
+
}[];
|
|
19
23
|
showExtraGTableInteractions: boolean;
|
|
20
24
|
onRowChange: (newQrRow: QuestionnaireResponseItem, index: number, targetItemPath?: ItemPath) => void;
|
|
21
25
|
onRemoveRow: (index: number) => void;
|
|
@@ -9,11 +9,11 @@ import Box from '@mui/material/Box';
|
|
|
9
9
|
import { Draggable } from 'react-beautiful-dnd';
|
|
10
10
|
import { StyledGroupTableRow } from './Table.styles';
|
|
11
11
|
function GroupTableRow(props) {
|
|
12
|
-
const { rowId, index, tableQItem, answeredQrItem, nullableQrItem, readOnly, hoverDisabled, tableRows, itemIsSelected, qItemsIndexMap, visibleItemLabels, showExtraGTableInteractions, itemPath, onRowChange, onRemoveRow, onSelectRow } = props;
|
|
12
|
+
const { rowId, index, tableQItem, answeredQrItem, nullableQrItem, readOnly, hoverDisabled, tableRows, itemIsSelected, qItemsIndexMap, visibleItemLabels, calculatedColumnWidths, showExtraGTableInteractions, itemPath, onRowChange, onRemoveRow, onSelectRow } = props;
|
|
13
13
|
if (showExtraGTableInteractions) {
|
|
14
|
-
return (_jsx(Draggable, { draggableId: rowId, index: index, children: (draggableProvided, snapshot) => (_jsxs(StyledGroupTableRow, Object.assign({ itemIsDragged: snapshot.isDragging, itemIsSelected: itemIsSelected, hoverDisabled: hoverDisabled, hover: !hoverDisabled, ref: draggableProvided.innerRef }, draggableProvided.draggableProps, { children: [_jsxs(_Fragment, { children: [_jsx(TableCell, { padding: "none", children: _jsx(Box, Object.assign({ "aria-label": "Drag row", display: "flex", alignItems: "center", justifyContent: "center" }, (readOnly ? {} : draggableProvided.dragHandleProps), { children: _jsx(DragIndicator, { fontSize: "small", sx: { color: readOnly ? 'text.disabled' : 'inherit' } }) })) }), _jsx(SelectRowButton, { qItem: tableQItem, isChecked: itemIsSelected, readOnly: readOnly, onSelectItem: () => onSelectRow(rowId) })] }), _jsx(GroupTableRowCells, { qItem: tableQItem, qrItem: answeredQrItem, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, itemPath: itemPath, parentIsReadOnly: readOnly, onQrItemChange: (newQrGroup) => onRowChange(newQrGroup, index) }), _jsx(RemoveRowButton, { nullableQrItem: nullableQrItem, numOfRows: tableRows.length, readOnly: readOnly, onRemoveItem: () => onRemoveRow(index) })] }))) }));
|
|
14
|
+
return (_jsx(Draggable, { draggableId: rowId, index: index, children: (draggableProvided, snapshot) => (_jsxs(StyledGroupTableRow, Object.assign({ itemIsDragged: snapshot.isDragging, itemIsSelected: itemIsSelected, hoverDisabled: hoverDisabled, hover: !hoverDisabled, ref: draggableProvided.innerRef }, draggableProvided.draggableProps, { children: [_jsxs(_Fragment, { children: [_jsx(TableCell, { padding: "none", children: _jsx(Box, Object.assign({ "aria-label": "Drag row", display: "flex", alignItems: "center", justifyContent: "center" }, (readOnly ? {} : draggableProvided.dragHandleProps), { children: _jsx(DragIndicator, { fontSize: "small", sx: { color: readOnly ? 'text.disabled' : 'inherit' } }) })) }), _jsx(SelectRowButton, { qItem: tableQItem, isChecked: itemIsSelected, readOnly: readOnly, onSelectItem: () => onSelectRow(rowId) })] }), _jsx(GroupTableRowCells, { qItem: tableQItem, qrItem: answeredQrItem, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, calculatedColumnWidths: calculatedColumnWidths, itemPath: itemPath, parentIsReadOnly: readOnly, onQrItemChange: (newQrGroup) => onRowChange(newQrGroup, index) }), _jsx(RemoveRowButton, { nullableQrItem: nullableQrItem, numOfRows: tableRows.length, readOnly: readOnly, onRemoveItem: () => onRemoveRow(index) })] }))) }));
|
|
15
15
|
}
|
|
16
|
-
return (_jsxs(TableRow, { children: [_jsx(TableCell, { padding: "checkbox" }), _jsx(GroupTableRowCells, { qItem: tableQItem, qrItem: answeredQrItem, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, itemPath: itemPath, parentIsReadOnly: readOnly, onQrItemChange: (newQrGroup) => onRowChange(newQrGroup, index) }), _jsx(TableCell, { padding: "checkbox" })] }));
|
|
16
|
+
return (_jsxs(TableRow, { children: [_jsx(TableCell, { padding: "checkbox" }), _jsx(GroupTableRowCells, { qItem: tableQItem, qrItem: answeredQrItem, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, calculatedColumnWidths: calculatedColumnWidths, itemPath: itemPath, parentIsReadOnly: readOnly, onQrItemChange: (newQrGroup) => onRowChange(newQrGroup, index) }), _jsx(TableCell, { padding: "checkbox" })] }));
|
|
17
17
|
}
|
|
18
18
|
export default GroupTableRow;
|
|
19
19
|
//# sourceMappingURL=GroupTableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupTableRow.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableRow.tsx"],"names":[],"mappings":";AAwBA,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"GroupTableRow.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,10 @@ interface GroupTableRowCellsProps extends PropsWithQrItemChangeHandler, PropsWit
|
|
|
5
5
|
qrItem: QuestionnaireResponseItem | null;
|
|
6
6
|
qItemsIndexMap: Record<string, number>;
|
|
7
7
|
visibleItemLabels: string[];
|
|
8
|
+
calculatedColumnWidths: {
|
|
9
|
+
width: string;
|
|
10
|
+
isFixed: boolean;
|
|
11
|
+
}[];
|
|
8
12
|
}
|
|
9
13
|
declare function GroupTableRowCells(props: GroupTableRowCellsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
10
14
|
export default GroupTableRowCells;
|
|
@@ -6,7 +6,7 @@ import { SingleItem } from '../SingleItem';
|
|
|
6
6
|
import { StandardTableCell } from './Table.styles';
|
|
7
7
|
import Box from '@mui/material/Box';
|
|
8
8
|
function GroupTableRowCells(props) {
|
|
9
|
-
const { qItem, qrItem, qItemsIndexMap, visibleItemLabels, itemPath, parentIsReadOnly, onQrItemChange } = props;
|
|
9
|
+
const { qItem, qrItem, qItemsIndexMap, visibleItemLabels, calculatedColumnWidths, itemPath, parentIsReadOnly, onQrItemChange } = props;
|
|
10
10
|
const rowItems = qItem.item;
|
|
11
11
|
const row = qrItem && qrItem.item ? qrItem : createEmptyQrGroup(qItem);
|
|
12
12
|
const rowQrItems = row.item;
|
|
@@ -20,6 +20,7 @@ function GroupTableRowCells(props) {
|
|
|
20
20
|
}
|
|
21
21
|
const qrItemsByIndex = getQrItemsIndex(rowItems, rowQrItems, qItemsIndexMap);
|
|
22
22
|
return (_jsx(_Fragment, { children: rowItems.map((rowItem, index) => {
|
|
23
|
+
var _a;
|
|
23
24
|
const qrItem = qrItemsByIndex[index];
|
|
24
25
|
// Something went wrong here
|
|
25
26
|
if (Array.isArray(qrItem)) {
|
|
@@ -29,7 +30,7 @@ function GroupTableRowCells(props) {
|
|
|
29
30
|
if (!rowItem.text || !visibleItemLabels.includes(rowItem.text)) {
|
|
30
31
|
return null;
|
|
31
32
|
}
|
|
32
|
-
return (_jsx(StandardTableCell, {
|
|
33
|
+
return (_jsx(StandardTableCell, { calculatedWidth: (_a = calculatedColumnWidths[index]) === null || _a === void 0 ? void 0 : _a.width, children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(SingleItem, { qItem: rowItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, itemPath: extendItemPath(itemPath, rowItem.linkId), isRepeated: true, isTabled: true, groupCardElevation: 1, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrRowItemChange }, rowItem.linkId) }) }, index));
|
|
33
34
|
}) }));
|
|
34
35
|
}
|
|
35
36
|
export default GroupTableRowCells;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupTableRowCells.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableRowCells.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,GAAG,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"GroupTableRowCells.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableRowCells.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAapC,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EACJ,KAAK,EACL,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC;IAC5B,MAAM,GAAG,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI,CAAC;IAE5B,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,qBAAqB,CAC5B,YAAuC,EACvC,cAAyB;QAEzB,MAAM,KAAK,qBAAmC,GAAG,CAAE,CAAC;QACpD,oBAAoB,CAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QAChE,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,cAAc,GAAG,eAAe,CAAC,QAAQ,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC;IAE7E,OAAO,CACL,4BACG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;;YAC/B,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;YAErC,4BAA4B;YAC5B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,OAAO,IAAI,CAAC;YACd,CAAC;YAED,gDAAgD;YAChD,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC/D,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,KAAC,iBAAiB,IAAa,eAAe,EAAE,MAAA,sBAAsB,CAAC,KAAK,CAAC,0CAAE,KAAK,YAClF,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,YAC7D,KAAC,UAAU,IAET,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,EAClD,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,kBAAkB,EAAE,CAAC,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,qBAAqB,IARhC,OAAO,CAAC,MAAM,CASnB,GACE,IAbgB,KAAK,CAcT,CACrB,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -10,6 +10,10 @@ interface GroupTableViewProps extends PropsWithIsRepeatedAttribute, PropsWithIte
|
|
|
10
10
|
tableRows: GroupTableRowModel[];
|
|
11
11
|
selectedIds: string[];
|
|
12
12
|
visibleItemLabels: string[];
|
|
13
|
+
calculatedColumnWidths: {
|
|
14
|
+
width: string;
|
|
15
|
+
isFixed: boolean;
|
|
16
|
+
}[];
|
|
13
17
|
onAddRow: () => void;
|
|
14
18
|
onRowChange: (newQrRow: QuestionnaireResponseItem, index: number, targetItemPath?: ItemPath) => void;
|
|
15
19
|
onRemoveRow: (index: number) => void;
|
|
@@ -23,7 +23,7 @@ import { getItemTextToDisplay } from '../../../utils/itemTextToDisplay';
|
|
|
23
23
|
import { isGroupAddItemButtonHidden } from '../../../utils/extensions';
|
|
24
24
|
function GroupTableView(props) {
|
|
25
25
|
var _a, _b;
|
|
26
|
-
const { qItem, qItemsIndexMap, groupCardElevation, isRepeated, readOnly, tableRows, selectedIds, visibleItemLabels, itemPath, parentIsReadOnly, parentStyles, onAddRow, onRowChange, onRemoveRow, onSelectRow, onSelectAll, onReorderRows } = props;
|
|
26
|
+
const { qItem, qItemsIndexMap, groupCardElevation, isRepeated, readOnly, tableRows, selectedIds, visibleItemLabels, calculatedColumnWidths, itemPath, parentIsReadOnly, parentStyles, onAddRow, onRowChange, onRemoveRow, onSelectRow, onSelectAll, onReorderRows } = props;
|
|
27
27
|
const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
|
|
28
28
|
const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
|
|
29
29
|
const groupCollapsibleValue = getGroupCollapsible(qItem);
|
|
@@ -41,14 +41,14 @@ function GroupTableView(props) {
|
|
|
41
41
|
input: {
|
|
42
42
|
'aria-label': 'Select all rows in ' + ((_a = qItem.text) !== null && _a !== void 0 ? _a : `Unnamed ${qItem.type} item`)
|
|
43
43
|
}
|
|
44
|
-
} }) })) : null, visibleItemLabels.map((visibleItemLabel) => (_jsx(HeaderTableCell, { children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: visibleItemLabel }) }, visibleItemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: itemPath, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) })] })] }));
|
|
44
|
+
} }) })) : null, visibleItemLabels.map((visibleItemLabel) => (_jsx(HeaderTableCell, { children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: visibleItemLabel }) }, visibleItemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, calculatedColumnWidths: calculatedColumnWidths, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: itemPath, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) })] })] }));
|
|
45
45
|
}
|
|
46
46
|
// Regular GTable
|
|
47
47
|
return (_jsxs(QGroupContainerBox, { cardElevation: groupCardElevation, isRepeated: false, py: 3, "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId), style: parentStyles || undefined, children: [itemTextToDisplay ? (_jsxs(_Fragment, { children: [_jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }), _jsx(Divider, { sx: { my: 1, opacity: 0.6 } })] })) : null, _jsx(TableContainer, { component: Paper, elevation: groupCardElevation, children: _jsxs(Table, { children: [showExtraGTableInteractions && !isGroupAddItemButtonHidden(qItem) ? (_jsx("caption", { children: _jsx(AddRowButton, { repeatGroups: tableRows, readOnly: readOnly, onAddItem: onAddRow }) })) : null, _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, { padding: "none" }), showExtraGTableInteractions ? (_jsx(HeaderTableCell, { padding: "none", children: _jsx(StandardCheckbox, { color: "primary", size: "small", indeterminate: indeterminateValue, checked: checkedValue, disabled: readOnly && readOnlyVisualStyle === 'disabled', readOnly: readOnly && readOnlyVisualStyle === 'readonly', "aria-readonly": readOnly && readOnlyVisualStyle === 'readonly', role: "checkbox", "aria-checked": ariaCheckedValue, onChange: onSelectAll, slotProps: {
|
|
48
48
|
input: {
|
|
49
49
|
'aria-label': 'Select all rows in ' + ((_b = qItem.text) !== null && _b !== void 0 ? _b : `Unnamed ${qItem.type} item`)
|
|
50
50
|
}
|
|
51
|
-
} }) })) : null, visibleItemLabels.map((visibleItemLabel) => (_jsx(HeaderTableCell, { children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: visibleItemLabel }) }, visibleItemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: itemPath, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) })] }));
|
|
51
|
+
} }) })) : null, visibleItemLabels.map((visibleItemLabel) => (_jsx(HeaderTableCell, { children: _jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", children: visibleItemLabel }) }, visibleItemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, visibleItemLabels: visibleItemLabels, calculatedColumnWidths: calculatedColumnWidths, showExtraGTableInteractions: showExtraGTableInteractions, itemPath: itemPath, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) })] }));
|
|
52
52
|
}
|
|
53
53
|
export default GroupTableView;
|
|
54
54
|
//# sourceMappingURL=GroupTableView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupTableView.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableView.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAS1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"GroupTableView.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableView.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAS1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AA2BvE,SAAS,cAAc,CAAC,KAA0B;;IAChD,MAAM,EACJ,KAAK,EACL,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EACtB,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,qBAAqB,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAEhE,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAE9E,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEzD,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;IAC3F,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC;IACrF,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAExF,MAAM,2BAA2B,GAAG,UAAU,IAAI,CAAC,QAAQ,CAAC;IAE5D,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEtD,uDAAuD;IACvD,IAAI,qBAAqB,EAAE,CAAC;QAC1B,MAAM,aAAa,GAAG,qBAAqB,KAAK,cAAc,CAAC;QAC/D,OAAO,CACL,MAAC,cAAc,IACb,cAAc,QACd,eAAe,EAAE,aAAa,EAC9B,SAAS,EAAE,kBAAkB,EAC7B,SAAS,EAAE;gBACT,UAAU,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;aAClD,aACD,KAAC,gBAAgB,IAAC,UAAU,EAAE,KAAC,cAAc,KAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YACxE,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CAAC,CAAC,CAAC,IAAI,GACS,EACnB,MAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,aAC5B,iBAAiB,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACtE,KAAC,cAAc,IAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,YAC7D,MAAC,KAAK,eACH,2BAA2B,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnE,4BACE,KAAC,YAAY,IAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAI,GAC1E,CACX,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,SAAS,cACR,MAAC,QAAQ,eACP,KAAC,eAAe,IAAC,OAAO,EAAC,MAAM,GAAG,EACjC,2BAA2B,CAAC,CAAC,CAAC,CAC7B,KAAC,eAAe,IAAC,OAAO,EAAC,MAAM,YAC7B,KAAC,gBAAgB,IACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,kBAAkB,EACjC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,mBACzC,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EAC7D,IAAI,EAAC,UAAU,kBACD,gBAAgB,EAC9B,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAE;4DACT,KAAK,EAAE;gEACL,YAAY,EACV,qBAAqB,GAAG,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,WAAW,KAAK,CAAC,IAAI,OAAO,CAAC;6DACvE;yDACF,GACD,GACc,CACnB,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAC3C,KAAC,eAAe,cACd,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,YAC5D,gBAAgB,GACb,IAHc,gBAAgB,CAIpB,CACnB,CAAC,EACF,KAAC,SAAS,IAAC,OAAO,EAAC,UAAU,GAAG,IACvB,GACD,EACZ,KAAC,cAAc,IACb,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,sBAAsB,EAAE,sBAAsB,EAC9C,2BAA2B,EAAE,2BAA2B,EACxD,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,IACI,GACO,IACA,IACJ,CAClB,CAAC;IACJ,CAAC;IAED,iBAAiB;IACjB,OAAO,CACL,MAAC,kBAAkB,IACjB,aAAa,EAAE,kBAAkB,EACjC,UAAU,EAAE,KAAK,EACjB,EAAE,EAAE,CAAC,iBACQ,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,EAC1C,KAAK,EAAE,YAAY,IAAI,SAAS,aAC/B,iBAAiB,CAAC,CAAC,CAAC,CACnB,8BACE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,EAC1F,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAI,IACvC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,cAAc,IAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,YAC7D,MAAC,KAAK,eACH,2BAA2B,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnE,4BACE,KAAC,YAAY,IAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAI,GAC1E,CACX,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,SAAS,cACR,MAAC,QAAQ,eACP,KAAC,eAAe,IAAC,OAAO,EAAC,MAAM,GAAG,EACjC,2BAA2B,CAAC,CAAC,CAAC,CAC7B,KAAC,eAAe,IAAC,OAAO,EAAC,MAAM,YAC7B,KAAC,gBAAgB,IACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,kBAAkB,EACjC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,mBACzC,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EAC7D,IAAI,EAAC,UAAU,kBACD,gBAAgB,EAC9B,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAE;gDACT,KAAK,EAAE;oDACL,YAAY,EACV,qBAAqB,GAAG,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,WAAW,KAAK,CAAC,IAAI,OAAO,CAAC;iDACvE;6CACF,GACD,GACc,CACnB,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAC3C,KAAC,eAAe,cACd,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,YAC5D,gBAAgB,GACb,IAHc,gBAAgB,CAIpB,CACnB,CAAC,EACF,KAAC,SAAS,IAAC,OAAO,EAAC,UAAU,GAAG,IACvB,GACD,EACZ,KAAC,cAAc,IACb,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,sBAAsB,EAAE,sBAAsB,EAC9C,2BAA2B,EAAE,2BAA2B,EACxD,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,IACI,GACO,IACE,CACtB,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export declare const HeaderTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
2
2
|
export declare const StandardTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
3
|
-
|
|
3
|
+
calculatedWidth?: string;
|
|
4
4
|
}, {}, {}>;
|
|
5
5
|
export declare const RemoveButtonTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
6
6
|
export declare const GridTextTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
7
7
|
export declare const GridAnswerTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
8
|
-
|
|
8
|
+
calculatedWidth?: string;
|
|
9
9
|
}, {}, {}>;
|
|
10
10
|
export declare const StyledGroupTableRow: import("@emotion/styled").StyledComponent<import("@mui/material/TableRow").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style" | "className" | "children" | "sx" | "classes" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
11
11
|
itemIsDragged: boolean;
|
|
@@ -18,6 +18,7 @@ import { styled } from '@mui/material/styles';
|
|
|
18
18
|
import TableCell from '@mui/material/TableCell';
|
|
19
19
|
import TableRow from '@mui/material/TableRow';
|
|
20
20
|
import { grey } from '@mui/material/colors';
|
|
21
|
+
// No need to pass calculatedWidth to HeaderCells, it auto adjusts to content
|
|
21
22
|
export const HeaderTableCell = styled(TableCell)(({ theme }) => ({
|
|
22
23
|
fontSize: 13,
|
|
23
24
|
color: theme.palette.text.primary,
|
|
@@ -26,9 +27,9 @@ export const HeaderTableCell = styled(TableCell)(({ theme }) => ({
|
|
|
26
27
|
paddingRight: 5
|
|
27
28
|
}));
|
|
28
29
|
export const StandardTableCell = styled(TableCell, {
|
|
29
|
-
shouldForwardProp: (prop) => prop !== '
|
|
30
|
-
})(({
|
|
31
|
-
width:
|
|
30
|
+
shouldForwardProp: (prop) => prop !== 'calculatedWidth'
|
|
31
|
+
})(({ calculatedWidth }) => ({
|
|
32
|
+
width: calculatedWidth,
|
|
32
33
|
paddingLeft: 4,
|
|
33
34
|
paddingRight: 4
|
|
34
35
|
}));
|
|
@@ -43,11 +44,11 @@ export const GridTextTableCell = styled(TableCell)(({ theme }) => ({
|
|
|
43
44
|
color: theme.palette.text.secondary
|
|
44
45
|
}));
|
|
45
46
|
export const GridAnswerTableCell = styled(TableCell, {
|
|
46
|
-
shouldForwardProp: (prop) => prop !== '
|
|
47
|
-
})(({
|
|
48
|
-
width:
|
|
49
|
-
paddingLeft:
|
|
50
|
-
paddingRight:
|
|
47
|
+
shouldForwardProp: (prop) => prop !== 'calculatedWidth'
|
|
48
|
+
})(({ calculatedWidth }) => ({
|
|
49
|
+
width: calculatedWidth,
|
|
50
|
+
paddingLeft: 4,
|
|
51
|
+
paddingRight: 4
|
|
51
52
|
}));
|
|
52
53
|
export const StyledGroupTableRow = styled(TableRow, {
|
|
53
54
|
shouldForwardProp: (prop) => prop !== 'itemIsDragged' && prop !== 'itemIsSelected' && prop !== 'hoverDisabled'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.styles.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/Table.styles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,UAAU,EAAE,QAAQ;IACpB,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,
|
|
1
|
+
{"version":3,"file":"Table.styles.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/Table.styles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,6EAA6E;AAC7E,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,UAAU,EAAE,QAAQ;IACpB,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,iBAAiB;CACxD,CAAC,CAEC,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;CACpC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,SAAS,EAAE;IACnD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,iBAAiB;CACxD,CAAC,CAEC,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,QAAQ,EAAE;IAClD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,gBAAgB,IAAI,IAAI,KAAK,eAAe;CACpF,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,+BAC3D,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,IACjD,CAAC,aAAa;IACf,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC;QACE,0BAA0B,EAAE;YAC1B,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SACzD;KACF,CAAC,GACH,CAAC,aAAa;IACf,CAAC,CAAC;QACE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KACxD;IACH,CAAC,CAAC,EAAE,CAAC,EACP,CACH,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Hook to observe a container element's width and call a callback whenever it changes.
|
|
3
|
+
*
|
|
4
|
+
* Uses `ResizeObserver` to track changes to the element’s dimensions.
|
|
5
|
+
* Works with libraries like Allotment that resize elements without triggering a window resize event.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
export declare function useResizeColumns(ref: React.RefObject<HTMLDivElement | null>, onSetTableWidth: (width: number) => void): void;
|