Demos: improve linting (#32134)

Author: pharret31

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