fix(lint): lint issues fixed

src/components/CheckboxGroup/RadioButtonGroup-story.js

@@ -5,7 +5,6 @@ import { action } from '@storybook/addon-actions';
 import { withKnobs, boolean, select, text } from '@storybook/addon-knobs';
 import RadioButtonGroup from '../RadioButtonGroup';
 import RadioButton from '../RadioButton';
-import FormGroup from '../FormGroup';
 
 const values = {
   standard: 'standard',

src/components/FileUploader/FileUploader.js

@@ -3,7 +3,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import settings from '../../globals/js/settings';
-import uid from '../../tools/uniqueId';
+//import uid from '../../tools/uniqueId';
 import { ButtonTypes } from '../../prop-types/types';
 import { Filename } from '../FileUploader/Filename';
 import { FileUploaderButton } from '../FileUploader/FileUploaderButton';

src/components/FileUploader/FileUploaderButton.js

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 import settings from '../../globals/js/settings';
 import uid from '../../tools/uniqueId';
 import { ButtonTypes } from '../../prop-types/types';
-import Filename from '../FileUploader/Filename';
+//import Filename from '../FileUploader/Filename';
 
 const { prefix } = settings;
 

src/components/Table/TableSimple-story.js

@@ -2,60 +2,6 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withKnobs } from '@storybook/addon-knobs';
 
-const data = [
-  {
-    name: 'Emyr Monaghan',
-    age: 26,
-    city: 'Berlin',
-  },
-  {
-    name: 'Madihah Watson',
-    age: 28,
-    city: 'Rome',
-  },
-  {
-    name: 'Rahim Valdez',
-    age: 61,
-    city: 'Nairobi',
-  },
-  {
-    name: 'Max Mustermann',
-    age: 73,
-    city: 'Panama Citry',
-  },
-  {
-    name: 'Maggie Alexander',
-    age: 52,
-    city: 'Bangok',
-  },
-  {
-    name: 'Kirsten Martinez',
-    age: 19,
-    city: 'New York',
-  },
-  {
-    name: 'Garfield Dejesus',
-    age: 78,
-    city: 'Paris',
-  },
-];
-
-const columns = [
-  {
-    Header: 'Name',
-    accessor: 'name', // String-based value accessors!
-  },
-  {
-    Header: 'Age',
-    accessor: 'age',
-    Cell: props => <span className="number">{props.value}</span>, // Custom cell components!
-  },
-  {
-    Header: 'City',
-    accessor: 'city', // String-based value accessors!
-  },
-];
-
 storiesOf('Components|Table', module)
   .addDecorator(withKnobs)
   .add('Simple table', () => (
@@ -75,18 +21,18 @@ storiesOf('Components|Table', module)
       </thead>
       <tbody>
         <tr>
-          <td>playground</td>
-          <td>apple</td>
+          <td>Max</td>
+          <td>Mustermann</td>
           <td>29</td>
-          <td>apple malone binam</td>
-          <td>apple</td>
+          <td>32</td>
+          <td>confirmed</td>
         </tr>
         <tr>
-          <td>lorem</td>
-          <td>ipsum</td>
+          <td>John</td>
+          <td>Doe</td>
           <td>32</td>
-          <td>apple lorem dolor</td>
-          <td>apple</td>
+          <td>21</td>
+          <td>pending</td>
         </tr>
       </tbody>
     </table>

src/components/Tabs/Tabs-story.js

@@ -48,6 +48,9 @@ const listEl = ({ anchor, className, label, href }) => {
         className="wfp--tabs__nav-link"
         role="button"
         tabIndex={0}
+        onKeyPress={() => {
+          alert('Custom renderListElement keypress');
+        }}
         onClick={() => {
           alert('Custom renderListElement');
         }}>

src/documentation/BrowserWarning/BrowserWarning-story.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 /* eslint-disable no-console */
 
 import React from 'react';

src/documentation/Capitalization/Capitalization-story.js

@@ -6,7 +6,6 @@ import Page from '../Page';
 import Blockquote from '../../components/Blockquote';
 import Link from '../../components/Link';
 import { List, ListItem } from '../../components/List';
-import { linkTo } from '@storybook/addon-links';
 
 storiesOf('Getting started|Guidelines', module)
   .addParameters({ options: { showPanel: false, isToolshown: false } })

src/documentation/Colours/ColourDocs.js

@@ -1,4 +1,4 @@
-import React, { Component, useRef } from 'react';
+import React, { useRef } from 'react';
 import PrismCode from 'react-prism';
 import Link from '../../components/Link';
 import { List, ListItem } from '../../components/List';
@@ -8,7 +8,6 @@ import Blockquote from '../../components/Blockquote';
 import { linkTo } from '@storybook/addon-links';
 import ColorList from './ColourList';
 import './_colours.scss';
-import { color } from '@storybook/theming';
 
 const Color = ({ color }) => (
   <h3>
@@ -161,7 +160,8 @@ const ColourDocs = () => {
         Interactive emphasis colour (e.g. hovers)
       </h4>
       <p>
-        This colour is used for hover and active states. {/* and to create contrast
+        This colour is used for hover and active states.{' '}
+        {/* and to create contrast
         between UI elements such as distinguishing the BannerNavigation bar from
         the MainNavigation. You can use this dark variant of our primary colour
         on elements.*/}

src/documentation/Colours/ColourList-story.js

@@ -2,16 +2,8 @@
 
 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import PrismCode from 'react-prism';
-import Link from '../../components/Link';
-import { List, ListItem } from '../../components/List';
-import Page from '../Page';
-import Blockquote from '../../components/Blockquote';
-
-import ColorList from './ColourList';
 import ColorDocs from './ColourDocs';
 import './_colours.scss';
-import { color } from '@storybook/theming';
 
 storiesOf('Getting started|Core', module)
   .addParameters({ options: { showPanel: false, isToolshown: false } })

src/documentation/Intro/Intro-story.js

@@ -1,3 +1,5 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable no-console */
 
 import React, { Component } from 'react';