Merge branch 'master' of https://github.com/user-interviews/ui-design-system

Author: Dave Ferris

.eslintrc

@@ -3,7 +3,7 @@
   "overrides": [
     {
       "files": [
-        "stories/*.{js,jsx}"
+        "stories/**/*.{js,jsx}"
       ],
       "rules": {
         "import/no-extraneous-dependencies": ["error", { "devDependencies": true }]

.storybook/main.js

@@ -7,5 +7,5 @@ module.exports = {
     '@storybook/addon-links/register',
     '@storybook/addon-storysource/register'
   ],
-  stories: ['../stories/*.stories.js[x]'],
+  stories: ['../stories/**/*.stories.js[x]'],
 };

.storybook/preview.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { addDecorator } from "@storybook/react";
+import  { withA11y } from "@storybook/addon-a11y";
+
+addDecorator(story => <div style={{ padding: '1rem' }}>{story()}</div>);
+addDecorator(withA11y);

jest.config.js

@@ -78,6 +78,7 @@ module.exports = {
   // A map from regular expressions to module names that allow to stub out resources with a single module
   moduleNameMapper: {
     '\\.(css|less|scss)$': '<rootDir>/spec/__mocks__/styleMock.js',
+    '^src/([^\\.]*)$': "<rootDir>/src/$1",
   },
 
   // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader

spec/Flash/Flash.test.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { create } from 'react-test-renderer';
 
-import Flash from '../../src/Flash/Flash';
+import { Flash } from 'src/Flash';
 
 describe('Flash', () => {
   test('no header classes', () => {

spec/Flash/useFlash.test.js

@@ -1,5 +1,5 @@
 import { renderHook, act } from '@testing-library/react-hooks';
-import { MessageTypes, useFlash } from '../../src/Flash';
+import { MessageTypes, useFlash } from 'src/Flash';
 
 const GENERATED_UUID = '1234';
 

spec/Flash/withFlash.test.jsx

@@ -2,8 +2,7 @@ import React from 'react';
 import { act } from '@testing-library/react-hooks';
 import { create } from 'react-test-renderer';
 
-import withFlash from '../../src/Flash/withFlash';
-import { MessageTypes } from '../../src/Flash';
+import { withFlash, MessageTypes } from 'src/Flash';
 
 jest.mock('react-transition-group', () => (
   {