Merge branch '26_1' into 26_1_global_format

Author: GoodDayForSurf

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

@@ -68,6 +68,7 @@ export class AppComponent {
 
   toggleDisabledState(disabled: boolean, event = undefined) {
     this.isDisabled = disabled;
+    this.suggestions = { ...this.suggestions, disabled };
 
     if (disabled) {
       event?.target.blur();
@@ -77,6 +78,8 @@ export class AppComponent {
   }
 
   async onMessageEntered(e: DxChatTypes.MessageEnteredEvent): Promise<void> {
+    if (this.isDisabled) return;
+
     if (!this.appService.alerts.length) {
       this.toggleDisabledState(true, e.event);
     }

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

@@ -28,20 +28,20 @@ export default function App() {
   } = useApi();
 
   const [typingUsers, setTypingUsers] = useState<ChatTypes.User[]>([]);
-  const [isProcessing, setIsProcessing] = useState<boolean>(false);
+  const [isDisabled, setIsDisabled] = useState<boolean>(false);
   const [inputFieldText, setInputFieldText] = useState<string>('');
   const [suggestionList, setSuggestionList] = useState(suggestionItems);
   const sendImmediately = useRef<boolean>(false);
   const hideAfterUse = useRef<boolean>(false);
 
   const processAIRequest = useCallback(async (message: ChatTypes.Message): Promise<void> => {
-    setIsProcessing(true);
+    setIsDisabled(true);
     setTypingUsers([assistant]);
 
     await fetchAIResponse(message);
 
     setTypingUsers([]);
-    setIsProcessing(false);
+    setIsDisabled(false);
   }, [fetchAIResponse]);
 
   const onSuggestionClick = useCallback((e: { itemData?: { text: string; prompt: string } }) => {
@@ -64,9 +64,10 @@ export default function App() {
     }
   }, [alerts.length, insertMessage, processAIRequest]);
 
-  const suggestions = { items: suggestionList, onItemClick: onSuggestionClick };
+  const suggestions = { items: suggestionList, onItemClick: onSuggestionClick, disabled: isDisabled };
 
   const onMessageEntered = useCallback(async ({ message, event }: ChatTypes.MessageEnteredEvent): Promise<void> => {
+    if (isDisabled) return;
     insertMessage({ id: Date.now(), ...message });
 
     if (!alerts.length) {
@@ -76,7 +77,7 @@ export default function App() {
 
       (event?.target as HTMLElement).focus();
     }
-  }, [insertMessage, alerts.length, processAIRequest]);
+  }, [isDisabled, insertMessage, alerts.length, processAIRequest]);
 
   const onInputFieldTextChanged = useCallback((e: ChatTypes.InputFieldTextChangedEvent) => {
     setInputFieldText(e?.value ?? '');
@@ -87,7 +88,7 @@ export default function App() {
   return (
     <>
       <Chat
-        className={isProcessing ? CHAT_DISABLED_CLASS : ''}
+        className={isDisabled ? CHAT_DISABLED_CLASS : ''}
         dataSource={dataSource}
         reloadOnChange={false}
         showAvatar={false}

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

@@ -19,18 +19,18 @@ loadMessages({
 export default function App() {
   const { alerts, insertMessage, fetchAIResponse } = useApi();
   const [typingUsers, setTypingUsers] = useState([]);
-  const [isProcessing, setIsProcessing] = useState(false);
+  const [isDisabled, setIsDisabled] = useState(false);
   const [inputFieldText, setInputFieldText] = useState('');
   const [suggestionList, setSuggestionList] = useState(suggestionItems);
   const sendImmediately = useRef(false);
   const hideAfterUse = useRef(false);
   const processAIRequest = useCallback(
     async (message) => {
-      setIsProcessing(true);
+      setIsDisabled(true);
       setTypingUsers([assistant]);
       await fetchAIResponse(message);
       setTypingUsers([]);
-      setIsProcessing(false);
+      setIsDisabled(false);
     },
     [fetchAIResponse],
   );
@@ -54,17 +54,22 @@ export default function App() {
     },
     [alerts.length, insertMessage, processAIRequest],
   );
-  const suggestions = { items: suggestionList, onItemClick: onSuggestionClick };
+  const suggestions = {
+    items: suggestionList,
+    onItemClick: onSuggestionClick,
+    disabled: isDisabled,
+  };
   const onMessageEntered = useCallback(
     async ({ message, event }) => {
+      if (isDisabled) return;
       insertMessage({ id: Date.now(), ...message });
       if (!alerts.length) {
         (event?.target).blur();
         await processAIRequest(message);
         (event?.target).focus();
       }
     },
-    [insertMessage, alerts.length, processAIRequest],
+    [isDisabled, insertMessage, alerts.length, processAIRequest],
   );
   const onInputFieldTextChanged = useCallback((e) => {
     setInputFieldText(e?.value ?? '');
@@ -73,7 +78,7 @@ export default function App() {
   return (
     <>
       <Chat
-        className={isProcessing ? CHAT_DISABLED_CLASS : ''}
+        className={isDisabled ? CHAT_DISABLED_CLASS : ''}
         dataSource={dataSource}
         reloadOnChange={false}
         showAvatar={false}

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

@@ -81,6 +81,7 @@ onBeforeMount(() => {
 
 function toggleDisabledState(disabled: boolean, event?: Events.EventObject): void {
   isDisabled.value = disabled;
+  suggestions.value = { ...suggestions.value, disabled };
 
   if (disabled) {
     (event?.target as HTMLElement)?.blur();
@@ -136,6 +137,8 @@ function alertLimitReached(): void {
 }
 
 function onMessageEntered({ message, event }: DxChatTypes.MessageEnteredEvent): void {
+  if (isDisabled.value) return;
+
   dataSource.store().push([{ type: 'insert', data: { id: Date.now(), ...message } }]);
 
   if (!alerts.value.length) {

apps/demos/Demos/Chat/PromptSuggestions/jQuery/index.js

@@ -47,6 +47,8 @@ $(() => {
   }
 
   function toggleDisabledState(disabled, event) {
+    isDisabled = disabled;
+    instance.option({ suggestions: { disabled } });
     instance.element().toggleClass(CHAT_DISABLED_CLASS, disabled);
 
     if (disabled) {
@@ -139,6 +141,7 @@ $(() => {
     paginate: false,
   });
 
+  let isDisabled = false;
   let sendImmediately = false;
   let hideAfterUse = false;
 
@@ -176,6 +179,8 @@ $(() => {
     speechToTextEnabled: true,
     suggestions,
     onMessageEntered: (e) => {
+      if (isDisabled) return;
+
       const { message, event } = e;
 
       dataSource.store().push([{ type: 'insert', data: { id: Date.now(), ...message } }]);

packages/devextreme/eslint.config.mjs

@@ -403,6 +403,19 @@ export default [
             'spellcheck/spell-checker': 'off',
         },
     },
+    // Spellcheck overrides for ai_assistant (Zod dependency)
+    {
+        files: ['js/__internal/grids/grid_core/ai_assistant/**/*'],
+        rules: {
+            'spellcheck/spell-checker': ['error', {
+                ...spellCheckConfig[0].rules['spellcheck/spell-checker'][1],
+                skipWords: [
+                    ...spellCheckConfig[0].rules['spellcheck/spell-checker'][1].skipWords,
+                    'Zod',
+                ],
+            }],
+        },
+    },
     // Rules for js/__internal folder
     {
         files: ['js/__internal/**/*'],