Release 0.3.8 (#343)

* Update version to 0.3.8

* [PATIENTAPP-112] Update styles of Adverse Event (#331)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* Update styles of Adverse Event

* Update imports

* Add cursive

* Update imports

* Change icon to patient one

Co-authored-by: jaceksanko <[email protected]>

* [PATIENTAPP-112] Add fhir react component CareTeam (#332)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* Update styles for CareTeam

* Update imports

* Add cursive

* Change date color

Co-authored-by: jaceksanko <[email protected]>

* [PATIENTAPP-112] Add fhir react component Generic (#333)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* Put Generic component into Accordion

* Add icon, update tests to test icon, update design

* Update imports

* Update accordion component to allow not passing odyContent

Co-authored-by: jaceksanko <[email protected]>

* [PATIENTAPP-112] Add fhir react component List (#334)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* Update List component and all related components

* Update imports

* Fix getting values

* Remove unused import

* Fix spacing in readme

* Make date black

* Add cursive to organization

Co-authored-by: jaceksanko <[email protected]>

* [PATIENTAPP-112] Add fhir react component Location (#335)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* Update Location component

* Add cursive, remove type from addresses

* Remove unused variable

* Update tests

* Update tests

* Fix telecom system data

Co-authored-by: jaceksanko <[email protected]>

* [PATIENTAPP-112] Add fhir react component Medication Administration (#336)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* Update style of Medication Administration

Co-authored-by: jaceksanko <[email protected]>

* [PATIENTAPP-112] Add fhir react component Medication Dispense (#337)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* Updte design of Medication Dispense

* Fix icon

* Move component to different file, make date black

* Update imports

* Update imports

Co-authored-by: jaceksanko <[email protected]>

* [PATIENTAPP-112] Add fhir react component Medication Knowledge (#338)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* Update design of Medication Knowledge

* Update imports

* Add cursive

Co-authored-by: jaceksanko <[email protected]>

* [PATIENTAPP-112] Add fhir react component Practitioner Role (#340)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* [PatientApp-113]  Adding FHIR-React Component: Claim (#329)

* Make basic collapsabe item table, update styles of table

* Make it not use actual accordion

* Make collapsable rows actually rows, not divs

* Fix table stylings

* Fix styling

* Add icons, update tests with icon tests

* Fix imports

* Make only parent expandable, bold and with darker background

* Fix background color of expandable element in table

* Clean up code

* Fix condition for expandable row, add top border to expandable row

* Clean up code

* Fix condition

* Move component to their own files, remove use of className in Item component

* Update imports

* Remove console.log

* Fix passing props

* Clicking entire row expands other rows

* Remove console.log

* Remove empty body

* Update styles of Practitioner Role

Co-authored-by: jaceksanko <[email protected]>

* Add fhir react component Related Person (#344)

* Add basic data for related person

* Extract needed info from related persons resource data

* Show correct data

* Fix icon test in patient tests, add version to related person stories, add tests for related person

* Update imports

* Restore missing AdverseEvent icon

* Fix icons

* Fix title, update functions names

* Add more examples, update geting data based on version

* Add tests for other fhir versions, update previous tests

* Add missing gender

* Remove console.log

* Updte functions names

* [PATIENTAPP-112] Add fhir react component  Claim Response (#339)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* [PatientApp-113]  Adding FHIR-React Component: Claim (#329)

* Make basic collapsabe item table, update styles of table

* Make it not use actual accordion

* Make collapsable rows actually rows, not divs

* Fix table stylings

* Fix styling

* Add icons, update tests with icon tests

* Fix imports

* Make only parent expandable, bold and with darker background

* Fix background color of expandable element in table

* Clean up code

* Fix condition for expandable row, add top border to expandable row

* Clean up code

* Fix condition

* Move component to their own files, remove use of className in Item component

* Update imports

* Remove console.log

* Fix passing props

* Clicking entire row expands other rows

* Remove console.log

* Remove empty body

* Update style of Claim Response

* Update condition for one of the elements

* Make date black, add expandable rows, fix alignment

* Remove expandable rows

* Fix imports

* Rename notAlignMiddle to isAlignTop

* Restore expandable rows

Co-authored-by: jaceksanko <[email protected]>

* [PATIENTAPP-112] Add fhir react component Bundle (#341)

* Update version to 0.3.7

* [PATIENTAPP-115] Adding FHIR-React Component: Medication (#325)

* Update Medication component based on similar components

* Update test name

* Update imports

* Update medcation to fit figma design

* Add icon

* Fix showing image, make url if manufacturer has an url

* Update tests

* Fix imports

* Fix styles of image in attachment, fix tests with incorrect fhirResource

* [PATIENTAP-116] Adding FHIR-React Component: Organization (#326)

* Update Organization component based on Patient component

* Update imports, fix test id

* Add icon, add tests

* Fix test

* Add gap in components body table data

* Add style for no Cursive to Identifier component

* Add missing enter

* Add icon

* Remove custom styles and add bootstrap styles

* Add gap style

* [Patientapp-114] Adding FHIR-React Component: Coverage (#328)

* Put coverege commponent data into accordeon

* Add icons, add gaps, add no cursive

* Add test for icons, update test of title element

* Fix imports

* [PatientApp-113]  Adding FHIR-React Component: Claim (#329)

* Make basic collapsabe item table, update styles of table

* Make it not use actual accordion

* Make collapsable rows actually rows, not divs

* Fix table stylings

* Fix styling

* Add icons, update tests with icon tests

* Fix imports

* Make only parent expandable, bold and with darker background

* Fix background color of expandable element in table

* Clean up code

* Fix condition for expandable row, add top border to expandable row

* Clean up code

* Fix condition

* Move component to their own files, remove use of className in Item component

* Update imports

* Remove console.log

* Fix passing props

* Clicking entire row expands other rows

* Remove console.log

* Remove empty body

* Update design for Bundle, add test for icons

* Update Bundle styles

* Fix condition for showing badges, add style for bundle background

* Update test, fix condition for total

* Fix not showing icons for bundle

* Remove class with margin, and replace it with bootstrap

* Rename noIcon to isNoIcon

Co-authored-by: jaceksanko <[email protected]>

* Update packages (#345)

* Install the npm-check-updates

* Add most package updates

* Undo update prettier package

* Add new import config in eslint

* Change node version in circleci

* Add rules to the stylelint

* Change version of copy-webpack-plugin and mini-css-extract-plugin to run build

* Add fhir react component Referral Request (#346)

* Start updating looks

* Add icon, update tests

* Update imports

* Update style, update tests

* Fix date, add icon

* [PATIENTAPP-128] Add fhir react component Research Study (#347)

* Update style, update tests

* Update imports

* Remove todo

* Fix date

* Remove unused import

* Add missing test id

* [PATIENTAPP-125] Add fhir react component Questionnaire (#348)

* Move components to separate files

* Update css a little

* Fix title for group questions

* Update looks of questionnaire, update tests

* Changes after cr

* Add missing tests for icon

* Fix typo

* [PATIENTAPP-126] Add fhir react component Questionnaire Response (#349)

* Move components to separate files

* Update css a little

* Fix title for group questions

* Update looks of questionnaire, update tests

* Move components to separate files, update styles for most of the component similar to Questionnaire

* Finish styling answers

* Add icon

* Fix styling

* Remove console.log

* Remove unused import

* Update key values

* Fix prettier

* Add missing icons

* Fix spacing

* [PATIENTAPP-134] Manage reference display (#351)

* Add condition showing reference only when there isn't a display value

* Update tests to fit new reference

* [ATIENTAPP-141] Add onClick function to all components overwriting accordion's default function (#350)

* Add isUnopenable variable to accordion

* Update README.md

* Add test for onClick

* Update README.md

* Update README.md

* Update tests for firing onClick, add test for onClick not being a function

Co-authored-by: Daria Lasecka <[email protected]>

.circleci/config.yml

@@ -4,7 +4,7 @@ jobs:
     parallelism: 1
     shell: /bin/bash --login
     docker:
-      - image: circleci/node:12.3.1-browsers
+      - image: circleci/node:14.18.2-browsers
     steps:
       - checkout
       - run:

.eslintrc

@@ -3,6 +3,15 @@
   "plugins": ["prettier"],
   "rules": {
     "semi": "error",
-    "prettier/prettier": "error"
+    "prettier/prettier": "error",
+    "import/no-anonymous-default-export": ["error", {
+      "allowArray": true,
+      "allowArrowFunction": true,
+      "allowAnonymousClass": true,
+      "allowAnonymousFunction": true,
+      "allowCallExpression": true,
+      "allowLiteral": true,
+      "allowObject": true
+    }]
   }
 }

.stylelintrc

@@ -1,5 +1,9 @@
 {
   "extends": [
-    "stylelint-config-standard",
-  ]
+    "stylelint-config-standard"
+  ],
+  "rules": {
+    "selector-class-pattern": null,
+    "shorthand-property-no-redundant-values": null
+  }
 }

README.md

@@ -1,5 +1,5 @@
 [![CircleCI](https://circleci.com/gh/1uphealth/fhir-react/tree/master.svg?style=svg)](https://circleci.com/gh/1uphealth/fhir-react/tree/master)
-[![Storybook](https://github.com/storybookjs/brand/raw/master/badge/badge-storybook.svg?sanitize=true)](https://fhir-react-lib-test-storybook.s3.amazonaws.com/branch/release-0-3-7/index.html)
+[![Storybook](https://github.com/storybookjs/brand/raw/master/badge/badge-storybook.svg?sanitize=true)](https://fhir-react-lib-test-storybook.s3.amazonaws.com/branch/release-0-3-8/index.html)
 
 # fhir-react
 
@@ -139,6 +139,24 @@ export default {
 };
 ```
 
+There is a possibility to overwrite default's Accordion function, by passing a function to onClick variable in a component.
+
+```jsx
+const MyComponent = () => {
+  const fhirResource = JSON.parse(fhirResourceAsJsonString);
+
+  const functionHandler = /*function*/
+
+  return (
+    <FhirResource
+      fhirResource={fhirResource}
+      fhirVersion={fhirVersions.R4}
+      onClick={functionHandler}
+    />
+  );
+};
+```
+
 ### `FhirResource` component props
 
 | Prop                 | Type                                                       | Default | Description                                                                                                                                                                                               |