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

package/lib/components/Renderer/FormBodySingleCollapsible.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import Accordion from '@mui/material/Accordion';
+import AccordionDetails from '@mui/material/AccordionDetails';
+import AccordionSummary from '@mui/material/AccordionSummary';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { getContextDisplays } from '../../utils/tabs';
+import { getShortText } from '../../utils/itemControl';
+import ContextDisplayItem from '../FormComponents/ItemParts/ContextDisplayItem';
+const FormBodySingleCollapsible = memo(function FormBodySingleCollapsible(props) {
+    var _a, _b;
+    const { qItem, index, selectedIndex, onToggleExpand, children } = props;
+    const contextDisplayItems = getContextDisplays(qItem);
+    const collapsibleLabel = (_b = (_a = getShortText(qItem)) !== null && _a !== void 0 ? _a : qItem.text) !== null && _b !== void 0 ? _b : '';
+    const isExpanded = selectedIndex === index;
+    return (_jsxs(Accordion, Object.assign({ expanded: isExpanded, slotProps: {
+            transition: { unmountOnExit: true, timeout: 250 }
+        }, onChange: () => onToggleExpand(index) }, { children: [_jsx(AccordionSummary, Object.assign({ expandIcon: _jsx(ExpandMoreIcon, {}) }, { children: _jsxs(Box, Object.assign({ display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", mr: 3 }, { children: [_jsx(Typography, { children: collapsibleLabel }), _jsx(Box, Object.assign({ display: "flex", columnGap: 0.5 }, { children: contextDisplayItems.map((item) => {
+                                return _jsx(ContextDisplayItem, { displayItem: item }, item.linkId);
+                            }) }))] })) })), _jsx(AccordionDetails, { children: _jsx(_Fragment, { children: children }) })] })));
+});
+export default FormBodySingleCollapsible;
+//# sourceMappingURL=FormBodySingleCollapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodySingleCollapsible.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodySingleCollapsible.tsx"],"names":[],"mappings":";AAkBA,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,kBAAkB,MAAM,gDAAgD,CAAC;AAUhF,MAAM,yBAAyB,GAAG,IAAI,CAAC,SAAS,yBAAyB,CACvE,KAAqC;;IAErC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAExE,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,gBAAgB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC;IAEjE,MAAM,UAAU,GAAG,aAAa,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,MAAC,SAAS,kBACR,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE;YACT,UAAU,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;SAClD,EACD,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,iBACrC,KAAC,gBAAgB,kBAAC,UAAU,EAAE,KAAC,cAAc,KAAG,gBAC9C,MAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,iBACvF,KAAC,UAAU,cAAE,gBAAgB,GAAc,EAC3C,KAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,gBAC/B,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gCAChC,OAAO,KAAC,kBAAkB,IAAmB,WAAW,EAAE,IAAI,IAA9B,IAAI,CAAC,MAAM,CAAuB,CAAC;4BACrE,CAAC,CAAC,IACE,KACF,IACW,EACnB,KAAC,gBAAgB,cACf,4BAAG,QAAQ,GAAI,GACE,KACT,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler } from '../../interfaces/renderProps.interface';
+interface FormBodySingleCollapsibleProps extends PropsWithQrItemChangeHandler, PropsWithParentIsReadOnlyAttribute {
+    qItem: QuestionnaireItem;
+    qrItem: QuestionnaireResponseItem | null;
+    index: number;
+    selectedIndex: number;
+    onToggleExpand: (index: number) => void;
+}
+declare function FormBodySingleCollapsibleWrapper(props: FormBodySingleCollapsibleProps): import("react/jsx-runtime").JSX.Element | null;
+export default FormBodySingleCollapsibleWrapper;

package/lib/components/Renderer/FormBodySingleCollapsibleWrapper.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import GroupItem from '../FormComponents/GroupItem/GroupItem';
+import FormBodySingleCollapsible from './FormBodySingleCollapsible';
+import useHidden from '../../hooks/useHidden';
+function FormBodySingleCollapsibleWrapper(props) {
+    const { qItem, qrItem, index, selectedIndex, parentIsReadOnly, onToggleExpand, onQrItemChange } = props;
+    const itemIsHidden = useHidden(qItem);
+    if (itemIsHidden) {
+        return null;
+    }
+    return (_jsx(FormBodySingleCollapsible, Object.assign({ qItem: qItem, index: index, selectedIndex: selectedIndex, onToggleExpand: onToggleExpand }, { children: _jsx(GroupItem, { qItem: qItem, qrItem: qrItem, isRepeated: true, groupCardElevation: 1, parentIsReadOnly: parentIsReadOnly, onQrItemChange: onQrItemChange }) }), qItem.linkId));
+}
+export default FormBodySingleCollapsibleWrapper;
+//# sourceMappingURL=FormBodySingleCollapsibleWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodySingleCollapsibleWrapper.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodySingleCollapsibleWrapper.tsx"],"names":[],"mappings":";AAmBA,OAAO,SAAS,MAAM,uCAAuC,CAAC;AAC9D,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAKpE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAY9C,SAAS,gCAAgC,CAAC,KAAqC;IAC7E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,GAC7F,KAAK,CAAC;IAER,MAAM,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,YAAY,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,yBAAyB,kBAExB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,gBAC9B,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,IAAI,EAChB,kBAAkB,EAAE,CAAC,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,KAZG,KAAK,CAAC,MAAM,CAaS,CAC7B,CAAC;AACJ,CAAC;AAED,eAAe,gCAAgC,CAAC"}

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

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

package/lib/components/Renderer/FormBodySinglePage.js

@@ -0,0 +1,42 @@
+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 FormBodySinglePage(props) {
+    const { topLevelQItem, topLevelQRItem, parentIsReadOnly, onQrItemChange } = props;
+    const pages = useQuestionnaireStore.use.pages();
+    console.log(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 FormBodySinglePage;
+//# sourceMappingURL=FormBodySinglePage.js.map

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

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

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

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

package/lib/components/Renderer/FormBodyTabbed.js

@@ -0,0 +1,67 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } 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 { Grid } from '@mui/material';
+import TabContext from '@mui/lab/TabContext';
+import TabPanel from '@mui/lab/TabPanel';
+import { getQrItemsIndex, mapQItemsIndex } from '../../utils/mapItem';
+import GroupItem from '../FormComponents/GroupItem/GroupItem';
+import { createEmptyQrGroup, updateQrItemsInGroup } from '../../utils/qrItem';
+import FormBodyTabListWrapper from '../Tabs/FormBodyTabListWrapper';
+import { useQuestionnaireStore, useRendererStylingStore } from '../../stores';
+function FormBodyTabbed(props) {
+    const { topLevelQItem, topLevelQRItem, parentIsReadOnly, onQrItemChange } = props;
+    const tabs = useQuestionnaireStore.use.tabs();
+    const currentTab = useQuestionnaireStore.use.currentTabIndex();
+    const tabListWidthOrResponsive = useRendererStylingStore.use.tabListWidthOrResponsive();
+    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);
+    // If tabListWidthOrBreakpoints is a number, it is a fixed width of the tab list - set a fixed width and prevent shrinking
+    // If tabListWidthOrBreakpoints is an object, it is a MUI Breakpoints object
+    const tabListWrapperProps = typeof tabListWidthOrResponsive === 'number'
+        ? { sx: { width: tabListWidthOrResponsive, flexShrink: 0 } }
+        : { size: Object.assign({}, tabListWidthOrResponsive.tabListBreakpoints) };
+    const qItemTabPanelProps = typeof tabListWidthOrResponsive === 'number'
+        ? { sx: { flexGrow: 1 } }
+        : { size: Object.assign({}, tabListWidthOrResponsive.tabContentBreakpoints) };
+    return (_jsx(Grid, Object.assign({ container: true, spacing: 1.5, sx: { flexWrap: 'nowrap' } }, { children: _jsxs(TabContext, Object.assign({ value: currentTab.toString() }, { children: [_jsx(Grid, Object.assign({}, tabListWrapperProps, { children: _jsx(FormBodyTabListWrapper, { topLevelItems: qItems, currentTabIndex: currentTab, tabs: tabs }) })), _jsx(Grid, Object.assign({}, qItemTabPanelProps, { children: qItems.map((qItem, i) => {
+                        var _a, _b;
+                        const qrItem = qrItemsByIndex[i];
+                        const isNotRepeatGroup = !Array.isArray(qrItem);
+                        const isTab = !!tabs[qItem.linkId];
+                        if (!isTab || !isNotRepeatGroup) {
+                            // Something has gone horribly wrong
+                            return null;
+                        }
+                        const isRepeated = (_a = qItem.repeats) !== null && _a !== void 0 ? _a : false;
+                        const tabIsMarkedAsComplete = (_b = tabs[qItem.linkId].isComplete) !== null && _b !== void 0 ? _b : false;
+                        return (_jsx(TabPanel, Object.assign({ sx: { p: 0 }, value: i.toString(), id: `tabpanel-${i}`, "data-test": "renderer-tab-panel" }, { children: _jsx(GroupItem, { qItem: qItem, qrItem: qrItem !== null && qrItem !== void 0 ? qrItem : null, isRepeated: isRepeated, groupCardElevation: 1, tabIsMarkedAsComplete: tabIsMarkedAsComplete, tabs: tabs, currentTabIndex: currentTab, parentIsReadOnly: parentIsReadOnly, onQrItemChange: handleQrGroupChange }) }), qItem.linkId));
+                    }) }))] })) })));
+}
+export default FormBodyTabbed;
+//# sourceMappingURL=FormBodyTabbed.js.map

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

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

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

@@ -0,0 +1,9 @@
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import type { PropsWithParentIsReadOnlyAttribute, PropsWithQrItemChangeHandler, PropsWithQrRepeatGroupChangeHandler } from '../../interfaces/renderProps.interface';
+interface FormTopLevelItemProps extends PropsWithQrItemChangeHandler, PropsWithQrRepeatGroupChangeHandler, PropsWithParentIsReadOnlyAttribute {
+    topLevelQItem: QuestionnaireItem;
+    topLevelQRItemOrItems: QuestionnaireResponseItem | QuestionnaireResponseItem[] | null;
+    wholeFormIsPaginated: boolean;
+}
+declare function FormTopLevelItem(props: FormTopLevelItemProps): import("react/jsx-runtime").JSX.Element | null;
+export default FormTopLevelItem;

package/lib/components/Renderer/FormTopLevelItem.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import FormBodyTabbed from './FormBodyTabbed';
+import { containsTabs, isTabContainer } from '../../utils/tabs';
+import GroupItem from '../FormComponents/GroupItem/GroupItem';
+import SingleItem from '../FormComponents/SingleItem/SingleItem';
+import FormBodyCollapsible from './FormBodyCollapsible';
+import useResponsive from '../../hooks/useResponsive';
+import useHidden from '../../hooks/useHidden';
+import GroupItemSwitcher from '../FormComponents/GroupItem/GroupItemSwitcher';
+import useReadOnly from '../../hooks/useReadOnly';
+import Box from '@mui/material/Box';
+import { isRepeatItemAndNotCheckbox, isSpecificItemControl } from '../../utils';
+import GroupTable from '../FormComponents/Tables/GroupTable';
+import RepeatItem from '../FormComponents/RepeatItem/RepeatItem';
+import GridGroup from '../FormComponents/GridGroup/GridGroup';
+import { useRendererStylingStore } from '../../stores';
+import { isPage } from '../../utils/page';
+import FormBodyPageContainer from './FormBodyPageContainer';
+function FormTopLevelItem(props) {
+    const { topLevelQItem, topLevelQRItemOrItems, parentIsReadOnly, wholeFormIsPaginated, onQrItemChange, onQrRepeatGroupChange } = props;
+    const itemIsTabContainer = isTabContainer(topLevelQItem);
+    const itemContainsTabs = containsTabs(topLevelQItem);
+    // itemIsPageContainer is there for backwards compatibility only - see https://github.com/aehrc/smart-forms/issues/1041
+    // The proper way to do it ATM is to make every single top-level item a page
+    // Unfortunately, "header" and "footer" itemControl is not supported.
+    const itemIsPageContainer = isPage(topLevelQItem);
+    const showTabbedFormAt = useRendererStylingStore.use.showTabbedFormAt();
+    const isTabbedForm = useResponsive(showTabbedFormAt);
+    const itemIsGroup = topLevelQItem.type === 'group';
+    const readOnly = useReadOnly(topLevelQItem, parentIsReadOnly);
+    const itemIsHidden = useHidden(topLevelQItem);
+    if (itemIsHidden) {
+        return null;
+    }
+    // If item has multiple answers, use a group item switcher to determine how to render it.
+    const hasMultipleAnswers = Array.isArray(topLevelQRItemOrItems);
+    if (hasMultipleAnswers) {
+        return (_jsx(GroupItemSwitcher, { qItem: topLevelQItem, qrItemOrItems: topLevelQRItemOrItems, groupCardElevation: 1, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange, onQrRepeatGroupChange: onQrRepeatGroupChange }));
+    }
+    // At this point, item only has one answer
+    const topLevelQRItem = topLevelQRItemOrItems;
+    // If form is tabbed, it is rendered as a tabbed form
+    if (itemContainsTabs || itemIsTabContainer) {
+        if (isTabbedForm) {
+            return (_jsx(FormBodyTabbed, { topLevelQItem: topLevelQItem, topLevelQRItem: topLevelQRItem, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange }, topLevelQItem.linkId));
+        }
+        return (_jsx(FormBodyCollapsible, { topLevelQItem: topLevelQItem, topLevelQRItem: topLevelQRItem, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange }, topLevelQItem.linkId));
+    }
+    /* Using "page" item as a page-container - only preserved for backwards compatibility (not complaint 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
+     */
+    if (!wholeFormIsPaginated && itemIsPageContainer) {
+        return (_jsx(FormBodyPageContainer, { topLevelQItem: topLevelQItem, topLevelQRItem: topLevelQRItem, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange }, topLevelQItem.linkId));
+    }
+    // If form is untabbed, it is rendered as a regular group
+    if (itemIsGroup) {
+        // Item is 'grid'
+        const itemIsGrid = isSpecificItemControl(topLevelQItem, 'grid');
+        if (itemIsGrid) {
+            return (_jsx(GridGroup, { qItem: topLevelQItem, qrItem: topLevelQRItem, groupCardElevation: 1, parentIsReadOnly: parentIsReadOnly, onQrItemChange: onQrItemChange }));
+        }
+        // GroupTable "gtable" can be rendered with either repeats:true or false
+        if (isSpecificItemControl(topLevelQItem, 'gtable')) {
+            return (_jsx(GroupTable, { qItem: topLevelQItem, qrItems: topLevelQRItem ? [topLevelQRItem] : [], groupCardElevation: 1, isRepeated: false, parentIsReadOnly: parentIsReadOnly, onQrRepeatGroupChange: onQrRepeatGroupChange }, topLevelQItem.linkId));
+        }
+        return (_jsx(GroupItem, { qItem: topLevelQItem, qrItem: topLevelQRItem, groupCardElevation: 1, isRepeated: false, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange }, topLevelQItem.linkId));
+    }
+    // Otherwise, it is rendered as a non-group item
+    const itemRepeatsAndIsNotCheckbox = isRepeatItemAndNotCheckbox(topLevelQItem);
+    if (itemRepeatsAndIsNotCheckbox) {
+        return (_jsx(Box, Object.assign({ mt: 1 }, { children: _jsx(RepeatItem, { qItem: topLevelQItem, qrItem: topLevelQRItem, groupCardElevation: 1, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange }, topLevelQItem.linkId) })));
+    }
+    return (_jsx(Box, Object.assign({ mt: 1 }, { children: _jsx(SingleItem, { qItem: topLevelQItem, qrItem: topLevelQRItem, isRepeated: false, isTabled: false, groupCardElevation: 1, parentIsReadOnly: readOnly, onQrItemChange: onQrItemChange }, topLevelQItem.linkId) })));
+}
+export default FormTopLevelItem;
+//# sourceMappingURL=FormTopLevelItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTopLevelItem.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormTopLevelItem.tsx"],"names":[],"mappings":";AAmBA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,SAAS,MAAM,uCAAuC,CAAC;AAC9D,OAAO,UAAU,MAAM,yCAAyC,CAAC;AAMjE,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,+CAA+C,CAAC;AAC9E,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAClD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,UAAU,MAAM,yCAAyC,CAAC;AACjE,OAAO,SAAS,MAAM,uCAAuC,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAW5D,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACtB,GAAG,KAAK,CAAC;IAEV,MAAM,kBAAkB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;IACzD,MAAM,gBAAgB,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAErD,uHAAuH;IACvH,4EAA4E;IAC5E,qEAAqE;IACrE,MAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAElD,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IACxE,MAAM,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAErD,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,KAAK,OAAO,CAAC;IAEnD,MAAM,QAAQ,GAAG,WAAW,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;IAC9C,IAAI,YAAY,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IAED,yFAAyF;IACzF,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAChE,IAAI,kBAAkB,EAAE;QACtB,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,qBAAqB,EACpC,kBAAkB,EAAE,CAAC,EACrB,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAC;KACH;IAED,0CAA0C;IAC1C,MAAM,cAAc,GAAG,qBAAqB,CAAC;IAE7C,qDAAqD;IACrD,IAAI,gBAAgB,IAAI,kBAAkB,EAAE;QAC1C,IAAI,YAAY,EAAE;YAChB,OAAO,CACL,KAAC,cAAc,IAEb,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EAAE,cAAc,IAJzB,aAAa,CAAC,MAAM,CAKzB,CACH,CAAC;SACH;QAED,OAAO,CACL,KAAC,mBAAmB,IAElB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EAAE,cAAc,IAJzB,aAAa,CAAC,MAAM,CAKzB,CACH,CAAC;KACH;IAED;;;;;;OAMG;IACH,IAAI,CAAC,oBAAoB,IAAI,mBAAmB,EAAE;QAChD,OAAO,CACL,KAAC,qBAAqB,IAEpB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EAAE,cAAc,IAJzB,aAAa,CAAC,MAAM,CAKzB,CACH,CAAC;KACH;IAED,yDAAyD;IACzD,IAAI,WAAW,EAAE;QACf,iBAAiB;QACjB,MAAM,UAAU,GAAG,qBAAqB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAChE,IAAI,UAAU,EAAE;YACd,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,CAAC,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;SACH;QAED,wEAAwE;QACxE,IAAI,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAE;YAClD,OAAO,CACL,KAAC,UAAU,IAET,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,EAC/C,kBAAkB,EAAE,CAAC,EACrB,UAAU,EAAE,KAAK,EACjB,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,IANvC,aAAa,CAAC,MAAM,CAOzB,CACH,CAAC;SACH;QAED,OAAO,CACL,KAAC,SAAS,IAER,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,CAAC,EACrB,UAAU,EAAE,KAAK,EACjB,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EAAE,cAAc,IANzB,aAAa,CAAC,MAAM,CAOzB,CACH,CAAC;KACH;IAED,gDAAgD;IAChD,MAAM,2BAA2B,GAAG,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAC9E,IAAI,2BAA2B,EAAE;QAC/B,OAAO,CACL,KAAC,GAAG,kBAAC,EAAE,EAAE,CAAC,gBACR,KAAC,UAAU,IAET,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,CAAC,EACrB,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EAAE,cAAc,IALzB,aAAa,CAAC,MAAM,CAMzB,IACE,CACP,CAAC;KACH;IAED,OAAO,CACL,KAAC,GAAG,kBAAC,EAAE,EAAE,CAAC,gBACR,KAAC,UAAU,IAET,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,EACtB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,KAAK,EACf,kBAAkB,EAAE,CAAC,EACrB,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EAAE,cAAc,IAPzB,aAAa,CAAC,MAAM,CAQzB,IACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

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

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

package/lib/components/Renderer/FormTopLevelPage.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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';
+function FormTopLevelPage(props) {
+    const { topLevelQItems, topLevelQRItems, parentIsReadOnly, onQrItemChange } = props;
+    const pages = useQuestionnaireStore.use.pages();
+    const currentPage = useQuestionnaireStore.use.currentPageIndex();
+    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: topLevelQItems.map((qItem, i) => {
+                    var _a, _b;
+                    const qrItem = topLevelQRItems[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: onQrItemChange }) }), qItem.linkId));
+                }) })) })) })));
+}
+export default FormTopLevelPage;
+//# sourceMappingURL=FormTopLevelPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTopLevelPage.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormTopLevelPage.tsx"],"names":[],"mappings":";AACA,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;AASrD,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEpF,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC;IAChD,MAAM,WAAW,GAAG,qBAAqB,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAEjE,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,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;;oBAC/B,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;oBAElC,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,cAAc,GAC9B,KAdG,KAAK,CAAC,MAAM,CAeR,CACZ,CAAC;gBACJ,CAAC,CAAC,IACG,IACI,IACR,CACR,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,33 @@
+import type { Questionnaire, QuestionnaireResponse } from 'fhir/r4';
+import type Client from 'fhirclient/lib/Client';
+/**
+ * SmartFormsRenderer properties
+ *
+ * @property questionnaire - Input FHIR R4 Questionnaire to be rendered
+ * @property questionnaireResponse - Pre-populated QuestionnaireResponse to be rendered (optional)
+ * @property additionalVariables - Additional key-value pair of SDC variables `Record<name, variable extension>` for testing (optional)
+ * @property terminologyServerUrl - Terminology server url to fetch terminology. If not provided, the default terminology server will be used. (optional)
+ * @property fhirClient - FHIRClient object to perform further FHIR calls. At the moment it's only used in answerExpressions (optional)
+ * @property readOnly - Applies read-only mode to all items in the form
+ *
+ * @author Sean Fong
+ */
+export interface SmartFormsRendererProps {
+    questionnaire: Questionnaire;
+    questionnaireResponse?: QuestionnaireResponse;
+    additionalVariables?: Record<string, object>;
+    terminologyServerUrl?: string;
+    fhirClient?: Client;
+    readOnly?: boolean;
+}
+/**
+ * A self-initialising wrapper around the BaseRenderer rendering engine.
+ * Will be deprecated in version 1.0.0. For alternative usage, see:
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/storybookWrappers/InitialiseFormWrapperForStorybook.tsx#L40-L57
+ *
+ * @see SmartFormsRendererProps for props.
+ *
+ * @author Sean Fong
+ */
+declare function SmartFormsRenderer(props: SmartFormsRendererProps): import("react/jsx-runtime").JSX.Element;
+export default SmartFormsRenderer;

package/lib/components/Renderer/SmartFormsRenderer.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useInitialiseForm from '../../hooks/useInitialiseForm';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import Typography from '@mui/material/Typography';
+import { QueryClientProvider } from '@tanstack/react-query';
+import useRendererQueryClient from '../../hooks/useRendererQueryClient';
+import BaseRenderer from './BaseRenderer';
+import RendererThemeProvider from '../../theme/RendererThemeProvider';
+/**
+ * A self-initialising wrapper around the BaseRenderer rendering engine.
+ * Will be deprecated in version 1.0.0. For alternative usage, see:
+ * - https://github.com/aehrc/smart-forms/blob/main/packages/smart-forms-renderer/src/stories/storybookWrappers/InitialiseFormWrapperForStorybook.tsx#L40-L57
+ *
+ * @see SmartFormsRendererProps for props.
+ *
+ * @author Sean Fong
+ */
+function SmartFormsRenderer(props) {
+    const { questionnaire, questionnaireResponse, additionalVariables, terminologyServerUrl, fhirClient, readOnly } = props;
+    const isLoading = useInitialiseForm(questionnaire, questionnaireResponse, readOnly, terminologyServerUrl, additionalVariables, fhirClient);
+    const queryClient = useRendererQueryClient();
+    if (isLoading) {
+        return (_jsxs(Box, Object.assign({ display: "flex", alignItems: "center", columnGap: 2 }, { children: [_jsx(CircularProgress, {}), _jsx(Typography, { children: "Loading questionnaire..." })] })));
+    }
+    return (_jsx(RendererThemeProvider, { children: _jsx(QueryClientProvider, Object.assign({ client: queryClient }, { children: _jsx(BaseRenderer, {}) })) }));
+}
+export default SmartFormsRenderer;
+//# sourceMappingURL=SmartFormsRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmartFormsRenderer.js","sourceRoot":"","sources":["../../../src/components/Renderer/SmartFormsRenderer.tsx"],"names":[],"mappings":";AAmBA,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAC9D,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,sBAAsB,MAAM,oCAAoC,CAAC;AACxE,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,qBAAqB,MAAM,mCAAmC,CAAC;AAuBtE;;;;;;;;GAQG;AACH,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EACJ,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,UAAU,EACV,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,iBAAiB,CACjC,aAAa,EACb,qBAAqB,EACrB,QAAQ,EACR,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,CACX,CAAC;IACF,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;IAE7C,IAAI,SAAS,EAAE;QACb,OAAO,CACL,MAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,iBAClD,KAAC,gBAAgB,KAAG,EACpB,KAAC,UAAU,2CAAsC,KAC7C,CACP,CAAC;KACH;IAED,OAAO,CACL,KAAC,qBAAqB,cACpB,KAAC,mBAAmB,kBAAC,MAAM,EAAE,WAAW,gBACtC,KAAC,YAAY,KAAG,IACI,GACA,CACzB,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,3 @@
+export type { SmartFormsRendererProps } from './SmartFormsRenderer';
+export { default as SmartFormsRenderer } from './SmartFormsRenderer';
+export { default as BaseRenderer } from './BaseRenderer';

package/lib/components/Renderer/index.js

@@ -0,0 +1,19 @@
+/*
+ * 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 SmartFormsRenderer } from './SmartFormsRenderer';
+export { default as BaseRenderer } from './BaseRenderer';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Renderer/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/Tabs/CompleteTabButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CompleteTabButtonProps {
+    tabLinkId: string;
+    tabIsMarkedAsComplete: boolean;
+}
+declare const CompleteTabButton: React.NamedExoticComponent<CompleteTabButtonProps>;
+export default CompleteTabButton;

package/lib/components/Tabs/CompleteTabButton.js

@@ -0,0 +1,29 @@
+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 { memo } from 'react';
+import IconButton from '@mui/material/IconButton';
+import Tooltip from '@mui/material/Tooltip';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import { useQuestionnaireStore } from '../../stores';
+const CompleteTabButton = memo(function CompleteTabButton(props) {
+    const { tabLinkId, tabIsMarkedAsComplete } = props;
+    const markTabAsComplete = useQuestionnaireStore.use.markTabAsComplete();
+    return (_jsx(Tooltip, Object.assign({ title: tabIsMarkedAsComplete ? 'Mark as incomplete' : 'Complete tab' }, { children: _jsx(IconButton, Object.assign({ onClick: () => markTabAsComplete(tabLinkId) }, { children: _jsx(CheckCircleIcon, { color: tabIsMarkedAsComplete ? 'success' : 'inherit' }) })) })));
+});
+export default CompleteTabButton;
+//# sourceMappingURL=CompleteTabButton.js.map

package/lib/components/Tabs/CompleteTabButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompleteTabButton.js","sourceRoot":"","sources":["../../../src/components/Tabs/CompleteTabButton.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAOrD,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,iBAAiB,CAAC,KAA6B;IACrF,MAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC;IAEnD,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAExE,OAAO,CACL,KAAC,OAAO,kBAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,gBAC3E,KAAC,UAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,gBACrD,KAAC,eAAe,IAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,IAC9D,IACL,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/Tabs/FormBodySingleTab.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { QuestionnaireItem } from 'fhir/r4';
+interface FormBodySingleTabProps {
+    contextDisplayItems: QuestionnaireItem[];
+    selected: boolean;
+    tabLabel: string;
+    listIndex: number;
+}
+declare const FormBodySingleTab: React.NamedExoticComponent<FormBodySingleTabProps>;
+export default FormBodySingleTab;

package/lib/components/Tabs/FormBodySingleTab.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { memo } from 'react';
+import Box from '@mui/material/Box';
+import ListItemButton from '@mui/material/ListItemButton';
+import ListItemText from '@mui/material/ListItemText';
+import Typography from '@mui/material/Typography';
+import { useQuestionnaireStore } from '../../stores';
+import ContextDisplayItem from '../FormComponents/ItemParts/ContextDisplayItem';
+import { useFocusTabHeading } from '../../hooks/useFocusTabHeading';
+const FormBodySingleTab = memo(function FormBodySingleTab(props) {
+    const { contextDisplayItems, selected, tabLabel, listIndex } = props;
+    const switchTab = useQuestionnaireStore.use.switchTab();
+    const focusHeading = useFocusTabHeading();
+    function handleTabClick() {
+        switchTab(listIndex);
+        window.scrollTo(0, 0);
+        // Focus the first heading in the new tab panel
+        setTimeout(() => {
+            focusHeading(`tabpanel-${listIndex}`);
+        }, 100); // Small delay to ensure panel is rendered
+    }
+    return (_jsx(_Fragment, { children: _jsx(ListItemButton, Object.assign({ selected: selected, sx: { my: 0.1, minHeight: '36px' }, onClick: handleTabClick }, { children: _jsx(ListItemText, { primary: _jsxs(Box, Object.assign({ display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, Object.assign({ fontWeight: 600, fontSize: "0.8125rem" }, { children: tabLabel })), _jsx(Box, Object.assign({ display: "flex", minHeight: 24, minWidth: 24, ml: 1 }, { children: contextDisplayItems.map((item) => {
+                                return _jsx(ContextDisplayItem, { displayItem: item }, item.linkId);
+                            }) }))] })) }) })) }));
+});
+export default FormBodySingleTab;
+//# sourceMappingURL=FormBodySingleTab.js.map

package/lib/components/Tabs/FormBodySingleTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodySingleTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/FormBodySingleTab.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,kBAAkB,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AASpE,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,iBAAiB,CAAC,KAA6B;IACrF,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAErE,MAAM,SAAS,GAAG,qBAAqB,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC;IACxD,MAAM,YAAY,GAAG,kBAAkB,EAAE,CAAC;IAE1C,SAAS,cAAc;QACrB,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAEtB,+CAA+C;QAC/C,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,CAAC,YAAY,SAAS,EAAE,CAAC,CAAC;QACxC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,0CAA0C;IACrD,CAAC;IAED,OAAO,CACL,4BACE,KAAC,cAAc,kBACb,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,EAClC,OAAO,EAAE,cAAc,gBACvB,KAAC,YAAY,IACX,OAAO,EACL,MAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe,iBACpE,KAAC,UAAU,kBAAC,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAC,WAAW,gBAC9C,QAAQ,IACE,EACb,KAAC,GAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACnD,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gCAChC,OAAO,KAAC,kBAAkB,IAAmB,WAAW,EAAE,IAAI,IAA9B,IAAI,CAAC,MAAM,CAAuB,CAAC;4BACrE,CAAC,CAAC,IACE,KACF,GAER,IACa,GAChB,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/Tabs/FormBodyTabList.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { QuestionnaireItem } from 'fhir/r4';
+import type { Tabs } from '../../interfaces/tab.interface';
+interface FormBodyTabListProps {
+    topLevelItems: QuestionnaireItem[];
+    currentTabIndex: number;
+    tabs: Tabs;
+    completedTabsCollapsed: boolean;
+    allContextDisplayItems: QuestionnaireItem[][];
+}
+declare const FormBodyTabList: React.NamedExoticComponent<FormBodyTabListProps>;
+export default FormBodyTabList;