Demos: improve linting

apps/demos/.gitignore

@@ -9,7 +9,6 @@ NuGet
 .vscode/*
 .idea
 .vs
-.idea
 *.orig
 *.rej
 *.ldf
@@ -31,6 +30,7 @@ Demos/**/config.js
 Demos/**/tsconfig.json
 
 .DS_Store
+**/.DS_Store
 publish-demos
 
 .angular

apps/demos/Demos/ActionSheet/PopoverMode/Vue/App.vue

@@ -22,11 +22,12 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import DxActionSheet from 'devextreme-vue/action-sheet';
-import DxList, { type DxListTypes } from 'devextreme-vue/list';
+import DxList from 'devextreme-vue/list';
+import type { DxListTypes } from 'devextreme-vue/list';
 import notify from 'devextreme/ui/notify';
+import type { DxElement } from 'devextreme/core/element';
 import { actionSheetItems, contacts } from './data.ts';
 import ContactItem from './ContactItem.vue';
-import { type DxElement } from 'devextreme/core/element';
 
 const isActionSheetVisible = ref(false);
 const actionSheetTarget = ref<DxElement>();

apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.ts

@@ -4,8 +4,8 @@ import { HttpClient, HttpParams, provideHttpClient, withFetch } from '@angular/c
 import { lastValueFrom } from 'rxjs';
 import { DxAutocompleteModule } from 'devextreme-angular';
 import { CustomStore } from 'devextreme-angular/common/data';
-import { Service } from './app.service';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
+import { Service } from './app.service';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();

apps/demos/Demos/Autocomplete/Overview/React/App.tsx

@@ -3,8 +3,8 @@ import { CustomStore } from 'devextreme-react/common/data';
 import type { LoadOptions } from 'devextreme-react/common/data';
 import { Autocomplete, type AutocompleteTypes } from 'devextreme-react/autocomplete';
 import 'whatwg-fetch';
-import { names, surnames, positions } from './data.ts';
 import AspNetData from 'devextreme-aspnet-data-nojquery';
+import { names, surnames, positions } from './data.ts';
 
 function isNotEmpty(value: string): boolean {
   return value !== undefined && value !== null && value !== '';

apps/demos/Demos/Autocomplete/Overview/ReactJs/App.js

@@ -2,8 +2,8 @@ import React, { useCallback, useState } from 'react';
 import { CustomStore } from 'devextreme-react/common/data';
 import { Autocomplete } from 'devextreme-react/autocomplete';
 import 'whatwg-fetch';
-import { names, surnames, positions } from './data.js';
 import AspNetData from 'devextreme-aspnet-data-nojquery';
+import { names, surnames, positions } from './data.js';
 
 function isNotEmpty(value) {
   return value !== undefined && value !== null && value !== '';

apps/demos/Demos/CardView/CardTemplate/Vue/App.vue

@@ -88,10 +88,11 @@
 <script setup lang="ts">
 import { DxCardView, DxColumn, DxHeaderFilter, DxSearchPanel, DxPaging } from 'devextreme-vue/card-view';
 import { DxPopup, DxPosition } from 'devextreme-vue/popup';
+import { ref } from 'vue';
 import LicenseInfo from './LicenseInfo.vue';
 import VehicleCard from './VehicleCard.vue';
-import { vehicles, type Vehicle } from './data.ts';
-import { ref } from 'vue';
+import { vehicles } from './data.ts';
+import type { Vehicle } from './data.ts';
 
 const popupVisible = ref(false);
 const currentVehicle = ref<Vehicle | undefined>();

apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/app/app.component.ts

@@ -27,7 +27,7 @@ function getOrderDay(rowData: Order) {
 })
 export class AppComponent {
   orderDateHeaderFilterDataSource(data) {
-    data.dataSource.postProcess = function (results) {
+    data.dataSource.postProcess = (results) => {
       results.push({
         text: 'Weekends',
         value: 'weekends',

apps/demos/Demos/CardView/ColumnHeaderFilter/React/App.tsx

@@ -67,7 +67,7 @@ interface HeaderFilterDataSourceOptions {
 
 function orderDateHeaderFilterDataSource(options: HeaderFilterDataSourceOptions): void {
   if (options.dataSource) {
-    options.dataSource.postProcess = function (results: HeaderFilterDataResult[]) {
+    options.dataSource.postProcess = (results: HeaderFilterDataResult[]) => {
       results.push({
         text: 'Weekends',
         value: 'weekends',

apps/demos/Demos/CardView/ColumnHeaderFilter/ReactJs/App.js

@@ -49,7 +49,7 @@ const saleAmountHeaderFilterDataSource = [
 ];
 function orderDateHeaderFilterDataSource(options) {
   if (options.dataSource) {
-    options.dataSource.postProcess = function (results) {
+    options.dataSource.postProcess = (results) => {
       results.push({
         text: 'Weekends',
         value: 'weekends',

apps/demos/Demos/CardView/ColumnHeaderFilter/Vue/App.vue

@@ -90,7 +90,7 @@ type HeaderFilterDataSourceArg = {
 };
 
 function orderDateHeaderFilterDataSource(data: HeaderFilterDataSourceArg): void {
-  data.dataSource.postProcess = function (results: Array<{ text: string; value: unknown }>) {
+  data.dataSource.postProcess = (results: Array<{ text: string; value: unknown }>) => {
     results.push({
       text: 'Weekends',
       value: 'weekends',

apps/demos/Demos/CardView/ColumnHeaderFilter/jQuery/index.js

@@ -28,7 +28,7 @@ $(() => {
       },
       headerFilter: {
         dataSource(data) {
-          data.dataSource.postProcess = function (results) {
+          data.dataSource.postProcess = (results) => {
             results.push({
               text: 'Weekends',
               value: 'weekends',

apps/demos/Demos/CardView/Overview/Angular/app/app.component.ts

@@ -1,9 +1,8 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, ViewChild, provideZoneChangeDetection } from '@angular/core';
 import { DxCardViewModule, DxCardViewComponent, DxButtonModule } from 'devextreme-angular';
-import { AppService, Employee } from './app.service';
-
 import notify from 'devextreme/ui/notify';
+import { AppService, Employee } from './app.service';
 
 if (!document.location.host.includes('localhost')) {
   enableProdMode();

apps/demos/Demos/Charts/LoadDataOnDemand/test-code.js

@@ -1,5 +1,5 @@
 testUtils.importAnd(() => ['devextreme/viz/chart', 'devextreme/data/data_source'], () => [DevExpress.viz.dxChart, DevExpress.data.DataSource], (dxChart, DataSource) => {
-  window.checkReady = function () {
+  window.checkReady = () => {
     const dataSource = dxChart.getInstance(document.querySelector('#chart')).getDataSource();
     return dataSource ? dataSource.items().length > 0 : false;
   };

apps/demos/Demos/Charts/PointImage/Vue/App.vue

@@ -47,8 +47,8 @@ import {
   DxLegend,
   DxPoint,
 } from 'devextreme-vue/chart';
+import type { ExportFormat } from 'devextreme/common';
 import { iceHockeyStatistics } from './data.ts';
-import { type ExportFormat } from 'devextreme/common';
 
 const exportFormats: ExportFormat[] = ['PNG', 'PDF', 'JPEG', 'GIF', 'SVG'];
 

apps/demos/Demos/Charts/SignalRService/jQuery/index.js

@@ -1,5 +1,5 @@
 $(() => {
-  $.type = $.type || function (obj) {
+  $.type = $.type || function getType(obj) {
     if (obj == null) {
       return `${obj}`;
     }

apps/demos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts

@@ -37,7 +37,7 @@ export class AppComponent {
   customizeTooltip(arg) {
     const data = arg.node.data;
     const parentData = arg.node.getParent().data;
-    let result = '';
+    let result: string;
 
     if (arg.node.isLeaf()) {
       result = `<span class='country'>${parentData.name}</span><br />${
@@ -62,7 +62,9 @@ export class AppComponent {
       const rect = totalRect.slice();
 
       totalSum -= item.value;
-      rect[side + 2] = totalRect[side] = totalRect[side] + size;
+      const adjustedSize = totalRect[side] + size;
+      totalRect[side] = adjustedSize;
+      rect[side + 2] = adjustedSize;
       item.rect = rect;
       side = 1 - side;
     });

apps/demos/Demos/Chat/AIAndChatbotIntegration/Angular/app/app.component.ts

@@ -2,11 +2,11 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { AsyncPipe } from '@angular/common';
 import { DxChatModule, DxButtonModule } from 'devextreme-angular';
-import { type DxChatTypes } from 'devextreme-angular/ui/chat';
+import type { DxChatTypes } from 'devextreme-angular/ui/chat';
 import { Observable } from 'rxjs';
-import { AppService } from './app.service';
 import { loadMessages } from 'devextreme-angular/common/core/localization';
 import { DataSource } from 'devextreme-angular/common/data';
+import { AppService } from './app.service';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();

apps/demos/Demos/Common/ListsOverview/jQuery/data.js

@@ -1186,9 +1186,7 @@ const data = [{
   ],
 }].map((dataItem) => ({
   ...dataItem,
-  toLowerCase: () => function (text, render) {
-    return render(text).toLowerCase();
-  },
+  toLowerCase: () => (text, render) => render(text).toLowerCase(),
 }));
 
 const dataSource = new DevExpress.data.DataSource({

apps/demos/Demos/Common/PopupAndNotificationsOverview/jQuery/data.js

@@ -216,10 +216,6 @@ const houses = [{
 },
 ].map((dataItem) => ({
   ...dataItem,
-  formatCurrency: () => function (text, render) {
-    return window.formatCurrency(parseInt(render(text), 10));
-  },
-  replaceFileExtension: () => function (text, render) {
-    return render(text).replace('.jpg', 'b.jpg');
-  },
+  formatCurrency: () => (text, render) => window.formatCurrency(parseInt(render(text), 10)),
+  replaceFileExtension: () => (text, render) => render(text).replace('.jpg', 'b.jpg'),
 }));

apps/demos/Demos/DataGrid/AIColumns/React/Category.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type Vehicle } from './types';
 import type { DataGridTypes } from 'devextreme-react/data-grid';
+import type { Vehicle } from './types';
 
 export default function Category(props: DataGridTypes.ColumnCellTemplateData<Vehicle>) {
   return <div className="category__wrapper">{props.data?.CategoryName}</div>;

apps/demos/Demos/DataGrid/AIColumns/React/service.ts

@@ -1,8 +1,8 @@
-import { type AIMessage } from './types';
 import { AIIntegration } from 'devextreme-react/common/ai-integration';
 import type { RequestParams, Response } from 'devextreme-react/common/ai-integration';
 import { AzureOpenAI } from 'openai';
 import notify from 'devextreme/ui/notify';
+import type { AIMessage } from './types';
 
 const AzureOpenAIConfig = {
   dangerouslyAllowBrowser: true,
@@ -68,13 +68,11 @@ export const aiIntegration = new AIIntegration({
 
     const promise = getAIResponseRecursive(aiPrompt, signal);
 
-    const result: Response = {
+    return {
       promise,
       abort: () => {
         controller.abort();
       },
     };
-
-    return result;
   },
 });

apps/demos/Demos/DataGrid/AIColumns/ReactJs/service.js

@@ -52,12 +52,11 @@ export const aiIntegration = new AIIntegration({
       { role: 'user', content: prompt.user ?? '' },
     ];
     const promise = getAIResponseRecursive(aiPrompt, signal);
-    const result = {
+    return {
       promise,
       abort: () => {
         controller.abort();
       },
     };
-    return result;
   },
 });