FIX Eslint and Storybook errors

client/src/components/DatetimeField/tests/DatetimeField-story.js

@@ -23,7 +23,3 @@ export const Html5 = () => (
     }}
   />
 );
-
-Html5.story = {
-  name: 'HTML5',
-};

client/src/components/HtmlReadonlyField/tests/HtmlReadonlyField-story.js

@@ -17,7 +17,3 @@ export const Default = () => (
 export const HtmlValue = () => (
   <HtmlReadonlyField name="default" value={htmlValue} />
 );
-
-HtmlValue.story = {
-  name: 'HTML Value',
-};

client/src/components/Search/tests/Search-story.js

@@ -24,75 +24,71 @@ export default {
 };
 
 export const SimpleVanilla = () => (
-    <Search
-      id="SimpleVanillaSearch"
-      display="VISIBLE"
-      displayBehavior={'NONE'}
-      {...props}
-    />
+  <Search
+    id="SimpleVanillaSearch"
+    display="VISIBLE"
+    displayBehavior={'NONE'}
+    {...props}
+  />
 );
 
 export const WithFilters = () => (
-    <Search
-      id="SmallNotExpanded"
-      display="VISIBLE"
-      formSchemaUrl=""
-      filters={{}}
-      formData={{}}
-      placeholder={"Search 'Pages'"}
-      displayBehavior={'NONE'}
-      forceFilters
-      {...props}
-    />
+  <Search
+    id="SmallNotExpanded"
+    display="VISIBLE"
+    formSchemaUrl=""
+    filters={{}}
+    formData={{}}
+    placeholder={"Search 'Pages'"}
+    displayBehavior={'NONE'}
+    forceFilters
+    {...props}
+  />
 );
 
 export const Hideable = () => (
-    <Search
-      id="Large Hideable"
-      display="VISIBLE"
-      formSchemaUrl=""
-      forceFilters
-      filters={{}}
-      formData={{}}
-      placeholder="Search me"
-      displayBehavior={'HIDEABLE'}
-      {...props}
-    />
+  <Search
+    id="Large Hideable"
+    display="VISIBLE"
+    formSchemaUrl=""
+    forceFilters
+    filters={{}}
+    formData={{}}
+    placeholder="Search me"
+    displayBehavior={'HIDEABLE'}
+    {...props}
+  />
 );
 
 export const Toggeable = () => (
+  <Search
+    id="TOGGEABLE"
+    display="NONE"
+    displayBehavior="TOGGLABLE"
+    formSchemaUrl=""
+    formData={{}}
+    forceFilters
+    {...props}
+  />
+);
+
+export const Wide = () => (
+  <div style={{ width: '800px' }}>
     <Search
-      id="TOGGEABLE"
-      display="NONE"
+      id="WIDE"
+      display="VISIBLE"
       displayBehavior="TOGGLABLE"
       formSchemaUrl=""
       formData={{}}
       forceFilters
       {...props}
     />
-);
-
-export const Wide = () => (
-    <div style={{ width: '800px' }}>
-        <Search
-          id="WIDE"
-          display="VISIBLE"
-          displayBehavior="TOGGLABLE"
-          formSchemaUrl=""
-          formData={{}}
-          forceFilters
-          {...props}
-        />
-    </div>
+  </div>
 );
 
 export const ToggleButton = () => (
-    <div>
-      <SearchToggle />
-      <SearchToggle toggled />
-    </div>
+  <div>
+    <SearchToggle />
+    <SearchToggle toggled />
+  </div>
 );
-
-ToggleButton.story = {
-  name: 'Toggle button',
-};

client/src/components/SingleSelectField/tests/SingleSelectField-story.js

@@ -33,19 +33,15 @@ export default {
 };
 
 export const EmptyDefault = () => (
-    <SingleSelectField
-      {...props}
-      data={{
-        hasEmptyDefault: true,
-        emptyString: 'Choose an option',
-      }}
-    />
+  <SingleSelectField
+    {...props}
+    data={{
+      hasEmptyDefault: true,
+      emptyString: 'Choose an option',
+    }}
+  />
 );
 
-EmptyDefault.story = {
-  name: 'Empty default',
-};
-
 export const Readonly = () => (
-    <SingleSelectField {...props} readOnly value="One" />
+  <SingleSelectField {...props} readOnly value="One" />
 );

client/src/components/Toolbar/tests/Toolbar-story.js

@@ -15,14 +15,6 @@ export const NoBackButton = () => (
   <Toolbar showBackButton={f} onBackButtonClick={noop} />
 );
 
-NoBackButton.story = {
-  name: 'No back button',
-};
-
 export const BackButton = () => (
   <Toolbar showBackButton={t} onBackButtonClick={noop} />
 );
-
-BackButton.story = {
-  name: 'Back button',
-};

client/src/components/UsedOnTable/tests/UsedOnTable-story.js

@@ -7,16 +7,8 @@ export default {
 
 export const LoadingState = () => <UsedOnTable loading />;
 
-LoadingState.story = {
-  name: 'Loading state',
-};
-
 export const NoOwners = () => <UsedOnTable usedOn={[]} />;
 
-NoOwners.story = {
-  name: 'No owners',
-};
-
 export const WithOwners = () => (
   <UsedOnTable
     usedOn={[
@@ -51,7 +43,3 @@ export const WithOwners = () => (
     ]}
   />
 );
-
-WithOwners.story = {
-  name: 'With owners',
-};

client/src/font/tests/Icons-story.js

@@ -99,13 +99,9 @@ export default {
 };
 
 export const IconReference = () => (
-    <div>
-      <style>{styles}</style>
-      {/* eslint-disable-next-line react/no-danger */}
-      <div dangerouslySetInnerHTML={{ __html: mapping.outerHTML }} />
-    </div>
+  <div>
+    <style>{styles}</style>
+    {/* eslint-disable-next-line react/no-danger */}
+    <div dangerouslySetInnerHTML={{ __html: mapping.outerHTML }} />
+  </div>
 );
-
-IconReference.story = {
-  name: 'Icon reference',
-};