@aehrc/smart-forms-renderer 0.2.0 → 0.4.0

package/src/components/FormComponents/ItemParts/ItemLabelText.tsx

@@ -0,0 +1,58 @@
+/*
+ * 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 type { QuestionnaireItem } from 'fhir/r4';
+import { getMarkdownString, getXHtmlString } from '../../../utils/itemControl';
+import { QItemTypography } from '../Item.styles';
+import parse from 'html-react-parser';
+import { Box } from '@mui/material';
+import ReactMarkdown from 'react-markdown';
+
+interface ItemLabelTextProps {
+  qItem: QuestionnaireItem;
+}
+
+const ItemLabelText = memo(function ItemLabelText(props: ItemLabelTextProps) {
+  const { qItem } = props;
+
+  // parse xHTML if found
+  const xHtmlString = getXHtmlString(qItem);
+
+  if (xHtmlString) {
+    return <Box>{parse(xHtmlString)}</Box>;
+  }
+
+  // parse xHTML if found
+  const markdownString = getMarkdownString(qItem);
+  if (markdownString) {
+    return (
+      <Box>
+        <ReactMarkdown>{markdownString}</ReactMarkdown>
+      </Box>
+    );
+  }
+
+  // parse regular text
+  if (qItem.type === 'group') {
+    return <>{qItem.text}</>;
+  } else {
+    return <QItemTypography>{qItem.text}</QItemTypography>;
+  }
+});
+
+export default ItemLabelText;

package/src/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/src/components/FormComponents/ItemParts/ItemLabelWrapper.js.map

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

@@ -0,0 +1,47 @@
+/*
+ * 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 type { QuestionnaireItem } from 'fhir/r4';
+import { getContextDisplays } from '../../../utils/tabs';
+import ItemLabelText from './ItemLabelText';
+
+interface LabelWrapperProps {
+  qItem: QuestionnaireItem;
+}
+
+function ItemLabelWrapper(props: LabelWrapperProps) {
+  const { qItem } = props;
+
+  const contextDisplayItems = getContextDisplays(qItem);
+
+  return (
+    <Box display="flex" alignItems="center" justifyContent="space-between">
+      <ItemLabelText qItem={qItem} />
+
+      <Box display="flex" columnGap={0.5}>
+        {contextDisplayItems.map((item) => {
+          return <ContextDisplayItem key={item.linkId} displayItem={item} />;
+        })}
+      </Box>
+    </Box>
+  );
+}
+
+export default ItemLabelWrapper;

package/src/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/src/components/FormComponents/ItemParts/QItemCheckboxSingle.js.map

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

@@ -0,0 +1,44 @@
+/*
+ * 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';
+
+interface Props {
+  value: string;
+  label: string;
+  readOnly: boolean;
+  isChecked: boolean;
+  onCheckedChange: (value: string) => unknown;
+}
+
+function QItemCheckboxSingle(props: Props) {
+  const { value, label, readOnly, isChecked, onCheckedChange } = props;
+
+  return (
+    <FormControlLabel
+      disabled={readOnly}
+      control={
+        <Checkbox size="small" checked={isChecked} onChange={() => onCheckedChange(value)} />
+      }
+      label={label}
+      sx={{ mr: 3 }}
+    />
+  );
+}
+
+export default QItemCheckboxSingle;

package/src/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/src/components/FormComponents/ItemParts/QItemCheckboxSingleWithOpenLabel.js.map

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

@@ -0,0 +1,62 @@
+/*
+ * 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 type { ChangeEvent } from 'react';
+import React from 'react';
+import { Box, Checkbox, FormControlLabel } from '@mui/material';
+import { StandardTextField } from '../Textfield.styles';
+
+interface Props {
+  value: string | null;
+  label: string;
+  isChecked: boolean;
+  onCheckedChange: (checked: boolean) => unknown;
+  onInputChange: (input: string) => unknown;
+}
+
+function QItemCheckboxSingleWithOpenLabel(props: Props) {
+  const { value, label, isChecked, onCheckedChange, onInputChange } = props;
+
+  function handleCheckedChange(event: ChangeEvent<HTMLInputElement>) {
+    onCheckedChange(event.target.checked);
+  }
+
+  function handleInputChange(event: ChangeEvent<HTMLInputElement>) {
+    onInputChange(event.target.value);
+  }
+
+  return (
+    <Box data-test="q-item-checkbox-open-label-box">
+      <FormControlLabel
+        control={<Checkbox size="small" checked={isChecked} onChange={handleCheckedChange} />}
+        label={label + ':'}
+        sx={{ mr: 3 }}
+      />
+      <StandardTextField
+        disabled={!isChecked}
+        value={value}
+        onChange={handleInputChange}
+        fullWidth
+        isTabled={false}
+        size="small"
+        data-test="q-item-checkbox-open-label-field"
+      />
+    </Box>
+  );
+}
+
+export default QItemCheckboxSingleWithOpenLabel;

package/src/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/src/components/FormComponents/ItemParts/QItemRadioButtonWithOpenLabel.js.map

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

@@ -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 type { ChangeEvent } from 'react';
+import React from 'react';
+import { Box } from '@mui/material';
+import { StandardTextField } from '../Textfield.styles';
+import QItemChoiceRadioSingle from '../QItemChoice/QItemChoiceRadioSingle';
+
+interface Props {
+  value: string | null;
+  label: string;
+  readOnly: boolean;
+  isSelected: boolean;
+  onInputChange: (input: string) => unknown;
+}
+
+function QItemRadioButtonWithOpenLabel(props: Props) {
+  const { value, label, readOnly, isSelected, onInputChange } = props;
+  function handleInputChange(event: ChangeEvent<HTMLInputElement>) {
+    onInputChange(event.target.value);
+  }
+
+  return (
+    <Box data-test="q-item-radio-open-label-box">
+      <QItemChoiceRadioSingle value={value ?? ''} label={label + ':'} readOnly={readOnly} />
+      <StandardTextField
+        disabled={!isSelected}
+        value={value}
+        onChange={handleInputChange}
+        fullWidth
+        isTabled={false}
+        size="small"
+        data-test="q-item-radio-open-label-field"
+      />
+    </Box>
+  );
+}
+
+export default QItemRadioButtonWithOpenLabel;

package/src/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/src/components/FormComponents/Lists.styles.js.map

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

@@ -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 { 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
+  }
+}));

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

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