Merge branch '25_1' of https://github.com/DevExpress/DevExtreme into 25_1_update_demos_menu_v1

Author: GoodDayForSurf

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

@@ -4,8 +4,7 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule, HttpParams } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 import { DxAutocompleteModule, DxTemplateModule } from 'devextreme-angular';
-import CustomStore from 'devextreme/data/custom_store';
-import ODataStore from 'devextreme/data/odata/store';
+import { CustomStore, ODataStore } from 'devextreme-angular/common/data';
 import { Service } from './app.service';
 
 if (!/localhost/.test(document.location.host)) {

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

@@ -1,7 +1,6 @@
 import React, { useCallback, useState } from 'react';
-import ODataStore from 'devextreme/data/odata/store';
+import { ODataStore, CustomStore } from 'devextreme-react/common/data';
 import { Autocomplete, type AutocompleteTypes } from 'devextreme-react/autocomplete';
-import CustomStore from 'devextreme/data/custom_store';
 import 'whatwg-fetch';
 import { names, surnames, positions } from './data.ts';
 

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

@@ -1,7 +1,6 @@
 import React, { useCallback, useState } from 'react';
-import ODataStore from 'devextreme/data/odata/store';
+import { ODataStore, CustomStore } from 'devextreme-react/common/data';
 import { Autocomplete } from 'devextreme-react/autocomplete';
-import CustomStore from 'devextreme/data/custom_store';
 import 'whatwg-fetch';
 import { names, surnames, positions } from './data.js';
 

apps/demos/Demos/Autocomplete/Overview/Vue/App.vue

@@ -96,10 +96,8 @@
 </template>
 <script setup lang="ts">
 import { ref } from 'vue';
-import ODataStore from 'devextreme/data/odata/store';
+import { ODataStore, CustomStore, type LoadOptions } from 'devextreme-vue/common/data';
 import { DxAutocomplete } from 'devextreme-vue/autocomplete';
-import { type LoadOptions } from 'devextreme-vue/common/data';
-import CustomStore from 'devextreme/data/custom_store';
 import 'whatwg-fetch';
 import { names, surnames, positions } from './data.ts';
 

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

@@ -2,6 +2,7 @@
   <dx-card-view
     [dataSource]="employees"
     [keyExpr]="'ID'"
+    [allowColumnReordering]="true"
     [cardsPerRow]="'auto'"
     [cardMinWidth]="250"
     [headerFilter]="headerFilterConfig"

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

@@ -38,6 +38,7 @@ const App = () => (
   <CardView
     dataSource={employees}
     keyExpr="ID"
+    allowColumnReordering={true}
     cardsPerRow="auto"
     cardMinWidth={250}
     headerFilter={headerFilterConfig}

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

@@ -34,6 +34,7 @@ const App = () => (
   <CardView
     dataSource={employees}
     keyExpr="ID"
+    allowColumnReordering={true}
     cardsPerRow="auto"
     cardMinWidth={250}
     headerFilter={headerFilterConfig}

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

@@ -2,6 +2,7 @@
   <DxCardView
     :data-source="employees"
     key-expr="ID"
+    :allow-column-reordering="true"
     cards-per-row="auto"
     :card-min-width="250"
     :header-filter="headerFilterConfig"

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

@@ -14,6 +14,7 @@ $(() => {
       'Email',
     ],
     keyExpr: 'ID',
+    allowColumnReordering: true,
     cardsPerRow: 'auto',
     cardMinWidth: 250,
     cardCover: {

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

@@ -5,8 +5,7 @@ import { HttpClient, HttpClientModule } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 
 import { DxSparklineModule, DxSelectBoxModule } from 'devextreme-angular';
-import DataSource from 'devextreme/data/data_source';
-import CustomStore from 'devextreme/data/custom_store';
+import { DataSource, CustomStore } from 'devextreme-angular/common/data';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();