fhir-react 0.3.9 → 0.3.10

package/src/components/resources/Binary/Binary.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { object } from '@storybook/addon-knobs';
+import { defaultArgTypes } from '../../defaultArgTypes';
 
 import Binary from './Binary';
 
@@ -13,34 +13,40 @@ import BinaryIcon from '../../../assets/containers/Binary/binary.svg';
 
 export default {
   title: 'Binary',
+  component: Binary,
+  argTypes: {
+    ...defaultArgTypes,
+  },
 };
 
-export const PdfDSTU2 = () => {
-  const fhirResource = object('Resource', dstu2ExamplePdf);
-  return (
-    <Binary
-      fhirResource={fhirResource}
-      fhirIcons={require('../../../assets/containers/Binary/binary.svg')}
-    />
-  );
+const Template = args => <Binary {...args} />;
+
+export const PdfDSTU2 = Template.bind({});
+PdfDSTU2.args = {
+  fhirResource: dstu2ExamplePdf,
+  fhirIcons: require('../../../assets/containers/Binary/binary.svg'),
 };
 
-export const JpegDSTU2 = () => {
-  const fhirResource = object('Resource', dstu2ExampleJpeg);
-  return <Binary fhirResource={fhirResource} fhirIcons={BinaryIcon} />;
+export const JpegDSTU2 = Template.bind({});
+JpegDSTU2.args = {
+  fhirResource: dstu2ExampleJpeg,
+  fhirIcons: BinaryIcon,
 };
 
-export const PdfSTU3 = () => {
-  const fhirResource = object('Resource', stu3ExamplePdf);
-  return <Binary fhirResource={fhirResource} fhirIcons={false} />;
+export const PdfSTU3 = Template.bind({});
+PdfSTU3.args = {
+  fhirResource: stu3ExamplePdf,
+  fhirIcons: false,
 };
 
-export const JpegSTU3 = () => {
-  const fhirResource = object('Resource', stu3ExampleJpeg);
-  return <Binary fhirResource={fhirResource} fhirIcons={'random text'} />;
+export const JpegSTU3 = Template.bind({});
+JpegSTU3.args = {
+  fhirResource: stu3ExampleJpeg,
+  fhirIcons: 'random text',
 };
 
-export const JsonSTU3 = () => {
-  const fhirResource = object('Resource', stu3ExampleJson);
-  return <Binary fhirResource={fhirResource} fhirIcons={fhirIcons} />;
+export const JsonSTU3 = Template.bind({});
+JsonSTU3.args = {
+  fhirResource: stu3ExampleJson,
+  fhirIcons: fhirIcons,
 };

package/src/components/resources/Bundle/Bundle.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { object } from '@storybook/addon-knobs';
+import { defaultArgTypes } from '../../defaultArgTypes';
 
 import Bundle from './Bundle';
 
@@ -19,77 +19,87 @@ import fhirVersions from '../fhirResourceVersions';
 
 export default {
   title: 'Bundle',
+  component: Bundle,
+  argTypes: {
+    ...defaultArgTypes,
+  },
 };
 
-export const Example1OfDSTU2 = () => {
-  const fhirResource = object('Resource', dstu2Example1);
-  return (
-    <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.DSTU2} />
-  );
+const Template = args => <Bundle {...args} />;
+
+export const Example1OfDSTU2 = Template.bind({});
+Example1OfDSTU2.args = {
+  fhirVersion: fhirVersions.DSTU2,
+  fhirResource: dstu2Example1,
 };
 
-export const Example2OfDSTU2 = () => {
-  const fhirResource = object('Resource', dstu2Example2);
-  return (
-    <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.DSTU2} />
-  );
+export const Example2OfDSTU2 = Template.bind({});
+Example2OfDSTU2.args = {
+  fhirVersion: fhirVersions.DSTU2,
+  fhirResource: dstu2Example2,
 };
 
-export const Example3OfDSTU2 = () => {
-  const fhirResource = object('Resource', dstu2Example3);
-  return (
-    <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.DSTU2} />
-  );
+export const Example3OfDSTU2 = Template.bind({});
+Example3OfDSTU2.args = {
+  fhirVersion: fhirVersions.DSTU2,
+  fhirResource: dstu2Example3,
 };
 
-export const Example4OfDSTU2 = () => {
-  const fhirResource = object('Resource', dstu2Example4);
-  return (
-    <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.DSTU2} />
-  );
+export const Example4OfDSTU2 = Template.bind({});
+Example4OfDSTU2.args = {
+  fhirVersion: fhirVersions.DSTU2,
+  fhirResource: dstu2Example4,
 };
 
-export const Example1OfSTU3 = () => {
-  const fhirResource = object('Resource', stu3Example1);
-  return <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.STU3} />;
+export const Example1OfSTU3 = Template.bind({});
+Example1OfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: stu3Example1,
 };
 
-export const Example2OfSTU3 = () => {
-  const fhirResource = object('Resource', stu3Example2);
-  return <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.STU3} />;
+export const Example2OfSTU3 = Template.bind({});
+Example2OfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: stu3Example2,
 };
 
-export const Example3OfSTU3 = () => {
-  const fhirResource = object('Resource', stu3Example3);
-  return <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.STU3} />;
+export const Example3OfSTU3 = Template.bind({});
+Example3OfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: stu3Example3,
 };
 
-export const Example4OfSTU3 = () => {
-  const fhirResource = object('Resource', stu3Example4);
-  return <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.STU3} />;
+export const Example4OfSTU3 = Template.bind({});
+Example4OfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: stu3Example4,
 };
 
-export const Example1OfR4 = () => {
-  const fhirResource = object('Resource', r4Example1);
-  return <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.R4} />;
+export const Example1OfR4 = Template.bind({});
+Example1OfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: r4Example1,
 };
 
-export const Example2OfR4 = () => {
-  const fhirResource = object('Resource', r4Example2);
-  return <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.R4} />;
+export const Example2OfR4 = Template.bind({});
+Example2OfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: r4Example2,
 };
 
-export const Example3OfR4 = () => {
-  const fhirResource = object('Resource', r4Example3);
-  return <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.R4} />;
+export const Example3OfR4 = Template.bind({});
+Example3OfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: r4Example3,
 };
 
-export const Example4OfR4 = () => {
-  const fhirResource = object('Resource', r4Example4);
-  return <Bundle fhirResource={fhirResource} fhirVersion={fhirVersions.R4} />;
+export const Example4OfR4 = Template.bind({});
+Example4OfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: r4Example4,
 };
 
-// export const ExampleWithoutFHIRVersionProperty = () => {
-//   const fhirResource = object('Resource', stu3Example2);
-//   return <Bundle fhirResource={fhirResource} />;
-// };
+export const ExampleWithoutFHIRVersionProperty = Template.bind({});
+ExampleWithoutFHIRVersionProperty.args = {
+  fhirResource: stu3Example2,
+};

package/src/components/resources/CarePlan/CarePlan.stories.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { object } from '@storybook/addon-knobs';
+import fhirVersions from '../fhirResourceVersions';
+import { defaultArgTypes } from '../../defaultArgTypes';
 
 import CarePlan from './CarePlan';
 
@@ -9,73 +10,62 @@ import example2CarePlanSTU3 from '../../../fixtures/stu3/resources/carePlan/exam
 import weightLossCarePlanR4 from '../../../fixtures/r4/resources/carePlan/weightLossPlan.json';
 import pregnancyCarePlanR4 from '../../../fixtures/r4/resources/carePlan/pregnancyPlan.json';
 import heartOperationCarePlanR4 from '../../../fixtures/r4/resources/carePlan/heartOperationPlan.json';
-import fhirVersions from '../fhirResourceVersions';
+
 import CarePlanIcon from '../../../assets/containers/CarePlan/care-plan.svg';
 import fhirIcons from '../../../fixtures/example-icons';
 
-export default { title: 'CarePlan' };
+export default {
+  title: 'CarePlan',
+  component: CarePlan,
+  argTypes: {
+    ...defaultArgTypes,
+  },
+};
+
+const Template = args => <CarePlan {...args} />;
 
-export const DefaultVisualizationDSTU2 = () => {
-  const fhirResource = object('Resource', exampleCarePlanDSTU2);
-  return (
-    <CarePlan
-      fhirVersion={fhirVersions.DSTU2}
-      fhirResource={fhirResource}
-      fhirIcons={require('../../../assets/containers/CarePlan/care-plan.svg')}
-    />
-  );
+export const DefaultVisualizationDSTU2 = Template.bind({});
+DefaultVisualizationDSTU2.args = {
+  fhirVersion: fhirVersions.DSTU2,
+  fhirResource: exampleCarePlanDSTU2,
+  fhirIcons: require('../../../assets/containers/CarePlan/care-plan.svg'),
 };
 
-export const ExampleCarePlanSTU3 = () => {
-  const fhirResource = object('Resource', exampleCarePlanSTU3);
-  return (
-    <CarePlan
-      fhirVersion={fhirVersions.STU3}
-      fhirResource={fhirResource}
-      fhirIcons={CarePlanIcon}
-    />
-  );
+export const ExampleCarePlanSTU3 = Template.bind({});
+ExampleCarePlanSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: exampleCarePlanSTU3,
+  fhirIcons: CarePlanIcon,
 };
 
-export const Example2CarePlanSTU3 = () => {
-  const fhirResource = object('Resource', example2CarePlanSTU3);
-  return (
-    <CarePlan
-      fhirVersion={fhirVersions.STU3}
-      fhirResource={fhirResource}
-      fhirIcons={fhirIcons}
-    />
-  );
+export const Example2CarePlanSTU3 = Template.bind({});
+Example2CarePlanSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: example2CarePlanSTU3,
+  fhirIcons: fhirIcons,
 };
 
-export const WeightLossCarePlanR4 = () => {
-  const fhirResource = object('Resource', weightLossCarePlanR4);
-  return (
-    <CarePlan
-      fhirVersion={fhirVersions.R4}
-      fhirResource={fhirResource}
-      fhirIcons={false}
-    />
-  );
+export const WeightLossCarePlanR4 = Template.bind({});
+WeightLossCarePlanR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: weightLossCarePlanR4,
+  fhirIcons: false,
 };
 
-export const PregnancyCarePlanR4 = () => {
-  const fhirResource = object('Resource', pregnancyCarePlanR4);
-  return (
-    <CarePlan
-      fhirVersion={fhirVersions.R4}
-      fhirResource={fhirResource}
-      fhirIcons={'random text'}
-    />
-  );
+export const PregnancyCarePlanR4 = Template.bind({});
+PregnancyCarePlanR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: pregnancyCarePlanR4,
+  fhirIcons: 'random text',
 };
 
-export const HeartOperatioCarePlanR4 = () => {
-  const fhirResource = object('Resource', heartOperationCarePlanR4);
-  return <CarePlan fhirVersion={fhirVersions.R4} fhirResource={fhirResource} />;
+export const HeartOperatioCarePlanR4 = Template.bind({});
+HeartOperatioCarePlanR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: heartOperationCarePlanR4,
 };
 
-export const ExampleWithoutFhirVersionProperty = () => {
-  const fhirResource = object('Resource', example2CarePlanSTU3);
-  return <CarePlan fhirResource={fhirResource} />;
+export const ExampleWithoutFhirVersionProperty = Template.bind({});
+ExampleWithoutFhirVersionProperty.args = {
+  fhirResource: example2CarePlanSTU3,
 };

package/src/components/resources/CareTeam/CareTeam.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { object } from '@storybook/addon-knobs';
+import { defaultArgTypes } from '../../defaultArgTypes';
 
 import CareTeam from './CareTeam';
 import fhirVersions from '../fhirResourceVersions';
@@ -12,37 +12,31 @@ import CareTeamIcon from '../../../assets/containers/CareTeam/care-team.svg';
 
 export default {
   title: 'CareTeam',
+  component: CareTeam,
+  argTypes: {
+    ...defaultArgTypes,
+  },
 };
 
-export const ExampleSTU3 = () => {
-  const fhirResource = object('Resource', example_STU3);
-  return (
-    <CareTeam
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.STU3}
-      fhirIcons={CareTeamIcon}
-    />
-  );
+const Template = args => <CareTeam {...args} />;
+
+export const ExampleSTU3 = Template.bind({});
+ExampleSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: example_STU3,
+  fhirIcons: CareTeamIcon,
 };
 
-export const Example2OfSTU3 = () => {
-  const fhirResource = object('Resource', example2_STU3);
-  return (
-    <CareTeam
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.STU3}
-      fhirIcons={fhirIcons}
-    />
-  );
+export const Example2OfSTU3 = Template.bind({});
+Example2OfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: example2_STU3,
+  fhirIcons: fhirIcons,
 };
 
-export const ExampleR4 = () => {
-  const fhirResource = object('Resource', example_R4);
-  return (
-    <CareTeam
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.R4}
-      fhirIcons={false}
-    />
-  );
+export const ExampleR4 = Template.bind({});
+ExampleR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: example_R4,
+  fhirIcons: false,
 };

package/src/components/resources/Claim/Claim.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { object } from '@storybook/addon-knobs';
+import { defaultArgTypes } from '../../defaultArgTypes';
 
 import Claim from './Claim';
 import fhirVersions from '../fhirResourceVersions';
@@ -16,64 +16,51 @@ import fhirIcons from '../../../fixtures/example-icons';
 
 export default {
   title: 'Claim',
+  component: Claim,
+  argTypes: {
+    ...defaultArgTypes,
+  },
 };
 
-export const ExampleOfDSTU2 = () => {
-  const fhirResource = object('Resource', dstu2Example1);
-  return (
-    <Claim
-      fhirVersion={fhirVersions.DSTU2}
-      fhirResource={fhirResource}
-      fhirIcons={require('../../../assets/containers/Claim/claim.svg')}
-    />
-  );
+const Template = args => <Claim {...args} />;
+
+export const ExampleOfDSTU2 = Template.bind({});
+ExampleOfDSTU2.args = {
+  fhirVersion: fhirVersions.DSTU2,
+  fhirResource: dstu2Example1,
+  fhirIcons: require('../../../assets/containers/Claim/claim.svg'),
 };
 
-export const ExampleOfSTU3 = () => {
-  const fhirResource = object('Resource', stu3Example1);
-  return (
-    <Claim
-      fhirVersion={fhirVersions.STU3}
-      fhirResource={fhirResource}
-      fhirIcons={ClaimIcon}
-    />
-  );
+export const ExampleOfSTU3 = Template.bind({});
+ExampleOfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: stu3Example1,
+  fhirIcons: ClaimIcon,
 };
 
-export const Example2OfSTU3 = () => {
-  const fhirResource = object('Resource', stu3Example2);
-  return (
-    <Claim
-      fhirVersion={fhirVersions.STU3}
-      fhirResource={fhirResource}
-      fhirIcons={fhirIcons}
-    />
-  );
+export const Example2OfSTU3 = Template.bind({});
+Example2OfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: stu3Example2,
+  fhirIcons: fhirIcons,
 };
 
-export const Example3OfSTU3 = () => {
-  const fhirResource = object('Resource', stu3Example3);
-  return (
-    <Claim
-      fhirVersion={fhirVersions.STU3}
-      fhirResource={fhirResource}
-      fhirIcons={false}
-    />
-  );
+export const Example3OfSTU3 = Template.bind({});
+Example3OfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: stu3Example3,
+  fhirIcons: false,
 };
 
-export const Example1OfR4 = () => {
-  const fhirResource = object('Resource', r4Example1);
-  return (
-    <Claim
-      fhirVersion={fhirVersions.R4}
-      fhirResource={fhirResource}
-      fhirIcons={'random text'}
-    />
-  );
+export const Example1OfR4 = Template.bind({});
+Example1OfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: r4Example1,
+  fhirIcons: 'random text',
 };
 
-export const Example2OfR4 = () => {
-  const fhirResource = object('Resource', r4Example2);
-  return <Claim fhirVersion={fhirVersions.R4} fhirResource={fhirResource} />;
+export const Example2OfR4 = Template.bind({});
+Example2OfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: r4Example2,
 };

package/src/components/resources/ClaimResponse/ClaimResponse.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { object } from '@storybook/addon-knobs';
+import { defaultArgTypes } from '../../defaultArgTypes';
 
 import fhirVersions from '../fhirResourceVersions';
 import ClaimResponse from './ClaimResponse';
@@ -13,63 +13,53 @@ import example3ClaimResponseR4 from '../../../fixtures/r4/resources/claimRespons
 import fhirIcons from '../../../fixtures/example-icons';
 import ClaimResponseIcon from '../../../assets/containers/ClaimResponse/claim-response.svg';
 
-export default { title: 'Claim Response' };
+export default {
+  title: 'ClaimResponse',
+  component: ClaimResponse,
+  argTypes: {
+    ...defaultArgTypes,
+  },
+};
+
+const Template = args => <ClaimResponse {...args} />;
 
-export const ExampleDSTU2 = () => {
-  const fhirResource = object('Resource', exampleClaimResponseDSTU2);
-  return (
-    <ClaimResponse
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.DSTU2}
-      fhirIcons={require('../../../assets/containers/ClaimResponse/claim-response.svg')}
-    />
-  );
+export const ExampleDSTU2 = Template.bind({});
+ExampleDSTU2.args = {
+  fhirVersion: fhirVersions.DSTU2,
+  fhirResource: exampleClaimResponseDSTU2,
+  fhirIcons: require('../../../assets/containers/ClaimResponse/claim-response.svg'),
 };
 
-export const Example1OfSTU3 = () => {
-  const fhirResource = object('Resource', exampleClaimResponseSTU3);
-  return (
-    <ClaimResponse
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.STU3}
-      fhirIcons={ClaimResponseIcon}
-    />
-  );
+export const Example1OfSTU3 = Template.bind({});
+Example1OfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: exampleClaimResponseSTU3,
+  fhirIcons: ClaimResponseIcon,
 };
-export const Example2OfSTU3 = () => {
-  const fhirResource = object('Resource', example2ClaimResponseSTU3);
-  return (
-    <ClaimResponse
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.STU3}
-      fhirIcons={fhirIcons}
-    />
-  );
+
+export const Example2OfSTU3 = Template.bind({});
+Example2OfSTU3.args = {
+  fhirVersion: fhirVersions.STU3,
+  fhirResource: example2ClaimResponseSTU3,
+  fhirIcons: fhirIcons,
 };
 
-export const Example1OfR4 = () => {
-  const fhirResource = object('Resource', example1ClaimResponseR4);
-  return (
-    <ClaimResponse
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.R4}
-      fhirIcons={false}
-    />
-  );
+export const Example1OfR4 = Template.bind({});
+Example1OfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: example1ClaimResponseR4,
+  fhirIcons: false,
 };
-export const Example2OfR4 = () => {
-  const fhirResource = object('Resource', example2ClaimResponseR4);
-  return (
-    <ClaimResponse
-      fhirResource={fhirResource}
-      fhirVersion={fhirVersions.R4}
-      fhirIcons={'random text'}
-    />
-  );
+
+export const Example2OfR4 = Template.bind({});
+Example2OfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: example2ClaimResponseR4,
+  fhirIcons: 'random text',
 };
-export const Example3OfR4 = () => {
-  const fhirResource = object('Resource', example3ClaimResponseR4);
-  return (
-    <ClaimResponse fhirResource={fhirResource} fhirVersion={fhirVersions.R4} />
-  );
+
+export const Example3OfR4 = Template.bind({});
+Example3OfR4.args = {
+  fhirVersion: fhirVersions.R4,
+  fhirResource: example3ClaimResponseR4,
 };