Update dependency eslint-config-devextreme to v1.1.9

apps/demos/eslint.config.mjs

@@ -1,13 +1,17 @@
 import globals from 'globals';
 import babelParser from '@babel/eslint-parser';
-import spellcheckDevextreme from 'eslint-config-devextreme/spell-check.js';
+import spellcheckDevextreme from 'eslint-config-devextreme/spell-check';
+import testcafeConfig from 'eslint-config-devextreme/testcafe';
+import typescriptConfig from 'eslint-config-devextreme/typescript';
+import javascriptConfig from 'eslint-config-devextreme/javascript';
 import spellcheckPlugin from 'eslint-plugin-spellcheck';
 import noOnlyTests from 'eslint-plugin-no-only-tests';
 import deprecation from 'eslint-plugin-deprecation';
 import reactPlugin from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
 import reactPerf from 'eslint-plugin-react-perf';
 import jest from 'eslint-plugin-jest';
+import vuePlugin from 'eslint-plugin-vue';
 import vueParser from 'vue-eslint-parser';
 import tsParser from '@typescript-eslint/parser';
 import tsPlugin from '@typescript-eslint/eslint-plugin';
@@ -28,7 +32,7 @@ const compat = new FlatCompat({
   allConfig: js.configs.all
 });
 
-const spellcheckRule = spellcheckDevextreme.rules['spellcheck/spell-checker'];
+const spellcheckRule = spellcheckDevextreme[0].rules['spellcheck/spell-checker'];
 
 export default [
   {
@@ -76,13 +80,13 @@ export default [
     },
   },
 
-  ...compat.extends('eslint:recommended', 'devextreme/spell-check'),
-
-  ...compat.extends('devextreme/javascript').map(config => ({
+  js.configs.recommended,
+  ...spellcheckDevextreme,
+  ...javascriptConfig.map(config => ({
     ...config,
     rules: changeRulesToStylistic(config.rules || {}),
   })),
-  ...compat.extends('devextreme/typescript').map(config => ({
+  ...typescriptConfig.map(config => ({
     ...config,
     files: ['**/*.ts', '**/*.tsx'],
     rules: changeRulesToStylistic(config.rules || {}),
@@ -369,7 +373,7 @@ export default [
   },
 
   // Vue demos
-  ...compat.extends('plugin:vue/vue3-recommended').map(config => ({
+  ...vuePlugin.configs['flat/recommended'].map(config => ({
     ...config,
     files: [
       'Demos/**/Vue/*.vue',
@@ -466,9 +470,13 @@ export default [
   },
 
   // testcafe tests
-  ...compat.extends('devextreme/testcafe').map(config => ({
+  ...testcafeConfig.map(config => ({
     ...config,
-    rules: changeRulesToStylistic(config.rules || {}),
+    rules: {
+      ...changeRulesToStylistic(config.rules || {}),
+      'require-await': 'warn',
+
+    },
     files: ['testing/**/*.{js,ts}', 'utils/visual-tests/**/*.*'],
   })),
 
@@ -501,7 +509,25 @@ export default [
   // utils directory
   {
     files: [
-      'utils/**/*.{js,ts}',
+      'utils/**/*.js',
+    ],
+    ignores: [
+      'utils/testing/',
+      'utils/visual-tests/',
+      'utils/templates/',
+    ],
+    rules: {
+      'no-console': 0,
+      'no-await-in-loop': 0,
+      'no-restricted-syntax': 0,
+      '@typescript-eslint/await-thenable': 0,
+      'spellcheck/spell-checker': 0,
+      'consistent-return': 0,
+    },
+  },
+  {
+    files: [
+      'utils/**/*.ts',
     ],
     ignores: [
       'utils/testing/',
@@ -510,7 +536,7 @@ export default [
     ],
     languageOptions: {
       parserOptions: {
-        projectService: true,
+        project: './tsconfig.json',
       },
     },
     rules: {

apps/demos/package.json

@@ -125,7 +125,8 @@
         "eslint-plugin-no-only-tests": "catalog:",
         "eslint-plugin-react": "7.37.5",
         "eslint-plugin-react-hooks": "5.2.0",
-        "eslint-plugin-react-perf": "3.3.2",
+        "eslint-plugin-react-perf": "3.3.3",
+        "eslint-plugin-vue": "catalog:",
         "express": "4.22.0",
         "glob": "11.1.0",
         "globals": "catalog:",
@@ -152,6 +153,7 @@
         "testcafe": "3.7.2",
         "testcafe-reporter-spec-time": "4.0.0",
         "ts-node": "10.9.2",
+        "vue-eslint-parser": "catalog:",
         "vue-tsc": "3.0.8"
     },
     "scripts": {

apps/demos/testing/widgets/fileuploader/CustomDropzone.test.ts

@@ -15,11 +15,14 @@ runManualTest('FileUploader', 'CustomDropzone', (test) => {
   const triggerDragEnter = async (dropZoneSelector, items) => {
     await ClientFunction(() => {
       // @ts-expect-error $ is not typed
+      // eslint-disable-next-line no-undef
       const $dropZone = $(dropZoneSelector);
       const { left, top } = $dropZone.offset();
       // @ts-expect-error $ is not typed
+      // eslint-disable-next-line no-undef
       $dropZone.trigger($.Event('dragenter', {
         // @ts-expect-error $ is not typed
+        // eslint-disable-next-line no-undef
         originalEvent: $.Event('dragenter', {
           dataTransfer: {
             items,

apps/demos/utils/create-bundles/index.ts

@@ -61,6 +61,7 @@ async function processBatch(bundler: ESBundler, demos: Demo[]) {
   await Promise.all(promises);
 }
 
+// eslint-disable-next-line require-await
 async function processDemo(bundler: ESBundler, demo: Demo) {
   return new Promise((res) => {
     bundler.buildDemo(demo, res);

apps/demos/utils/ts-to-js-converter/converter.ts

@@ -78,6 +78,7 @@ const pipeSource = async (
   }));
 };
 
+// eslint-disable-next-line require-await
 const execTsc = async (directory: string, args: string): Promise<string> => new Promise((resolve, reject) => {
   cps.exec(`tsc ${args}`, (error, stdout, stderr) => {
     if (error != null) {
@@ -140,6 +141,7 @@ const strip = async (resolve: PathResolvers, log: Logger) => {
   });
 };
 
+// eslint-disable-next-line require-await
 const replaceInFiles = async (filenamePatterns: string[], replacementCallback: (string) => string, resolvePath: (string) => string, log: Logger) => (
   Promise.all(
     filenamePatterns.map(async (pattern) => {

e2e/bundlers/package.json

@@ -23,7 +23,7 @@
     "@eslint/eslintrc": "catalog:",
     "@stylistic/eslint-plugin": "catalog:",
     "@typescript-eslint/parser": "catalog:",
-    "eslint-config-devextreme": "1.1.6",
+    "eslint-config-devextreme": "catalog:",
     "eslint-plugin-i18n": "catalog:",
     "eslint-plugin-import": "catalog:",
     "eslint-plugin-no-only-tests": "catalog:",

e2e/compilation-cases/package.json

@@ -17,7 +17,7 @@
     "@stylistic/eslint-plugin": "catalog:",
     "@typescript-eslint/eslint-plugin": "catalog:",
     "@typescript-eslint/parser": "catalog:",
-    "eslint-config-devextreme": "1.1.6",
+    "eslint-config-devextreme": "catalog:",
     "eslint-migration-utils": "workspace:*",
     "eslint-plugin-i18n": "catalog:",
     "eslint-plugin-import": "catalog:",

e2e/testcafe-devextreme/docker/run-testcafe.js

@@ -30,6 +30,7 @@ const matrix = [
 ];
 (async() => {
 
+    // eslint-disable-next-line no-undef
     const parsedArgs = parseArgs(process.argv);
     const componentFolderName = parsedArgs.componentFolder;
     let testParts = matrix;
@@ -45,7 +46,7 @@ const matrix = [
 
     // eslint-disable-next-line no-restricted-syntax
     for (const { name, ...args } of testParts) {
-        // eslint-disable-next-line no-console
+        // eslint-disable-next-line no-console,no-undef
         console.log(`Started test: ${name}`);
 
         const startupParams = Object.entries(args).map(([key, value]) => `--${key}=${value}`);

e2e/testcafe-devextreme/eslint.config.mjs

@@ -9,6 +9,9 @@ import js from '@eslint/js';
 import { FlatCompat as FlatCompatibility } from '@eslint/eslintrc';
 import stylistic from '@stylistic/eslint-plugin';
 import { changeRulesToStylistic } from 'eslint-migration-utils';
+import spellCheckConfig from 'eslint-config-devextreme/spell-check';
+import typescriptConfig from 'eslint-config-devextreme/typescript';
+import testcafeConfig from 'eslint-config-devextreme/testcafe';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -24,8 +27,8 @@ export default [
       'node_modules/**',
     ],
   },
-  ...compatibility.extends('devextreme/spell-check'),
-  ...compatibility.extends('devextreme/testcafe'),
+  ...spellCheckConfig,
+  ...testcafeConfig,
   {
     plugins: {
       'no-only-tests': noOnlyTests,
@@ -128,7 +131,6 @@ export default [
       'space-before-function-paren': ['error', 'never'],
       'space-in-parens': 'error',
       'space-infix-ops': 'error',
-      'space-unary-ops': 'error',
       '@stylistic/space-infix-ops': 'error',
       'space-unary-ops': 'error',
       'spaced-comment': ['error', 'always', {
@@ -155,7 +157,7 @@ export default [
       'import/no-duplicates': 2,
     }
   },
-  ...compatibility.extends('devextreme/typescript').map(config => {
+  ...typescriptConfig.map(config => {
     const newConfig = {
       ...config,
       files: ['**/*.ts?(x)'],
@@ -216,10 +218,11 @@ export default [
       'no-await-in-loop': 'off',
       '@stylistic/no-extra-parens': 'off',
       '@typescript-eslint/require-await': 'off',
-      '@typescript-eslint/no-base-to-string': 'off'
+      '@typescript-eslint/no-base-to-string': 'off',
+      'require-await': 'off',
     },
   },
-  ...compatibility.extends('devextreme/typescript').map(config => {
+  ...typescriptConfig.map(config => {
     const newConfig = {
       ...config,
       files: ['**/*.d.ts'],

e2e/testcafe-devextreme/helpers/callbackTestHelper.ts

@@ -1,7 +1,6 @@
 import { ClientFunction } from 'testcafe';
 
-type WindowCallbackExtended =
-  Window
+type WindowCallbackExtended = Window
   & typeof globalThis
   & {
     clientTesting?: {

e2e/testcafe-devextreme/helpers/createWidget.ts

@@ -32,9 +32,9 @@ export const createWidget = async<TWidgetName extends WidgetName>(
   widgetName: TWidgetName,
   widgetOptions: TWidgetName extends keyof WidgetOptions
     ? (
-      WidgetOptions[TWidgetName] |
+      WidgetOptions[TWidgetName]
       // NOTE: Promise is only for ClientFunction typing
-      (() => (WidgetOptions[TWidgetName]) | Promise<WidgetOptions[TWidgetName]>)
+      | (() => (WidgetOptions[TWidgetName]) | Promise<WidgetOptions[TWidgetName]>)
     ) : unknown,
   selector = DEFAULT_SELECTOR,
   { disableFxAnimation } = DEFAULT_OPTIONS,

e2e/testcafe-devextreme/helpers/domUtils.ts

@@ -35,7 +35,7 @@ export const getStyleAttribute = ClientFunction((selector) => {
 export const setStyleAttribute = ClientFunction((selector, styleValue) => {
   const element = selector();
 
-  const styles = element.getAttribute('style') || '';
+  const styles = element.getAttribute('style') ?? '';
   const updatedStyles = `${styles} ${styleValue}`;
 
   element.setAttribute('style', updatedStyles);
@@ -44,7 +44,7 @@ export const setStyleAttribute = ClientFunction((selector, styleValue) => {
 export const setClassAttribute = ClientFunction((selector, styleValue) => {
   const element = selector();
 
-  const styles = element.getAttribute('class') || '';
+  const styles = element.getAttribute('class') ?? '';
   const updatedClasses = `${styles} ${styleValue}`;
 
   element.setAttribute('class', updatedClasses);
@@ -53,7 +53,7 @@ export const setClassAttribute = ClientFunction((selector, styleValue) => {
 export const removeClassAttribute = ClientFunction((selector, styleValue) => {
   const element = selector();
 
-  const styles = element.getAttribute('class') || '';
+  const styles = element.getAttribute('class') ?? '';
   const updatedClasses = `${styles.replace(styleValue, '')}`;
 
   element.setAttribute('class', updatedClasses);

e2e/testcafe-devextreme/helpers/shadowDom/shadowDomExtension.js

@@ -1,4 +1,4 @@
-
+/* eslint-disable no-undef */
 function getRoot() {
     return document.querySelector('#parentContainer').shadowRoot;
 }

e2e/testcafe-devextreme/helpers/widgetTypings.ts

@@ -1,8 +1,7 @@
 import type { Properties as DataGridProperties } from 'devextreme/ui/data_grid';
 import type { Properties as FilterBuilderProperties } from 'devextreme/ui/filter_builder';
 
-export type WidgetName =
-  'dxAccordion'
+export type WidgetName = 'dxAccordion'
   | 'dxAutocomplete'
   | 'dxGallery'
   | 'dxButtonGroup'

e2e/testcafe-devextreme/package.json

@@ -27,7 +27,7 @@
     "@stylistic/eslint-plugin": "catalog:",
     "@typescript-eslint/eslint-plugin": "catalog:",
     "@typescript-eslint/parser": "catalog:",
-    "eslint-config-devextreme": "1.1.6",
+    "eslint-config-devextreme": "catalog:",
     "eslint-migration-utils": "workspace:*",
     "eslint-plugin-i18n": "catalog:",
     "eslint-plugin-import": "catalog:",

e2e/testcafe-devextreme/runner.ts

@@ -274,7 +274,7 @@ async function main() {
 
               await t.hover('html');
 
-              const [width, height] = meta?.browserSize || DEFAULT_BROWSER_SIZE;
+              const [width, height] = meta?.browserSize ?? DEFAULT_BROWSER_SIZE;
               await t.resizeWindow(width, height);
             } else {
               await loadAxeCore(t);

e2e/testcafe-devextreme/tests/common/pivotGrid/contextMenu.ts

@@ -38,7 +38,7 @@ test.meta({ themes: [Themes.genericLight] })('ContextMenu width should be adjust
     visible: true,
   },
   onContextMenuPreparing(e) {
-    if (e.field && e.field.dataField === 'amount') {
+    if (e.field?.dataField === 'amount') {
       const menuItems = [] as any;
 
       e.items.push({ text: 'Summary Type', items: menuItems });

e2e/testcafe-devextreme/tests/dataGrid/common/columnReordering.ts

@@ -15,7 +15,7 @@ const getVisibleColumns = (dataGrid: DataGrid): Promise<string[]> => {
   return ClientFunction(
     () => (getInstance() as any)
       .getVisibleColumns()
-      .map((column: any) => column.dataField || column.name),
+      .map((column: any) => column.dataField ?? column.name),
     { dependencies: { getInstance } },
   )();
 };

e2e/testcafe-devextreme/tests/dataGrid/common/focus/focusEvents/newRows_T1162227.ts

@@ -9,8 +9,10 @@ import { CallbackTestHelper, WindowCallbackExtended } from '../../../../../helpe
 fixture`Focused row - new rows T1162227`
   .page(url(__dirname, '../../../../container.html'));
 
-type FocusCellChangingData =
-  [[prevRowIdx: number, prevColumnIdx: number], [rowIdx: number, columnIdx: number]];
+type FocusCellChangingData = [
+  [prevRowIdx: number, prevColumnIdx: number],
+  [rowIdx: number, columnIdx: number],
+];
 type FocusCellChangedData = [rowIdx: number, columnIdx: number];
 type FocusRowChangingData = [prevRowIdx: number, rowIdx: number];
 type FocusRowChangedData = [rowIdx: number];