{"id":14384364,"url":"https://github.com/1uphealth/fhir-react","last_synced_at":"2026-02-03T19:08:39.759Z","repository":{"id":34969752,"uuid":"189774945","full_name":"1uphealth/fhir-react","owner":"1uphealth","description":"FHIR React Component Library","archived":false,"fork":false,"pushed_at":"2026-01-29T22:00:19.000Z","size":3588,"stargazers_count":106,"open_issues_count":19,"forks_count":31,"subscribers_count":8,"default_branch":"main","last_synced_at":"2026-01-30T08:57:18.082Z","etag":null,"topics":["validation-error"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/1uphealth.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2019-06-01T20:28:52.000Z","updated_at":"2026-01-29T21:59:24.000Z","dependencies_parsed_at":"2024-06-19T22:46:10.981Z","dependency_job_id":"e5c9e83c-397f-4bfa-90f0-8cb8abb1dfb8","html_url":"https://github.com/1uphealth/fhir-react","commit_stats":{"total_commits":226,"total_committers":20,"mean_commits":11.3,"dds":0.6017699115044248,"last_synced_commit":"379fcd23cd4a95e8a01311061576c4891a06ffce"},"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"purl":"pkg:github/1uphealth/fhir-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1uphealth%2Ffhir-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1uphealth%2Ffhir-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1uphealth%2Ffhir-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1uphealth%2Ffhir-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/1uphealth","download_url":"https://codeload.github.com/1uphealth/fhir-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1uphealth%2Ffhir-react/sbom","scorecard":{"id":2317,"data":{"date":"2025-08-11","repo":{"name":"github.com/1uphealth/fhir-react","commit":"e34fb506288ef091b50ad1408bf11d80d74e4cb3"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":4.3,"checks":[{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Code-Review","score":9,"reason":"Found 21/22 approved changesets -- score normalized to 9","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/publish_npmjs.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":3,"reason":"dependency not pinned by hash detected -- score normalized to 3","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_npmjs.yml:9: update your workflow using https://app.stepsecurity.io/secureworkflow/1uphealth/fhir-react/publish_npmjs.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish_npmjs.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/1uphealth/fhir-react/publish_npmjs.yml/main?enable=pin","Info: 0 out of 2 GitHub-owned GitHubAction dependencies pinned","Info: 1 out of 1 npmCommand dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE.md:0","Info: FSF or OSI recognized license: MIT License: LICENSE.md:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Packaging","score":10,"reason":"packaging workflow detected","details":["Info: Project packages its releases by way of GitHub Actions.: .github/workflows/publish_npmjs.yml:6"],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 30 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"54 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-36jr-mh4h-2g58","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-p3vf-v8qc-cwcr","Warn: Project is vulnerable to: GHSA-gx9m-whjm-85jf","Warn: Project is vulnerable to: GHSA-mmhx-hmjr-r674","Warn: Project is vulnerable to: GHSA-vhxf-7vqr-mrjg","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-5v2h-r2cx-5xgj","Warn: Project is vulnerable to: GHSA-rrrm-qjm4-v8hf","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2","Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-w5hq-hm5m-4548","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-w5p7-h5w8-2hfq","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-f9xv-q969-pqx4"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-14T12:50:10.047Z","repository_id":34969752,"created_at":"2025-08-14T12:50:10.047Z","updated_at":"2025-08-14T12:50:10.047Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29054120,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-03T15:43:47.601Z","status":"ssl_error","status_checked_at":"2026-02-03T15:43:46.709Z","response_time":96,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["validation-error"],"created_at":"2024-08-28T18:01:20.173Z","updated_at":"2026-02-03T19:08:39.730Z","avatar_url":"https://github.com/1uphealth.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# fhir-react\n\nA React component library for displaying [FHIR](https://1up.health/dev/doc/introduction-to-fhir) data.\n\n## Installation\n\n```\nnpm install --save fhir-react\n```\n\n## Usage\n\nThis package has two exports: a `FhirResource` React component and `fhirVersions` object.\n\n```js\nimport { FhirResource, fhirVersions } from 'fhir-react';\n```\n\nRender the component providing the FHIR data as a JavaScript object:\n\n```jsx\nconst MyComponent = () =\u003e {\n const fhirResource = JSON.parse(fhirResourceAsJsonString);\n return (\n \u003cFhirResource\n fhirResource={fhirResource}\n fhirVersion={fhirVersions.R4}\n fhirIcons={fhirIcons}\n withCarinBBProfile\n /\u003e\n );\n};\n```\n\nOptionally custom header icons could be passed as `fhirIcons` props in few different way:\n\n1. As a URL \n```jsx\nconst MyComponent = () =\u003e {\n const fhirResource = JSON.parse(fhirResourceAsJsonString);\n return (\n \u003cFhirResource\n fhirResource={fhirResource}\n fhirVersion={fhirVersions.R4}\n fhirIcons=\"https://www.gravatar.com/avatar/?s=50\u0026r=any\u0026default=identicon\u0026forcedefault=1\"\n withCarinBBProfile\n /\u003e\n );\n};\n````\n2. As a ```\u003cimg\u003e``` element \n```jsx\nconst MyComponent = () =\u003e {\n const fhirResource = JSON.parse(fhirResourceAsJsonString);\n return (\n \u003cFhirResource\n fhirResource={fhirResource}\n fhirVersion={fhirVersions.R4}\n fhirIcons={\u003cimg\n src={require('./dstu2/resources/condition/condition.svg')}\n alt=\"header icon\"\n /\u003e}\n withCarinBBProfile\n /\u003e\n );\n};\n````\n\n3. As a React src from import\n````jsx\nimport EncounterIcon from '../../../assets/containers/Encounter/encounter.svg';\n\nconst MyComponent = () =\u003e {\n const fhirResource = JSON.parse(fhirResourceAsJsonString);\n return (\n \u003cFhirResource\n fhirResource={fhirResource}\n fhirVersion={fhirVersions.R4}\n fhirIcons={EncounterIcon}\n withCarinBBProfile\n /\u003e\n );\n};\n````\nor\n````jsx\nconst MyComponent = () =\u003e {\n const fhirResource = JSON.parse(fhirResourceAsJsonString);\n return (\n \u003cFhirResource\n fhirResource={fhirResource}\n fhirVersion={fhirVersions.R4}\n fhirIcons={require('./dstu2/resources/condition/condition.svg')}\n withCarinBBProfile\n /\u003e\n );\n};\n````\n\n4. As a ``false`` value to display the placeholder\n````jsx\nconst MyComponent = () =\u003e {\n const fhirResource = JSON.parse(fhirResourceAsJsonString);\n return (\n \u003cFhirResource\n fhirResource={fhirResource}\n fhirVersion={fhirVersions.R4}\n fhirIcons={false}\n withCarinBBProfile\n /\u003e\n );\n};\n````\n5. Without a `fhirIcons` props\nThe resource icon if it exists or a placeholder will be displayed.\n\n\n6. As the resources object with resource type as the key and image URL or DOM node as the value\n\n```jsx\nimport React from 'react';\n\nexport default {\n Condition: (\n \u003cimg\n src={require('./dstu2/resources/condition/condition.svg')}\n alt=\"header icon\"\n /\u003e\n ),\n Immunization: (\n \u003cimg\n src={require('./dstu2/resources/immunization/immunization.svg')}\n alt=\"header icon\"\n /\u003e\n ),\n};\n```\n\nThere is a possibility to overwrite default's Accordion function, by passing a function to onClick variable in a component.\n\n```jsx\nconst MyComponent = () =\u003e {\n const fhirResource = JSON.parse(fhirResourceAsJsonString);\n \n const functionHandler = /*function*/\n \n return (\n \u003cFhirResource\n fhirResource={fhirResource}\n fhirVersion={fhirVersions.R4}\n onClick={functionHandler}\n /\u003e\n );\n};\n```\n\nUser can provide a number that can be assigned at the end of Accordion id. Not providing any number will cause a lodash uniqueId function to be used instead (default functionality up to this point).\n\n```jsx\nconst MyComponent = () =\u003e {\n const fhirResource = JSON.parse(fhirResourceAsJsonString);\n \n return (\n \u003cFhirResource\n fhirResource={fhirResource}\n fhirVersion={fhirVersions.R4}\n customId={id}\n /\u003e\n );\n};\n```\n\n### `FhirResource` component props\n\n| Prop | Type | Default | Description |\n| -------------------- | ---------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `fhirResource`\\* | Object | - | The FHIR resource to be rendered |\n| `fhirVersion`\\* | `fhirVersions.DSTU2`, `fhirVersions.STU3, fhirVersions.R4` | - | FHIR resource version |\n| `withCarinBBProfile` | Boolean | `false` | Use Carin BB profile extension on top of the HL7 default FHIR specification https://build.fhir.org/ig/HL7/carin-bb/index.html |\n| `withDaVinciPDex` | Boolean | `false` | Use DaVinci Payer Data Exchange (PDex) profile extension on top of the HL7 default FHIR specification https://hl7.org/fhir/us/davinci-drug-formulary/index.html |\n| `thorough` | Boolean | `false` | If this is set to `true`, or if it is absent, all array items and supported attributes will be displayed. Otherwise if this is `false` then only the first or otherwise important items will be displayed |\n\n\\* required props\n\n### Available `fhirVersions`\n\n- `fhirVersions.DSTU2` - http://hl7.org/fhir/dstu2/index.html\n- `fhirVersions.STU3` - http://hl7.org/fhir/stu3/index.html\n- `fhirVersions.R4` - http://hl7.org/fhir/r4/\n\n### Available resources\n\n| Resource | DSTU2 | STU3 | R4 | Carin BB Profile | DaVinci PDex |\n| -------------------------- | :---: | :---: | :---: | :--------------: | ------------ |\n| `AdverseEvent` | _N/A_ | ✅ | ✅ |\n| `AllergyIntolerance` | ✅ | ✅ | ✅ |\n| `AdverseEvent` | _N/A_ | ✅ | ✅ |\n| `AllergyIntolerance` | ✅ | ✅ | ✅ |\n| `Appointment` | ✅ | ✅ | ✅ |\n| `Bundle` | ✅ | ✅ | ✅ |\n| `CarePlan` | ✅ | ✅ | ✅ |\n| `CareTeam` | _N/A_ | ✅ | ✅ |\n| `Claim` | ✅ | ✅ | ✅ |\n| `ClaimResponse` | ✅ | ✅ | ✅ |\n| `Condition` | ✅ | ✅ | ✅ |\n| `Coverage` | ✅ | ✅ | ✅ |\n| `Device` | ✅ | ✅ | ✅ |\n| `DiagnosticReport` | ✅ | ✅ | ✅ |\n| `DocumentReference` | ✅ | ✅ | ✅ |\n| `Encounter` | ✅ | ✅ | ✅ |\n| `ExplanationOfBenefit` | ✅ | ✅ | ✅ | ✅ |\n| `Goal` | ✅ | ✅ | ✅ |\n| `Immunization` | ✅ | ✅ | ✅ |\n| `List` | ✅ | ✅ | ✅ | | ✅ |\n| `Location` | ✅ | ✅ | ✅ |\n| `Medication` | ✅ | ✅ | ✅ |\n| `MedicationAdministration` | ✅ | ✅ | ✅ |\n| `MedicationDispense` | ✅ | ✅ | ✅ |\n| `MedicationKnowledge` | _N/A_ | _N/A_ | ✅ | | ✅ |\n| `MedicationRequest` | _N/A_ | ✅ | ✅ |\n| `MedicationStatement` | ✅ | ✅ | ✅ |\n| `Observation` | ✅ | ✅ | ✅ |\n| `Organization` | ✅ | ✅ | ✅ |\n| `Patient` | ✅ | ✅ | ✅ |\n| `Practitioner` | ✅ | ✅ | ✅ |\n| `PractitionerRole` | _N/A_ | ✅ | ✅ |\n| `Procedure` | ✅ | ✅ | ✅ |\n| `Questionnaire` | ✅ | ✅ | ✅ |\n| `QuestionnaireResponse` | ✅ | ✅ | ✅ |\n| `ReferralRequest` | ✅ | ✅ | _N/A_ |\n| `ResearchStudy` | _N/A_ | ✅ | ✅ |\n\n### Styles update `v0.3`\n\nThe 0.3 version of the FHIR React Component library introduces the bootstrap Accordion component as the base of each available resource which provides any data. The RWD support is provided for each component.\n\n\n### Available resources `v0.3`\n\n\n| Resource | DSTU2 | STU3 | R4 | Carin BB Profile | DaVinci PDex |\n| -------------------------- | :---: | :---: | :---: | :--------------: | ------------ |\n| `Appointment` | ✅ | ✅ | ✅ |\n| `Condition` | ✅ | ✅ | ✅ |\n| `Encounter` | ✅ | ✅ | ✅ |\n| `ExplanationOfBenefit` | ✅ | ✅ | ✅ | ✅ |\n| `Immunization` | ✅ | ✅ | ✅ |\n| `Observation` | ✅ | ✅ | ✅ |\n| `Patient` | ✅ | ✅ | ✅ |\n| `Practitioner` | ✅ | ✅ | ✅ |\n| `Procedure` | ✅ | ✅ | ✅ |\n\nThe update does not change the datasets which components are able to handle. It means that user can display the same particulars as in the previous version of the specific component.\n\n\n### Styles\n\nOptional CSS styles are provided with this library. They are split into two files:\n\n- `style.css` with basic styling of the components\n- `bootstrap-reboot.min.css` further enhancing those styles\n\nTo use provided styles include them in the React component:\n\n```js\nimport 'fhir-react/build/style.css';\nimport 'fhir-react/build/bootstrap-reboot.min.css';\n```\n\nThe working demo example with styles included can be viewed [here](https://codesandbox.io/s/infallible-diffie-r6ln5).\n\n## Storybook\n\nRun storybook local server with:\n\n```\nnpm run storybook\n```\n\nNow you can check how a component graphically presents information based on raw data at http://localhost:63653 .\n\n## Development\n\n1. run `npm link` in this folder to create the npm package locally\n1. in the folder where you are using the package (some other project) run `npm link fhir-react`\n1. in that other project import this package as you would normally with `import FhirReact from 'fhir-react'`\n1. Finally, in this fhir-react folder run the watch command via `npm start` and start developing.\n\n### Test\n\n```\nnpm run test\n```\n\n### Lint\n\n```\nnpm run lint\nnpm run stylelint\n```\n\n### Build\n\n```\nnpm run build\n```\n\n### Publish to NPM Registry\n\nTo publish, [create a new release in GitHub](https://docs.github.com/en/repositories/releasing-projects-on-github/managing-releases-in-a-repository).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F1uphealth%2Ffhir-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F1uphealth%2Ffhir-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F1uphealth%2Ffhir-react/lists"}