Backport 44959 ESlint import order to v8.5.x (#48126)

* Add and configure eslint-plugin-import

* Fix the lint:ts npm command

* Autofix + prettier bulk files

* Manually fix files

* @ts-ignore

* Move jquery code in jest-setup to external file to safely reorder imports

* betterer

* Resolve issue caused by circular dependencies within Prometheus

* ignore iconBundle.ts

scripts/webpack/dependencies.js

@@ -1,8 +1,9 @@
 'use strict';
 
-const pkg = require('../../package.json');
 const { pull } = require('lodash');
 
+const pkg = require('../../package.json');
+
 let dependencies = Object.keys(pkg.dependencies);
 // remove jquery so we can add it first
 // remove rxjs so we can only depend on parts of it in code

scripts/webpack/loaders/compile.js

@@ -1,10 +1,9 @@
 const loaderUtils = require('loader-utils');
-
-const WebWorkerTemplatePlugin = require('webpack/lib/webworker/WebWorkerTemplatePlugin');
 const ExternalsPlugin = require('webpack/lib/ExternalsPlugin');
-const NodeTargetPlugin = require('webpack/lib/node/NodeTargetPlugin');
 const LoaderTargetPlugin = require('webpack/lib/LoaderTargetPlugin');
 const SingleEntryPlugin = require('webpack/lib/SingleEntryPlugin');
+const NodeTargetPlugin = require('webpack/lib/node/NodeTargetPlugin');
+const WebWorkerTemplatePlugin = require('webpack/lib/webworker/WebWorkerTemplatePlugin');
 
 const COMPILATION_METADATA = Symbol('COMPILATION_METADATA');
 

scripts/webpack/sass.rule.js

@@ -1,7 +1,7 @@
 'use strict';
 
-const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const path = require('path');
 
 module.exports = function (options) {
   return {

scripts/webpack/webpack.common.js

@@ -1,8 +1,9 @@
+const CopyWebpackPlugin = require('copy-webpack-plugin');
 const fs = require('fs-extra');
 const path = require('path');
 const webpack = require('webpack');
+
 const CorsWorkerPlugin = require('./plugins/CorsWorkerPlugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 class CopyUniconsPlugin {
   apply(compiler) {

scripts/webpack/webpack.dev.js

@@ -1,13 +1,14 @@
 'use strict';
 
-const { merge } = require('webpack-merge');
-const common = require('./webpack.common.js');
-const path = require('path');
-const { DefinePlugin } = require('webpack');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ESLintPlugin = require('eslint-webpack-plugin');
 const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const path = require('path');
+const { DefinePlugin } = require('webpack');
+const { merge } = require('webpack-merge');
+
+const common = require('./webpack.common.js');
 // const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 module.exports = (env = {}) =>

scripts/webpack/webpack.hot.js

@@ -1,12 +1,13 @@
 'use strict';
 
-const { merge } = require('webpack-merge');
-const common = require('./webpack.common.js');
-const path = require('path');
-const { DefinePlugin } = require('webpack');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const path = require('path');
+const { DefinePlugin } = require('webpack');
+const { merge } = require('webpack-merge');
+
+const common = require('./webpack.common.js');
 
 module.exports = merge(common, {
   devtool: 'inline-source-map',

scripts/webpack/webpack.prod.js

@@ -1,12 +1,13 @@
 'use strict';
 
-const { merge } = require('webpack-merge');
-const TerserPlugin = require('terser-webpack-plugin');
-const common = require('./webpack.common.js');
-const path = require('path');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');
+const { merge } = require('webpack-merge');
+
+const common = require('./webpack.common.js');
 
 module.exports = (env = {}) =>
   merge(common, {