@aehrc/smart-forms-renderer 0.2.0 → 0.4.0

package/lib/components/FormComponents/ItemParts/ItemLabelWrapper.js

@@ -0,0 +1,32 @@
+/*
+ * 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 { Box } from '@mui/material';
+import ContextDisplayItem from './ContextDisplayItem';
+import { getContextDisplays } from '../../../utils/tabs';
+import ItemLabelText from './ItemLabelText';
+function ItemLabelWrapper(props) {
+    const { qItem } = props;
+    const contextDisplayItems = getContextDisplays(qItem);
+    return (React.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "space-between" },
+        React.createElement(ItemLabelText, { qItem: qItem }),
+        React.createElement(Box, { display: "flex", columnGap: 0.5 }, contextDisplayItems.map((item) => {
+            return React.createElement(ContextDisplayItem, { key: item.linkId, displayItem: item });
+        }))));
+}
+export default ItemLabelWrapper;
+//# sourceMappingURL=ItemLabelWrapper.js.map

package/lib/components/FormComponents/ItemParts/ItemLabelWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemLabelWrapper.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/ItemLabelWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAM5C,SAAS,gBAAgB,CAAC,KAAwB;IAChD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe;QACpE,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI;QAE/B,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,IAC/B,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChC,OAAO,oBAAC,kBAAkB,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,GAAI,CAAC;QACrE,CAAC,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/lib/components/FormComponents/ItemParts/QItemCheckboxSingle.js

@@ -0,0 +1,24 @@
+/*
+ * 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 { Checkbox, FormControlLabel } from '@mui/material';
+function QItemCheckboxSingle(props) {
+    const { value, label, readOnly, isChecked, onCheckedChange } = props;
+    return (React.createElement(FormControlLabel, { disabled: readOnly, control: React.createElement(Checkbox, { size: "small", checked: isChecked, onChange: () => onCheckedChange(value) }), label: label, sx: { mr: 3 } }));
+}
+export default QItemCheckboxSingle;
+//# sourceMappingURL=QItemCheckboxSingle.js.map

package/lib/components/FormComponents/ItemParts/QItemCheckboxSingle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QItemCheckboxSingle.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/QItemCheckboxSingle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAU3D,SAAS,mBAAmB,CAAC,KAAY;IACvC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAErE,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EACL,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,GAAI,EAEvF,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GACb,CACH,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/lib/components/FormComponents/ItemParts/QItemCheckboxSingleWithOpenLabel.js

@@ -0,0 +1,33 @@
+/*
+ * 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 { Box, Checkbox, FormControlLabel } from '@mui/material';
+import { StandardTextField } from '../Textfield.styles';
+function QItemCheckboxSingleWithOpenLabel(props) {
+    const { value, label, isChecked, onCheckedChange, onInputChange } = props;
+    function handleCheckedChange(event) {
+        onCheckedChange(event.target.checked);
+    }
+    function handleInputChange(event) {
+        onInputChange(event.target.value);
+    }
+    return (React.createElement(Box, { "data-test": "q-item-checkbox-open-label-box" },
+        React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { size: "small", checked: isChecked, onChange: handleCheckedChange }), label: label + ':', sx: { mr: 3 } }),
+        React.createElement(StandardTextField, { disabled: !isChecked, value: value, onChange: handleInputChange, fullWidth: true, isTabled: false, size: "small", "data-test": "q-item-checkbox-open-label-field" })));
+}
+export default QItemCheckboxSingleWithOpenLabel;
+//# sourceMappingURL=QItemCheckboxSingleWithOpenLabel.js.map

package/lib/components/FormComponents/ItemParts/QItemCheckboxSingleWithOpenLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QItemCheckboxSingleWithOpenLabel.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/QItemCheckboxSingleWithOpenLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,SAAS,gCAAgC,CAAC,KAAY;IACpD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE1E,SAAS,mBAAmB,CAAC,KAAoC;QAC/D,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC;IAED,SAAS,iBAAiB,CAAC,KAAoC;QAC7D,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,CACL,oBAAC,GAAG,iBAAW,gCAAgC;QAC7C,oBAAC,gBAAgB,IACf,OAAO,EAAE,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,mBAAmB,GAAI,EACrF,KAAK,EAAE,KAAK,GAAG,GAAG,EAClB,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GACb;QACF,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,CAAC,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,QACT,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,OAAO,eACF,kCAAkC,GAC5C,CACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,gCAAgC,CAAC"}

package/lib/components/FormComponents/ItemParts/QItemRadioButtonWithOpenLabel.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 { Box } from '@mui/material';
+import { StandardTextField } from '../Textfield.styles';
+import QItemChoiceRadioSingle from '../QItemChoice/QItemChoiceRadioSingle';
+function QItemRadioButtonWithOpenLabel(props) {
+    const { value, label, readOnly, isSelected, onInputChange } = props;
+    function handleInputChange(event) {
+        onInputChange(event.target.value);
+    }
+    return (React.createElement(Box, { "data-test": "q-item-radio-open-label-box" },
+        React.createElement(QItemChoiceRadioSingle, { value: value !== null && value !== void 0 ? value : '', label: label + ':', readOnly: readOnly }),
+        React.createElement(StandardTextField, { disabled: !isSelected, value: value, onChange: handleInputChange, fullWidth: true, isTabled: false, size: "small", "data-test": "q-item-radio-open-label-field" })));
+}
+export default QItemRadioButtonWithOpenLabel;
+//# sourceMappingURL=QItemRadioButtonWithOpenLabel.js.map

package/lib/components/FormComponents/ItemParts/QItemRadioButtonWithOpenLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QItemRadioButtonWithOpenLabel.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/QItemRadioButtonWithOpenLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAU3E,SAAS,6BAA6B,CAAC,KAAY;IACjD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,SAAS,iBAAiB,CAAC,KAAoC;QAC7D,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,CACL,oBAAC,GAAG,iBAAW,6BAA6B;QAC1C,oBAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI;QACtF,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,CAAC,UAAU,EACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,QACT,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,OAAO,eACF,+BAA+B,GACzC,CACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,6BAA6B,CAAC"}

package/{dist → lib}/components/FormComponents/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>;
-}, "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "dense" | "disablePadding" | "subheader"> & 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/FormComponents/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/FormComponents/Lists.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lists.styles.js","sourceRoot":"","sources":["../../../src/components/FormComponents/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/{dist → lib}/components/FormComponents/QItemChoice/QItemChoice.d.ts

@@ -5,5 +5,5 @@ interface Props extends PropsWithQrItemChangeHandler<QuestionnaireResponseItem>,
     qItem: QuestionnaireItem;
     qrItem: QuestionnaireResponseItem;
 }
-declare function QItemChoice(props: Props): React.JSX.Element;
+declare function QItemChoice(props: Props): React.JSX.Element | null;
 export default QItemChoice;

package/lib/components/FormComponents/QItemChoice/QItemChoice.js

@@ -0,0 +1,61 @@
+/*
+ * 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 { QItemChoiceControl } from '../../../interfaces/choice.enum';
+import QItemChoiceRadioAnswerOption from './QItemChoiceRadioAnswerOption';
+import QItemChoiceSelectAnswerOption from './QItemChoiceSelectAnswerOption';
+import QItemChoiceCheckboxAnswerOption from './QItemChoiceCheckboxAnswerOption';
+import QItemChoiceAutocomplete from './QItemChoiceAutocomplete';
+import QItemChoiceSelectAnswerValueSet from './QItemChoiceSelectAnswerValueSet';
+import { getChoiceControlType, getChoiceOrientation } from '../../../utils/choice';
+import QItemChoiceRadioAnswerValueSet from './QItemChoiceRadioAnswerValueSet';
+import QItemChoiceCheckboxAnswerValueSet from './QItemChoiceCheckboxAnswerValueSet';
+function QItemChoice(props) {
+    var _a, _b;
+    const { qItem, qrItem, isRepeated, isTabled, onQrItemChange } = props;
+    const orientation = getChoiceOrientation(qItem);
+    const choiceControlType = getChoiceControlType(qItem);
+    switch (choiceControlType) {
+        case QItemChoiceControl.Radio:
+            if (qItem.answerOption) {
+                return (React.createElement(QItemChoiceRadioAnswerOption, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, onQrItemChange: onQrItemChange, orientation: orientation }));
+            }
+            else {
+                return (React.createElement(QItemChoiceRadioAnswerValueSet, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, onQrItemChange: onQrItemChange, orientation: orientation }));
+            }
+        case QItemChoiceControl.Checkbox:
+            if (qItem.answerOption) {
+                return (React.createElement(QItemChoiceCheckboxAnswerOption, { qItem: qItem, qrItem: qrItem, isRepeated: (_a = qItem['repeats']) !== null && _a !== void 0 ? _a : false, onQrItemChange: onQrItemChange, orientation: orientation }));
+            }
+            else {
+                return (React.createElement(QItemChoiceCheckboxAnswerValueSet, { qItem: qItem, qrItem: qrItem, isRepeated: (_b = qItem['repeats']) !== null && _b !== void 0 ? _b : false, onQrItemChange: onQrItemChange, orientation: orientation }));
+            }
+        case QItemChoiceControl.Autocomplete:
+            return (React.createElement(QItemChoiceAutocomplete, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, onQrItemChange: onQrItemChange }));
+        case QItemChoiceControl.Select:
+            if (qItem.answerOption) {
+                return (React.createElement(QItemChoiceSelectAnswerOption, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, onQrItemChange: onQrItemChange }));
+            }
+            else {
+                return (React.createElement(QItemChoiceSelectAnswerValueSet, { qItem: qItem, qrItem: qrItem, isRepeated: isRepeated, isTabled: isTabled, onQrItemChange: onQrItemChange }));
+            }
+        default:
+            return null;
+    }
+}
+export default QItemChoice;
+//# sourceMappingURL=QItemChoice.js.map

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

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

package/{dist → lib}/components/FormComponents/QItemChoice/QItemChoiceAutocomplete.d.ts

@@ -5,5 +5,5 @@ interface QItemChoiceAutocompleteProps extends PropsWithQrItemChangeHandler<Ques
     qItem: QuestionnaireItem;
     qrItem: QuestionnaireResponseItem;
 }
-declare function QItemChoiceAutocomplete(props: QItemChoiceAutocompleteProps): React.JSX.Element;
+declare function QItemChoiceAutocomplete(props: QItemChoiceAutocompleteProps): React.JSX.Element | null;
 export default QItemChoiceAutocomplete;

package/lib/components/FormComponents/QItemChoice/QItemChoiceAutocomplete.js

@@ -0,0 +1,85 @@
+/*
+ * 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, { useState } from 'react';
+import { Autocomplete, CircularProgress, Fade, Grid, Tooltip } from '@mui/material';
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import { StandardTextField } from '../Textfield.styles';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import SearchIcon from '@mui/icons-material/Search';
+import useDebounce from '../../../hooks/useDebounce';
+import useTerminologyServerQuery from '../../../hooks/useTerminologyServerQuery';
+import InfoIcon from '@mui/icons-material/Info';
+import WarningAmberIcon from '@mui/icons-material/WarningAmber';
+import DoneIcon from '@mui/icons-material/Done';
+import ErrorIcon from '@mui/icons-material/Error';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import { getTerminologyServerUrl } from '../../../utils/valueSet';
+import { AUTOCOMPLETE_DEBOUNCE_DURATION } from '../../../utils/debounce';
+import DisplayInstructions from '../DisplayItem/DisplayInstructions';
+import LabelWrapper from '../ItemParts/ItemLabelWrapper';
+function QItemChoiceAutocomplete(props) {
+    const { qItem, qrItem, isRepeated, isTabled, onQrItemChange } = props;
+    const qrChoice = qrItem !== null && qrItem !== void 0 ? qrItem : createEmptyQrItem(qItem);
+    // Init input value
+    let valueCoding;
+    if (qrChoice.answer) {
+        valueCoding = qrChoice.answer[0].valueCoding;
+    }
+    // Get additional rendering extensions
+    const { displayUnit, displayPrompt, displayInstructions, readOnly, entryFormat } = useRenderingExtensions(qItem);
+    // Query ontoserver for options
+    const maxList = 10;
+    const [input, setInput] = useState('');
+    const debouncedInput = useDebounce(input, AUTOCOMPLETE_DEBOUNCE_DURATION);
+    const answerValueSetUrl = qItem.answerValueSet;
+    const terminologyServerUrl = getTerminologyServerUrl(qItem);
+    const { options, loading, feedback } = useTerminologyServerQuery(answerValueSetUrl, maxList, input, debouncedInput, terminologyServerUrl);
+    if (!answerValueSetUrl)
+        return null;
+    // Event handlers
+    function handleValueChange(_, newValue) {
+        if (newValue === null) {
+            setInput('');
+            onQrItemChange(createEmptyQrItem(qItem));
+            return;
+        }
+        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem)), { answer: [{ valueCoding: newValue }] }));
+    }
+    const choiceAutocomplete = (React.createElement(React.Fragment, null,
+        React.createElement(Autocomplete, { id: qItem.id, value: valueCoding !== null && valueCoding !== void 0 ? valueCoding : null, placeholder: entryFormat, options: options, getOptionLabel: (option) => `${option.display}`, isOptionEqualToValue: (option, value) => option.id === value.id, loading: loading, loadingText: 'Fetching results...', clearOnEscape: true, autoHighlight: true, onChange: handleValueChange, sx: { maxWidth: !isTabled ? 280 : 3000, minWidth: 160, flexGrow: 1 }, filterOptions: (x) => x, renderInput: (params) => (React.createElement(StandardTextField, Object.assign({}, params, { onChange: (e) => setInput(e.target.value), isTabled: isTabled, disabled: readOnly, label: displayPrompt, size: "small", InputProps: Object.assign(Object.assign({}, params.InputProps), { startAdornment: (React.createElement(React.Fragment, null,
+                        !valueCoding ? React.createElement(SearchIcon, { fontSize: "small", sx: { ml: 0.5 } }) : null,
+                        params.InputProps.startAdornment)), endAdornment: (React.createElement(React.Fragment, null,
+                        loading ? (React.createElement(CircularProgress, { color: "inherit", size: 16 })) : feedback ? (React.createElement(Fade, { in: !!feedback, timeout: 300 },
+                            React.createElement(Tooltip, { title: feedback.message, arrow: true, sx: { ml: 1 } }, {
+                                info: React.createElement(InfoIcon, { fontSize: "small", color: "info" }),
+                                warning: React.createElement(WarningAmberIcon, { fontSize: "small", color: "warning" }),
+                                success: React.createElement(DoneIcon, { fontSize: "small", color: "success" }),
+                                error: React.createElement(ErrorIcon, { fontSize: "small", color: "error" })
+                            }[feedback.color]))) : null,
+                        params.InputProps.endAdornment,
+                        displayUnit)) }) }))) })));
+    const renderQItemChoiceAutocomplete = isRepeated ? (React.createElement(React.Fragment, null, choiceAutocomplete)) : (React.createElement(FullWidthFormComponentBox, null,
+        React.createElement(Grid, { container: true, columnSpacing: 6 },
+            React.createElement(Grid, { item: true, xs: 5 },
+                React.createElement(LabelWrapper, { qItem: qItem })),
+            React.createElement(Grid, { item: true, xs: 7 },
+                choiceAutocomplete,
+                React.createElement(DisplayInstructions, { displayInstructions: displayInstructions })))));
+    return React.createElement(React.Fragment, null, renderQItemChoiceAutocomplete);
+}
+export default QItemChoiceAutocomplete;
+//# sourceMappingURL=QItemChoiceAutocomplete.js.map

package/lib/components/FormComponents/QItemChoice/QItemChoiceAutocomplete.js.map

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

package/lib/components/FormComponents/QItemChoice/QItemChoiceCheckboxAnswerOption.js

@@ -0,0 +1,70 @@
+/*
+ * 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 { Grid } from '@mui/material';
+import { QItemChoiceOrientation } from '../../../interfaces/choice.enum';
+import QItemChoiceCheckboxSingle from '../ItemParts/QItemCheckboxSingle';
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import { QFormGroup } from '../Item.styles';
+import { updateQrCheckboxAnswers } from '../../../utils/choice';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import DisplayInstructions from '../DisplayItem/DisplayInstructions';
+import LabelWrapper from '../ItemParts/ItemLabelWrapper';
+function QItemChoiceCheckboxAnswerOption(props) {
+    var _a;
+    const { qItem, qrItem, isRepeated, onQrItemChange, orientation } = props;
+    // Init input value
+    const qrChoiceCheckbox = qrItem !== null && qrItem !== void 0 ? qrItem : createEmptyQrItem(qItem);
+    const answers = qrChoiceCheckbox.answer ? qrChoiceCheckbox.answer : [];
+    // Get additional rendering extensions
+    const { displayInstructions, readOnly } = useRenderingExtensions(qItem);
+    // Event handlers
+    function handleCheckedChange(changedValue) {
+        const answerOptions = qItem.answerOption;
+        if (!answerOptions)
+            return null;
+        const updatedQrChoiceCheckbox = updateQrCheckboxAnswers(changedValue, answers, answerOptions, qrChoiceCheckbox, isRepeated);
+        if (updatedQrChoiceCheckbox) {
+            onQrItemChange(updatedQrChoiceCheckbox);
+        }
+    }
+    const choiceCheckbox = (React.createElement(QFormGroup, { row: orientation === QItemChoiceOrientation.Horizontal }, (_a = qItem.answerOption) === null || _a === void 0 ? void 0 : _a.map((option) => {
+        var _a, _b, _c;
+        if (option['valueCoding']) {
+            return (React.createElement(QItemChoiceCheckboxSingle, { key: (_a = option.valueCoding.code) !== null && _a !== void 0 ? _a : '', value: (_b = option.valueCoding.code) !== null && _b !== void 0 ? _b : '', label: (_c = option.valueCoding.display) !== null && _c !== void 0 ? _c : `${option.valueCoding.code}`, readOnly: readOnly, isChecked: answers.some((answer) => JSON.stringify(answer) === JSON.stringify(option)), onCheckedChange: handleCheckedChange }));
+        }
+        else if (option['valueString']) {
+            return (React.createElement(QItemChoiceCheckboxSingle, { key: option.valueString, value: option.valueString, label: option.valueString, readOnly: readOnly, isChecked: answers.some((answer) => answer.valueString === option.valueString), onCheckedChange: handleCheckedChange }));
+        }
+        else if (option['valueInteger']) {
+            return (React.createElement(QItemChoiceCheckboxSingle, { key: option.valueInteger, value: option.valueInteger.toString(), label: option.valueInteger.toString(), readOnly: readOnly, isChecked: answers.some((answer) => answer.valueInteger === option.valueInteger), onCheckedChange: handleCheckedChange }));
+        }
+        else {
+            return null;
+        }
+    })));
+    return (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-choice-checkbox-answer-option-box" },
+        React.createElement(Grid, { container: true, columnSpacing: 6 },
+            React.createElement(Grid, { item: true, xs: 5 },
+                React.createElement(LabelWrapper, { qItem: qItem })),
+            React.createElement(Grid, { item: true, xs: 7 },
+                choiceCheckbox,
+                React.createElement(DisplayInstructions, { displayInstructions: displayInstructions })))));
+}
+export default QItemChoiceCheckboxAnswerOption;
+//# sourceMappingURL=QItemChoiceCheckboxAnswerOption.js.map

package/lib/components/FormComponents/QItemChoice/QItemChoiceCheckboxAnswerOption.js.map

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

package/lib/components/FormComponents/QItemChoice/QItemChoiceCheckboxAnswerValueSet.js

@@ -0,0 +1,66 @@
+/*
+ * 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 { Grid, Typography } from '@mui/material';
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import useValueSetCodings from '../../../hooks/useValueSetCodings';
+import { QItemChoiceOrientation } from '../../../interfaces/choice.enum';
+import { mapCodingsToOptions, updateQrCheckboxAnswers } from '../../../utils/choice';
+import QItemCheckboxSingle from '../ItemParts/QItemCheckboxSingle';
+import { QFormGroup } from '../Item.styles';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+import { StyledAlert } from '../../Alert.styles';
+import DisplayInstructions from '../DisplayItem/DisplayInstructions';
+import LabelWrapper from '../ItemParts/ItemLabelWrapper';
+function QItemChoiceCheckboxAnswerValueSet(props) {
+    const { qItem, qrItem, isRepeated, onQrItemChange, orientation } = props;
+    // Init input value
+    const qrChoiceCheckbox = qrItem !== null && qrItem !== void 0 ? qrItem : createEmptyQrItem(qItem);
+    const answers = qrChoiceCheckbox.answer ? qrChoiceCheckbox.answer : [];
+    // Get additional rendering extensions
+    const { displayInstructions, readOnly } = useRenderingExtensions(qItem);
+    // Get codings/options from valueSet
+    const { codings, serverError } = useValueSetCodings(qItem);
+    // Event handlers
+    function handleCheckedChange(changedValue) {
+        if (codings.length < 1)
+            return null;
+        const updatedQrChoiceCheckbox = updateQrCheckboxAnswers(changedValue, answers, mapCodingsToOptions(codings), qrChoiceCheckbox, isRepeated);
+        if (updatedQrChoiceCheckbox) {
+            onQrItemChange(updatedQrChoiceCheckbox);
+        }
+    }
+    const choiceCheckbox = codings.length > 0 ? (React.createElement(QFormGroup, { row: orientation === QItemChoiceOrientation.Horizontal }, codings.map((coding) => {
+        var _a, _b, _c;
+        return (React.createElement(QItemCheckboxSingle, { key: (_a = coding.code) !== null && _a !== void 0 ? _a : '', value: (_b = coding.code) !== null && _b !== void 0 ? _b : '', label: (_c = coding.display) !== null && _c !== void 0 ? _c : `${coding.code}`, readOnly: readOnly, isChecked: answers.some((answer) => JSON.stringify(answer.valueCoding) === JSON.stringify(coding)), onCheckedChange: handleCheckedChange }));
+    }))) : serverError ? (React.createElement(StyledAlert, { color: "error" },
+        React.createElement(ErrorOutlineIcon, { color: "error", sx: { pr: 0.75 } }),
+        React.createElement(Typography, { variant: "subtitle2" }, "There was an error fetching options from the terminology server"))) : (React.createElement(StyledAlert, { color: "error" },
+        React.createElement(ErrorOutlineIcon, { color: "error", sx: { pr: 0.75 } }),
+        React.createElement(Typography, { variant: "subtitle2" }, "Unable to fetch options from the questionnaire or launch context")));
+    return (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-choice-checkbox-answer-value-set-box" },
+        React.createElement(Grid, { container: true, columnSpacing: 6 },
+            React.createElement(Grid, { item: true, xs: 5 },
+                React.createElement(LabelWrapper, { qItem: qItem })),
+            React.createElement(Grid, { item: true, xs: 7 },
+                choiceCheckbox,
+                React.createElement(DisplayInstructions, { displayInstructions: displayInstructions })))));
+}
+export default QItemChoiceCheckboxAnswerValueSet;
+//# sourceMappingURL=QItemChoiceCheckboxAnswerValueSet.js.map

package/lib/components/FormComponents/QItemChoice/QItemChoiceCheckboxAnswerValueSet.js.map

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

package/lib/components/FormComponents/QItemChoice/QItemChoiceRadioAnswerOption.js

@@ -0,0 +1,70 @@
+/*
+ * 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 { Grid } from '@mui/material';
+import { QItemChoiceOrientation } from '../../../interfaces/choice.enum';
+import { findInAnswerOptions, getQrChoiceValue } from '../../../utils/choice';
+import QItemChoiceRadioSingle from './QItemChoiceRadioSingle';
+import { createEmptyQrItem } from '../../../utils/qrItem';
+import { QRadioGroup } from '../Item.styles';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import DisplayInstructions from '../DisplayItem/DisplayInstructions';
+import LabelWrapper from '../ItemParts/ItemLabelWrapper';
+function QItemChoiceRadioAnswerOption(props) {
+    var _a;
+    const { qItem, qrItem, isRepeated, onQrItemChange, orientation } = props;
+    // Init input value
+    const qrChoiceRadio = qrItem !== null && qrItem !== void 0 ? qrItem : createEmptyQrItem(qItem);
+    const valueRadio = getQrChoiceValue(qrChoiceRadio);
+    // Get additional rendering extensions
+    const { displayInstructions, readOnly } = useRenderingExtensions(qItem);
+    // Event handlers
+    function handleChange(e) {
+        if (qItem.answerOption) {
+            const qrAnswer = findInAnswerOptions(qItem.answerOption, e.target.value);
+            if (qrAnswer) {
+                onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItem(qItem)), { answer: [qrAnswer] }));
+            }
+        }
+    }
+    const choiceRadio = (React.createElement(QRadioGroup, { row: orientation === QItemChoiceOrientation.Horizontal, name: qItem.text, id: qItem.id, onChange: handleChange, value: valueRadio, "data-test": "q-item-radio-group" }, (_a = qItem.answerOption) === null || _a === void 0 ? void 0 : _a.map((option) => {
+        var _a, _b, _c;
+        if (option['valueCoding']) {
+            return (React.createElement(QItemChoiceRadioSingle, { key: (_a = option.valueCoding.code) !== null && _a !== void 0 ? _a : '', value: (_b = option.valueCoding.code) !== null && _b !== void 0 ? _b : '', label: (_c = option.valueCoding.display) !== null && _c !== void 0 ? _c : `${option.valueCoding.code}`, readOnly: readOnly }));
+        }
+        else if (option['valueString']) {
+            return (React.createElement(QItemChoiceRadioSingle, { key: option.valueString, value: option.valueString, label: option.valueString, readOnly: readOnly }));
+        }
+        else if (option['valueInteger']) {
+            return (React.createElement(QItemChoiceRadioSingle, { key: option.valueInteger, value: option.valueInteger.toString(), label: option.valueInteger.toString(), readOnly: readOnly }));
+        }
+        else {
+            return null;
+        }
+    })));
+    const renderQItemChoiceRadio = isRepeated ? (React.createElement(React.Fragment, null, choiceRadio)) : (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-choice-radio-answer-option-box" },
+        React.createElement(Grid, { container: true, columnSpacing: 6 },
+            React.createElement(Grid, { item: true, xs: 5 },
+                React.createElement(LabelWrapper, { qItem: qItem })),
+            React.createElement(Grid, { item: true, xs: 7 },
+                choiceRadio,
+                React.createElement(DisplayInstructions, { displayInstructions: displayInstructions })))));
+    return React.createElement(React.Fragment, null, renderQItemChoiceRadio);
+}
+export default QItemChoiceRadioAnswerOption;
+//# sourceMappingURL=QItemChoiceRadioAnswerOption.js.map