Chat Demos: arrange imports (DevExpress#30248)

Author: mpreyskurantov

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

@@ -1,13 +1,12 @@
 import React, { useCallback, useState, FC } from 'react';
-import Button from 'devextreme-react/button';
+import { Button, type ButtonTypes } from 'devextreme-react/button';
 import { unified } from 'unified';
 import remarkParse from 'remark-parse';
 import remarkRehype from 'remark-rehype';
 import rehypeMinifyWhitespace from 'rehype-minify-whitespace';
 import rehypeStringify from 'rehype-stringify';
 import HTMLReactParser from 'html-react-parser';
 
-import { Properties as dxButtonProperties } from 'devextreme/ui/button';
 import { REGENERATION_TEXT } from './data.ts';
 
 function convertToHtml(value: string): string {
@@ -24,7 +23,7 @@ function convertToHtml(value: string): string {
 
 interface MessageProps {
   text: string;
-  onRegenerateButtonClick: dxButtonProperties['onClick'];
+  onRegenerateButtonClick: ButtonTypes.Properties['onClick'];
 }
 
 const Message: FC<MessageProps> = ({ text, onRegenerateButtonClick }) => {

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useState } from 'react';
-import Button from 'devextreme-react/button';
+import { Button } from 'devextreme-react/button';
 import { unified } from 'unified';
 import remarkParse from 'remark-parse';
 import remarkRehype from 'remark-rehype';

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

@@ -1,6 +1,6 @@
 import { type DxChatTypes } from 'devextreme-angular/ui/chat';
+import { Guid } from 'devextreme-angular/common';
 import { CustomStore, DataSource } from 'devextreme-angular/common/data';
-import Guid from 'devextreme/core/guid';
 
 export class AppService {
   date: Date;

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

@@ -1,8 +1,8 @@
 import React, { useState, useCallback } from 'react';
-import Chat, { type ChatTypes, Editing } from 'devextreme-react/chat';
-import SelectBox from 'devextreme-react/select-box';
+import { Chat, Editing, type ChatTypes } from 'devextreme-react/chat';
+import { SelectBox } from 'devextreme-react/select-box';
+import { Guid } from 'devextreme-react/common';
 import { CustomStore, DataSource } from 'devextreme-react/common/data';
-import Guid from 'devextreme/core/guid';
 
 import {
   currentUser,

apps/demos/Demos/Chat/MessageEditing/React/data.ts

@@ -1,5 +1,5 @@
-import { ChatTypes } from 'devextreme-react/chat';
-import Guid from 'devextreme/core/guid';
+import { type ChatTypes } from 'devextreme-react/chat';
+import { Guid } from 'devextreme-react/common';
 
 function getTimestamp(date, offsetMinutes = 0): number {
   return date.getTime() + offsetMinutes * 60000;

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

@@ -1,8 +1,8 @@
 import React, { useState, useCallback } from 'react';
-import Chat, { Editing } from 'devextreme-react/chat';
-import SelectBox from 'devextreme-react/select-box';
+import { Chat, Editing } from 'devextreme-react/chat';
+import { SelectBox } from 'devextreme-react/select-box';
+import { Guid } from 'devextreme-react/common';
 import { CustomStore, DataSource } from 'devextreme-react/common/data';
-import Guid from 'devextreme/core/guid';
 import {
   currentUser,
   messages as initialMessages,

apps/demos/Demos/Chat/MessageEditing/ReactJs/data.js

@@ -1,4 +1,4 @@
-import Guid from 'devextreme/core/guid';
+import { Guid } from 'devextreme-react/common';
 
 function getTimestamp(date, offsetMinutes = 0) {
   return date.getTime() + offsetMinutes * 60000;

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

@@ -44,10 +44,10 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue';
-import DxChat, { DxEditing } from 'devextreme-vue/chat';
-import DxSelectBox from 'devextreme-vue/select-box';
+import { DxChat, DxEditing } from 'devextreme-vue/chat';
+import { DxSelectBox } from 'devextreme-vue/select-box';
+import { Guid } from 'devextreme-vue/common';
 import { CustomStore, DataSource } from 'devextreme-vue/common/data';
-import Guid from 'devextreme/core/guid';
 import {
   messages as initialMessages,
   currentUser,

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

@@ -1,4 +1,4 @@
-import Guid from 'devextreme/core/guid';
+import { Guid } from 'devextreme-vue/common';
 
 function getTimestamp(date, offsetMinutes = 0): number {
   return date.getTime() + offsetMinutes * 60000;

apps/demos/configs/Angular/config.bundle.js

@@ -37,10 +37,10 @@ const bundleConfig = {
       'devextreme/common/core/localization/globalize/*',
       'devextreme-angular',
       'devextreme-angular/*',
-      'devextreme-angular/core/*',
       'devextreme-angular/common/*',
       'devextreme-angular/common/core/*',
       'devextreme-angular/common/export/*',
+      'devextreme-angular/core/*',
       'devexpress-gantt',
       'devexpress-diagram',
       'rxjs/*',