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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UrlItem.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/UrlItem/UrlItem.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AACzE,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAI/C,SAAS,OAAO,CAAC,KAAmB;;IAClC,MAAM,EACJ,KAAK,EACL,MAAM,EACN,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,qBAAqB,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAEhE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,mBAAmB,CAAC;IAExE,mBAAmB;IACnB,MAAM,SAAS,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAG,CAAC,EAAE,EAAE,CAAC;IACzC,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAA,EAAE;QAChD,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;KACtC;IAED,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;IAEtD,4BAA4B;IAC5B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;IAEzE,iBAAiB;IACjB,SAAS,YAAY,CAAC,QAAgB;QACpC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAED,uDAAuD;IACvD,MAAM,wBAAwB,GAAG,WAAW,CAC1C,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;QACzB,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACxD,IAAI,KAAK,KAAK,EAAE,EAAE;YAChB,cAAc,iCAAM,WAAW,KAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,IAAG,CAAC;SAClF;aAAM;YACL,cAAc,CAAC,WAAW,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,iBAAiB,CAAC,EACrB,CAAC,cAAc,EAAE,KAAK,CAAC,CACxB,CAAC,CAAC,oFAAoF;IAEvF,IAAI,UAAU,EAAE;QACd,OAAO,CACL,KAAC,QAAQ,IACP,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,IAAI,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,YAAY,EAC3B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;KACH;IACD,OAAO,CACL,KAAC,yBAAyB,+BACd,gBAAgB,iBACb,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,gBAC1C,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC9D,aAAa,EACX,KAAC,QAAQ,IACP,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,IAAI,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,YAAY,EAC3B,QAAQ,EAAE,QAAQ,GAClB,EAEJ,QAAQ,EAAE,QAAQ,GAClB,IACwB,CAC7B,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,12 @@
+export { SingleItem } from './SingleItem';
+export { GroupItem } from './GroupItem';
+export { RepeatItem } from './RepeatItem';
+export { RepeatGroup } from './RepeatGroup';
+export { GroupTable } from './Tables';
+export { GridGroup } from './GridGroup';
+export { parseFhirDateToDisplayDate } from './DateTimeItems';
+export { ItemFieldGrid, ItemLabel } from './ItemParts';
+export { BooleanField } from './BooleanItem';
+export { StringField } from './StringItem';
+export { DecimalField } from './DecimalItem';
+export { ChoiceRadioSingle } from './ChoiceItems';

package/lib/components/FormComponents/index.js

@@ -0,0 +1,30 @@
+/*
+ * 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 { SingleItem } from './SingleItem';
+export { GroupItem } from './GroupItem';
+export { RepeatItem } from './RepeatItem';
+export { RepeatGroup } from './RepeatGroup';
+export { GroupTable } from './Tables';
+export { GridGroup } from './GridGroup';
+export { parseFhirDateToDisplayDate } from './DateTimeItems';
+export { ItemFieldGrid, ItemLabel } from './ItemParts';
+// item type components
+export { BooleanField } from './BooleanItem';
+export { StringField } from './StringItem';
+export { DecimalField } from './DecimalItem';
+export { ChoiceRadioSingle } from './ChoiceItems';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormComponents/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEvD,uBAAuB;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/Iconify/Iconify.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+interface IconifyProps {
+    icon: string;
+    width?: number;
+    height?: number;
+    sx?: SxProps<Theme>;
+}
+declare const Iconify: React.NamedExoticComponent<IconifyProps & React.RefAttributes<unknown>>;
+export default Iconify;

package/lib/components/Iconify/Iconify.js

@@ -0,0 +1,27 @@
+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 { forwardRef, memo } from 'react';
+import { Icon } from '@iconify/react';
+import Box from '@mui/material/Box';
+const Iconify = memo(forwardRef(function Iconify(props, ref) {
+    // eslint-disable-next-line react/prop-types
+    const { icon, width = 20, height = 20, sx } = props;
+    return _jsx(Box, { ref: ref, component: Icon, icon: icon, sx: Object.assign({ width, height }, sx) });
+}));
+export default Iconify;
+//# sourceMappingURL=Iconify.js.map

package/lib/components/Iconify/Iconify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Iconify.js","sourceRoot":"","sources":["../../../src/components/Iconify/Iconify.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AASpC,MAAM,OAAO,GAAG,IAAI,CAClB,UAAU,CAAC,SAAS,OAAO,CAAC,KAAmB,EAAE,GAAG;IAClD,4CAA4C;IAC5C,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACpD,OAAO,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,kBAAI,KAAK,EAAE,MAAM,IAAK,EAAE,IAAM,CAAC;AACtF,CAAC,CAAC,CACH,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Lists.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PrimarySelectableList: import("@emotion/styled").StyledComponent<import("@mui/material/List").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style" | "className" | "children" | "sx" | "classes" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/lib/components/Lists.styles.js

@@ -0,0 +1,38 @@
+/*
+ * 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 List from '@mui/material/List';
+import { alpha, styled } from '@mui/material/styles';
+export const PrimarySelectableList = styled(List)(({ theme }) => ({
+    '&& .Mui-selected': {
+        color: theme.palette.primary.dark,
+        backgroundColor: alpha(theme.palette.primary.main, 0.2),
+        borderRadius: 30,
+        '& .MuiTypography-root': {
+            fontWeight: 'bold'
+        }
+    },
+    '& .MuiListItemButton-root': {
+        color: '#444746',
+        borderRadius: 30
+    },
+    '& .MuiListItemButton-root:hover': {
+        color: theme.palette.primary.dark,
+        backgroundColor: alpha(theme.palette.primary.main, 0.09),
+        borderRadius: 30
+    }
+}));
+//# sourceMappingURL=Lists.styles.js.map

package/lib/components/Lists.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lists.styles.js","sourceRoot":"","sources":["../../src/components/Lists.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,kBAAkB,EAAE;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACjC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;QACvD,YAAY,EAAE,EAAE;QAChB,uBAAuB,EAAE;YACvB,UAAU,EAAE,MAAM;SACnB;KACF;IACD,2BAA2B,EAAE;QAC3B,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,EAAE;KACjB;IACD,iCAAiC,EAAE;QACjC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACjC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;QACxD,YAAY,EAAE,EAAE;KACjB;CACF,CAAC,CAAC,CAAC"}

package/lib/components/Radio.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StandardRadio: import("@emotion/styled").StyledComponent<import("@mui/material/Radio").RadioProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    readOnly: boolean;
+}, {}, {}>;

package/lib/components/Radio.styles.js

@@ -0,0 +1,16 @@
+import { styled } from '@mui/material/styles';
+import Radio from '@mui/material/Radio';
+export const StandardRadio = styled(Radio, {
+    shouldForwardProp: (prop) => prop !== 'readOnly'
+})(({ theme, readOnly }) => (Object.assign({}, (readOnly && {
+    '&.MuiButtonBase-root': {
+        '&.MuiRadio-root': {
+            // Use text.disabled colour (same as disabled field) here because text.secondary is too dark, and 'rgb(220, 223, 228)' is too light
+            color: theme.palette.text.disabled
+        },
+        '&:hover': {
+            backgroundColor: theme.palette.action.hover
+        }
+    }
+}))));
+//# sourceMappingURL=Radio.styles.js.map

package/lib/components/Radio.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../src/components/Radio.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,EAAE;IACzC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,mBAC9C,CAAC,QAAQ,IAAI;IACd,sBAAsB,EAAE;QACtB,iBAAiB,EAAE;YACjB,mIAAmI;YACnI,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;SACnC;QACD,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SAC5C;KACF;CACF,CAAC,EACF,CAAC,CAAC"}

package/lib/components/Renderer/BaseRenderer.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Main component of the form-rendering engine.
+ * Renders the Questionnaire and QuestionnaireResponse defined in the state management stores QuestionnaireStore and QuestionnaireResponseStore respectively.
+ * Use buildForm() in your wrapping component or in an event handler to initialise the form.
+ *
+ * @author Sean Fong
+ */
+declare function BaseRenderer(): import("react/jsx-runtime").JSX.Element;
+export default BaseRenderer;

package/lib/components/Renderer/BaseRenderer.js

@@ -0,0 +1,80 @@
+import { Fragment as _Fragment, 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 Fade from '@mui/material/Fade';
+import FormTopLevelItem from './FormTopLevelItem';
+import { useQuestionnaireResponseStore, useQuestionnaireStore } from '../../stores';
+import { getQrItemsIndex, mapQItemsIndex } from '../../utils/mapItem';
+import { updateQrItemsInGroup } from '../../utils/qrItem';
+import { isPaginatedForm } from '../../utils/page';
+import FormBodyPaginated from './FormBodyPaginated';
+import { Container } from '@mui/material';
+import { applyComputedUpdates } from '../../utils/computedUpdates';
+/**
+ * Main component of the form-rendering engine.
+ * Renders the Questionnaire and QuestionnaireResponse defined in the state management stores QuestionnaireStore and QuestionnaireResponseStore respectively.
+ * Use buildForm() in your wrapping component or in an event handler to initialise the form.
+ *
+ * @author Sean Fong
+ */
+function BaseRenderer() {
+    var _a;
+    const sourceQuestionnaire = useQuestionnaireStore.use.sourceQuestionnaire();
+    const updateExpressions = useQuestionnaireStore.use.updateExpressions();
+    const readOnly = useQuestionnaireStore.use.readOnly();
+    const responseKey = useQuestionnaireResponseStore.use.key();
+    const updatableResponse = useQuestionnaireResponseStore.use.updatableResponse();
+    const updateResponse = useQuestionnaireResponseStore.use.updateResponse();
+    const qItemsIndexMap = useMemo(() => mapQItemsIndex(sourceQuestionnaire), [sourceQuestionnaire]);
+    function updateFormState(updatedResponse) {
+        // Perform first pass QR update to immediately update UI answers
+        updateResponse(updatedResponse);
+        updateExpressions(updatedResponse).then((computedQRItemUpdates) => {
+            // Async update for changed values: clear answers for dynamic valueSets and calculated expressions (in the future)
+            const appliedComputedUpdatesResponse = applyComputedUpdates(sourceQuestionnaire, updatedResponse, computedQRItemUpdates);
+            updateResponse(appliedComputedUpdatesResponse);
+        });
+    }
+    function handleTopLevelQRItemSingleChange(newTopLevelQRItem) {
+        const updatedResponse = structuredClone(updatableResponse);
+        updateQrItemsInGroup(newTopLevelQRItem, null, updatedResponse, qItemsIndexMap);
+        updateFormState(updatedResponse);
+    }
+    function handleTopLevelQRItemMultipleChange(newTopLevelQRItems) {
+        const updatedResponse = structuredClone(updatableResponse);
+        updateQrItemsInGroup(null, newTopLevelQRItems, updatedResponse, qItemsIndexMap);
+        updateFormState(updatedResponse);
+    }
+    const topLevelQItems = sourceQuestionnaire.item;
+    const topLevelQRItems = (_a = structuredClone(updatableResponse.item)) !== null && _a !== void 0 ? _a : [];
+    if (!topLevelQItems) {
+        return _jsx(_Fragment, { children: "Questionnaire does not have any items" });
+    }
+    // If an item has multiple answers, it is a repeat group
+    const topLevelQRItemsByIndex = getQrItemsIndex(topLevelQItems, topLevelQRItems, qItemsIndexMap);
+    const wholeFormIsPaginated = isPaginatedForm(topLevelQItems);
+    if (wholeFormIsPaginated) {
+        return (_jsx(Fade, Object.assign({ in: true, timeout: 500 }, { children: _jsx(Container, Object.assign({ disableGutters: true, maxWidth: "xl" }, { children: _jsx(FormBodyPaginated, { topLevelQItems: topLevelQItems, topLevelQRItems: topLevelQRItemsByIndex, parentIsReadOnly: readOnly, onQrItemChange: (newTopLevelQRItem) => handleTopLevelQRItemSingleChange(newTopLevelQRItem) }) }), responseKey) })));
+    }
+    return (_jsx(Fade, Object.assign({ in: true, timeout: 500 }, { children: _jsx(Container, Object.assign({ disableGutters: true, maxWidth: "xl" }, { children: topLevelQItems.map((qItem, index) => {
+                const qrItemOrItems = topLevelQRItemsByIndex[index];
+                return (_jsx(FormTopLevelItem, { topLevelQItem: qItem, topLevelQRItemOrItems: qrItemOrItems !== null && qrItemOrItems !== void 0 ? qrItemOrItems : null, parentIsReadOnly: readOnly, wholeFormIsPaginated: wholeFormIsPaginated, onQrItemChange: (newTopLevelQRItem) => handleTopLevelQRItemSingleChange(newTopLevelQRItem), onQrRepeatGroupChange: (newTopLevelQRItems) => handleTopLevelQRItemMultipleChange(newTopLevelQRItems) }, qItem.linkId));
+            }) }), responseKey) })));
+}
+export default BaseRenderer;
+//# sourceMappingURL=BaseRenderer.js.map

package/lib/components/Renderer/BaseRenderer.js.map

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

package/lib/components/Renderer/FormBodyCollapsible.d.ts

@@ -0,0 +1,8 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler } from '../../interfaces/renderProps.interface';
+interface FormBodyCollapsibleProps extends PropsWithQrItemChangeHandler, PropsWithParentIsReadOnlyAttribute {
+    topLevelQItem: QuestionnaireItem;
+    topLevelQRItem: QuestionnaireResponseItem | null;
+}
+declare function FormBodyCollapsibleWrapper(props: FormBodyCollapsibleProps): import("react/jsx-runtime").JSX.Element;
+export default FormBodyCollapsibleWrapper;

package/lib/components/Renderer/FormBodyCollapsible.js

@@ -0,0 +1,59 @@
+import { Fragment as _Fragment, 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 Stack from '@mui/material/Stack';
+import { getQrItemsIndex, mapQItemsIndex } from '../../utils/mapItem';
+import { createEmptyQrGroup, updateQrItemsInGroup } from '../../utils/qrItem';
+import { useQuestionnaireStore } from '../../stores';
+import FormBodySingleCollapsibleWrapper from './FormBodySingleCollapsibleWrapper';
+function FormBodyCollapsibleWrapper(props) {
+    const { topLevelQItem, topLevelQRItem, parentIsReadOnly, onQrItemChange } = props;
+    const tabs = useQuestionnaireStore.use.tabs();
+    const currentTab = useQuestionnaireStore.use.currentTabIndex();
+    const switchTab = useQuestionnaireStore.use.switchTab();
+    const indexMap = useMemo(() => mapQItemsIndex(topLevelQItem), [topLevelQItem]);
+    const nonNullTopLevelQRItem = topLevelQRItem !== null && topLevelQRItem !== void 0 ? topLevelQRItem : createEmptyQrGroup(topLevelQItem);
+    const qItems = topLevelQItem.item;
+    const qrItems = nonNullTopLevelQRItem.item;
+    function handleQrGroupChange(qrItem) {
+        updateQrItemsInGroup(qrItem, null, nonNullTopLevelQRItem, indexMap);
+        onQrItemChange(nonNullTopLevelQRItem);
+    }
+    if (!qItems || !qrItems) {
+        return _jsx(_Fragment, { children: "Unable to load form" });
+    }
+    function handleToggleExpand(index) {
+        switchTab(currentTab === index ? -1 : index);
+    }
+    if (!qItems || !qrItems) {
+        return _jsx(_Fragment, { children: "Unable to load form" });
+    }
+    const qrItemsByIndex = getQrItemsIndex(qItems, qrItems, indexMap);
+    return (_jsx(Stack, Object.assign({ rowGap: 1 }, { children: qItems.map((qItem, i) => {
+            const qrItem = qrItemsByIndex[i];
+            const isNotRepeatGroup = !Array.isArray(qrItem);
+            const isTab = !!tabs[qItem.linkId];
+            if (!isTab || !isNotRepeatGroup) {
+                // Something has gone horribly wrong
+                return null;
+            }
+            return (_jsx(FormBodySingleCollapsibleWrapper, { qItem: qItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, index: i, selectedIndex: currentTab, parentIsReadOnly: parentIsReadOnly, onToggleExpand: handleToggleExpand, onQrItemChange: handleQrGroupChange }, qItem.linkId));
+        }) })));
+}
+export default FormBodyCollapsibleWrapper;
+//# sourceMappingURL=FormBodyCollapsible.js.map

package/lib/components/Renderer/FormBodyCollapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodyCollapsible.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodyCollapsible.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAK9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,gCAAgC,MAAM,oCAAoC,CAAC;AASlF,SAAS,0BAA0B,CAAC,KAA+B;IACjE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAElF,MAAM,IAAI,GAAG,qBAAqB,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,qBAAqB,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC;IAC/D,MAAM,SAAS,GAAG,qBAAqB,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC;IAExD,MAAM,QAAQ,GAA2B,OAAO,CAC9C,GAAG,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,EACnC,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,qBAAqB,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAElF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC;IAClC,MAAM,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC;IAE3C,SAAS,mBAAmB,CAAC,MAAiC;QAC5D,oBAAoB,CAAC,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,CAAC,CAAC;QACpE,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;QACvB,OAAO,oDAAwB,CAAC;KACjC;IAED,SAAS,kBAAkB,CAAC,KAAa;QACvC,SAAS,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;QACvB,OAAO,oDAAwB,CAAC;KACjC;IAED,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAElE,OAAO,CACL,KAAC,KAAK,kBAAC,MAAM,EAAE,CAAC,gBACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACvB,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAEjC,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChD,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAEnC,IAAI,CAAC,KAAK,IAAI,CAAC,gBAAgB,EAAE;gBAC/B,oCAAoC;gBACpC,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,KAAC,gCAAgC,IAE/B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,KAAK,EAAE,CAAC,EACR,aAAa,EAAE,UAAU,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,kBAAkB,EAClC,cAAc,EAAE,mBAAmB,IAP9B,KAAK,CAAC,MAAM,CAQjB,CACH,CAAC;QACJ,CAAC,CAAC,IACI,CACT,CAAC;AACJ,CAAC;AAED,eAAe,0BAA0B,CAAC"}

package/lib/components/Renderer/FormBodyPage.d.ts

@@ -0,0 +1,8 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler } from '../../interfaces/renderProps.interface';
+interface FormBodyPageProps extends PropsWithQrItemChangeHandler, PropsWithParentIsReadOnlyAttribute {
+    topLevelQItem: QuestionnaireItem;
+    topLevelQRItem: QuestionnaireResponseItem | null;
+}
+declare function FormBodyPage(props: FormBodyPageProps): import("react/jsx-runtime").JSX.Element;
+export default FormBodyPage;

package/lib/components/Renderer/FormBodyPage.js

@@ -0,0 +1,41 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import Grid from '@mui/material/Grid';
+import TabContext from '@mui/lab/TabContext';
+import TabPanel from '@mui/lab/TabPanel';
+import GroupItem from '../FormComponents/GroupItem/GroupItem';
+import { useQuestionnaireStore } from '../../stores';
+import { getQrItemsIndex, mapQItemsIndex } from '../../utils/mapItem';
+import { createEmptyQrGroup, updateQrItemsInGroup } from '../../utils/qrItem';
+function FormBodyPage(props) {
+    const { topLevelQItem, topLevelQRItem, parentIsReadOnly, onQrItemChange } = props;
+    const pages = useQuestionnaireStore.use.pages();
+    const currentPage = useQuestionnaireStore.use.currentPageIndex();
+    const indexMap = useMemo(() => mapQItemsIndex(topLevelQItem), [topLevelQItem]);
+    const nonNullTopLevelQRItem = topLevelQRItem !== null && topLevelQRItem !== void 0 ? topLevelQRItem : createEmptyQrGroup(topLevelQItem);
+    const qItems = topLevelQItem.item;
+    const qrItems = nonNullTopLevelQRItem.item;
+    function handleQrGroupChange(qrItem) {
+        updateQrItemsInGroup(qrItem, null, nonNullTopLevelQRItem, indexMap);
+        onQrItemChange(nonNullTopLevelQRItem);
+    }
+    if (!qItems || !qrItems) {
+        return _jsx(_Fragment, { children: "Unable to load form" });
+    }
+    const qrItemsByIndex = getQrItemsIndex(qItems, qrItems, indexMap);
+    return (_jsx(Grid, Object.assign({ container: true, spacing: 1.5 }, { children: _jsx(TabContext, Object.assign({ value: currentPage.toString() }, { children: _jsx(Grid, Object.assign({ item: true, xs: 12, md: 12, lg: 12 }, { children: qItems.map((qItem, i) => {
+                    var _a, _b;
+                    const qrItem = qrItemsByIndex[i];
+                    const isNotRepeatGroup = !Array.isArray(qrItem);
+                    const isPage = !!pages[qItem.linkId];
+                    if (!isPage || !isNotRepeatGroup) {
+                        // Something has gone horribly wrong
+                        return null;
+                    }
+                    const isRepeated = (_a = qItem.repeats) !== null && _a !== void 0 ? _a : false;
+                    const pageIsMarkedAsComplete = (_b = pages[qItem.linkId].isComplete) !== null && _b !== void 0 ? _b : false;
+                    return (_jsx(TabPanel, Object.assign({ sx: { p: 0 }, value: i.toString(), "data-test": "renderer-page-panel" }, { children: _jsx(GroupItem, { qItem: qItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, isRepeated: isRepeated, groupCardElevation: 1, pageIsMarkedAsComplete: pageIsMarkedAsComplete, pages: pages, currentPageIndex: currentPage, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrGroupChange }) }), qItem.linkId));
+                }) })) })) })));
+}
+export default FormBodyPage;
+//# sourceMappingURL=FormBodyPage.js.map

package/lib/components/Renderer/FormBodyPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodyPage.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodyPage.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,SAAS,MAAM,uCAAuC,CAAC;AAK9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAS9E,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAElF,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC;IAChD,MAAM,WAAW,GAAG,qBAAqB,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAEjE,MAAM,QAAQ,GAA2B,OAAO,CAC9C,GAAG,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,EACnC,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,qBAAqB,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAElF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC;IAClC,MAAM,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC;IAE3C,SAAS,mBAAmB,CAAC,MAAiC;QAC5D,oBAAoB,CAAC,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,CAAC,CAAC;QACpE,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;QACvB,OAAO,oDAAwB,CAAC;KACjC;IAED,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAElE,OAAO,CACL,KAAC,IAAI,kBAAC,SAAS,QAAC,OAAO,EAAE,GAAG,gBAC1B,KAAC,UAAU,kBAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAE,gBACvC,KAAC,IAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,gBAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;;oBACvB,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;oBAEjC,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;oBAChD,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;oBAErC,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE;wBAChC,oCAAoC;wBACpC,OAAO,IAAI,CAAC;qBACb;oBAED,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,KAAK,CAAC;oBAC1C,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,mCAAI,KAAK,CAAC;oBAEvE,OAAO,CACL,KAAC,QAAQ,kBAEP,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,eACT,qBAAqB,gBAC/B,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,CAAC,EACrB,sBAAsB,EAAE,sBAAsB,EAC9C,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,WAAW,EAC7B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,mBAAmB,GACnC,KAdG,KAAK,CAAC,MAAM,CAeR,CACZ,CAAC;gBACJ,CAAC,CAAC,IACG,IACI,IACR,CACR,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

package/lib/components/Renderer/FormBodyPageContainer.d.ts

@@ -0,0 +1,8 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler } from '../../interfaces/renderProps.interface';
+interface FormBodyPageContainerProps extends PropsWithQrItemChangeHandler, PropsWithParentIsReadOnlyAttribute {
+    topLevelQItem: QuestionnaireItem;
+    topLevelQRItem: QuestionnaireResponseItem | null;
+}
+declare function FormBodyPageContainer(props: FormBodyPageContainerProps): import("react/jsx-runtime").JSX.Element;
+export default FormBodyPageContainer;

package/lib/components/Renderer/FormBodyPageContainer.js

@@ -0,0 +1,48 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Grid } from '@mui/material';
+import TabContext from '@mui/lab/TabContext';
+import TabPanel from '@mui/lab/TabPanel';
+import GroupItem from '../FormComponents/GroupItem/GroupItem';
+import { useQuestionnaireStore } from '../../stores';
+import { getQrItemsIndex, mapQItemsIndex } from '../../utils/mapItem';
+import { createEmptyQrGroup, updateQrItemsInGroup } from '../../utils/qrItem';
+/* Using "page" item as a page-container - only preserved for backwards compatibility (not compliant with https://hl7.org/fhir/extensions/CodeSystem-questionnaire-item-control.html#questionnaire-item-control-page)
+ * - The first "page" item in the questionnaire will be considered as a page-container, and all its children will be considered as pages
+ * - All other pages will be ignored by the renderer
+ * - You can have non-page items in the same level as the page-container to be used as faux headers or footers
+ * - Ensure that only group items are in the page-container
+ * Note: This will only be used if wholeFormIsPaginated=false
+ */
+function FormBodyPageContainer(props) {
+    const { topLevelQItem, topLevelQRItem, parentIsReadOnly, onQrItemChange } = props;
+    const pages = useQuestionnaireStore.use.pages();
+    const currentPage = useQuestionnaireStore.use.currentPageIndex();
+    const indexMap = useMemo(() => mapQItemsIndex(topLevelQItem), [topLevelQItem]);
+    const nonNullTopLevelQRItem = topLevelQRItem !== null && topLevelQRItem !== void 0 ? topLevelQRItem : createEmptyQrGroup(topLevelQItem);
+    const qItems = topLevelQItem.item;
+    const qrItems = nonNullTopLevelQRItem.item;
+    function handleQrGroupChange(qrItem) {
+        updateQrItemsInGroup(qrItem, null, nonNullTopLevelQRItem, indexMap);
+        onQrItemChange(nonNullTopLevelQRItem);
+    }
+    if (!qItems || !qrItems) {
+        return _jsx(_Fragment, { children: "Unable to load form" });
+    }
+    const qrItemsByIndex = getQrItemsIndex(qItems, qrItems, indexMap);
+    return (_jsx(Grid, Object.assign({ container: true, spacing: 1.5 }, { children: _jsx(TabContext, Object.assign({ value: currentPage.toString() }, { children: _jsx(Grid, Object.assign({ size: { xs: 12, md: 12, lg: 12 } }, { children: qItems.map((qItem, i) => {
+                    var _a, _b;
+                    const qrItem = qrItemsByIndex[i];
+                    const isNotRepeatGroup = !Array.isArray(qrItem);
+                    const isPage = !!pages[qItem.linkId];
+                    if (!isPage || !isNotRepeatGroup) {
+                        // This should never happen
+                        return null;
+                    }
+                    const isRepeated = (_a = qItem.repeats) !== null && _a !== void 0 ? _a : false;
+                    const pageIsMarkedAsComplete = (_b = pages[qItem.linkId].isComplete) !== null && _b !== void 0 ? _b : false;
+                    return (_jsx(TabPanel, Object.assign({ sx: { p: 0 }, value: i.toString(), "data-test": "renderer-page-panel" }, { children: _jsx(GroupItem, { qItem: qItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, isRepeated: isRepeated, groupCardElevation: 1, pageIsMarkedAsComplete: pageIsMarkedAsComplete, pages: pages, currentPageIndex: currentPage, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrGroupChange }) }), qItem.linkId));
+                }) })) })) })));
+}
+export default FormBodyPageContainer;
+//# sourceMappingURL=FormBodyPageContainer.js.map

package/lib/components/Renderer/FormBodyPageContainer.js.map

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

package/lib/components/Renderer/FormBodyPaginated.d.ts

@@ -0,0 +1,8 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler } from '../../interfaces/renderProps.interface';
+interface FormBodyPaginatedProps extends PropsWithQrItemChangeHandler, PropsWithParentIsReadOnlyAttribute {
+    topLevelQItems: QuestionnaireItem[];
+    topLevelQRItems: (QuestionnaireResponseItem | QuestionnaireResponseItem[] | undefined)[];
+}
+declare function FormBodyPaginated(props: FormBodyPaginatedProps): import("react/jsx-runtime").JSX.Element;
+export default FormBodyPaginated;

package/lib/components/Renderer/FormBodyPaginated.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import Grid from '@mui/material/Grid';
+import TabContext from '@mui/lab/TabContext';
+import TabPanel from '@mui/lab/TabPanel';
+import GroupItem from '../FormComponents/GroupItem/GroupItem';
+import { useQuestionnaireStore } from '../../stores';
+import { useRendererStylingStore } from '../../stores/rendererStylingStore';
+import { SingleItem } from '../FormComponents';
+import PageButtonsWrapper from '../FormComponents/GroupItem/PageButtonWrapper';
+import { QGroupContainerBox } from '../Box.styles';
+import { GroupCard } from '../FormComponents/GroupItem/GroupItem.styles';
+import { isFooter, isHeader } from '../../utils/page';
+// TODO This implementation doesnt take into account repeat items and repeat groups
+// TODO need to fix this before bringing it into release
+// Every group item in here is rendered as a page
+function FormBodyPaginated(props) {
+    const { topLevelQItems, topLevelQRItems, parentIsReadOnly, onQrItemChange } = props;
+    const pages = useQuestionnaireStore.use.pages();
+    const currentPage = useQuestionnaireStore.use.currentPageIndex();
+    const disableCardView = useRendererStylingStore.use.disablePageCardView();
+    const { headerQItems, pageQItems, footerQItems } = useMemo(() => {
+        const headerQItems = [];
+        const pageQItems = [];
+        const footerQItems = [];
+        for (const [qrItemIndex, qItem] of topLevelQItems.entries()) {
+            if (isHeader(qItem)) {
+                headerQItems.push([qItem, qrItemIndex]);
+            }
+            else if (isFooter(qItem)) {
+                footerQItems.push([qItem, qrItemIndex]);
+            }
+            else {
+                pageQItems.push([qItem, qrItemIndex]);
+            }
+        }
+        return { headerQItems, pageQItems, footerQItems };
+    }, [topLevelQItems]);
+    return (_jsxs(_Fragment, { children: [headerQItems.map((headerQItem) => {
+                var _a;
+                const [qItem, qrItemIndex] = headerQItem;
+                const qrItemOrItems = topLevelQRItems[qrItemIndex];
+                const isRepeatGroup = Array.isArray(qrItemOrItems);
+                if (isRepeatGroup) {
+                    // Does not work with repeat groups
+                    return null;
+                }
+                const isRepeated = (_a = qItem.repeats) !== null && _a !== void 0 ? _a : false;
+                return (_jsx(GroupItem, { qItem: qItem, qrItem: qrItemOrItems !== null && qrItemOrItems !== void 0 ? qrItemOrItems : null, isRepeated: isRepeated, groupCardElevation: 1, disableCardView: disableCardView, currentPageIndex: currentPage, parentIsReadOnly: parentIsReadOnly, onQrItemChange: onQrItemChange }, qItem.linkId));
+            }), _jsx(Grid, Object.assign({ container: true, spacing: 1.5 }, { children: _jsx(TabContext, Object.assign({ value: currentPage.toString() }, { children: _jsx(Grid, Object.assign({ size: { xs: 12, md: 12, lg: 12 } }, { children: pageQItems.map((pageQItem, i) => {
+                            var _a, _b;
+                            const [qItem, qrItemIndex] = pageQItem;
+                            const qrItem = topLevelQRItems[qrItemIndex];
+                            const isNotRepeatGroup = !Array.isArray(qrItem);
+                            const isPage = !!pages[qItem.linkId];
+                            const itemIsGroup = qItem.type === 'group';
+                            // const isHeader = qItem.itemControl?.type === 'header';
+                            if (!isPage || !isNotRepeatGroup) {
+                                // Something has gone horribly wrong
+                                return null;
+                            }
+                            const isRepeated = (_a = qItem.repeats) !== null && _a !== void 0 ? _a : false;
+                            const pageIsMarkedAsComplete = (_b = pages[qItem.linkId].isComplete) !== null && _b !== void 0 ? _b : false;
+                            // Render this page as a group
+                            if (itemIsGroup) {
+                                return (_jsx(TabPanel, Object.assign({ sx: { p: 0 }, value: i.toString(), "data-test": "renderer-page-panel" }, { children: _jsx(GroupItem, { qItem: qItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, isRepeated: isRepeated, groupCardElevation: 1, disableCardView: disableCardView, pageIsMarkedAsComplete: pageIsMarkedAsComplete, pages: pages, currentPageIndex: currentPage, parentIsReadOnly: parentIsReadOnly, onQrItemChange: onQrItemChange }) }), qItem.linkId));
+                            }
+                            // Page consists of a non-group item
+                            return (_jsx(TabPanel, Object.assign({ sx: { p: 0 }, value: i.toString(), "data-test": "renderer-page-panel" }, { children: _jsx(QGroupContainerBox, Object.assign({ cardElevation: 1, isRepeated: isRepeated, "data-test": "q-item-group-box" }, { children: disableCardView ? (_jsxs(_Fragment, { children: [_jsx(SingleItem, { qItem: qItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, isRepeated: isRepeated, groupCardElevation: 1, parentIsReadOnly: parentIsReadOnly, onQrItemChange: onQrItemChange, isTabled: false }), _jsx(PageButtonsWrapper, { currentPageIndex: currentPage, pages: pages })] })) : (_jsxs(GroupCard, Object.assign({ elevation: 1, isRepeated: isRepeated }, { children: [_jsx(SingleItem, { qItem: qItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, isRepeated: isRepeated, groupCardElevation: 1, parentIsReadOnly: parentIsReadOnly, onQrItemChange: onQrItemChange, isTabled: false }), _jsx(PageButtonsWrapper, { currentPageIndex: currentPage, pages: pages })] }))) })) }), qItem.linkId));
+                        }) })) })) })), footerQItems.map((footerQItem) => {
+                var _a;
+                const [qItem, qrItemIndex] = footerQItem;
+                const qrItemOrItems = topLevelQRItems[qrItemIndex];
+                const isRepeatGroup = Array.isArray(qrItemOrItems);
+                if (isRepeatGroup) {
+                    // Does not work with repeat groups
+                    return null;
+                }
+                const isRepeated = (_a = qItem.repeats) !== null && _a !== void 0 ? _a : false;
+                return (_jsx(GroupItem, { qItem: qItem, qrItem: qrItemOrItems !== null && qrItemOrItems !== void 0 ? qrItemOrItems : null, isRepeated: isRepeated, groupCardElevation: 1, disableCardView: disableCardView, currentPageIndex: currentPage, parentIsReadOnly: parentIsReadOnly, onQrItemChange: onQrItemChange }, qItem.linkId));
+            })] }));
+}
+export default FormBodyPaginated;
+//# sourceMappingURL=FormBodyPaginated.js.map

package/lib/components/Renderer/FormBodyPaginated.js.map

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

package/lib/components/Renderer/FormBodySingleCollapsible.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { QuestionnaireItem } from 'fhir/r4';
+interface FormBodySingleCollapsibleProps {
+    qItem: QuestionnaireItem;
+    index: number;
+    selectedIndex: number;
+    onToggleExpand: (index: number) => void;
+    children: ReactNode;
+}
+declare const FormBodySingleCollapsible: React.NamedExoticComponent<FormBodySingleCollapsibleProps>;
+export default FormBodySingleCollapsible;