@aehrc/smart-forms-renderer 0.2.0 → 0.4.0

package/{dist → lib}/components/FormRenderer/FormBodySingleCollapsibleWrapper.d.ts

@@ -8,5 +8,5 @@ interface FormBodySingleCollapsibleProps extends PropsWithQrItemChangeHandler<Qu
     selectedIndex: number;
     onToggleExpand: (index: number) => void;
 }
-declare function FormBodySingleCollapsibleWrapper(props: FormBodySingleCollapsibleProps): React.JSX.Element;
+declare function FormBodySingleCollapsibleWrapper(props: FormBodySingleCollapsibleProps): React.JSX.Element | null;
 export default FormBodySingleCollapsibleWrapper;

package/lib/components/FormRenderer/FormBodySingleCollapsibleWrapper.js

@@ -0,0 +1,31 @@
+/*
+ * Copyright 2023 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 React from 'react';
+import GroupItem from '../FormComponents/GroupItem/GroupItem';
+import FormBodySingleCollapsible from './FormBodySingleCollapsible';
+import useHidden from '../../hooks/useHidden';
+function FormBodySingleCollapsibleWrapper(props) {
+    const { qItem, qrItem, index, selectedIndex, onToggleExpand, onQrItemChange } = props;
+    const itemIsHidden = useHidden(qItem);
+    if (itemIsHidden) {
+        return null;
+    }
+    return (React.createElement(FormBodySingleCollapsible, { key: qItem.linkId, qItem: qItem, index: index, selectedIndex: selectedIndex, onToggleExpand: onToggleExpand },
+        React.createElement(GroupItem, { qItem: qItem, qrItem: qrItem, isRepeated: true, groupCardElevation: 1, onQrItemChange: onQrItemChange })));
+}
+export default FormBodySingleCollapsibleWrapper;
+//# sourceMappingURL=FormBodySingleCollapsibleWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodySingleCollapsibleWrapper.js","sourceRoot":"","sources":["../../../src/components/FormRenderer/FormBodySingleCollapsibleWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,SAAS,MAAM,uCAAuC,CAAC;AAC9D,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAEpE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAW9C,SAAS,gCAAgC,CAAC,KAAqC;IAC7E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEtF,MAAM,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,YAAY,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,yBAAyB,IACxB,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc;QAC9B,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,IAAI,EAChB,kBAAkB,EAAE,CAAC,EACrB,cAAc,EAAE,cAAc,GAC9B,CACwB,CAC7B,CAAC;AACJ,CAAC;AAED,eAAe,gCAAgC,CAAC"}

package/lib/components/FormRenderer/FormBodyTabbed.js

@@ -0,0 +1,60 @@
+/*
+ * Copyright 2023 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 React, { useMemo } from 'react';
+import { Grid } from '@mui/material';
+import { TabContext, TabPanel } from '@mui/lab';
+import { getQrItemsIndex, mapQItemsIndex } from '../../utils/mapItem';
+import GroupItem from '../FormComponents/GroupItem/GroupItem';
+import { updateQrGroup } from '../../utils/qrItem';
+import FormBodyTabList from '../Tabs/FormBodyTabList';
+import useQuestionnaireStore from '../../stores/useQuestionnaireStore';
+function FormBodyTabbed(props) {
+    const { topLevelQItem, topLevelQRItem, onQrItemChange } = props;
+    const tabs = useQuestionnaireStore((state) => state.tabs);
+    const currentTab = useQuestionnaireStore((state) => state.currentTabIndex);
+    const indexMap = useMemo(() => mapQItemsIndex(topLevelQItem), [topLevelQItem]);
+    const qItems = topLevelQItem.item;
+    const qrItems = topLevelQRItem.item;
+    function handleQrGroupChange(qrItem) {
+        updateQrGroup(qrItem, null, topLevelQRItem, indexMap);
+        onQrItemChange(topLevelQRItem);
+    }
+    if (!qItems || !qrItems) {
+        return React.createElement(React.Fragment, null, "Unable to load form");
+    }
+    const qrItemsByIndex = getQrItemsIndex(qItems, qrItems, indexMap);
+    return (React.createElement(Grid, { container: true, spacing: 2 },
+        React.createElement(TabContext, { value: currentTab.toString() },
+            React.createElement(Grid, { item: true, xs: 12, md: 3.5, lg: 3, xl: 2.75 },
+                React.createElement(FormBodyTabList, { qFormItems: qItems, currentTabIndex: currentTab, tabs: tabs })),
+            React.createElement(Grid, { item: true, xs: 12, md: 8.5, lg: 9, xl: 9.25 }, 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 (React.createElement(TabPanel, { key: qItem.linkId, sx: { p: 0 }, value: i.toString(), "data-test": "renderer-tab-panel" },
+                    React.createElement(GroupItem, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, groupCardElevation: 1, tabIsMarkedAsComplete: tabIsMarkedAsComplete, tabs: tabs, currentTabIndex: currentTab, onQrItemChange: handleQrGroupChange })));
+            })))));
+}
+export default FormBodyTabbed;
+//# sourceMappingURL=FormBodyTabbed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodyTabbed.js","sourceRoot":"","sources":["../../../src/components/FormRenderer/FormBodyTabbed.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,SAAS,MAAM,uCAAuC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAEtD,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AAOvE,SAAS,cAAc,CAAC,KAA0B;IAChD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,IAAI,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAA2B,OAAO,CAC9C,GAAG,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,EACnC,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC;IAClC,MAAM,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC;IAEpC,SAAS,mBAAmB,CAAC,MAAiC;QAC5D,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;QACtD,cAAc,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;QACvB,OAAO,gEAAwB,CAAC;KACjC;IAED,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAElE,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;QACxB,oBAAC,UAAU,IAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE;YACtC,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI;gBACzC,oBAAC,eAAe,IAAC,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,GAAI,CAC3E;YAEP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,IACxC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;;gBACvB,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;gBAEjC,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAChD,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBAEnC,IAAI,CAAC,KAAK,IAAI,CAAC,gBAAgB,EAAE;oBAC/B,oCAAoC;oBACpC,OAAO,IAAI,CAAC;iBACb;gBAED,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,KAAK,CAAC;gBAC1C,MAAM,qBAAqB,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,mCAAI,KAAK,CAAC;gBAErE,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,eACT,oBAAoB;oBAC9B,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,CAAC,EACrB,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,UAAU,EAC3B,cAAc,EAAE,mBAAmB,GACnC,CACO,CACZ,CAAC;YACJ,CAAC,CAAC,CACG,CACI,CACR,CACR,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}

package/lib/components/FormRenderer/FormRenderer.js

@@ -0,0 +1,54 @@
+/*
+ * Copyright 2023 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 React from 'react';
+import { Container, Fade } from '@mui/material';
+import FormTopLevelItem from '../FormRenderer/FormTopLevelItem';
+import useQuestionnaireStore from '../../stores/useQuestionnaireStore';
+import useQuestionnaireResponseStore from '../../stores/useQuestionnaireResponseStore';
+function FormRenderer() {
+    const sourceQuestionnaire = useQuestionnaireStore((state) => state.sourceQuestionnaire);
+    const updateExpressions = useQuestionnaireStore((state) => state.updateExpressions);
+    const updatableResponse = useQuestionnaireResponseStore((state) => state.updatableResponse);
+    const updateResponse = useQuestionnaireResponseStore((state) => state.updateResponse);
+    function handleTopLevelQRItemChange(newTopLevelQItem, index) {
+        if (!updatableResponse.item || updatableResponse.item.length === 0) {
+            return;
+        }
+        const updatedItems = [...updatableResponse.item]; // Copy the original array of items
+        updatedItems[index] = newTopLevelQItem; // Modify the item at the specified index
+        const updatedResponse = Object.assign(Object.assign({}, updatableResponse), { item: updatedItems });
+        updateExpressions(updatedResponse);
+        updateResponse(updatedResponse);
+    }
+    const topLevelQItems = sourceQuestionnaire.item;
+    const topLevelQRItems = updatableResponse.item;
+    if (!topLevelQItems) {
+        return React.createElement(React.Fragment, null, "Questionnaire does not have any items");
+    }
+    return (React.createElement(Fade, { in: true, timeout: 500 },
+        React.createElement(Container, { maxWidth: "xl" }, topLevelQItems.map((qItem, index) => {
+            const qrItem = topLevelQRItems
+                ? topLevelQRItems[index]
+                : {
+                    linkId: qItem.linkId,
+                    text: qItem.text
+                };
+            return (React.createElement(FormTopLevelItem, { key: qItem.linkId, topLevelQItem: qItem, topLevelQRItem: qrItem, onQrItemChange: (newTopLevelQRItem) => handleTopLevelQRItemChange(newTopLevelQRItem, index) }));
+        }))));
+}
+export default FormRenderer;
+//# sourceMappingURL=FormRenderer.js.map

package/lib/components/FormRenderer/FormRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRenderer.js","sourceRoot":"","sources":["../../../src/components/FormRenderer/FormRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAEhE,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AACvE,OAAO,6BAA6B,MAAM,4CAA4C,CAAC;AAEvF,SAAS,YAAY;IACnB,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACxF,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACpF,MAAM,iBAAiB,GAAG,6BAA6B,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC5F,MAAM,cAAc,GAAG,6BAA6B,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAEtF,SAAS,0BAA0B,CAAC,gBAA2C,EAAE,KAAa;QAC5F,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YAClE,OAAO;SACR;QAED,MAAM,YAAY,GAAG,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,mCAAmC;QACrF,YAAY,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,CAAC,yCAAyC;QAEjF,MAAM,eAAe,mCAChB,iBAAiB,KACpB,IAAI,EAAE,YAAY,GACnB,CAAC;QAEF,iBAAiB,CAAC,eAAe,CAAC,CAAC;QACnC,cAAc,CAAC,eAAe,CAAC,CAAC;IAClC,CAAC;IAED,MAAM,cAAc,GAAG,mBAAmB,CAAC,IAAI,CAAC;IAChD,MAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC;IAE/C,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,kFAA0C,CAAC;KACnD;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG;QAC1B,oBAAC,SAAS,IAAC,QAAQ,EAAC,IAAI,IACrB,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,MAAM,GAAG,eAAe;gBAC5B,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC;gBACxB,CAAC,CAAC;oBACE,MAAM,EAAE,KAAK,CAAC,MAAM;oBACpB,IAAI,EAAE,KAAK,CAAC,IAAI;iBACjB,CAAC;YAEN,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,aAAa,EAAE,KAAK,EACpB,cAAc,EAAE,MAAM,EACtB,cAAc,EAAE,CAAC,iBAAiB,EAAE,EAAE,CACpC,0BAA0B,CAAC,iBAAiB,EAAE,KAAK,CAAC,GAEtD,CACH,CAAC;QACJ,CAAC,CAAC,CACQ,CACP,CACR,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

package/lib/components/FormRenderer/FormTitle.js

@@ -0,0 +1,30 @@
+/*
+ * Copyright 2023 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 React, { memo } from 'react';
+import parse from 'html-react-parser';
+import { getXHtmlStringFromQuestionnaire } from '../../utils/qItem';
+import { FormTitleWrapper } from '../Box.styles';
+import { Typography } from '@mui/material';
+const FormTitle = memo(function FormTitle(props) {
+    const { questionnaire } = props;
+    const xHtmlString = getXHtmlStringFromQuestionnaire(questionnaire);
+    const formTitle = xHtmlString ? parse(xHtmlString) : questionnaire.title;
+    return (React.createElement(FormTitleWrapper, null,
+        React.createElement(Typography, { variant: "h3", "data-test": "form-heading" }, formTitle)));
+});
+export default FormTitle;
+//# sourceMappingURL=FormTitle.js.map

package/lib/components/FormRenderer/FormTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTitle.js","sourceRoot":"","sources":["../../../src/components/FormRenderer/FormTitle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,+BAA+B,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS,CAAC,KAAqB;IAC7D,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEhC,MAAM,WAAW,GAAG,+BAA+B,CAAC,aAAa,CAAC,CAAC;IACnE,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;IAEzE,OAAO,CACL,oBAAC,gBAAgB;QACf,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,eAAW,cAAc,IAC9C,SAAS,CACC,CACI,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/components/FormRenderer/FormTopLevelItem.js

@@ -0,0 +1,45 @@
+/*
+ * Copyright 2023 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 React from 'react';
+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';
+function FormTopLevelItem(props) {
+    const { topLevelQItem, topLevelQRItem, onQrItemChange } = props;
+    const itemIsTabContainer = isTabContainer(topLevelQItem);
+    const itemContainsTabs = containsTabs(topLevelQItem);
+    const isDesktop = useResponsive('up', 'lg');
+    const itemIsGroup = topLevelQItem.type === 'group';
+    // If form is tabbed, it is rendered as a tabbed form
+    if (itemContainsTabs || itemIsTabContainer) {
+        if (isDesktop) {
+            return (React.createElement(FormBodyTabbed, { key: topLevelQItem.linkId, topLevelQItem: topLevelQItem, topLevelQRItem: topLevelQRItem, onQrItemChange: onQrItemChange }));
+        }
+        return (React.createElement(FormBodyCollapsible, { key: topLevelQItem.linkId, topLevelQItem: topLevelQItem, topLevelQRItem: topLevelQRItem, onQrItemChange: onQrItemChange }));
+    }
+    // If form is untabbed, it is rendered as a regular group
+    if (itemIsGroup) {
+        return (React.createElement(GroupItem, { key: topLevelQItem.linkId, qItem: topLevelQItem, qrItem: topLevelQRItem, groupCardElevation: 1, onQrItemChange: onQrItemChange, isRepeated: false }));
+    }
+    // Otherwise, it is rendered as a non-group item
+    return (React.createElement(SingleItem, { key: topLevelQItem.linkId, qItem: topLevelQItem, qrItem: topLevelQRItem, isTabled: false, onQrItemChange: onQrItemChange, isRepeated: false }));
+}
+export default FormTopLevelItem;
+//# sourceMappingURL=FormTopLevelItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTopLevelItem.js","sourceRoot":"","sources":["../../../src/components/FormRenderer/FormTopLevelItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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;AAEjE,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAOtD,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,kBAAkB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;IACzD,MAAM,gBAAgB,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAErD,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,KAAK,OAAO,CAAC;IAEnD,qDAAqD;IACrD,IAAI,gBAAgB,IAAI,kBAAkB,EAAE;QAC1C,IAAI,SAAS,EAAE;YACb,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAE,aAAa,CAAC,MAAM,EACzB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;SACH;QAED,OAAO,CACL,oBAAC,mBAAmB,IAClB,GAAG,EAAE,aAAa,CAAC,MAAM,EACzB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;KACH;IAED,yDAAyD;IACzD,IAAI,WAAW,EAAE;QACf,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,aAAa,CAAC,MAAM,EACzB,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,EACtB,kBAAkB,EAAE,CAAC,EACrB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;KACH;IAED,gDAAgD;IAChD,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,aAAa,CAAC,MAAM,EACzB,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,KAAK,EACf,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/lib/components/FormRenderer/SmartFormsRenderer.js

@@ -0,0 +1,37 @@
+/*
+ * Copyright 2023 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 React from 'react';
+import useInitialiseRenderer from '../../hooks/useInitialiseRenderer';
+import { Box, CircularProgress, Typography } from '@mui/material';
+import { QueryClientProvider } from '@tanstack/react-query';
+import useQueryClient from '../../hooks/useQueryClient';
+import BaseRenderer from './BaseRenderer';
+// TODO add terminiology server
+function SmartFormsRenderer(props) {
+    const { questionnaire, questionnaireResponse, additionalVariables } = props;
+    const isLoading = useInitialiseRenderer(questionnaire, questionnaireResponse, additionalVariables);
+    const queryClient = useQueryClient();
+    if (isLoading) {
+        return (React.createElement(Box, { display: "flex", alignItems: "center", columnGap: 2 },
+            React.createElement(CircularProgress, null),
+            React.createElement(Typography, null, "Loading questionnaire...")));
+    }
+    return (React.createElement(QueryClientProvider, { client: queryClient },
+        React.createElement(BaseRenderer, null)));
+}
+export default SmartFormsRenderer;
+//# sourceMappingURL=SmartFormsRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmartFormsRenderer.js","sourceRoot":"","sources":["../../../src/components/FormRenderer/SmartFormsRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,qBAAqB,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAQ1C,+BAA+B;AAC/B,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EAAE,aAAa,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,SAAS,GAAG,qBAAqB,CACrC,aAAa,EACb,qBAAqB,EACrB,mBAAmB,CACpB,CAAC;IACF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC;YAClD,oBAAC,gBAAgB,OAAG;YACpB,oBAAC,UAAU,mCAAsC,CAC7C,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW;QACtC,oBAAC,YAAY,OAAG,CACI,CACvB,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/{dist → lib}/components/FormRenderer/index.d.ts

@@ -1 +1,2 @@
 export { default as SmartFormsRenderer } from './SmartFormsRenderer';
+export { default as BaseRenderer } from './BaseRenderer';

package/lib/components/FormRenderer/index.js

@@ -0,0 +1,19 @@
+/*
+ * Copyright 2023 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/FormRenderer/index.js.map

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

package/lib/components/Iconify/Iconify.js

@@ -0,0 +1,26 @@
+/*
+ * Copyright 2023 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 React, { forwardRef, memo } from 'react';
+import { Icon } from '@iconify/react';
+import { Box } from '@mui/material';
+const Iconify = memo(forwardRef(function Iconify(props, ref) {
+    // eslint-disable-next-line react/prop-types
+    const { icon, width = 20, height = 20, sx } = props;
+    return React.createElement(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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,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,oBAAC,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/{dist → lib}/components/Lists.styles.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const PrimarySelectableList: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ListClasses>;
-    dense?: boolean;
-    disablePadding?: boolean;
+    classes?: Partial<import("@mui/material").ListClasses> | undefined;
+    dense?: boolean | undefined;
+    disablePadding?: boolean | undefined;
     subheader?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLUListElement>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "dense" | "disablePadding" | "subheader" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}, "children" | "sx" | "dense" | keyof import("@mui/material/OverridableComponent").CommonProps | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/lib/components/Lists.styles.js

@@ -0,0 +1,38 @@
+/*
+ * Copyright 2023 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, styled } from '@mui/material';
+import { alpha } 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,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,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/Tabs/CompleteTabButton.js

@@ -0,0 +1,29 @@
+/*
+ * Copyright 2023 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 React, { memo } from 'react';
+import { IconButton, Tooltip } from '@mui/material';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import useQuestionnaireStore from '../../stores/useQuestionnaireStore';
+const CompleteTabButton = memo(function CompleteTabButton(props) {
+    const { tabLinkId, tabIsMarkedAsComplete } = props;
+    const markTabAsComplete = useQuestionnaireStore((state) => state.markTabAsComplete);
+    return (React.createElement(Tooltip, { title: tabIsMarkedAsComplete ? 'Mark as incomplete' : 'Complete tab' },
+        React.createElement(IconButton, { onClick: () => markTabAsComplete(tabLinkId) },
+            React.createElement(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,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AAOvE,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,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAEpF,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc;QAC3E,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC;YACrD,oBAAC,eAAe,IAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,CAC9D,CACL,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/Tabs/FormBodySingleTab.js

@@ -0,0 +1,39 @@
+/*
+ * Copyright 2023 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 React, { memo } from 'react';
+import { Box, ListItemButton, ListItemText, Typography } from '@mui/material';
+import useQuestionnaireStore from '../../stores/useQuestionnaireStore';
+import { getContextDisplays } from '../../utils/tabs';
+import ContextDisplayItem from '../FormComponents/ItemParts/ContextDisplayItem';
+const FormBodySingleTab = memo(function FormBodySingleTab(props) {
+    const { qItem, selected, tabLabel, listIndex } = props;
+    const switchTab = useQuestionnaireStore((state) => state.switchTab);
+    const contextDisplayItems = getContextDisplays(qItem);
+    function handleTabClick() {
+        switchTab(listIndex);
+        window.scrollTo(0, 0);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ListItemButton, { selected: selected, sx: { my: 0.2, minHeight: '36px' }, onClick: handleTabClick },
+            React.createElement(ListItemText, { primary: React.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "space-between" },
+                    React.createElement(Typography, { variant: "subtitle2" }, tabLabel),
+                    React.createElement(Box, { display: "flex" }, contextDisplayItems.map((item) => {
+                        return React.createElement(ContextDisplayItem, { key: item.linkId, displayItem: item });
+                    }))) }))));
+});
+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,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,kBAAkB,MAAM,gDAAgD,CAAC;AAShF,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,iBAAiB,CAAC,KAA6B;IACrF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,SAAS,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpE,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,cAAc;QACrB,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,CACL;QACE,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,EAClC,OAAO,EAAE,cAAc;YACvB,oBAAC,YAAY,IACX,OAAO,EACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe;oBACpE,oBAAC,UAAU,IAAC,OAAO,EAAC,WAAW,IAAE,QAAQ,CAAc;oBACvD,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,IAChB,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBAChC,OAAO,oBAAC,kBAAkB,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,GAAI,CAAC;oBACrE,CAAC,CAAC,CACE,CACF,GAER,CACa,CAChB,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/Tabs/FormBodyTabList.js

@@ -0,0 +1,52 @@
+/*
+ * Copyright 2023 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 React, { memo } from 'react';
+import { Box, Card, Collapse } from '@mui/material';
+import { PrimarySelectableList } from '../Lists.styles';
+import { TransitionGroup } from 'react-transition-group';
+import { isHidden } from '../../utils/qItem';
+import { getShortText } from '../../utils/itemControl';
+import FormBodySingleTab from './FormBodySingleTab';
+import useQuestionnaireStore from '../../stores/useQuestionnaireStore';
+const FormBodyTabList = memo(function FormBodyTabList(props) {
+    const { qFormItems, currentTabIndex, tabs } = props;
+    const enableWhenIsActivated = useQuestionnaireStore((state) => state.enableWhenIsActivated);
+    const enableWhenItems = useQuestionnaireStore((state) => state.enableWhenItems);
+    const enableWhenExpressions = useQuestionnaireStore((state) => state.enableWhenExpressions);
+    return (React.createElement(Card, { sx: { p: 0.75, mb: 2 } },
+        React.createElement(Box, { sx: { flexGrow: 1 } },
+            React.createElement(PrimarySelectableList, { dense: true, disablePadding: true, sx: { my: 1 }, "data-test": "renderer-tab-list" },
+                React.createElement(TransitionGroup, null, qFormItems.map((qItem, i) => {
+                    var _a, _b;
+                    const isTab = !!tabs[qItem.linkId];
+                    if (!isTab ||
+                        isHidden({
+                            questionnaireItem: qItem,
+                            enableWhenIsActivated,
+                            enableWhenItems,
+                            enableWhenExpressions
+                        })) {
+                        return null;
+                    }
+                    const tabIsSelected = currentTabIndex.toString() === i.toString();
+                    const tabLabel = (_b = (_a = getShortText(qItem)) !== null && _a !== void 0 ? _a : qItem.text) !== null && _b !== void 0 ? _b : '';
+                    return (React.createElement(Collapse, { key: qItem.linkId, timeout: 100 },
+                        React.createElement(FormBodySingleTab, { qItem: qItem, selected: tabIsSelected, tabLabel: tabLabel, listIndex: i })));
+                }))))));
+});
+export default FormBodyTabList;
+//# sourceMappingURL=FormBodyTabList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodyTabList.js","sourceRoot":"","sources":["../../../src/components/Tabs/FormBodyTabList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AAQvE,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,eAAe,CAAC,KAA2B;IAC/E,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5F,MAAM,eAAe,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAChF,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE;QAC1B,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;YACtB,oBAAC,qBAAqB,IAAC,KAAK,QAAC,cAAc,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,eAAY,mBAAmB;gBACtF,oBAAC,eAAe,QACb,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;;oBAC3B,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;oBAEnC,IACE,CAAC,KAAK;wBACN,QAAQ,CAAC;4BACP,iBAAiB,EAAE,KAAK;4BACxB,qBAAqB;4BACrB,eAAe;4BACf,qBAAqB;yBACtB,CAAC,EACF;wBACA,OAAO,IAAI,CAAC;qBACb;oBAED,MAAM,aAAa,GAAG,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;oBAClE,MAAM,QAAQ,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC;oBAEzD,OAAO,CACL,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG;wBACvC,oBAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,GACZ,CACO,CACZ,CAAC;gBACJ,CAAC,CAAC,CACc,CACI,CACpB,CACD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,18 @@
+/*
+ * Copyright 2023 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 * from './FormRenderer';
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,cAAc,gBAAgB,CAAC"}

package/lib/hooks/index.d.ts

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

package/lib/hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useHidden } from './useHidden';
+//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}