Merge pull request #78 from merative/ab/update-storybook-and-webpack

Update storybook, webpack, react and others

.storybook/main.js

@@ -2,10 +2,14 @@ const custom = require("../webpack.config.js");
 
 module.exports = {
  stories: [
- "../packages/**/*.stories.mdx",
+ "../packages/**/*.mdx",
  "../packages/**/*.stories.@(js|jsx|ts|tsx)",
  ],
- addons: ["@storybook/addon-links", "@storybook/addon-essentials"],
+ addons: [
+ "@storybook/addon-links",
+ "@storybook/addon-essentials",
+ "@storybook/addon-webpack5-compiler-babel",
+ ],
  webpackFinal: (config) => {
  return {
  ...config,
@@ -18,4 +22,12 @@ module.exports = {
  },
  };
  },
+ core: {
+ disableTelemetry: true,
+ },
+ framework: {
+ name: "@storybook/react-webpack5",
+ options: {},
+ },
+ docs: {},
 };

.storybook/preview.js

@@ -10,3 +10,4 @@ export const parameters = {
  },
  },
 };
+export const tags = ["autodocs"];

config/jest-setup.js

@@ -2,12 +2,7 @@
  * Copyright Merative US L.P. 2020
  */
 
-import Enzyme from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-
 // Ensure any error output to console is flagged as a failing test
 global.console.error = (error) => {
  throw new Error(error);
 };
-
-Enzyme.configure({ adapter: new Adapter() });

config/jest.config.js

@@ -4,6 +4,7 @@
 
 module.exports = {
  rootDir: '../',
+ testEnvironment: 'jsdom',
  collectCoverageFrom: [
  '<rootDir>/packages/**/src/**/*.js',
  '!<rootDir>/packages/**/src/apollo-client-hooks/**/*.js',

eslint.config.mjs

@@ -0,0 +1,62 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
+import importPlugin from 'eslint-plugin-import';
+
+export default [
+ {
+ settings: {
+ react: {
+ version: "detect"
+ }
+ }
+ },
+ {
+ files: [
+ "**/*.{js,mjs,cjs,jsx}"
+ ],
+ plugins: {
+ importPlugin,
+ },
+ rules: {
+ "importPlugin/no-unresolved": "error",
+ "importPlugin/prefer-default-export": "error"
+ }
+ },
+ {
+ languageOptions: {
+ parserOptions: {
+ ecmaFeatures: {
+ jsx: true
+ }
+ }
+ }
+ },
+ {
+ languageOptions: {
+ globals: globals.browser
+ }
+ },
+ {
+ files: [
+ "**/__tests__/*.{js,mjs,cjs,jsx}"
+ ],
+ languageOptions: {
+ globals: globals.jest
+ }
+ },
+ {
+ files: [
+ ".storybook/*",
+ "config/jest-setup.js",
+ "config/jest.config.js",
+ "packages/carbon-addons-devenv/src/apollo-client-hooks/core/ApolloClientConfig.js",
+ "packages/carbon-addons-devenv/src/react/core/settings.js"
+ ],
+ languageOptions: {
+ globals: globals.node
+ }
+ },
+ pluginJs.configs.recommended,
+ pluginReactConfig,
+];