Adiciona plugin no babel e log no type checking

cli/web/cliente/babel.config.json

@@ -36,15 +36,7 @@
       },
       "icons"
     ],
-    [
-      "babel-plugin-import",
-      {
-        "libraryName": "@mui/lab",
-        "libraryDirectory": "",
-        "camel2DashComponentName": false
-      },
-      "lab"
-    ],
+    ["babel-plugin-direct-import", { "modules": ["@mui/material", "@mui/icons-material"] }],
     "@babel/plugin-proposal-optional-chaining",
     "@babel/plugin-proposal-nullish-coalescing-operator",
     "@babel/plugin-proposal-object-rest-spread",

cli/web/cliente/package.json

@@ -42,8 +42,8 @@
     "@types/html-webpack-plugin": "3.2.5",
     "@types/mini-css-extract-plugin": "1.4.3",
     "@types/node": "15.6.1",
-    "@types/react": "^16.0.0",
-    "@types/react-dom": "^16.0.0",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
     "@types/react-redux": "7.1.16",
     "@types/react-router": "5.1.14",
     "@types/react-router-dom": "5.1.7",
@@ -51,21 +51,25 @@
     "@types/webpack": "5.28.0",
     "@types/webpack-bundle-analyzer": "4.4.0",
     "@types/webpack-dev-server": "3.11.4",
+    "@types/react-swipeable-views": "^0.13.1",
+    "@types/react-swipeable-views-utils": "^0.13.3",
     "@typescript-eslint/eslint-plugin": "^4.31.0",
     "@typescript-eslint/parser": "^4.29.2",
     "autoprefixer": "^10.2.5",
     "babel-eslint": "^10.1.0",
     "babel-loader": "8.2.2",
+    "babel-plugin-direct-import": "^0.9.2",
+    "babel-plugin-import": "^1.13.0",
     "clean-webpack-plugin": "4.0.0-alpha.0",
     "copy-webpack-plugin": "9.0.0",
     "css-loader": "5.2.6",
     "css-minimizer-webpack-plugin": "^3.0.0",
     "ejs-loader": "0.5.0",
-    "eslint": "^7.27.0",
+    "eslint": "^7.0.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "express": "4.17.1",
     "file-loader": "6.2.0",
-    "fork-ts-checker-webpack-plugin": "6.2.10",
+    "fork-ts-checker-webpack-plugin": "^6.0.0",
     "html-webpack-plugin": "5.3.1",
     "mini-css-extract-plugin": "1.6.0",
     "postcss": "^8.3.0",
@@ -76,7 +80,11 @@
     "style-loader": "2.0.0",
     "ts-loader": "9.2.2",
     "ts-node": "10.0.0",
-    "typescript": "^4.0.0"
+    "typescript": "^4.0.0",
+    "webpack": "5.37.1",
+    "webpack-cli": "^3.0.0",
+    "webpack-bundle-analyzer": "^4.4.2",
+    "webpack-dev-server": "3.11.2"
   },
   "dependencies": {
     "@curio/client": "1.3.3",
@@ -94,10 +102,7 @@
     "@mui/material": "^5.0.0",
     "@mui/system": "^5.0.0",
     "@reduxjs/toolkit": "^1.2.5",
-    "@types/react-swipeable-views": "^0.13.1",
-    "@types/react-swipeable-views-utils": "^0.13.3",
     "@xstate/react": "^1.3.3",
-    "babel-plugin-import": "^1.13.0",
     "bowser": "^2.11.0",
     "classnames": "^2.2.6",
     "core-js": "3.12.1",
@@ -116,9 +121,6 @@
     "redux-observable": "^1.2.0",
     "reselect": "^4.0.0",
     "rxjs": "^6.5.4",
-    "webpack": "5.37.1",
-    "webpack-cli": "^3.0.0",
-    "webpack-dev-server": "3.11.2",
     "xstate": "^4.19.1"
   }
 }

cli/web/cliente/webpack.config.js

@@ -7,6 +7,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const ForkTSCheckerPlugin = require('fork-ts-checker-webpack-plugin')
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
+// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
 
 const pathResolve = (pth) => path.resolve(__dirname, pth)
 
@@ -106,6 +107,7 @@ const makeCommonPlugins = (env) => [
     eslint: {
       files: './**/*.{ts,tsx}', // required - same as command `eslint ./src/**/*.{ts,tsx,js,jsx} --ext .ts,.tsx,.js,.jsx`
     },
+    logger: { infrastructure: 'console', issues: 'console', devServer: true },
   }),
   new webpack.ProvidePlugin({
     process: 'process/browser',
@@ -125,6 +127,7 @@ const makeCommonPlugins = (env) => [
   new webpack.DefinePlugin({
     VERSION: JSON.stringify(require('./package.json').version),
   }),
+  // new BundleAnalyzerPlugin(),
 ]
 
 const makeDevPlugins = (env) => [...makeCommonPlugins(env)]