@aehrc/smart-forms-renderer 0.2.0 → 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompleteTabButton.js","sourceRoot":"","sources":["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/src/components/Tabs/CompleteTabButton.tsx

@@ -0,0 +1,42 @@
+/*
+ * 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';
+
+interface CompleteTabButtonProps {
+  tabLinkId: string;
+  tabIsMarkedAsComplete: boolean;
+}
+
+const CompleteTabButton = memo(function CompleteTabButton(props: CompleteTabButtonProps) {
+  const { tabLinkId, tabIsMarkedAsComplete } = props;
+
+  const markTabAsComplete = useQuestionnaireStore((state) => state.markTabAsComplete);
+
+  return (
+    <Tooltip title={tabIsMarkedAsComplete ? 'Mark as incomplete' : 'Complete tab'}>
+      <IconButton onClick={() => markTabAsComplete(tabLinkId)}>
+        <CheckCircleIcon color={tabIsMarkedAsComplete ? 'success' : 'inherit'} />
+      </IconButton>
+    </Tooltip>
+  );
+});
+
+export default CompleteTabButton;

package/src/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/src/components/Tabs/FormBodySingleTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodySingleTab.js","sourceRoot":"","sources":["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/src/components/Tabs/FormBodySingleTab.tsx

@@ -0,0 +1,67 @@
+/*
+ * 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 type { QuestionnaireItem } from 'fhir/r4';
+import { getContextDisplays } from '../../utils/tabs';
+import ContextDisplayItem from '../FormComponents/ItemParts/ContextDisplayItem';
+
+interface FormBodySingleTabProps {
+  qItem: QuestionnaireItem;
+  selected: boolean;
+  tabLabel: string;
+  listIndex: number;
+}
+
+const FormBodySingleTab = memo(function FormBodySingleTab(props: FormBodySingleTabProps) {
+  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 (
+    <>
+      <ListItemButton
+        selected={selected}
+        sx={{ my: 0.2, minHeight: '36px' }}
+        onClick={handleTabClick}>
+        <ListItemText
+          primary={
+            <Box display="flex" alignItems="center" justifyContent="space-between">
+              <Typography variant="subtitle2">{tabLabel}</Typography>
+              <Box display="flex">
+                {contextDisplayItems.map((item) => {
+                  return <ContextDisplayItem key={item.linkId} displayItem={item} />;
+                })}
+              </Box>
+            </Box>
+          }
+        />
+      </ListItemButton>
+    </>
+  );
+});
+
+export default FormBodySingleTab;

package/src/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/src/components/Tabs/FormBodyTabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBodyTabList.js","sourceRoot":"","sources":["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/src/components/Tabs/FormBodyTabList.tsx

@@ -0,0 +1,83 @@
+/*
+ * 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 type { QuestionnaireItem } from 'fhir/r4';
+import FormBodySingleTab from './FormBodySingleTab';
+import type { Tabs } from '../../interfaces/tab.interface';
+import useQuestionnaireStore from '../../stores/useQuestionnaireStore';
+
+interface FormBodyTabListProps {
+  qFormItems: QuestionnaireItem[];
+  currentTabIndex: number;
+  tabs: Tabs;
+}
+
+const FormBodyTabList = memo(function FormBodyTabList(props: FormBodyTabListProps) {
+  const { qFormItems, currentTabIndex, tabs } = props;
+
+  const enableWhenIsActivated = useQuestionnaireStore((state) => state.enableWhenIsActivated);
+  const enableWhenItems = useQuestionnaireStore((state) => state.enableWhenItems);
+  const enableWhenExpressions = useQuestionnaireStore((state) => state.enableWhenExpressions);
+
+  return (
+    <Card sx={{ p: 0.75, mb: 2 }}>
+      <Box sx={{ flexGrow: 1 }}>
+        <PrimarySelectableList dense disablePadding sx={{ my: 1 }} data-test="renderer-tab-list">
+          <TransitionGroup>
+            {qFormItems.map((qItem, i) => {
+              const isTab = !!tabs[qItem.linkId];
+
+              if (
+                !isTab ||
+                isHidden({
+                  questionnaireItem: qItem,
+                  enableWhenIsActivated,
+                  enableWhenItems,
+                  enableWhenExpressions
+                })
+              ) {
+                return null;
+              }
+
+              const tabIsSelected = currentTabIndex.toString() === i.toString();
+              const tabLabel = getShortText(qItem) ?? qItem.text ?? '';
+
+              return (
+                <Collapse key={qItem.linkId} timeout={100}>
+                  <FormBodySingleTab
+                    qItem={qItem}
+                    selected={tabIsSelected}
+                    tabLabel={tabLabel}
+                    listIndex={i}
+                  />
+                </Collapse>
+              );
+            })}
+          </TransitionGroup>
+        </PrimarySelectableList>
+      </Box>
+    </Card>
+  );
+});
+
+export default FormBodyTabList;

package/src/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/src/components/index.js.map

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

package/src/components/index.ts

@@ -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';

package/src/hooks/index.ts

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

package/src/hooks/useBackToTop.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 { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+function useBackToTop() {
+    const { pathname } = useLocation();
+    useEffect(() => {
+        window.scrollTo(0, 0);
+    }, [pathname]);
+}
+export default useBackToTop;
+//# sourceMappingURL=useBackToTop.js.map

package/src/hooks/useBackToTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBackToTop.js","sourceRoot":"","sources":["useBackToTop.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,SAAS,YAAY;IACnB,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC;AAED,eAAe,YAAY,CAAC"}

package/src/hooks/useBackToTop.ts

@@ -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 { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+
+function useBackToTop() {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+}
+
+export default useBackToTop;

package/src/hooks/useDebounce.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 { useEffect, useState } from 'react';
+// Lifted from https://usehooks.com/useDebounce/
+function useDebounce(value, delay) {
+    // State and setters for debounced value
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        // Update debounced value after delay
+        const handler = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        // Cancel the timeout if value changes (also on delay change or unmount)
+        // This is how we prevent debounced value from updating if value is changed ...
+        // .. within the delay period. Timeout gets cleared and restarted.
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [value, delay] // Only re-call effect if value or delay changes
+    );
+    return debouncedValue;
+}
+export default useDebounce;
+//# sourceMappingURL=useDebounce.js.map

package/src/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["useDebounce.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,gDAAgD;AAChD,SAAS,WAAW,CAAC,KAAa,EAAE,KAAa;IAC/C,wCAAwC;IACxC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAS,KAAK,CAAC,CAAC;IAEpE,SAAS,CACP,GAAG,EAAE;QACH,qCAAqC;QACrC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,wEAAwE;QACxE,+EAA+E;QAC/E,kEAAkE;QAClE,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,gDAAgD;KAChE,CAAC;IAEF,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,eAAe,WAAW,CAAC"}

package/src/hooks/useDebounce.ts

@@ -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 { useEffect, useState } from 'react';
+
+// Lifted from https://usehooks.com/useDebounce/
+function useDebounce(value: string, delay: number): string {
+  // State and setters for debounced value
+  const [debouncedValue, setDebouncedValue] = useState<string>(value);
+
+  useEffect(
+    () => {
+      // Update debounced value after delay
+      const handler = setTimeout(() => {
+        setDebouncedValue(value);
+      }, delay);
+
+      // Cancel the timeout if value changes (also on delay change or unmount)
+      // This is how we prevent debounced value from updating if value is changed ...
+      // .. within the delay period. Timeout gets cleared and restarted.
+      return () => {
+        clearTimeout(handler);
+      };
+    },
+    [value, delay] // Only re-call effect if value or delay changes
+  );
+
+  return debouncedValue;
+}
+
+export default useDebounce;

package/src/hooks/useDecimalCalculatedExpression.js

@@ -0,0 +1,50 @@
+/*
+ * 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 { useEffect, useState } from 'react';
+import { createEmptyQrItemWithUnit } from '../utils/qrItem';
+import useQuestionnaireStore from '../stores/useQuestionnaireStore';
+function useDecimalCalculatedExpression(props) {
+    const { qItem, inputValue, displayUnit, precision, setInputValue, onQrItemChange } = props;
+    const calculatedExpressions = useQuestionnaireStore((state) => state.calculatedExpressions);
+    const [calcExpUpdated, setCalcExpUpdated] = useState(false);
+    useEffect(() => {
+        const calcExpression = calculatedExpressions[qItem.linkId];
+        // only update if calculated value is different from current value
+        if ((calcExpression === null || calcExpression === void 0 ? void 0 : calcExpression.value) !== inputValue && typeof (calcExpression === null || calcExpression === void 0 ? void 0 : calcExpression.value) === 'number') {
+            const value = precision
+                ? parseFloat(calcExpression.value.toFixed(precision))
+                : calcExpression.value;
+            // only update if calculated value is different from current value
+            if (value !== parseFloat(inputValue)) {
+                // update ui to show calculated value changes
+                setCalcExpUpdated(true);
+                setTimeout(() => {
+                    setCalcExpUpdated(false);
+                }, 500);
+                // update questionnaireResponse
+                setInputValue(precision ? value.toFixed(precision) : value.toString());
+                onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItemWithUnit(qItem, displayUnit)), { answer: [{ valueDecimal: value }] }));
+            }
+        }
+    }, 
+    // Only trigger this effect if calculatedExpression of item changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [calculatedExpressions]);
+    return { calcExpUpdated: calcExpUpdated };
+}
+export default useDecimalCalculatedExpression;
+//# sourceMappingURL=useDecimalCalculatedExpression.js.map

package/src/hooks/useDecimalCalculatedExpression.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDecimalCalculatedExpression.js","sourceRoot":"","sources":["useDecimalCalculatedExpression.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,qBAAqB,MAAM,iCAAiC,CAAC;AAepE,SAAS,8BAA8B,CACrC,KAA0C;IAE1C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE3F,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAE5F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CACP,GAAG,EAAE;QACH,MAAM,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAE3D,kEAAkE;QAClE,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,MAAK,UAAU,IAAI,OAAO,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAA,KAAK,QAAQ,EAAE;YACrF,MAAM,KAAK,GAAG,SAAS;gBACrB,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;gBACrD,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC;YAEzB,kEAAkE;YAClE,IAAI,KAAK,KAAK,UAAU,CAAC,UAAU,CAAC,EAAE;gBACpC,6CAA6C;gBAC7C,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBACxB,UAAU,CAAC,GAAG,EAAE;oBACd,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBAC3B,CAAC,EAAE,GAAG,CAAC,CAAC;gBAER,+BAA+B;gBAC/B,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACvE,cAAc,iCACT,yBAAyB,CAAC,KAAK,EAAE,WAAW,CAAC,KAChD,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,IACjC,CAAC;aACJ;SACF;IACH,CAAC;IACD,mEAAmE;IACnE,uDAAuD;IACvD,CAAC,qBAAqB,CAAC,CACxB,CAAC;IAEF,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AAC5C,CAAC;AAED,eAAe,8BAA8B,CAAC"}

package/src/hooks/useDecimalCalculatedExpression.ts

@@ -0,0 +1,80 @@
+/*
+ * 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 { useEffect, useState } from 'react';
+import { createEmptyQrItemWithUnit } from '../utils/qrItem';
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import useQuestionnaireStore from '../stores/useQuestionnaireStore';
+
+interface UseDecimalCalculatedExpression {
+  calcExpUpdated: boolean;
+}
+
+interface useDecimalCalculatedExpressionProps {
+  qItem: QuestionnaireItem;
+  inputValue: string;
+  displayUnit: string;
+  precision: number | null;
+  setInputValue: (value: string) => void;
+  onQrItemChange: (qrItem: QuestionnaireResponseItem) => void;
+}
+
+function useDecimalCalculatedExpression(
+  props: useDecimalCalculatedExpressionProps
+): UseDecimalCalculatedExpression {
+  const { qItem, inputValue, displayUnit, precision, setInputValue, onQrItemChange } = props;
+
+  const calculatedExpressions = useQuestionnaireStore((state) => state.calculatedExpressions);
+
+  const [calcExpUpdated, setCalcExpUpdated] = useState(false);
+
+  useEffect(
+    () => {
+      const calcExpression = calculatedExpressions[qItem.linkId];
+
+      // only update if calculated value is different from current value
+      if (calcExpression?.value !== inputValue && typeof calcExpression?.value === 'number') {
+        const value = precision
+          ? parseFloat(calcExpression.value.toFixed(precision))
+          : calcExpression.value;
+
+        // only update if calculated value is different from current value
+        if (value !== parseFloat(inputValue)) {
+          // update ui to show calculated value changes
+          setCalcExpUpdated(true);
+          setTimeout(() => {
+            setCalcExpUpdated(false);
+          }, 500);
+
+          // update questionnaireResponse
+          setInputValue(precision ? value.toFixed(precision) : value.toString());
+          onQrItemChange({
+            ...createEmptyQrItemWithUnit(qItem, displayUnit),
+            answer: [{ valueDecimal: value }]
+          });
+        }
+      }
+    },
+    // Only trigger this effect if calculatedExpression of item changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [calculatedExpressions]
+  );
+
+  return { calcExpUpdated: calcExpUpdated };
+}
+
+export default useDecimalCalculatedExpression;