@aehrc/smart-forms-renderer 0.27.2 → 0.27.4

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

@@ -0,0 +1,169 @@
+/*
+ * 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';
+import { QuestionnaireResponse } from 'fhir/r4';
+
+export const qTextBasic: Questionnaire = {
+  resourceType: 'Questionnaire',
+  id: 'TextBasic',
+  name: 'TextBasic',
+  title: 'Text Basic',
+  version: '0.1.0',
+  status: 'draft',
+  publisher: 'AEHRC CSIRO',
+  date: '2024-05-01',
+  url: 'https://smartforms.csiro.au/docs/components/text/basic',
+  item: [
+    {
+      linkId: 'details',
+      type: 'text',
+      repeats: false,
+      text: 'Details of intermittent fasting'
+    }
+  ]
+};
+
+export const qrTextBasicResponse: QuestionnaireResponse = {
+  resourceType: 'QuestionnaireResponse',
+  status: 'in-progress',
+  item: [
+    {
+      linkId: 'details',
+      text: 'Details of intermittent fasting',
+      answer: [
+        {
+          valueString:
+            '- 8 hour eating window\n- cup of black coffee in the morning\n- small portions of lunch and dinner'
+        }
+      ]
+    }
+  ],
+  questionnaire: 'https://smartforms.csiro.au/docs/components/text/basic'
+};
+
+export const qTextCalculation: Questionnaire = {
+  resourceType: 'Questionnaire',
+  id: 'TextCalculation',
+  name: 'TextCalculation',
+  title: 'Text Calculation',
+  version: '0.1.0',
+  status: 'draft',
+  publisher: 'AEHRC CSIRO',
+  date: '2024-05-01',
+  url: 'https://smartforms.csiro.au/docs/components/text/calculation',
+  extension: [
+    {
+      url: 'http://hl7.org/fhir/StructureDefinition/variable',
+      valueExpression: {
+        name: 'earHealthDetails',
+        language: 'text/fhirpath',
+        expression:
+          "item.where(linkId = 'ear-health-group').item.where(linkId = 'ear-health-details').answer.value"
+      }
+    },
+    {
+      url: 'http://hl7.org/fhir/StructureDefinition/variable',
+      valueExpression: {
+        name: 'medicationDetails',
+        language: 'text/fhirpath',
+        expression:
+          "item.where(linkId = 'medications-group').item.where(linkId = 'medications-details').answer.value"
+      }
+    }
+  ],
+  item: [
+    {
+      linkId: 'ear-health-group',
+      text: 'Ear Health',
+      type: 'group',
+      repeats: false,
+      item: [
+        {
+          linkId: 'ear-health-other',
+          text: '... (other questions)',
+          type: 'display',
+          readOnly: false
+        },
+        {
+          linkId: 'ear-health-details',
+          text: 'Details',
+          type: 'text',
+          readOnly: false
+        }
+      ]
+    },
+    {
+      linkId: 'medications-group',
+      text: 'Medications',
+      type: 'group',
+      repeats: false,
+      item: [
+        {
+          linkId: 'medications-other',
+          text: '... (other questions)',
+          type: 'display',
+          readOnly: false
+        },
+        {
+          linkId: 'medications-details',
+          text: 'Details',
+          type: 'text',
+          readOnly: false
+        }
+      ]
+    },
+    {
+      linkId: 'summaries-group',
+      text: 'Health Check Summaries',
+      type: 'group',
+      repeats: false,
+      item: [
+        {
+          extension: [
+            {
+              url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-calculatedExpression',
+              valueExpression: {
+                language: 'text/fhirpath',
+                expression: '%earHealthDetails'
+              }
+            }
+          ],
+          linkId: 'ear-health-summary',
+          text: 'Ear Health',
+          type: 'text',
+          readOnly: true
+        },
+        {
+          extension: [
+            {
+              url: 'http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-calculatedExpression',
+              valueExpression: {
+                language: 'text/fhirpath',
+                expression: '%medicationDetails'
+              }
+            }
+          ],
+          linkId: 'medication-summary',
+          text: 'Medications',
+          type: 'text',
+          readOnly: true
+        }
+      ]
+    }
+  ]
+};

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

@@ -0,0 +1,38 @@
+/*
+ * 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 qTimeBasic: Questionnaire = {
+  resourceType: 'Questionnaire',
+  id: 'TimeBasic',
+  name: 'TimeBasic',
+  title: 'Time Basic',
+  version: '0.1.0',
+  status: 'draft',
+  publisher: 'AEHRC CSIRO',
+  date: '2024-05-01',
+  url: 'https://smartforms.csiro.au/docs/components/time',
+  item: [
+    {
+      linkId: 'last-meal',
+      type: 'time',
+      repeats: false,
+      text: 'Time of last meal'
+    }
+  ]
+};

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

@@ -0,0 +1,38 @@
+/*
+ * 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 qUrlBasic: Questionnaire = {
+  resourceType: 'Questionnaire',
+  id: 'UrlBasic',
+  name: 'UrlBasic',
+  title: 'URL Basic',
+  version: '0.1.0',
+  status: 'draft',
+  publisher: 'AEHRC CSIRO',
+  date: '2024-05-01',
+  url: 'https://smartforms.csiro.au/docs/components/url/basic',
+  item: [
+    {
+      linkId: 'website-url',
+      type: 'url',
+      repeats: false,
+      text: 'Website URL'
+    }
+  ]
+};

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

@@ -0,0 +1,44 @@
+/*
+ * 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.
+ */
+
+export * from './QBoolean';
+export * from './QDecimal';
+export * from './QInteger';
+export * from './QDate';
+export * from './QDateTime';
+export * from './QTime';
+export * from './QString';
+export * from './QText';
+export * from './QUrl';
+export * from './QChoice';
+export * from './QOpenChoice';
+export * from './QAttachment';
+export * from './QReference';
+export * from './QQuantity';
+export * from './QAdvancedAdditionalDisplayContent';
+export * from './QAdvancedControlAppearance';
+export * from './QAdvancedOther';
+export * from './QAdvancedTextApperance';
+export * from './QBehaviorCalculations';
+export * from './QBehaviorChoiceRestriction';
+export * from './QBehaviorOther';
+export * from './QBehaviorValueConstraints';
+export * from './QItemControlDisplay';
+export * from './QItemControlGroup';
+export * from './QItemControlQuestion';
+// export * from './QSingleItems';
+// export * from './QSingleItems';

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

@@ -0,0 +1,39 @@
+/*
+ * 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 { Meta, StoryObj } from '@storybook/react';
+import BuildFormWrapper from '../BuildFormWrapper';
+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,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  tags: []
+} satisfies Meta<typeof BuildFormWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+
+export const AttachmentBasic: Story = {
+  args: {
+    questionnaire: qAttachmentBasic
+  }
+};

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

@@ -0,0 +1,72 @@
+/*
+ * 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.
+ */
+
+/*
+ * 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 { Meta, StoryObj } from '@storybook/react';
+import {
+  qBooleanBasic,
+  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
+
+// 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,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  tags: []
+} satisfies Meta<typeof BuildFormWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+
+export const BooleanBasic: Story = {
+  args: {
+    questionnaire: qBooleanBasic
+  }
+};
+export const BooleanBasicResponse: Story = {
+  args: {
+    questionnaire: qBooleanBasic,
+    questionnaireResponse: qrBooleanBasicResponse
+  }
+};
+
+export const BooleanCalculation: Story = {
+  args: {
+    questionnaire: qBooleanCalculation
+  }
+};

package/src/stories/{MedicalHistoryTable.stories.tsx → itemTypes/Choice.stories.tsx}

@@ -15,43 +15,49 @@
  * limitations under the License.
  */
 
-import ThemeProvider from '../theme/Theme';
 import type { Meta, StoryObj } from '@storybook/react';
-import { GroupTable } from '../components';
-import GTableMedicalHistoryItemJson from './assets/QItems-and-QRItems/Q_GTableMedicalHistory.json';
-import GTableMedicalHistoryAnswersJson from './assets/QItems-and-QRItems/QR_GTableMedicalHistory.json';
-import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import BuildFormWrapper from '../BuildFormWrapper';
+import {
+  qChoiceAnswerOptionBasic,
+  qChoiceAnswerValueSetBasic,
+  qrChoiceAnswerOptionBasicResponse,
+  qrChoiceAnswerValueSetBasicResponse
+} 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/GroupTable',
-  component: GroupTable,
+  title: 'Component/ItemType/Choice',
+  component: BuildFormWrapper,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
-  tags: [],
-  decorators: [
-    (Story) => (
-      <ThemeProvider>
-        <QueryClientProvider client={new QueryClient()}>{Story()}</QueryClientProvider>
-      </ThemeProvider>
-    )
-  ]
-} satisfies Meta<typeof GroupTable>;
-
-const GTableMedicalHistoryItem = GTableMedicalHistoryItemJson as QuestionnaireItem;
-const GTableMedicalHistoryAnswers = GTableMedicalHistoryAnswersJson as QuestionnaireResponseItem[];
+  tags: []
+} satisfies Meta<typeof BuildFormWrapper>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
 
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 
-export const MedicalHistoryTable: Story = {
+export const ChoiceAnswerOptionBasic: Story = {
+  args: {
+    questionnaire: qChoiceAnswerOptionBasic
+  }
+};
+export const ChoiceAnswerOptionBasicResponse: Story = {
+  args: {
+    questionnaire: qChoiceAnswerOptionBasic,
+    questionnaireResponse: qrChoiceAnswerOptionBasicResponse
+  }
+};
+
+export const ChoiceAnswerValueSetBasic: Story = {
+  args: {
+    questionnaire: qChoiceAnswerValueSetBasic
+  }
+};
+
+export const ChoiceAnswerValueSetBasicResponse: Story = {
   args: {
-    qItem: GTableMedicalHistoryItem,
-    qrItems: GTableMedicalHistoryAnswers,
-    groupCardElevation: 1,
-    parentIsReadOnly: false,
-    onQrRepeatGroupChange: () => {}
+    questionnaire: qChoiceAnswerValueSetBasic,
+    questionnaireResponse: qrChoiceAnswerValueSetBasicResponse
   }
 };

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

@@ -0,0 +1,46 @@
+/*
+ * 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 { Meta, StoryObj } from '@storybook/react';
+import BuildFormWrapper from '../BuildFormWrapper';
+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,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  tags: []
+} satisfies Meta<typeof BuildFormWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+
+export const DateBasic: Story = {
+  args: {
+    questionnaire: qDateBasic
+  }
+};
+
+export const DateBasicResponse: Story = {
+  args: {
+    questionnaire: qDateBasic,
+    questionnaireResponse: qrDateBasicResponse
+  }
+};

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

@@ -0,0 +1,45 @@
+/*
+ * 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 { Meta, StoryObj } from '@storybook/react';
+import BuildFormWrapper from '../BuildFormWrapper';
+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,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  tags: []
+} satisfies Meta<typeof BuildFormWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+
+export const DateTimeBasic: Story = {
+  args: {
+    questionnaire: qDateTimeBasic
+  }
+};
+export const DateTimeBasicResponse: Story = {
+  args: {
+    questionnaire: qDateTimeBasic,
+    questionnaireResponse: qrDateTimeBasicResponse
+  }
+};

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

@@ -0,0 +1,56 @@
+/*
+ * 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 { Meta, StoryObj } from '@storybook/react';
+import BuildFormWrapper from '../BuildFormWrapper';
+import {
+  qCalculatedExpressionBMICalculator,
+  qDecimalBasic,
+  qrDecimalBasicResponse
+} 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/Decimal',
+  component: BuildFormWrapper,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  tags: []
+} satisfies Meta<typeof BuildFormWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+
+export const DecimalBasic: Story = {
+  args: {
+    questionnaire: qDecimalBasic
+  }
+};
+
+export const DecimalBasicResponse: Story = {
+  args: {
+    questionnaire: qDecimalBasic,
+    questionnaireResponse: qrDecimalBasicResponse
+  }
+};
+
+export const DecimalCalculation: Story = {
+  args: {
+    questionnaire: qCalculatedExpressionBMICalculator
+  }
+};

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

@@ -0,0 +1,39 @@
+/*
+ * 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 { Meta, StoryObj } from '@storybook/react';
+import BuildFormWrapper from '../BuildFormWrapper';
+import { qDisplayBasic } 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,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  tags: []
+} satisfies Meta<typeof BuildFormWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+
+export const DisplayBasic: Story = {
+  args: {
+    questionnaire: qDisplayBasic
+  }
+};