npm - fhir-react - Versions diffs - 0.3.9 → 0.3.12 - Mend

fhir-react 0.3.9 → 0.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/src/components/resources/ReferralRequest/ReferralRequest.stories.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { object } from '@storybook/addon-knobs';
+import { defaultArgTypes } from '../../defaultArgTypes';
 import ReferralRequest from './ReferralRequest';
@@ -9,29 +9,29 @@ import fhirVersions from '../fhirResourceVersions';
 export default {
   title: 'ReferralRequest',
+  component: ReferralRequest,
+  argTypes: {
+    ...defaultArgTypes,
+  },
 };
-export const DefaultVisualizationDSTU2 = () => {
-  const fhirResource = object('Resource', dstu2Example1);
-  return (
-    <ReferralRequest
-      fhirVersion={fhirVersions.DSTU2}
-      fhirResource={fhirResource}
-    />
-  );
+const Template = args => <ReferralRequest {...args} />;
+export const DefaultVisualizationDSTU2 = Template.bind({});
+DefaultVisualizationDSTU2.args = {
+  fhirVersion: fhirVersions.DSTU2,
+  fhirResource: dstu2Example1,
+  fhirIcons: require('../../../assets/containers/ReferralRequest/referral-request.svg'),
 };
-export const ExampleOfSTU3 = () => {
-  const fhirResource = object('Resource', stu3Example1);
-  return (
-    <ReferralRequest
-      fhirVersion={fhirVersions.STU3}
-      fhirResource={fhirResource}
-    />
-  );
+export const ExampleOfSTU3 = Template.bind({});
+ExampleOfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: stu3Example1,
+  fhirIcons: false,
 };
-export const ExampleWithoutFhirVersionProperty = () => {
-  const fhirResource = object('Resource', stu3Example1);
-  return <ReferralRequest fhirResource={fhirResource} />;
+export const ExampleWithoutFhirVersionProperty = Template.bind({});
+ExampleWithoutFhirVersionProperty.args = {
+  fhirResource: stu3Example1,
 };

package/src/components/resources/RelatedPerson/RelatedPerson.js CHANGED Viewed

@@ -73,6 +73,7 @@ const RelatedPerson = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -146,6 +147,7 @@ const RelatedPerson = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/RelatedPerson/RelatedPerson.stories.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { object } from '@storybook/addon-knobs';
+import { defaultArgTypes } from '../../defaultArgTypes';
 import RelatedPerson from './RelatedPerson';
 import fhirVersions from '../fhirResourceVersions';
@@ -10,37 +10,33 @@ import exampleR4 from '../../../fixtures/r4/resources/relatedPerson/example1.jso
 import fhirIcons from '../../../fixtures/example-icons';
-export default { title: 'RelatedPerson' };
-export const ExampleDSTU2 = () => {
-  const fhirResource = object('Resource', exampleDSTU2);
-  return (
-    <RelatedPerson
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.DSTU2}
-      fhirIcons={fhirIcons}
-    />
-  );
+export default {
+  title: 'Coverage/RelatedPerson',
+  component: RelatedPerson,
+  argTypes: {
+    ...defaultArgTypes,
+  },
 };
-export const ExampleSTU3 = () => {
-  const fhirResource = object('Resource', exampleSTU3);
-  return (
-    <RelatedPerson
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.STU3}
-      fhirIcons={false}
-    />
-  );
+const Template = args => <RelatedPerson {...args} />;
+export const ExampleDSTU2 = Template.bind({});
+ExampleDSTU2.args = {
+  fhirVersion: fhirVersions.DSTU2,
+  fhirResource: exampleDSTU2,
+  fhirIcons: fhirIcons,
+};
+export const ExampleSTU3 = Template.bind({});
+ExampleSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: exampleSTU3,
+  fhirIcons: false,
 };
-export const ExampleR4 = () => {
-  const fhirResource = object('Resource', exampleR4);
-  return (
-    <RelatedPerson
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.R4}
-      fhirIcons={'random text'}
-    />
-  );
+export const ExampleR4 = Template.bind({});
+ExampleR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: exampleR4,
+  fhirIcons: 'random text',
 };

package/src/components/resources/ResearchStudy/ResearchStudy.js CHANGED Viewed

@@ -100,6 +100,7 @@ const ResearchStudy = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -296,6 +297,7 @@ const ResearchStudy = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/ResearchStudy/ResearchStudy.stories.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { object } from '@storybook/addon-knobs';
+import { defaultArgTypes } from '../../defaultArgTypes';
 import ResearchStudy from './ResearchStudy';
 import fhirVersions from '../fhirResourceVersions';
@@ -10,22 +10,24 @@ import fhirIcons from '../../../fixtures/example-icons';
 export default {
   title: 'ResearchStudy',
+  component: ResearchStudy,
+  argTypes: {
+    ...defaultArgTypes,
+  },
 };
-export const ExampleOfSTU3 = () => {
-  const fhirResource = object('Resource', stu3Example1);
-  return (
-    <ResearchStudy
-      fhirVersion={fhirVersions.STU3}
-      fhirResource={fhirResource}
-      fhirIcons={fhirIcons}
-    />
-  );
+const Template = args => <ResearchStudy {...args} />;
+export const ExampleOfSTU3 = Template.bind({});
+ExampleOfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: stu3Example1,
+  fhirIcons: fhirIcons,
 };
-export const ExampleOfR4 = () => {
-  const fhirResource = object('Resource', r4Example1);
-  return (
-    <ResearchStudy fhirVersion={fhirVersions.R4} fhirResource={fhirResource} />
-  );
+export const ExampleOfR4 = Template.bind({});
+ExampleOfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: r4Example1,
+  fhirIcons: false,
 };

package/src/components/resources/ResourceCategory/ResourceCategory.stories.js CHANGED Viewed

@@ -1,40 +1,53 @@
 import React from 'react';
+import { defaultArgTypes } from '../../defaultArgTypes';
 import ResourceCategory from './ResourceCategory';
 import fhirIcons from '../../../fixtures/example-icons';
 import ResourceCategoryIcon from '../../../assets/containers/ResourceCategory/resource-category.svg';
-export default { title: 'ResourceCategory' };
+export default {
+  title: 'ResourceCategory',
+  component: ResourceCategory,
+  argTypes: {
+    ...defaultArgTypes,
+    itemsCount: {
+      table: {
+        disable: true,
+      },
+    },
+    title: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+};
+const Template = args => <ResourceCategory {...args} />;
-export const ExampleWithAllProperties = () => {
-  return (
-    <ResourceCategory
-      itemsCount={41}
-      title="Resource name"
-      fhirIcons={require('../../../assets/containers/ResourceCategory/resource-category.svg')}
-    />
-  );
+export const ExampleWithAllProperties = Template.bind({});
+ExampleWithAllProperties.args = {
+  itemsCount: 41,
+  title: 'Resource name',
+  fhirIcons: require('../../../assets/containers/ResourceCategory/resource-category.svg'),
 };
-export const ExampleWith1Item = () => {
-  return (
-    <ResourceCategory
-      itemsCount={'1'}
-      title="Resource name"
-      fhirIcons={ResourceCategoryIcon}
-    />
-  );
+export const ExampleWith1Item = Template.bind({});
+ExampleWith1Item.args = {
+  itemsCount: '1',
+  title: 'Resource name',
+  fhirIcons: ResourceCategoryIcon,
 };
-export const ExampleWithoutItemsCount = () => {
-  return <ResourceCategory title="Resource name" fhirIcons={fhirIcons} />;
+export const ExampleWithoutItemsCount = Template.bind({});
+ExampleWithoutItemsCount.args = {
+  title: 'Resource name',
+  fhirIcons: fhirIcons,
 };
-export const ExampleWith1ItemAndDisableIcon = () => {
-  return (
-    <ResourceCategory
-      itemsCount={'1'}
-      title="Resource name"
-      fhirIcons={false}
-    />
-  );
+export const ExampleWith1ItemAndDisableIcon = Template.bind({});
+ExampleWith1ItemAndDisableIcon.args = {
+  itemsCount: '1',
+  title: 'Resource name',
+  fhirIcons: false,
 };

package/src/components/supportedFhirResourceList.js CHANGED Viewed

@@ -36,6 +36,7 @@ import MedicationAdministration from './resources/MedicationAdministration';
 import Questionnaire from './resources/Questionnaire';
 import QuestionnaireResponse from './resources/QuestionnaireResponse';
 import ReferralRequest from './resources/ReferralRequest';
+import RelatedPerson from './resources/RelatedPerson';
 import ResearchStudy from './resources/ResearchStudy';
 import ResourceCategory from './resources/ResourceCategory';
@@ -78,6 +79,7 @@ export {
   Questionnaire,
   QuestionnaireResponse,
   ReferralRequest,
+  RelatedPerson,
   ResearchStudy,
   ResourceCategory,
 };

package/.storybook/addons.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import '@storybook/addon-knobs/register';

package/.storybook/config.js DELETED Viewed

@@ -1,26 +0,0 @@
-import '../src/components/ui/bootstrap-reboot.min.css';
-import '../src/style.css';
-import '../src/style.scss';
-import { addDecorator, addParameters, configure } from '@storybook/react';
-import { withKnobs } from '@storybook/addon-knobs';
-if (typeof document !== 'undefined') {
-  require('bootstrap/dist/js/bootstrap.min.js');
-}
-addParameters({
-  options: {
-    name: 'FHIR-REACT storybook',
-    showRoots: true,
-  },
-});
-addDecorator(
-  withKnobs({
-    escapeHTML: false,
-  }),
-);
-configure(require.context('../src', true, /\.stories\.js$/), module);

package/.storybook/presets.js DELETED Viewed

	@@ -1 +0,0 @@
1	- module.exports = ['@storybook/preset-scss'];