@aehrc/smart-forms-renderer 0.30.2 → 0.31.0

package/src/stories/assets/questionnaires/QButtonTester.ts

@@ -0,0 +1,380 @@
+/*
+ * Copyright 2024 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 { Questionnaire, QuestionnaireResponse } from 'fhir/r4';
+
+export const qButtonTester: Questionnaire = {
+  resourceType: 'Questionnaire',
+  id: 'ButtonTester',
+  name: 'ButtonTester',
+  title: 'Button Tester',
+  version: '0.1.0',
+  status: 'draft',
+  publisher: 'AEHRC CSIRO',
+  date: '2024-05-01',
+  url: 'https://smartforms.csiro.au/docs/tester/button',
+  extension: [
+    {
+      url: 'http://hl7.org/fhir/StructureDefinition/variable',
+      valueExpression: {
+        name: 'AllConditions',
+        language: 'application/x-fhir-query',
+        expression: 'Condition?patient={{%patient.id}}'
+      }
+    },
+    {
+      url: 'http://hl7.org/fhir/StructureDefinition/variable',
+      valueExpression: {
+        name: 'DecimalObsBodyWeight',
+        language: 'application/x-fhir-query',
+        expression: 'Observation?code=29463-7&_count=1&_sort=-date&patient={{%patient.id}}'
+      }
+    },
+    {
+      url: 'http://hl7.org/fhir/StructureDefinition/variable',
+      valueExpression: {
+        name: 'IntegerObsBloodPressure',
+        language: 'application/x-fhir-query',
+        expression: 'Observation?code=85354-9&_count=1&_sort=-date&patient={{%patient.id}}'
+      }
+    },
+    {
+      url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-launchContext',
+      extension: [
+        {
+          url: 'name',
+          valueCoding: {
+            system: 'http://hl7.org/fhir/uv/sdc/CodeSystem/launchContext',
+            code: 'patient'
+          }
+        },
+        {
+          url: 'type',
+          valueCode: 'Patient'
+        },
+        {
+          url: 'description',
+          valueString: 'The patient that is to be used to pre-populate the form'
+        }
+      ]
+    }
+  ],
+  item: [
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-initialExpression',
+          valueExpression: {
+            language: 'text/fhirpath',
+            expression: '%DecimalObsBodyWeight.entry.resource.value.value'
+          }
+        }
+      ],
+      linkId: 'decimal',
+      type: 'decimal',
+      repeats: false,
+      text: 'Decimal Test'
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-initialExpression',
+          valueExpression: {
+            language: 'text/fhirpath',
+            expression:
+              "%IntegerObsBloodPressure.entry.resource.component.where(code.coding.exists(code='8480-6')).value.value"
+          }
+        }
+      ],
+      linkId: 'integer',
+      type: 'integer',
+      repeats: false,
+      text: 'Integer Test'
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-initialExpression',
+          valueExpression: {
+            language: 'text/fhirpath',
+            expression: "(%patient.name.where(use='official').select(family) | text).first()"
+          }
+        }
+      ],
+      linkId: 'string',
+      type: 'string',
+      repeats: false,
+      text: 'String Test'
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-initialExpression',
+          valueExpression: {
+            language: 'text/fhirpath',
+            expression:
+              "%patient.address.where(use='home' and (type.empty() or type!='postal')).select(line.join(', '))"
+          }
+        }
+      ],
+      linkId: 'text',
+      type: 'text',
+      repeats: false,
+      text: 'Text Test'
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-initialExpression',
+          valueExpression: {
+            language: 'text/fhirpath',
+            expression: '%patient.birthDate'
+          }
+        }
+      ],
+      linkId: 'date',
+      type: 'date',
+      repeats: false,
+      text: 'Date Test'
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-initialExpression',
+          valueExpression: {
+            language: 'text/fhirpath',
+            expression: '%patient.birthDate'
+          }
+        }
+      ],
+      linkId: 'dateTime',
+      type: 'dateTime',
+      repeats: false,
+      text: 'DateTime Test'
+    },
+    {
+      linkId: 'repeats-container',
+      type: 'group',
+      repeats: false,
+      text: '',
+      item: [
+        {
+          extension: [
+            {
+              url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-initialExpression',
+              valueExpression: {
+                language: 'text/fhirpath',
+                expression: "%patient.telecom.where(system = 'phone' and use = 'home').value"
+              }
+            }
+          ],
+          linkId: 'repeats-string',
+          type: 'string',
+          repeats: true,
+          text: 'Repeats Test (String)'
+        }
+      ]
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-itemPopulationContext',
+          valueExpression: {
+            name: 'PostalAddressRepeat',
+            language: 'text/fhirpath',
+            expression: "%patient.address.where(type='postal')"
+          }
+        }
+      ],
+      linkId: 'repeats-group',
+      type: 'group',
+      repeats: true,
+      text: 'Repeats Group Test',
+      item: [
+        {
+          extension: [
+            {
+              url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-initialExpression',
+              valueExpression: {
+                language: 'text/fhirpath',
+                expression: '%PostalAddressRepeat.city'
+              }
+            }
+          ],
+          linkId: 'repeats-group-string',
+          text: 'String',
+          type: 'string',
+          repeats: false
+        },
+        {
+          extension: [
+            {
+              url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-initialExpression',
+              valueExpression: {
+                language: 'text/fhirpath',
+                expression: '%PostalAddressRepeat.state'
+              }
+            }
+          ],
+          linkId: 'repeats-group-choice',
+          text: 'Choice',
+          type: 'choice',
+          repeats: false,
+          answerValueSet:
+            'https://healthterminologies.gov.au/fhir/ValueSet/australian-states-territories-2'
+        }
+      ]
+    }
+  ]
+};
+
+export const qrButtonTesterResponse: QuestionnaireResponse = {
+  resourceType: 'QuestionnaireResponse',
+  status: 'in-progress',
+  item: [
+    {
+      linkId: 'decimal',
+      text: 'Decimal Test',
+      answer: [
+        {
+          valueDecimal: 123.45
+        }
+      ]
+    },
+    {
+      linkId: 'integer',
+      text: 'Integer Test',
+      answer: [
+        {
+          valueInteger: 123
+        }
+      ]
+    },
+    {
+      linkId: 'string',
+      text: 'String Test',
+      answer: [
+        {
+          valueString: 'Sample String'
+        }
+      ]
+    },
+    {
+      linkId: 'text',
+      text: 'Text Test',
+      answer: [
+        {
+          valueString: 'Sample Text'
+        }
+      ]
+    },
+    {
+      linkId: 'date',
+      text: 'Date Test',
+      answer: [
+        {
+          valueDate: '2024-05-20'
+        }
+      ]
+    },
+    {
+      linkId: 'dateTime',
+      text: 'DateTime Test',
+      answer: [
+        {
+          valueDateTime: '2024-05-20T15:30:00Z'
+        }
+      ]
+    },
+    {
+      linkId: 'repeats-container',
+      text: '',
+      item: [
+        {
+          linkId: 'repeats-string',
+          text: 'Repeats Test (String)',
+          answer: [
+            {
+              valueString: 'First String'
+            },
+            {
+              valueString: 'Second String'
+            }
+          ]
+        }
+      ]
+    },
+    {
+      linkId: 'repeats-group',
+      text: 'Repeats Group Test',
+      item: [
+        {
+          linkId: 'repeats-group-string',
+          text: 'String',
+          answer: [
+            {
+              valueString: 'Nested String 1'
+            }
+          ]
+        },
+        {
+          linkId: 'repeats-group-choice',
+          text: 'Choice',
+          answer: [
+            {
+              valueCoding: {
+                system:
+                  'https://healthterminologies.gov.au/fhir/CodeSystem/australian-states-territories-1',
+                code: 'NSW'
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      linkId: 'repeats-group',
+      text: 'Repeats Group Test',
+      item: [
+        {
+          linkId: 'repeats-group-string',
+          text: 'String',
+          answer: [
+            {
+              valueString: 'Nested String 2'
+            }
+          ]
+        },
+        {
+          linkId: 'repeats-group-choice',
+          text: 'Choice',
+          answer: [
+            {
+              valueCoding: {
+                system:
+                  'https://healthterminologies.gov.au/fhir/CodeSystem/australian-states-territories-1',
+                code: 'SA'
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ],
+
+  questionnaire: 'https://smartforms.csiro.au/docs/tester/button'
+};

package/src/stories/assets/questionnaires/QValidateTester.ts

@@ -0,0 +1,118 @@
+/*
+ * Copyright 2024 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 { Questionnaire } from 'fhir/r4';
+
+export const qValidateTester: Questionnaire = {
+  resourceType: 'Questionnaire',
+  id: 'ValidateTester',
+  name: 'ValidateTester',
+  title: 'Validate Tester',
+  version: '0.1.0',
+  status: 'draft',
+  publisher: 'AEHRC CSIRO',
+  date: '2024-05-01',
+  url: 'https://smartforms.csiro.au/docs/tester/validate',
+  item: [
+    {
+      linkId: 'required',
+      text: 'Required',
+      type: 'boolean',
+      repeats: false,
+      required: true
+    },
+    {
+      linkId: 'maxlength',
+      text: 'Max Length (10)',
+      type: 'string',
+      repeats: false,
+      maxLength: 10
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/StructureDefinition/minLength',
+          valueInteger: 10
+        }
+      ],
+      linkId: 'minlength',
+      text: 'Min Length (10)',
+      type: 'string',
+      repeats: false
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/StructureDefinition/regex',
+          valueString: "matches('^[0-9]{4}$')"
+        },
+        {
+          url: 'http://hl7.org/fhir/StructureDefinition/entryFormat',
+          valueString: '####'
+        }
+      ],
+      linkId: 'regex',
+      text: 'Regex (####)',
+      type: 'string',
+      repeats: false
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/StructureDefinition/maxValue',
+          valueInteger: 65
+        }
+      ],
+      linkId: 'maxvalue',
+      text: 'Max Value (<=65)',
+      type: 'integer',
+      repeats: false
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/StructureDefinition/minValue',
+          valueInteger: 18
+        }
+      ],
+      linkId: 'minvalue',
+      text: 'Min Value (>=18)',
+      type: 'integer',
+      repeats: false
+    },
+    {
+      extension: [
+        {
+          url: 'http://hl7.org/fhir/StructureDefinition/maxDecimalPlaces',
+          valueInteger: 2
+        },
+        {
+          url: 'http://hl7.org/fhir/StructureDefinition/questionnaire-unit',
+          valueCoding: {
+            system: 'http://unitsofmeasure.org',
+            code: 'kg',
+            display: 'kg'
+          }
+        }
+      ],
+      linkId: 'maxdecimalplaces',
+      text: 'Max Decimal Places (2)',
+      type: 'decimal',
+      repeats: false
+    }
+  ]
+};

package/src/stories/itemTypes/Attachment.stories.tsx

@@ -16,16 +16,16 @@
  */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import BuildFormWrapper from '../BuildFormWrapper';
+import BuildFormWrapperForStorybook from '../StorybookWrappers/BuildFormWrapperForStorybook';
 import { qAttachmentBasic } from '../assets/questionnaires';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Component/ItemType/Attachment',
-  component: BuildFormWrapper,
+  component: BuildFormWrapperForStorybook,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: []
-} satisfies Meta<typeof BuildFormWrapper>;
+} satisfies Meta<typeof BuildFormWrapperForStorybook>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/src/stories/itemTypes/Boolean.stories.tsx

@@ -21,15 +21,15 @@ import {
   qBooleanCalculation,
   qrBooleanBasicResponse
 } from '../assets/questionnaires';
-import BuildFormWrapper from '../BuildFormWrapper'; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+import BuildFormWrapperForStorybook from '../StorybookWrappers/BuildFormWrapperForStorybook'; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Component/ItemType/Boolean',
-  component: BuildFormWrapper,
+  component: BuildFormWrapperForStorybook,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: []
-} satisfies Meta<typeof BuildFormWrapper>;
+} satisfies Meta<typeof BuildFormWrapperForStorybook>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/src/stories/itemTypes/Choice.stories.tsx

@@ -16,7 +16,7 @@
  */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import BuildFormWrapper from '../BuildFormWrapper';
+import BuildFormWrapperForStorybook from '../StorybookWrappers/BuildFormWrapperForStorybook';
 import {
   qChoiceAnswerOptionBasic,
   qChoiceAnswerOptionCalculation,
@@ -29,10 +29,10 @@ import {
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Component/ItemType/Choice',
-  component: BuildFormWrapper,
+  component: BuildFormWrapperForStorybook,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: []
-} satisfies Meta<typeof BuildFormWrapper>;
+} satisfies Meta<typeof BuildFormWrapperForStorybook>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/src/stories/itemTypes/Date.stories.tsx

@@ -16,16 +16,16 @@
  */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import BuildFormWrapper from '../BuildFormWrapper';
+import BuildFormWrapperForStorybook from '../StorybookWrappers/BuildFormWrapperForStorybook';
 import { qDateBasic, qrDateBasicResponse } from '../assets/questionnaires';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Component/ItemType/Date',
-  component: BuildFormWrapper,
+  component: BuildFormWrapperForStorybook,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: []
-} satisfies Meta<typeof BuildFormWrapper>;
+} satisfies Meta<typeof BuildFormWrapperForStorybook>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/src/stories/itemTypes/DateTime.stories.tsx

@@ -16,16 +16,16 @@
  */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import BuildFormWrapper from '../BuildFormWrapper';
+import BuildFormWrapperForStorybook from '../StorybookWrappers/BuildFormWrapperForStorybook';
 import { qDateTimeBasic, qrDateTimeBasicResponse } from '../assets/questionnaires';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Component/ItemType/DateTime',
-  component: BuildFormWrapper,
+  component: BuildFormWrapperForStorybook,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: []
-} satisfies Meta<typeof BuildFormWrapper>;
+} satisfies Meta<typeof BuildFormWrapperForStorybook>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/src/stories/itemTypes/Decimal.stories.tsx

@@ -16,7 +16,7 @@
  */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import BuildFormWrapper from '../BuildFormWrapper';
+import BuildFormWrapperForStorybook from '../StorybookWrappers/BuildFormWrapperForStorybook';
 import {
   qCalculatedExpressionBMICalculator,
   qDecimalBasic,
@@ -26,10 +26,10 @@ import {
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Component/ItemType/Decimal',
-  component: BuildFormWrapper,
+  component: BuildFormWrapperForStorybook,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: []
-} satisfies Meta<typeof BuildFormWrapper>;
+} satisfies Meta<typeof BuildFormWrapperForStorybook>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/src/stories/itemTypes/Display.stories.tsx

@@ -16,16 +16,16 @@
  */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import BuildFormWrapper from '../BuildFormWrapper';
+import BuildFormWrapperForStorybook from '../StorybookWrappers/BuildFormWrapperForStorybook';
 import { qDisplayBasic, qDisplayCalculation } from '../assets/questionnaires/QDisplay';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Component/ItemType/Display',
-  component: BuildFormWrapper,
+  component: BuildFormWrapperForStorybook,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: []
-} satisfies Meta<typeof BuildFormWrapper>;
+} satisfies Meta<typeof BuildFormWrapperForStorybook>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/src/stories/itemTypes/Group.stories.tsx

@@ -16,16 +16,16 @@
  */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import BuildFormWrapper from '../BuildFormWrapper';
+import BuildFormWrapperForStorybook from '../StorybookWrappers/BuildFormWrapperForStorybook';
 import { qGroupBasic } from '../assets/questionnaires/QGroup';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Component/ItemType/Group',
-  component: BuildFormWrapper,
+  component: BuildFormWrapperForStorybook,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: []
-} satisfies Meta<typeof BuildFormWrapper>;
+} satisfies Meta<typeof BuildFormWrapperForStorybook>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/src/stories/itemTypes/Integer.stories.tsx

@@ -16,7 +16,7 @@
  */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import BuildFormWrapper from '../BuildFormWrapper';
+import BuildFormWrapperForStorybook from '../StorybookWrappers/BuildFormWrapperForStorybook';
 import {
   qIntegerBasic,
   qIntegerCalculation,
@@ -26,10 +26,10 @@ import {
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'Component/ItemType/Integer',
-  component: BuildFormWrapper,
+  component: BuildFormWrapperForStorybook,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: []
-} satisfies Meta<typeof BuildFormWrapper>;
+} satisfies Meta<typeof BuildFormWrapperForStorybook>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;