Chore: ESlint import order (#44959)

* Add and configure eslint-plugin-import

* Fix the lint:ts npm command

* Autofix + prettier all the files

* Manually fix remaining files

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

* Resolve issue caused by circular dependencies within Prometheus

* Update .betterer.results

* Fix missing // @ts-ignore

* ignore iconBundle.ts

* Fix missing // @ts-ignore

scripts/cli/generateSassVariableFiles.ts

@@ -1,8 +1,9 @@
 import * as fs from 'fs';
+
+import { createTheme } from '@grafana/data';
 import { darkThemeVarsTemplate } from '@grafana/ui/src/themes/_variables.dark.scss.tmpl';
 import { lightThemeVarsTemplate } from '@grafana/ui/src/themes/_variables.light.scss.tmpl';
 import { commonThemeVarsTemplate } from '@grafana/ui/src/themes/_variables.scss.tmpl';
-import { createTheme } from '@grafana/data';
 
 const darkThemeVariablesPath = __dirname + '/../../public/sass/_variables.dark.generated.scss';
 const lightThemeVariablesPath = __dirname + '/../../public/sass/_variables.light.generated.scss';

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, {