@aehrc/smart-forms-renderer 1.0.0-alpha.42.dev7 → 1.0.0-alpha.42.dev9

package/lib/components/FormComponents/StringItem/StringField.d.ts

@@ -0,0 +1,15 @@
+import type { PropsWithIsTabledRequiredAttribute } from '../../../interfaces/renderProps.interface';
+interface StringFieldProps extends PropsWithIsTabledRequiredAttribute {
+    linkId: string;
+    itemType: string;
+    input: string;
+    feedback: string;
+    displayPrompt: string;
+    displayUnit: string;
+    entryFormat: string;
+    readOnly: boolean;
+    calcExpUpdated: boolean;
+    onInputChange: (value: string) => void;
+}
+declare function StringField(props: StringFieldProps): import("react/jsx-runtime").JSX.Element;
+export default StringField;

package/lib/components/FormComponents/StringItem/StringField.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import InputAdornment from '@mui/material/InputAdornment';
+import { StandardTextField } from '../Textfield.styles';
+import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
+import { useRendererStylingStore } from '../../../stores';
+import DisplayUnitText from '../ItemParts/DisplayUnitText';
+function StringField(props) {
+    const { linkId, itemType, input, feedback, displayPrompt, displayUnit, entryFormat, readOnly, isTabled, calcExpUpdated, onInputChange } = props;
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    const textFieldWidth = useRendererStylingStore.use.textFieldWidth();
+    return (_jsx(StandardTextField, { id: itemType + '-' + linkId, fullWidth: true, textFieldWidth: textFieldWidth, isTabled: isTabled, value: input, error: !!feedback, onChange: (event) => onInputChange(event.target.value), label: displayPrompt, placeholder: entryFormat, disabled: readOnly && readOnlyVisualStyle === 'disabled', size: "small", slotProps: {
+            input: {
+                readOnly: readOnly && readOnlyVisualStyle === 'readonly',
+                endAdornment: (_jsxs(InputAdornment, Object.assign({ position: "end" }, { children: [_jsx(FadingCheckIcon, { fadeIn: calcExpUpdated, disabled: readOnly }), _jsx(DisplayUnitText, Object.assign({ readOnly: readOnly }, { children: displayUnit }))] })))
+            }
+        }, helperText: feedback, "data-test": "q-item-string-field" }));
+}
+export default StringField;
+//# sourceMappingURL=StringField.js.map

package/lib/components/FormComponents/StringItem/StringField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringField.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/StringItem/StringField.tsx"],"names":[],"mappings":";AAmBA,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAe3D,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,OAAO,CACL,KAAC,iBAAiB,IAChB,EAAE,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,EAC3B,SAAS,QACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,QAAQ,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EACxD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ,IAAI,mBAAmB,KAAK,UAAU;gBACxD,YAAY,EAAE,CACZ,MAAC,cAAc,kBAAC,QAAQ,EAAC,KAAK,iBAC5B,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC/D,KAAC,eAAe,kBAAC,QAAQ,EAAE,QAAQ,gBAAG,WAAW,IAAmB,KACrD,CAClB;aACF;SACF,EACD,UAAU,EAAE,QAAQ,eACV,qBAAqB,GAC/B,CACH,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

package/lib/components/FormComponents/StringItem/StringItem.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithFeedbackFromParentAttribute, PropsWithIsRepeatedAttribute, PropsWithIsTabledRequiredAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler, PropsWithRenderingExtensionsAttribute } from '../../../interfaces/renderProps.interface';
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+interface StringItemProps extends PropsWithQrItemChangeHandler, PropsWithIsRepeatedAttribute, PropsWithIsTabledRequiredAttribute, PropsWithRenderingExtensionsAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithFeedbackFromParentAttribute {
+    qItem: QuestionnaireItem;
+    qrItem: QuestionnaireResponseItem | null;
+    parentStyles?: Record<string, string>;
+}
+declare function StringItem(props: StringItemProps): import("react/jsx-runtime").JSX.Element;
+export default StringItem;

package/lib/components/FormComponents/StringItem/StringItem.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useCallback, useState } from 'react';
+import useValidationFeedback from '../../../hooks/useValidationFeedback';
+import debounce from 'lodash.debounce';
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import { DEBOUNCE_DURATION } from '../../../utils/debounce';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import StringField from './StringField';
+import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
+import useStringCalculatedExpression from '../../../hooks/useStringCalculatedExpression';
+import useReadOnly from '../../../hooks/useReadOnly';
+import { useQuestionnaireStore } from '../../../stores';
+import ItemLabel from '../ItemParts/ItemLabel';
+function StringItem(props) {
+    var _a;
+    const { qItem, qrItem, isRepeated, isTabled, renderingExtensions, parentIsReadOnly, feedbackFromParent, onQrItemChange, parentStyles } = props;
+    const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
+    const { displayUnit, displayPrompt, entryFormat } = renderingExtensions;
+    // Init input value
+    const answerKey = (_a = qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) === null || _a === void 0 ? void 0 : _a[0].id;
+    let valueString = '';
+    if ((qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) && (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer[0].valueString)) {
+        valueString = qrItem.answer[0].valueString;
+    }
+    const [input, setInput] = useState(valueString);
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    // Perform validation checks
+    const feedback = useValidationFeedback(qItem, feedbackFromParent, input);
+    // Process calculated expressions
+    const { calcExpUpdated } = useStringCalculatedExpression({
+        qItem: qItem,
+        inputValue: input,
+        onChangeByCalcExpressionString: (newValueString) => {
+            setInput(newValueString);
+            onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem, answerKey)), { answer: [{ id: answerKey, valueString: newValueString }] }));
+        },
+        onChangeByCalcExpressionNull: () => {
+            setInput('');
+            onQrItemChange(createEmptyQrItem(qItem, answerKey));
+        }
+    });
+    // Event handlers
+    function handleChange(newInput) {
+        setInput(newInput);
+        updateQrItemWithDebounce(newInput);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const updateQrItemWithDebounce = useCallback(debounce((input) => {
+        const emptyQrItem = createEmptyQrItem(qItem, answerKey);
+        if (input !== '') {
+            onQrItemChange(Object.assign(Object.assign({}, emptyQrItem), { answer: [{ id: answerKey, valueString: input }] }));
+        }
+        else {
+            onQrItemChange(emptyQrItem);
+        }
+    }, DEBOUNCE_DURATION), [onQrItemChange, qItem]); // Dependencies are tested, debounce is causing eslint to not recognise dependencies
+    if (isRepeated) {
+        return (_jsx(StringField, { linkId: qItem.linkId, itemType: qItem.type, input: input, feedback: feedback, displayPrompt: displayPrompt, displayUnit: displayUnit, entryFormat: entryFormat, readOnly: readOnly, calcExpUpdated: calcExpUpdated, onInputChange: handleChange, isTabled: isTabled }));
+    }
+    return (_jsx(FullWidthFormComponentBox, Object.assign({ "data-test": "q-item-string-box", "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId) }, { children: _jsx(ItemFieldGrid, { qItem: qItem, readOnly: readOnly, labelChildren: _jsx(ItemLabel, { qItem: qItem, readOnly: readOnly, parentStyles: parentStyles }), fieldChildren: _jsx(StringField, { linkId: qItem.linkId, itemType: qItem.type, input: input, feedback: feedback, displayPrompt: displayPrompt, displayUnit: displayUnit, entryFormat: entryFormat, readOnly: readOnly, calcExpUpdated: calcExpUpdated, onInputChange: handleChange, isTabled: isTabled }), feedback: feedback }) })));
+}
+export default StringItem;
+//# sourceMappingURL=StringItem.js.map

package/lib/components/FormComponents/StringItem/StringItem.js.map

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

package/lib/components/FormComponents/StringItem/index.d.ts

@@ -0,0 +1 @@
+export { default as StringField } from './StringField';

package/lib/components/FormComponents/StringItem/index.js

@@ -0,0 +1,18 @@
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { default as StringField } from './StringField';
+//# sourceMappingURL=index.js.map

package/lib/components/FormComponents/StringItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/StringItem/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/FormComponents/Tables/AddRowButton.d.ts

@@ -0,0 +1,8 @@
+import type { RepeatGroupSingleModel } from '../../../interfaces/repeatGroup.interface';
+interface AddItemButtonProps {
+    repeatGroups: RepeatGroupSingleModel[];
+    readOnly: boolean;
+    onAddItem: () => void;
+}
+declare function AddRowButton(props: AddItemButtonProps): import("react/jsx-runtime").JSX.Element;
+export default AddRowButton;

package/lib/components/FormComponents/Tables/AddRowButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import AddIcon from '@mui/icons-material/Add';
+function AddRowButton(props) {
+    const { repeatGroups, readOnly, onAddItem } = props;
+    const isDisabled = repeatGroups[repeatGroups.length - 1].qrItem === null || readOnly;
+    return (_jsx(Box, Object.assign({ display: "flex", flexDirection: "row-reverse" }, { children: _jsx(Button, Object.assign({ variant: "contained", size: "small", startIcon: _jsx(AddIcon, {}), disabled: isDisabled, onClick: onAddItem, "data-test": "button-add-repeat-item" }, { children: "Add Row" })) })));
+}
+export default AddRowButton;
+//# sourceMappingURL=AddRowButton.js.map

package/lib/components/FormComponents/Tables/AddRowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddRowButton.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/AddRowButton.tsx"],"names":[],"mappings":";AAkBA,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAS9C,SAAS,YAAY,CAAC,KAAyB;IAC7C,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,UAAU,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,QAAQ,CAAC;IAErF,OAAO,CACL,KAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,aAAa,gBAC7C,KAAC,MAAM,kBACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,KAAC,OAAO,KAAG,EACtB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,SAAS,eACR,wBAAwB,6BAE3B,IACL,CACP,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

package/lib/components/FormComponents/Tables/GroupTable.d.ts

@@ -0,0 +1,16 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithIsRepeatedAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithQrRepeatGroupChangeHandler, PropsWithShowMinimalViewAttribute } from '../../../interfaces/renderProps.interface';
+interface GroupTableProps extends PropsWithQrRepeatGroupChangeHandler, PropsWithIsRepeatedAttribute, PropsWithShowMinimalViewAttribute, PropsWithParentIsReadOnlyAttribute {
+    qItem: QuestionnaireItem;
+    qrItems: QuestionnaireResponseItem[];
+    groupCardElevation: number;
+    parentStyles?: Record<string, string>;
+}
+/**
+ * Main component to render a Group Table (gtable) Questionnaire item.
+ * @see {@link https://hl7.org/fhir/extensions/CodeSystem-questionnaire-item-control.html}
+ *
+ * @author Sean Fong
+ */
+declare function GroupTable(props: GroupTableProps): import("react/jsx-runtime").JSX.Element | null;
+export default GroupTable;

package/lib/components/FormComponents/Tables/GroupTable.js

@@ -0,0 +1,133 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright 2024 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useMemo } from 'react';
+import { mapQItemsIndex } from '../../../utils/mapItem';
+import useReadOnly from '../../../hooks/useReadOnly';
+import GroupTableView from './GroupTableView';
+import { getGroupTableItemsToUpdate } from '../../../utils/groupTable';
+import useGroupTableRows from '../../../hooks/useGroupTableRows';
+import { flushSync } from 'react-dom';
+import { generateNewRepeatId } from '../../../utils/repeatId';
+import useInitialiseGroupTableRows from '../../../hooks/useInitialiseGroupTableRows';
+/**
+ * Main component to render a Group Table (gtable) Questionnaire item.
+ * @see {@link https://hl7.org/fhir/extensions/CodeSystem-questionnaire-item-control.html}
+ *
+ * @author Sean Fong
+ */
+function GroupTable(props) {
+    const { qItem, qrItems, groupCardElevation, isRepeated, showMinimalView, parentIsReadOnly, onQrRepeatGroupChange, parentStyles } = props;
+    const initialGroupTableRows = useInitialiseGroupTableRows(qItem.linkId, qrItems);
+    const { tableRows, selectedIds, setTableRows, setSelectedIds } = useGroupTableRows(initialGroupTableRows);
+    const readOnly = useReadOnly(qItem, parentIsReadOnly);
+    // Generate item labels as table headers
+    const qItems = qItem.item;
+    const itemLabels = useMemo(() => { var _a; return (_a = qItems === null || qItems === void 0 ? void 0 : qItems.map((item) => { var _a; return (_a = item.text) !== null && _a !== void 0 ? _a : ''; })) !== null && _a !== void 0 ? _a : []; }, [qItems]);
+    const qItemsIndexMap = useMemo(() => mapQItemsIndex(qItem), [qItem]);
+    // Check if there are columns within the group table
+    if (!qItems || qItems.length === 0) {
+        return null;
+    }
+    // Event Handlers
+    function handleRowChange(newQrRow, index) {
+        const updatedTableRows = [...tableRows];
+        if (newQrRow.item) {
+            updatedTableRows[index].qrItem = {
+                linkId: newQrRow.linkId,
+                text: newQrRow.text,
+                item: newQrRow.item
+            };
+        }
+        setTableRows(updatedTableRows);
+        onQrRepeatGroupChange({
+            linkId: qItem.linkId,
+            qrItems: getGroupTableItemsToUpdate(updatedTableRows, selectedIds)
+        });
+    }
+    function handleRemoveRow(index) {
+        const updatedTableRows = [...tableRows];
+        const rowToRemove = updatedTableRows[index];
+        const updatedSelectedIds = selectedIds.filter((id) => id !== rowToRemove.id);
+        updatedTableRows.splice(index, 1);
+        setTableRows(updatedTableRows);
+        onQrRepeatGroupChange({
+            linkId: qItem.linkId,
+            qrItems: getGroupTableItemsToUpdate(updatedTableRows, updatedSelectedIds)
+        });
+        setSelectedIds(updatedSelectedIds);
+    }
+    function handleAddRow() {
+        const newRowId = generateNewRepeatId(qItem.linkId);
+        setTableRows([
+            ...tableRows,
+            {
+                id: newRowId,
+                qrItem: null
+            }
+        ]);
+        setSelectedIds([...selectedIds, newRowId]);
+    }
+    function handleSelectAll() {
+        // deselect all if all are selected, otherwise select all
+        const updatedTableIds = selectedIds.length === tableRows.length ? [] : tableRows.map((tableRow) => tableRow.id);
+        setSelectedIds(updatedTableIds);
+        onQrRepeatGroupChange({
+            linkId: qItem.linkId,
+            qrItems: getGroupTableItemsToUpdate(tableRows, updatedTableIds)
+        });
+    }
+    function handleSelectRow(rowId) {
+        const updatedSelectedIds = [...selectedIds];
+        const index = updatedSelectedIds.indexOf(rowId);
+        if (index === -1) {
+            updatedSelectedIds.push(rowId);
+        }
+        else {
+            updatedSelectedIds.splice(index, 1);
+        }
+        setSelectedIds(updatedSelectedIds);
+        onQrRepeatGroupChange({
+            linkId: qItem.linkId,
+            qrItems: getGroupTableItemsToUpdate(tableRows, updatedSelectedIds)
+        });
+    }
+    function handleReorderRows(newTableRows) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Prevent state batching when reordering to prevent view stuttering https://react.dev/reference/react-dom/flushSync
+            flushSync(() => {
+                setTableRows(newTableRows);
+            });
+            onQrRepeatGroupChange({
+                linkId: qItem.linkId,
+                qrItems: getGroupTableItemsToUpdate(newTableRows, selectedIds)
+            });
+        });
+    }
+    return (_jsx(GroupTableView, { qItem: qItem, qItemsIndexMap: qItemsIndexMap, groupCardElevation: groupCardElevation, isRepeated: isRepeated, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, itemLabels: itemLabels, showMinimalView: showMinimalView, parentIsReadOnly: parentIsReadOnly, onAddRow: handleAddRow, onRowChange: handleRowChange, onRemoveRow: handleRemoveRow, onSelectRow: handleSelectRow, onSelectAll: handleSelectAll, onReorderRows: handleReorderRows, parentStyles: parentStyles }));
+}
+export default GroupTable;
+//# sourceMappingURL=GroupTable.js.map

package/lib/components/FormComponents/Tables/GroupTable.js.map

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

package/lib/components/FormComponents/Tables/GroupTableBody.d.ts

@@ -0,0 +1,16 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { GroupTableRowModel } from '../../../interfaces/groupTable.interface';
+import type { PropsWithIsRepeatedAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithShowMinimalViewAttribute } from '../../../interfaces/renderProps.interface';
+interface GroupTableBodyProps extends PropsWithIsRepeatedAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithShowMinimalViewAttribute {
+    tableQItem: QuestionnaireItem;
+    readOnly: boolean;
+    tableRows: GroupTableRowModel[];
+    selectedIds: string[];
+    qItemsIndexMap: Record<string, number>;
+    onRowChange: (newQrRow: QuestionnaireResponseItem, index: number) => void;
+    onRemoveRow: (index: number) => void;
+    onSelectRow: (rowId: string) => void;
+    onReorderRows: (newTableRows: GroupTableRowModel[]) => void;
+}
+declare function GroupTableBody(props: GroupTableBodyProps): import("react/jsx-runtime").JSX.Element;
+export default GroupTableBody;

package/lib/components/FormComponents/Tables/GroupTableBody.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import GroupTableRow from './GroupTableRow';
+import { DragDropContext, Droppable } from 'react-beautiful-dnd';
+import { reorderRows } from '../../../utils/groupTable';
+import TableBody from '@mui/material/TableBody';
+function GroupTableBody(props) {
+    const { tableQItem, readOnly, tableRows, selectedIds, qItemsIndexMap, isRepeated, showMinimalView, parentIsReadOnly, onRowChange, onRemoveRow, onSelectRow, onReorderRows } = props;
+    function onDragEnd(result) {
+        if (!result.destination) {
+            return;
+        }
+        if (result.destination.index === result.source.index) {
+            return;
+        }
+        const reorderedRows = reorderRows(tableRows, result.source.index, result.destination.index);
+        onReorderRows(reorderedRows);
+    }
+    return (_jsx(DragDropContext, Object.assign({ onDragEnd: onDragEnd }, { children: _jsx(Droppable, Object.assign({ droppableId: "gtable_rows", direction: "vertical" }, { children: (droppableProvided, snapshot) => (_jsxs(TableBody, Object.assign({ ref: droppableProvided.innerRef }, droppableProvided.droppableProps, { children: [tableRows.map(({ id, qrItem: nullableQrItem }, index) => {
+                        const itemIsSelected = selectedIds.indexOf(id) !== -1;
+                        const answeredQrItem = createEmptyQrItem(tableQItem, undefined);
+                        if (nullableQrItem) {
+                            answeredQrItem.item = nullableQrItem.item;
+                        }
+                        return (_jsx(GroupTableRow, { index: index, rowId: id, tableQItem: tableQItem, answeredQrItem: answeredQrItem, nullableQrItem: nullableQrItem, readOnly: readOnly, isRepeated: isRepeated, hoverDisabled: snapshot.isDraggingOver, tableRows: tableRows, itemIsSelected: itemIsSelected, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, showMinimalView: showMinimalView, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow }, id));
+                    }), droppableProvided.placeholder] }))) })) })));
+}
+export default GroupTableBody;
+//# sourceMappingURL=GroupTableBody.js.map

package/lib/components/FormComponents/Tables/GroupTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupTableBody.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/Tables/GroupTableBody.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAQ1D,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;AAiBhD,SAAS,cAAc,CAAC,KAA0B;IAChD,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,eAAe,EACf,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;YACvB,OAAO;SACR;QAED,IAAI,MAAM,CAAC,WAAW,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;YACpD,OAAO;SACR;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,kBAAC,SAAS,EAAE,SAAS,gBACnC,KAAC,SAAS,kBAAC,WAAW,EAAC,aAAa,EAAC,SAAS,EAAC,UAAU,gBACtD,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;4BAClB,cAAc,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC;yBAC3C;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,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,QAAQ,CAAC,cAAc,EACtC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,IAjBnB,EAAE,CAkBP,CACH,CAAC;oBACJ,CAAC,CAAC,EACD,iBAAiB,CAAC,WAAW,KACpB,CACb,IACS,IACI,CACnB,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}

package/lib/components/FormComponents/Tables/GroupTableRow.d.ts

@@ -0,0 +1,23 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithIsRepeatedAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithShowMinimalViewAttribute } from '../../../interfaces/renderProps.interface';
+import type { TableRowProps } from '@mui/material/TableRow';
+import type { GroupTableRowModel } from '../../../interfaces/groupTable.interface';
+interface GroupTableRowProps extends PropsWithIsRepeatedAttribute, PropsWithShowMinimalViewAttribute, PropsWithParentIsReadOnlyAttribute, TableRowProps {
+    rowId: string;
+    index: number;
+    tableQItem: QuestionnaireItem;
+    answeredQrItem: QuestionnaireResponseItem;
+    nullableQrItem: QuestionnaireResponseItem | null;
+    readOnly: boolean;
+    isRepeated: boolean;
+    hoverDisabled: boolean;
+    tableRows: GroupTableRowModel[];
+    itemIsSelected: boolean;
+    selectedIds: string[];
+    qItemsIndexMap: Record<string, number>;
+    onRowChange: (newQrRow: QuestionnaireResponseItem, index: number) => void;
+    onRemoveRow: (index: number) => void;
+    onSelectRow: (nanoId: string) => void;
+}
+declare function GroupTableRow(props: GroupTableRowProps): import("react/jsx-runtime").JSX.Element;
+export default GroupTableRow;

package/lib/components/FormComponents/Tables/GroupTableRow.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import TableRow from '@mui/material/TableRow';
+import SelectRowButton from './SelectRowButton';
+import GroupTableRowCells from './GroupTableRowCells';
+import RemoveRowButton from './RemoveRowButton';
+import DragIndicator from '@mui/icons-material/DragIndicator';
+import TableCell from '@mui/material/TableCell';
+import Box from '@mui/material/Box';
+import { Draggable } from 'react-beautiful-dnd';
+import { StyledGroupTableRow } from './Table.styles';
+function GroupTableRow(props) {
+    const { rowId, index, tableQItem, answeredQrItem, nullableQrItem, readOnly, isRepeated, hoverDisabled, tableRows, itemIsSelected, qItemsIndexMap, showMinimalView, parentIsReadOnly, onRowChange, onRemoveRow, onSelectRow } = props;
+    if (isRepeated) {
+        return (_jsx(Draggable, Object.assign({ 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: [showMinimalView || !isRepeated ? (_jsx(TableCell, { padding: "checkbox" })) : (_jsxs(_Fragment, { children: [_jsx(TableCell, Object.assign({ padding: "none" }, { children: _jsx(Box, Object.assign({ display: "flex", alignItems: "center", justifyContent: "center" }, (readOnly ? {} : draggableProvided.dragHandleProps), { children: _jsx(DragIndicator, { fontSize: "small", sx: { color: readOnly ? 'text.disabled' : 'inherit' } }) })) })), _jsx(SelectRowButton, { isSelected: itemIsSelected, readOnly: readOnly, onSelectItem: () => onSelectRow(rowId) })] })), _jsx(GroupTableRowCells, { qItem: tableQItem, qrItem: answeredQrItem, qItemsIndexMap: qItemsIndexMap, parentIsReadOnly: parentIsReadOnly, onQrItemChange: (newQrGroup) => onRowChange(newQrGroup, index) }), showMinimalView || !isRepeated ? (_jsx(TableCell, { padding: "checkbox" })) : (_jsx(RemoveRowButton, { nullableQrItem: nullableQrItem, numOfRows: tableRows.length, readOnly: readOnly, onRemoveItem: () => onRemoveRow(index) }))] }))) })));
+    }
+    return (_jsxs(TableRow, { children: [showMinimalView || !isRepeated ? (_jsx(TableCell, { padding: "checkbox" })) : (_jsxs(_Fragment, { children: [_jsx(TableCell, Object.assign({ padding: "none" }, { children: _jsx(Box, Object.assign({ display: "flex", alignItems: "center", justifyContent: "center" }, { children: _jsx(DragIndicator, { fontSize: "small", sx: { color: readOnly ? 'text.disabled' : 'inherit' } }) })) })), _jsx(SelectRowButton, { isSelected: itemIsSelected, readOnly: readOnly, onSelectItem: () => onSelectRow(rowId) })] })), _jsx(GroupTableRowCells, { qItem: tableQItem, qrItem: answeredQrItem, qItemsIndexMap: qItemsIndexMap, parentIsReadOnly: parentIsReadOnly, onQrItemChange: (newQrGroup) => onRowChange(newQrGroup, index) }), showMinimalView || !isRepeated ? (_jsx(TableCell, { padding: "checkbox" })) : (_jsx(RemoveRowButton, { nullableQrItem: nullableQrItem, numOfRows: tableRows.length, readOnly: readOnly, onRemoveItem: () => onRemoveRow(index) }))] }));
+}
+export default GroupTableRow;
+//# sourceMappingURL=GroupTableRow.js.map

package/lib/components/FormComponents/Tables/GroupTableRow.js.map

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

package/lib/components/FormComponents/Tables/GroupTableRowCells.d.ts

@@ -0,0 +1,9 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler } from '../../../interfaces/renderProps.interface';
+interface GroupTableRowCellsProps extends PropsWithQrItemChangeHandler, PropsWithParentIsReadOnlyAttribute {
+    qItem: QuestionnaireItem;
+    qrItem: QuestionnaireResponseItem | null;
+    qItemsIndexMap: Record<string, number>;
+}
+declare function GroupTableRowCells(props: GroupTableRowCellsProps): import("react/jsx-runtime").JSX.Element | null;
+export default GroupTableRowCells;

package/lib/components/FormComponents/Tables/GroupTableRowCells.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createEmptyQrGroup, updateQrItemsInGroup } from '../../../utils/qrItem';
+import SingleItem from '../SingleItem/SingleItem';
+import { getQrItemsIndex } from '../../../utils/mapItem';
+import { StandardTableCell } from './Table.styles';
+function GroupTableRowCells(props) {
+    const { qItem, qrItem, qItemsIndexMap, parentIsReadOnly, onQrItemChange } = props;
+    const rowItems = qItem.item;
+    const row = qrItem && qrItem.item ? qrItem : createEmptyQrGroup(qItem);
+    const rowQrItems = row.item;
+    if (!rowItems || !rowQrItems) {
+        return null;
+    }
+    function handleQrRowItemChange(newQrRowItem) {
+        const qrRow = Object.assign({}, row);
+        updateQrItemsInGroup(newQrRowItem, null, qrRow, qItemsIndexMap);
+        onQrItemChange(qrRow);
+    }
+    const qrItemsByIndex = getQrItemsIndex(rowItems, rowQrItems, qItemsIndexMap);
+    return (_jsx(_Fragment, { children: rowItems.map((rowItem, index) => {
+            const qrItem = qrItemsByIndex[index];
+            if (Array.isArray(qrItem)) {
+                return null;
+            }
+            return (_jsx(StandardTableCell, Object.assign({ numOfColumns: rowItems.length }, { children: _jsx(SingleItem, { qItem: rowItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, isRepeated: true, isTabled: true, groupCardElevation: 1, showMinimalView: true, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrRowItemChange }, qItem.linkId) }), index));
+        }) }));
+}
+export default GroupTableRowCells;
+//# sourceMappingURL=GroupTableRowCells.js.map

package/lib/components/FormComponents/Tables/GroupTableRowCells.js.map

@@ -0,0 +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,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAcnD,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAElF,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;QAC5B,OAAO,IAAI,CAAC;KACb;IAED,SAAS,qBAAqB,CAAC,YAAuC;QACpE,MAAM,KAAK,qBAAmC,GAAG,CAAE,CAAC;QACpD,oBAAoB,CAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QAChE,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,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,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBACzB,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,KAAC,iBAAiB,kBAAa,YAAY,EAAE,QAAQ,CAAC,MAAM,gBAC1D,KAAC,UAAU,IAET,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,kBAAkB,EAAE,CAAC,EACrB,eAAe,EAAE,IAAI,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,qBAAqB,IARhC,KAAK,CAAC,MAAM,CASjB,KAXoB,KAAK,CAYT,CACrB,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/lib/components/FormComponents/Tables/GroupTableView.d.ts

@@ -0,0 +1,21 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithIsRepeatedAttribute, PropsWithParentIsReadOnlyAttribute, PropsWithShowMinimalViewAttribute } from '../../../interfaces/renderProps.interface';
+import type { GroupTableRowModel } from '../../../interfaces/groupTable.interface';
+interface GroupTableViewProps extends PropsWithIsRepeatedAttribute, PropsWithShowMinimalViewAttribute, PropsWithParentIsReadOnlyAttribute {
+    qItem: QuestionnaireItem;
+    qItemsIndexMap: Record<string, number>;
+    groupCardElevation: number;
+    readOnly: boolean;
+    tableRows: GroupTableRowModel[];
+    selectedIds: string[];
+    itemLabels: string[];
+    onAddRow: () => void;
+    onRowChange: (newQrRow: QuestionnaireResponseItem, index: number) => void;
+    onRemoveRow: (index: number) => void;
+    onSelectRow: (rowId: string) => void;
+    onSelectAll: () => void;
+    onReorderRows: (newTableRows: GroupTableRowModel[]) => void;
+    parentStyles?: Record<string, string>;
+}
+declare function GroupTableView(props: GroupTableViewProps): import("react/jsx-runtime").JSX.Element;
+export default GroupTableView;

package/lib/components/FormComponents/Tables/GroupTableView.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { QGroupContainerBox } from '../../Box.styles';
+import TableContainer from '@mui/material/TableContainer';
+import Paper from '@mui/material/Paper';
+import Table from '@mui/material/Table';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import { HeaderTableCell } from './Table.styles';
+import TableCell from '@mui/material/TableCell';
+import TableBody from '@mui/material/TableBody';
+import Divider from '@mui/material/Divider';
+import AddRowButton from './AddRowButton';
+import GroupTableBody from './GroupTableBody';
+import { useQuestionnaireStore, useRendererStylingStore } from '../../../stores';
+import { getGroupCollapsible } from '../../../utils/qItem';
+import { GroupAccordion } from '../GroupItem/GroupAccordion.styles';
+import AccordionSummary from '@mui/material/AccordionSummary';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import AccordionDetails from '@mui/material/AccordionDetails';
+import GroupHeading from '../GroupItem/GroupHeading';
+import { StandardCheckbox } from '../../Checkbox.styles';
+function GroupTableView(props) {
+    const { qItem, qItemsIndexMap, groupCardElevation, isRepeated, readOnly, tableRows, selectedIds, itemLabels, showMinimalView, parentIsReadOnly, onAddRow, onRowChange, onRemoveRow, onSelectRow, onSelectAll, onReorderRows, parentStyles } = props;
+    const onFocusLinkId = useQuestionnaireStore.use.onFocusLinkId();
+    const readOnlyVisualStyle = useRendererStylingStore.use.readOnlyVisualStyle();
+    const groupCollapsibleValue = getGroupCollapsible(qItem);
+    // If the table is collapsible, wrap it in an accordion
+    if (groupCollapsibleValue) {
+        const isDefaultOpen = groupCollapsibleValue === 'default-open';
+        // Minimal + Accordion
+        if (showMinimalView) {
+            return (_jsxs(GroupAccordion, Object.assign({ disableGutters: true, defaultExpanded: isDefaultOpen, elevation: groupCardElevation, slotProps: {
+                    transition: { unmountOnExit: true, timeout: 250 }
+                } }, { children: [_jsx(AccordionSummary, Object.assign({ expandIcon: _jsx(ExpandMoreIcon, {}), sx: { minHeight: '28px' } }, { children: _jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }) })), _jsxs(AccordionDetails, Object.assign({ sx: { pt: 0 } }, { children: [qItem.text ? _jsx(Divider, { sx: { mb: 1.5, opacity: 0.6 } }) : null, _jsx(TableContainer, Object.assign({ component: Paper, elevation: groupCardElevation }, { children: _jsxs(Table, Object.assign({ size: "small" }, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [itemLabels.map((itemLabel) => (_jsx(HeaderTableCell, Object.assign({ size: "medium" }, { children: itemLabel }), itemLabel))), _jsx(TableCell, {})] }) }), _jsx(TableBody, { children: _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, isRepeated: isRepeated, showMinimalView: showMinimalView, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows }) })] })) }))] }))] })));
+        }
+        // Non-minimal Accordion
+        return (_jsxs(GroupAccordion, Object.assign({ disableGutters: true, defaultExpanded: isDefaultOpen, elevation: groupCardElevation, slotProps: {
+                transition: { unmountOnExit: true, timeout: 250 }
+            } }, { children: [_jsx(AccordionSummary, Object.assign({ expandIcon: _jsx(ExpandMoreIcon, {}), sx: { minHeight: '28px' } }, { children: _jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }) })), _jsxs(AccordionDetails, Object.assign({ sx: { pt: 0 } }, { children: [qItem.text ? _jsx(Divider, { sx: { mb: 1.5, opacity: 0.6 } }) : null, _jsx(TableContainer, Object.assign({ component: Paper, elevation: groupCardElevation }, { children: _jsxs(Table, { children: [isRepeated ? (_jsx("caption", { children: _jsx(AddRowButton, { repeatGroups: tableRows, readOnly: readOnly, onAddItem: onAddRow }) })) : null, _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, { padding: "none" }), isRepeated ? (_jsx(HeaderTableCell, Object.assign({ padding: "none" }, { children: _jsx(StandardCheckbox, { color: "primary", size: "small", indeterminate: selectedIds.length > 0 && selectedIds.length < tableRows.length, checked: tableRows.length > 0 && selectedIds.length === tableRows.length, disabled: readOnly && readOnlyVisualStyle === 'disabled', readOnly: readOnly && readOnlyVisualStyle === 'readonly', onChange: onSelectAll }) }))) : null, itemLabels.map((itemLabel) => (_jsx(HeaderTableCell, { children: itemLabel }, itemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, isRepeated: isRepeated, showMinimalView: showMinimalView, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) }))] }))] })));
+    }
+    // Minimal + Regular GTable
+    if (showMinimalView) {
+        return (_jsx(QGroupContainerBox, Object.assign({ cardElevation: groupCardElevation, isRepeated: false, py: 1, style: parentStyles || undefined }, { children: _jsx(TableContainer, Object.assign({ component: Paper, elevation: groupCardElevation }, { children: _jsxs(Table, Object.assign({ size: "small" }, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [itemLabels.map((itemLabel) => (_jsx(HeaderTableCell, Object.assign({ size: "medium" }, { children: itemLabel }), itemLabel))), _jsx(TableCell, {})] }) }), _jsx(TableBody, { children: _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, isRepeated: isRepeated, showMinimalView: showMinimalView, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows }) })] })) })) })));
+    }
+    // Regular GTable (not minimal)
+    return (_jsxs(QGroupContainerBox, Object.assign({ cardElevation: groupCardElevation, isRepeated: false, py: 3, "data-linkid": qItem.linkId, onClick: () => onFocusLinkId(qItem.linkId), style: parentStyles || undefined }, { children: [_jsxs(_Fragment, { children: [_jsx(GroupHeading, { qItem: qItem, readOnly: readOnly, groupCardElevation: groupCardElevation }), _jsx(Divider, { sx: { my: 1, opacity: 0.6 } })] }), _jsx(TableContainer, Object.assign({ component: Paper, elevation: groupCardElevation }, { children: _jsxs(Table, { children: [isRepeated ? (_jsx("caption", { children: _jsx(AddRowButton, { repeatGroups: tableRows, readOnly: readOnly, onAddItem: onAddRow }) })) : null, _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(HeaderTableCell, { padding: "none" }), isRepeated ? (_jsx(HeaderTableCell, Object.assign({ padding: "none" }, { children: _jsx(StandardCheckbox, { color: "primary", size: "small", indeterminate: selectedIds.length > 0 && selectedIds.length < tableRows.length, checked: tableRows.length > 0 && selectedIds.length === tableRows.length, disabled: readOnly && readOnlyVisualStyle === 'disabled', readOnly: readOnly && readOnlyVisualStyle === 'readonly', onChange: onSelectAll }) }))) : null, itemLabels.map((itemLabel) => (_jsx(HeaderTableCell, { children: itemLabel }, itemLabel))), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(GroupTableBody, { tableQItem: qItem, readOnly: readOnly, tableRows: tableRows, selectedIds: selectedIds, qItemsIndexMap: qItemsIndexMap, isRepeated: isRepeated, showMinimalView: showMinimalView, parentIsReadOnly: parentIsReadOnly, onRowChange: onRowChange, onRemoveRow: onRemoveRow, onSelectRow: onSelectRow, onReorderRows: onReorderRows })] }) }))] })));
+}
+export default GroupTableView;
+//# sourceMappingURL=GroupTableView.js.map