docs: react95 alias in storybook imports

Author: Ermakoy

.eslintrc.js

@@ -8,6 +8,7 @@ module.exports = {
     jest: true
   },
   rules: {
+    'import/no-unresolved': ['error', { ignore: ['react95'] }],
     'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
     'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
     'jsx-a11y/label-has-associated-control': [

.storybook/webpack.config.js

@@ -1,11 +1,18 @@
 const path = require('path');
 
-module.exports = ({config}) => {
-    config.module.rules.push({
-        test: /\.stories\.js?$/,
-        loaders: [require.resolve('@storybook/addon-storysource/loader')],
-        enforce: 'pre',
-    });
+module.exports = ({ config }) => {
+  config.module.rules.push({
+    test: /\.stories\.js?$/,
+    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    enforce: 'pre'
+  });
 
-    return config;
-};
+  config.resolve = Object.assign(config.resolve, {
+    alias: {
+      ...config.resolve.alias,
+      react95: path.resolve(__dirname, '../src/components/index')
+    }
+  });
+
+  return config;
+};

src/components/Anchor/Anchor.stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import Anchor from './Anchor';
+import { Anchor } from 'react95';
 
 const Wrapper = styled.div`
   padding: 5rem;
@@ -16,7 +16,7 @@ export default {
 
 export const Default = () => (
   <h1>
-    Everybody likes{' '}
+    Everybody likes
     <Anchor href='https://expensive.toys' target='_blank'>
       Expensive Toys
     </Anchor>

src/components/AppBar/AppBar.stories.js

@@ -1,13 +1,14 @@
 import React from 'react';
 
-import AppBar from './AppBar';
-import Toolbar from '../Toolbar/Toolbar';
-import TextField from '../TextField/TextField';
-
-import Button from '../Button/Button';
-import List from '../List/List';
-import ListItem from '../ListItem/ListItem';
-import Divider from '../Divider/Divider';
+import {
+  AppBar,
+  Toolbar,
+  TextField,
+  Button,
+  List,
+  ListItem,
+  Divider
+} from 'react95';
 
 import LogoIcon from '../Icon/LogoIcon';
 

src/components/Avatar/Avatar.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import Avatar from './Avatar';
+import { Avatar } from 'react95';
 
 const Wrapper = styled.div`
   padding: 5rem;

src/components/Bar/Bar.stories.js

@@ -1,9 +1,6 @@
 import React from 'react';
 
-import Bar from './Bar';
-import AppBar from '../AppBar/AppBar';
-import Toolbar from '../Toolbar/Toolbar';
-import Button from '../Button/Button';
+import { Bar, AppBar, Toolbar, Button } from 'react95';
 
 export default {
   title: 'Bar',

src/components/Button/Button.stories.js

@@ -11,7 +11,7 @@ import {
   Divider,
   Cutout,
   Toolbar
-} from '..';
+} from 'react95';
 
 const Wrapper = styled.div`
   padding: 5rem;

src/components/Checkbox/Checkbox.stories.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
 
-import { Checkbox, Fieldset, Cutout, List, ListItem, Divider } from '..';
+import { Checkbox, Fieldset, Cutout, List, ListItem, Divider } from 'react95';
 
 const Wrapper = styled.div`
   background: ${({ theme }) => theme.material};

src/components/Cutout/Cutout.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Cutout, Window, WindowContent } from '..';
+import { Cutout, Window, WindowContent } from 'react95';
 
 export default {
   title: 'Cutout',

src/components/DatePicker/DatePicker.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DatePicker from './DatePicker';
+import { DatePicker } from 'react95';
 
 export default {
   title: 'DatePicker',