@aehrc/smart-forms-renderer 0.2.0 → 0.4.0

package/src/components/FormComponents/IntegerItem/IntegerField.tsx

@@ -0,0 +1,76 @@
+/*
+ * 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 { InputAdornment } from '@mui/material';
+import { StandardTextField } from '../Textfield.styles';
+import type { PropsWithIsTabledAttribute } from '../../../interfaces/renderProps.interface';
+import FadingCheckIcon from '../ItemParts/FadingCheckIcon';
+
+interface IntegerFieldProps extends PropsWithIsTabledAttribute {
+  linkId: string;
+  value: number;
+  feedback: string;
+  displayPrompt: string;
+  displayUnit: string;
+  entryFormat: string;
+  readOnly: boolean;
+  calcExpUpdated: boolean;
+  onInputChange: (value: string) => void;
+}
+
+function IntegerField(props: IntegerFieldProps) {
+  const {
+    linkId,
+    value,
+    feedback,
+    displayPrompt,
+    displayUnit,
+    entryFormat,
+    readOnly,
+    calcExpUpdated,
+    isTabled,
+    onInputChange
+  } = props;
+
+  return (
+    <StandardTextField
+      id={linkId}
+      value={value.toString()}
+      error={!!feedback}
+      onChange={(event) => onInputChange(event.target.value)}
+      disabled={readOnly}
+      label={displayPrompt}
+      placeholder={entryFormat}
+      fullWidth
+      isTabled={isTabled}
+      size="small"
+      inputProps={{ inputMode: 'numeric', pattern: '[0-9]*' }}
+      InputProps={{
+        endAdornment: (
+          <InputAdornment position={'end'}>
+            <FadingCheckIcon fadeIn={calcExpUpdated} />
+            {displayUnit}
+          </InputAdornment>
+        )
+      }}
+      data-test="q-item-integer-field"
+    />
+  );
+}
+
+export default IntegerField;

package/src/components/FormComponents/IntegerItem/IntegerItem.js

@@ -0,0 +1,73 @@
+/*
+ * 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, { useCallback, useState } from 'react';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import useValidationError from '../../../hooks/useValidationError';
+import debounce from 'lodash.debounce';
+import { createEmptyQrItemWithUnit } from '../../../utils/qrItem';
+import { DEBOUNCE_DURATION } from '../../../utils/debounce';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import IntegerField from './IntegerField';
+import useIntegerCalculatedExpression from '../../../hooks/useIntegerCalculatedExpression';
+import { parseValidInteger } from '../../../utils/parseInputs';
+import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
+function IntegerItem(props) {
+    const { qItem, qrItem, isRepeated, isTabled, onQrItemChange } = props;
+    // Get additional rendering extensions
+    const { displayUnit, displayPrompt, displayInstructions, readOnly, entryFormat, regexValidation, maxLength } = useRenderingExtensions(qItem);
+    // Init input value
+    let valueInteger = 0;
+    if (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer) {
+        if (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer[0].valueInteger) {
+            valueInteger = qrItem.answer[0].valueInteger;
+        }
+        if (qrItem === null || qrItem === void 0 ? void 0 : qrItem.answer[0].valueDecimal) {
+            valueInteger = Math.round(qrItem.answer[0].valueDecimal);
+        }
+    }
+    const [value, setValue] = useState(valueInteger);
+    // Perform validation checks
+    const feedback = useValidationError(value.toString(), regexValidation, maxLength);
+    // Process calculated expressions
+    const { calcExpUpdated } = useIntegerCalculatedExpression({
+        qItem: qItem,
+        inputValue: value,
+        displayUnit: displayUnit,
+        setInputValue: (newValue) => {
+            setValue(newValue);
+        },
+        onQrItemChange: onQrItemChange
+    });
+    // Event handlers
+    function handleInputChange(newInput) {
+        const newValue = parseValidInteger(newInput);
+        setValue(newValue);
+        updateQrItemWithDebounce(newValue);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const updateQrItemWithDebounce = useCallback(debounce((newValue) => {
+        onQrItemChange(Object.assign(Object.assign({}, createEmptyQrItemWithUnit(qItem, displayUnit)), { answer: [{ valueInteger: newValue }] }));
+    }, DEBOUNCE_DURATION), [onQrItemChange, qItem, displayUnit]); // Dependencies are tested, debounce is causing eslint to not recognise dependencies
+    if (isRepeated) {
+        return (React.createElement(IntegerField, { linkId: qItem.linkId, value: value, feedback: feedback, displayPrompt: displayPrompt, displayUnit: displayUnit, entryFormat: entryFormat, readOnly: readOnly, calcExpUpdated: calcExpUpdated, isTabled: isTabled, onInputChange: handleInputChange }));
+    }
+    return (React.createElement(FullWidthFormComponentBox, { "data-test": "q-item-integer-box" },
+        React.createElement(ItemFieldGrid, { qItem: qItem, displayInstructions: displayInstructions },
+            React.createElement(IntegerField, { linkId: qItem.linkId, value: value, feedback: feedback, displayPrompt: displayPrompt, displayUnit: displayUnit, entryFormat: entryFormat, readOnly: readOnly, calcExpUpdated: calcExpUpdated, isTabled: isTabled, onInputChange: handleInputChange }))));
+}
+export default IntegerItem;
+//# sourceMappingURL=IntegerItem.js.map

package/src/components/FormComponents/IntegerItem/IntegerItem.js.map

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

package/src/components/FormComponents/IntegerItem/IntegerItem.tsx

@@ -0,0 +1,140 @@
+/*
+ * 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, { useCallback, useState } from 'react';
+import type {
+  PropsWithIsRepeatedAttribute,
+  PropsWithIsTabledAttribute,
+  PropsWithQrItemChangeHandler
+} from '../../../interfaces/renderProps.interface';
+import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
+import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
+import useValidationError from '../../../hooks/useValidationError';
+import debounce from 'lodash.debounce';
+import { createEmptyQrItemWithUnit } from '../../../utils/qrItem';
+import { DEBOUNCE_DURATION } from '../../../utils/debounce';
+import { FullWidthFormComponentBox } from '../../Box.styles';
+import IntegerField from './IntegerField';
+import useIntegerCalculatedExpression from '../../../hooks/useIntegerCalculatedExpression';
+import { parseValidInteger } from '../../../utils/parseInputs';
+import ItemFieldGrid from '../ItemParts/ItemFieldGrid';
+
+interface IntegerItemProps
+  extends PropsWithQrItemChangeHandler<QuestionnaireResponseItem>,
+    PropsWithIsRepeatedAttribute,
+    PropsWithIsTabledAttribute {
+  qItem: QuestionnaireItem;
+  qrItem: QuestionnaireResponseItem;
+}
+
+function IntegerItem(props: IntegerItemProps) {
+  const { qItem, qrItem, isRepeated, isTabled, onQrItemChange } = props;
+
+  // Get additional rendering extensions
+  const {
+    displayUnit,
+    displayPrompt,
+    displayInstructions,
+    readOnly,
+    entryFormat,
+    regexValidation,
+    maxLength
+  } = useRenderingExtensions(qItem);
+
+  // Init input value
+  let valueInteger = 0;
+  if (qrItem?.answer) {
+    if (qrItem?.answer[0].valueInteger) {
+      valueInteger = qrItem.answer[0].valueInteger;
+    }
+    if (qrItem?.answer[0].valueDecimal) {
+      valueInteger = Math.round(qrItem.answer[0].valueDecimal);
+    }
+  }
+  const [value, setValue] = useState(valueInteger);
+
+  // Perform validation checks
+  const feedback = useValidationError(value.toString(), regexValidation, maxLength);
+
+  // Process calculated expressions
+  const { calcExpUpdated } = useIntegerCalculatedExpression({
+    qItem: qItem,
+    inputValue: value,
+    displayUnit: displayUnit,
+    setInputValue: (newValue) => {
+      setValue(newValue);
+    },
+    onQrItemChange: onQrItemChange
+  });
+
+  // Event handlers
+  function handleInputChange(newInput: string) {
+    const newValue = parseValidInteger(newInput);
+
+    setValue(newValue);
+    updateQrItemWithDebounce(newValue);
+  }
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const updateQrItemWithDebounce = useCallback(
+    debounce((newValue: number) => {
+      onQrItemChange({
+        ...createEmptyQrItemWithUnit(qItem, displayUnit),
+        answer: [{ valueInteger: newValue }]
+      });
+    }, DEBOUNCE_DURATION),
+    [onQrItemChange, qItem, displayUnit]
+  ); // Dependencies are tested, debounce is causing eslint to not recognise dependencies
+
+  if (isRepeated) {
+    return (
+      <IntegerField
+        linkId={qItem.linkId}
+        value={value}
+        feedback={feedback}
+        displayPrompt={displayPrompt}
+        displayUnit={displayUnit}
+        entryFormat={entryFormat}
+        readOnly={readOnly}
+        calcExpUpdated={calcExpUpdated}
+        isTabled={isTabled}
+        onInputChange={handleInputChange}
+      />
+    );
+  }
+
+  return (
+    <FullWidthFormComponentBox data-test="q-item-integer-box">
+      <ItemFieldGrid qItem={qItem} displayInstructions={displayInstructions}>
+        <IntegerField
+          linkId={qItem.linkId}
+          value={value}
+          feedback={feedback}
+          displayPrompt={displayPrompt}
+          displayUnit={displayUnit}
+          entryFormat={entryFormat}
+          readOnly={readOnly}
+          calcExpUpdated={calcExpUpdated}
+          isTabled={isTabled}
+          onInputChange={handleInputChange}
+        />
+      </ItemFieldGrid>
+    </FullWidthFormComponentBox>
+  );
+}
+
+export default IntegerItem;

package/src/components/FormComponents/Item.styles.js

@@ -0,0 +1,27 @@
+/*
+ * 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 { FormGroup, RadioGroup, styled, Typography } from '@mui/material';
+export const QFormGroup = styled(FormGroup)(() => ({
+    marginBottom: 4
+}));
+export const QRadioGroup = styled(RadioGroup)(() => ({
+    marginBottom: 4
+}));
+export const QItemTypography = styled(Typography)(() => ({
+    marginTop: 4
+}));
+//# sourceMappingURL=Item.styles.js.map

package/src/components/FormComponents/Item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.styles.js","sourceRoot":"","sources":["Item.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE1E,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACnD,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACvD,SAAS,EAAE,CAAC;CACb,CAAC,CAAC,CAAC"}

package/src/components/FormComponents/Item.styles.ts

@@ -0,0 +1,30 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { FormGroup, RadioGroup, styled, Typography } from '@mui/material';
+
+export const QFormGroup = styled(FormGroup)(() => ({
+  marginBottom: 4
+}));
+
+export const QRadioGroup = styled(RadioGroup)(() => ({
+  marginBottom: 4
+}));
+
+export const QItemTypography = styled(Typography)(() => ({
+  marginTop: 4
+}));

package/src/components/FormComponents/ItemParts/ContextDisplayItem.js

@@ -0,0 +1,29 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React, { memo } from 'react';
+import useHidden from '../../../hooks/useHidden';
+import ItemLabelText from './ItemLabelText';
+const ContextDisplayItem = memo(function GroupHeadingIcon(props) {
+    const { displayItem } = props;
+    const itemIsHidden = useHidden(displayItem);
+    if (itemIsHidden) {
+        return null;
+    }
+    return React.createElement(ItemLabelText, { qItem: displayItem });
+});
+export default ContextDisplayItem;
+//# sourceMappingURL=ContextDisplayItem.js.map

package/src/components/FormComponents/ItemParts/ContextDisplayItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextDisplayItem.js","sourceRoot":"","sources":["ContextDisplayItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAM5C,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,gBAAgB,CAAC,KAA4B;IACpF,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9B,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C,IAAI,YAAY,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW,GAAI,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

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

@@ -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 React, { memo } from 'react';
+import type { QuestionnaireItem } from 'fhir/r4';
+import useHidden from '../../../hooks/useHidden';
+import ItemLabelText from './ItemLabelText';
+
+interface GroupHeadingIconProps {
+  displayItem: QuestionnaireItem;
+}
+
+const ContextDisplayItem = memo(function GroupHeadingIcon(props: GroupHeadingIconProps) {
+  const { displayItem } = props;
+
+  const itemIsHidden = useHidden(displayItem);
+  if (itemIsHidden) {
+    return null;
+  }
+
+  return <ItemLabelText qItem={displayItem} />;
+});
+
+export default ContextDisplayItem;

package/src/components/FormComponents/ItemParts/FadingCheckIcon.js

@@ -0,0 +1,26 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { Fade } from '@mui/material';
+import CheckIcon from '@mui/icons-material/Check';
+function FadingCheckIcon(props) {
+    const { fadeIn } = props;
+    return (React.createElement(Fade, { in: fadeIn, timeout: { enter: 100, exit: 300 } },
+        React.createElement(CheckIcon, { color: "success", fontSize: "small" })));
+}
+export default FadingCheckIcon;
+//# sourceMappingURL=FadingCheckIcon.js.map

package/src/components/FormComponents/ItemParts/FadingCheckIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadingCheckIcon.js","sourceRoot":"","sources":["FadingCheckIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAMlD,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QAClD,oBAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG,CACzC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,36 @@
+/*
+ * 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 { Fade } from '@mui/material';
+import CheckIcon from '@mui/icons-material/Check';
+
+interface FadingCheckIconProps {
+  fadeIn: boolean;
+}
+
+function FadingCheckIcon(props: FadingCheckIconProps) {
+  const { fadeIn } = props;
+
+  return (
+    <Fade in={fadeIn} timeout={{ enter: 100, exit: 300 }}>
+      <CheckIcon color="success" fontSize="small" />
+    </Fade>
+  );
+}
+
+export default FadingCheckIcon;

package/src/components/FormComponents/ItemParts/ItemFieldGrid.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 { Grid } from '@mui/material';
+import DisplayInstructions from '../DisplayItem/DisplayInstructions';
+import LabelWrapper from './ItemLabelWrapper';
+function ItemFieldGrid(props) {
+    const { children, qItem, displayInstructions } = props;
+    return (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 },
+            children,
+            React.createElement(DisplayInstructions, { displayInstructions: displayInstructions }))));
+}
+export default ItemFieldGrid;
+//# sourceMappingURL=ItemFieldGrid.js.map

package/src/components/FormComponents/ItemParts/ItemFieldGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemFieldGrid.js","sourceRoot":"","sources":["ItemFieldGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAQ9C,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAEvD,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,aAAa,EAAE,CAAC;QAC9B,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;YACd,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CACzB;QACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;YACb,QAAQ;YACT,oBAAC,mBAAmB,IAAC,mBAAmB,EAAE,mBAAmB,GAAI,CAC5D,CACF,CACR,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/src/components/FormComponents/ItemParts/ItemFieldGrid.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 type { ReactNode } from 'react';
+import React from 'react';
+import { Grid } from '@mui/material';
+import type { QuestionnaireItem } from 'fhir/r4';
+import DisplayInstructions from '../DisplayItem/DisplayInstructions';
+import LabelWrapper from './ItemLabelWrapper';
+
+interface ItemFieldGridProps {
+  children: ReactNode;
+  qItem: QuestionnaireItem;
+  displayInstructions: string;
+}
+
+function ItemFieldGrid(props: ItemFieldGridProps) {
+  const { children, qItem, displayInstructions } = props;
+
+  return (
+    <Grid container columnSpacing={6}>
+      <Grid item xs={5}>
+        <LabelWrapper qItem={qItem} />
+      </Grid>
+      <Grid item xs={7}>
+        {children}
+        <DisplayInstructions displayInstructions={displayInstructions} />
+      </Grid>
+    </Grid>
+  );
+}
+
+export default ItemFieldGrid;

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

@@ -0,0 +1,45 @@
+/*
+ * Copyright 2023 Commonwealth Scientific and Industrial Research
+ * Organisation (CSIRO) ABN 41 687 119 230.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React, { memo } from 'react';
+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';
+const ItemLabelText = memo(function ItemLabelText(props) {
+    const { qItem } = props;
+    // parse xHTML if found
+    const xHtmlString = getXHtmlString(qItem);
+    if (xHtmlString) {
+        return React.createElement(Box, null, parse(xHtmlString));
+    }
+    // parse xHTML if found
+    const markdownString = getMarkdownString(qItem);
+    if (markdownString) {
+        return (React.createElement(Box, null,
+            React.createElement(ReactMarkdown, null, markdownString)));
+    }
+    // parse regular text
+    if (qItem.type === 'group') {
+        return React.createElement(React.Fragment, null, qItem.text);
+    }
+    else {
+        return React.createElement(QItemTypography, null, qItem.text);
+    }
+});
+export default ItemLabelText;
+//# sourceMappingURL=ItemLabelText.js.map

package/src/components/FormComponents/ItemParts/ItemLabelText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemLabelText.js","sourceRoot":"","sources":["ItemLabelText.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAM3C,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,aAAa,CAAC,KAAyB;IACzE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,uBAAuB;IACvB,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,WAAW,EAAE;QACf,OAAO,oBAAC,GAAG,QAAE,KAAK,CAAC,WAAW,CAAC,CAAO,CAAC;KACxC;IAED,uBAAuB;IACvB,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAChD,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,oBAAC,GAAG;YACF,oBAAC,aAAa,QAAE,cAAc,CAAiB,CAC3C,CACP,CAAC;KACH;IAED,qBAAqB;IACrB,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;QAC1B,OAAO,0CAAG,KAAK,CAAC,IAAI,CAAI,CAAC;KAC1B;SAAM;QACL,OAAO,oBAAC,eAAe,QAAE,KAAK,CAAC,IAAI,CAAmB,CAAC;KACxD;AACH,CAAC,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}