Switch to yarn from npm

.gitignore

@@ -40,6 +40,7 @@ build/Release
 # Dependency directories
 node_modules/
 jspm_packages/
+.yarn/
 
 # TypeScript v1 declaration files
 typings/

.storybook/main.js

@@ -1,9 +1,9 @@
 module.exports = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
+    // '@storybook/addon-links',
+    // '@storybook/addon-essentials',
+    // '@storybook/addon-interactions',
     '@storybook/preset-create-react-app',
     '@storybook/preset-scss',
   ],

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

package.json

@@ -94,17 +94,12 @@
     ]
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
+    "@mdx-js/react": "^1.6.22",
     "@storybook/builder-webpack4": "^6.5.16",
     "@storybook/manager-webpack4": "^6.5.16",
-    "@storybook/node-logger": "^6.5.16",
-    "@storybook/preset-create-react-app": "^3.2.0",
+    "@storybook/preset-create-react-app": "^4.1.2",
+    "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^6.5.16",
-    "@storybook/testing-library": "0.0.13",
-    "@typescript-eslint/eslint-plugin": "^3.7.1",
     "@typescript-eslint/parser": "^3.7.1",
     "autoprefixer": "^10.4.8",
     "babel-plugin-inline-react-svg": "^1.1.1",
@@ -116,7 +111,8 @@
     "postcss": "^8.4.16",
     "prettier": "^2.0.5",
     "react-hooks-testing-library": "^0.6.0",
-    "react-test-renderer": "^16.13.1"
+    "react-test-renderer": "^16.13.1",
+    "sass-loader": "^13.2.1"
   },
   "engines": {
     "npm": ">=6.14.17",

src/ui/components/forms/forms.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 
-import { FormTextField } from './';
+import { FormTextField } from '.';
 
 const component = FormTextField;
 

src/ui/layouts/plugins/ListPlugins/forms.stories.tsx → src/ui/layouts/plugins/ListPlugins/index.stories.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Provider } from 'react-redux';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 
-import Component from './';
+import Component from '.';
 import configureStore from '../../../../redux/setup/storeSetup';
 
 const component = Component;