fhir-react 0.3.13 → 1.0.1

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "fhir-react",
-  "version": "0.3.13",
+  "version": "1.0.1",
   "description": "React component library for displaying FHIR Resources ",
   "main": "build/index.js",
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "^18.2.0"
   },
   "dependencies": {
     "@nivo/core": "^0.78.0",
     "@nivo/pie": "^0.78.0",
     "@popperjs/core": "^2.11.2",
-    "@storybook/addons": "^6.4.22",
+    "@storybook/addons": "^6.5.13",
     "bootstrap": "^5.1.3",
     "dompurify": "^2.3.6",
     "lodash": "^4.17.21",
@@ -18,7 +18,7 @@
     "md5": "^2.3.0",
     "pretty-bytes": "^5.6.0",
     "prop-types": "^15.8.1",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "svg-url-loader": "^7.1.1"
   },
   "scripts": {
@@ -58,7 +58,7 @@
     "material",
     "ui"
   ],
-  "license": "CC-BY-NC-SA-4.0",
+  "license": "MIT",
   "devDependencies": {
     "@babel/cli": "^7.17.6",
     "@babel/core": "^7.17.5",
@@ -83,11 +83,11 @@
     "@babel/polyfill": "^7.0.0",
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
-    "@storybook/addon-controls": "^6.4.22",
+    "@storybook/addon-controls": "^6.5.13",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.4.22",
-    "@storybook/storybook-deployer": "^2.8.11",
-    "@testing-library/react": "^12.1.4",
+    "@storybook/react": "^6.5.13",
+    "@storybook/storybook-deployer": "^2.8.16",
+    "@testing-library/react": "^13.4.0",
     "@typescript-eslint/eslint-plugin": "^5.14.0",
     "@typescript-eslint/parser": "^5.14.0",
     "babel-eslint": "^10.0.3",
@@ -108,9 +108,9 @@
     "eslint-plugin-react-hooks": "^4.3.0",
     "jest": "^24.9.0",
     "mini-css-extract-plugin": "^1.6.2",
-    "npm-check-updates": "^12.5.2",
+    "npm-check-updates": "^16.7.9",
     "prettier": "1.19.1",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "sass": "^1.49.9",
     "sass-loader": "^10.2.0",
     "style-loader": "^2.0.0",

package/src/components/resources/Observation/Observation.js

@@ -18,6 +18,7 @@ import {
 } from '../../ui';
 import Reference from '../../datatypes/Reference';
 import { getResourceDate } from '../../../utils/getResourceDate';
+import Annotation from "../../datatypes/Annotation";
 
 const Observation = ({
   fhirResource,
@@ -50,6 +51,9 @@ const Observation = ({
   let valueQuantityValueNumber = valueQuantityValue;
 
   const subject = _get(fhirResource, 'subject');
+  const note = _get(fhirResource, 'note');
+  const hasNote = Array.isArray(note);
+
   const tableData = [
     {
       label: 'Issued on',
@@ -71,6 +75,12 @@ const Observation = ({
       )),
       status: !_isEmpty(valueCodeableConceptCoding),
     },
+    {
+      label: 'Notes',
+      testId: 'hasNote',
+      data: hasNote && <Annotation fhirData={note} />,
+      status: hasNote,
+    },
   ];
 
   const observationDatesPaths = [

package/src/components/resources/Observation/Observation.test.js

@@ -132,6 +132,7 @@ describe('should render component correctly', () => {
     expect(getByTestId('issuedOn').textContent).toEqual('05/18/2016');
     expect(getByTestId('subject').textContent).toContain('Patient/infant');
     expect(queryByText(/373066001/g)).not.toBeNull();
+    expect(getByTestId('hasNote').textContent).toContain('Was exposed to second-hand smoke.');
   });
 
   test('should display not rounded value', () => {

package/src/fixtures/r4/resources/observation/example3.json

@@ -46,5 +46,10 @@
       }
     ],
     "text": "YES"
-  }
+  },
+  "note": [
+    {
+      "text": "Was exposed to second-hand smoke."
+    }
+  ]
 }