Update demos to use platform-specific imports for 25.1 (DevExpress#30024)

Co-authored-by: Vasily Strelyaev <[email protected]>

Author: DuckTieCorpMember

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

@@ -4,10 +4,10 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { DxChatModule } from 'devextreme-angular';
 import { DxButtonModule } from 'devextreme-angular';
-import { 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/localization';
+import { loadMessages } from 'devextreme-angular/common/core/localization';
 import { DataSource } from 'devextreme-angular/common/data';
 
 if (!/localhost/.test(document.location.host)) {

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

@@ -6,12 +6,7 @@ import remarkParse from 'remark-parse';
 import remarkRehype from 'remark-rehype';
 import rehypeStringify from 'rehype-stringify';
 import rehypeMinifyWhitespace from 'rehype-minify-whitespace';
-import {
-  User,
-  Alert,
-  MessageEnteredEvent,
-  DxChatTypes,
-} from 'devextreme/ui/chat';
+import { type DxChatTypes } from 'devextreme-angular/ui/chat';
 import { DataSource, CustomStore } from 'devextreme-angular/common/data';
 
 @Injectable({

apps/demos/Demos/Chat/AIAndChatbotIntegration/React/App.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import Chat, { type ChatTypes } from 'devextreme-react/chat';
-import { loadMessages } from 'devextreme/localization';
+import { loadMessages } from 'devextreme-react/common/core/localization';
 import {
   user,
   assistant,

apps/demos/Demos/Chat/AIAndChatbotIntegration/React/useApi.ts

@@ -1,8 +1,7 @@
 import { useCallback, useState } from 'react';
 import { AzureOpenAI, OpenAI } from 'openai';
-import { ChatTypes } from 'devextreme-react/chat';
-import CustomStore from 'devextreme/data/custom_store';
-import DataSource from 'devextreme/data/data_source';
+import { type ChatTypes } from 'devextreme-react/chat';
+import { CustomStore, DataSource } from 'devextreme-react/common/data';
 import {
   ALERT_TIMEOUT, assistant,
   AzureOpenAIConfig, REGENERATION_TEXT,

apps/demos/Demos/Chat/AIAndChatbotIntegration/ReactJs/App.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import Chat from 'devextreme-react/chat';
-import { loadMessages } from 'devextreme/localization';
+import { loadMessages } from 'devextreme-react/common/core/localization';
 import { user, assistant, CHAT_DISABLED_CLASS } from './data.js';
 import Message from './Message.js';
 import { dataSource, useApi } from './useApi.js';

apps/demos/Demos/Chat/AIAndChatbotIntegration/ReactJs/useApi.js

@@ -1,7 +1,6 @@
 import { useCallback, useState } from 'react';
 import { AzureOpenAI } from 'openai';
-import CustomStore from 'devextreme/data/custom_store';
-import DataSource from 'devextreme/data/data_source';
+import { CustomStore, DataSource } from 'devextreme-react/common/data';
 import {
   ALERT_TIMEOUT, assistant, AzureOpenAIConfig, REGENERATION_TEXT,
 } from './data.js';

apps/demos/Demos/Chat/AIAndChatbotIntegration/Vue/App.vue

@@ -51,7 +51,7 @@
 import { ref, onBeforeMount } from 'vue';
 import DxChat, { type DxChatTypes } from 'devextreme-vue/chat';
 import DxButton from 'devextreme-vue/button';
-import { loadMessages } from 'devextreme/localization';
+import { loadMessages } from 'devextreme-vue/common/core/localization';
 import { AzureOpenAI } from 'openai';
 import {
   dictionary,

apps/demos/Demos/Chat/AIAndChatbotIntegration/Vue/data.ts

@@ -1,5 +1,4 @@
-import CustomStore from 'devextreme/data/custom_store';
-import DataSource from 'devextreme/data/data_source';
+import { CustomStore, DataSource } from 'devextreme-vue/common/data';
 import { unified } from 'unified';
 import remarkParse from 'remark-parse';
 import remarkRehype from 'remark-rehype';

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

@@ -2,13 +2,8 @@ import { NgModule, Component, enableProdMode } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChatModule, DxSelectBoxModule } from 'devextreme-angular';
-import {
-  User,
-  MessageEnteredEvent,
-  MessageDeletedEvent,
-  MessageUpdatedEvent,
-} from 'devextreme/ui/chat';
-import DataSource from 'devextreme/data/data_source';
+import { type DxChatTypes } from 'devextreme-angular/ui/chat';
+import { DataSource } from 'devextreme-angular/common/data';
 import { AppService } from './app.service';
 
 if (!document.location.host.includes('localhost')) {
@@ -27,7 +22,7 @@ if (window && window.config?.packageConfigPaths) {
   styleUrls: [`.${modulePrefix}/app.component.css`],
 })
 export class AppComponent {
-  currentUser: User;
+  currentUser: DxChatTypes.User;
 
   allowUpdating = true;
 
@@ -69,15 +64,15 @@ export class AppComponent {
     this.dataSource = this.appService.dataSource;
   }
 
-  onMessageEntered(e: MessageEnteredEvent): void {
+  onMessageEntered(e: DxChatTypes.MessageEnteredEvent): void {
     this.appService.onMessageEntered(e);
   }
 
-  onMessageDeleted(e: MessageDeletedEvent): void {
+  onMessageDeleted(e: DxChatTypes.MessageDeletedEvent): void {
     this.appService.onMessageDeleted(e);
   }
 
-  onMessageUpdated(e: MessageUpdatedEvent): void {
+  onMessageUpdated(e: DxChatTypes.MessageUpdatedEvent): void {
     this.appService.onMessageUpdated(e);
   }
 

apps/demos/Demos/Chat/MessageEditing/Angular/app/app.service.ts

@@ -1,35 +1,28 @@
-import {
-  User,
-  Message,
-  MessageEnteredEvent,
-  MessageUpdatedEvent,
-  MessageDeletedEvent,
-} from 'devextreme/ui/chat';
-import DataSource from 'devextreme/data/data_source';
-import CustomStore from 'devextreme/data/custom_store';
+import { type DxChatTypes } from 'devextreme-angular/ui/chat';
+import { CustomStore, DataSource } from 'devextreme-angular/common/data';
 import Guid from 'devextreme/core/guid';
 
 export class AppService {
   date: Date;
 
-  store: Message[] = [];
+  store: DxChatTypes.Message[] = [];
 
   customStore: CustomStore;
 
   dataSource: DataSource;
 
-  currentUser: User = {
+  currentUser: DxChatTypes.User = {
     id: 'c94c0e76-fb49-4b9b-8f07-9f93ed93b4f3',
     name: 'John Doe',
   };
 
-  supportAgent: User = {
+  supportAgent: DxChatTypes.User = {
     id: 'd16d1a4c-5c67-4e20-b70e-2991c22747c3',
     name: 'Support Agent',
     avatarUrl: '../../../../images/petersmith.png',
   };
 
-  messages: Message[] = [];
+  messages: DxChatTypes.Message[] = [];
 
   allowEditingLabel = { 'aria-label': 'Allow Editing' };
 
@@ -92,15 +85,15 @@ export class AppService {
     });
   }
 
-  getUsers(): User[] {
+  getUsers(): DxChatTypes.User[] {
     return [this.currentUser, this.supportAgent];
   }
 
   getTimestamp(date: Date, offsetMinutes = 0): number {
     return date.getTime() + offsetMinutes * 60000;
   }
 
-  onMessageEntered({ message }: MessageEnteredEvent): void {
+  onMessageEntered({ message }: DxChatTypes.MessageEnteredEvent): void {
     this.dataSource.store().push([{
       type: 'insert',
       data: {
@@ -110,15 +103,15 @@ export class AppService {
     }]);
   }
 
-  onMessageDeleted({ message }: MessageDeletedEvent): void {
+  onMessageDeleted({ message }: DxChatTypes.MessageDeletedEvent): void {
     this.dataSource.store().push([{
       type: 'update',
       key: message.id,
       data: { isDeleted: true },
     }]);
   }
 
-  onMessageUpdated({ message, text }: MessageUpdatedEvent): void {
+  onMessageUpdated({ message, text }: DxChatTypes.MessageUpdatedEvent): void {
     this.dataSource.store().push([{
       type: 'update',
       key: message.id,