fhir-react 0.3.9 → 0.3.10

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

@@ -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: '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.stories.js

@@ -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

@@ -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/.storybook/addons.js

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

package/.storybook/config.js

@@ -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

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