Merge branch '25_2' into 25_2_ng_nested_fix

Author: GoodDayForSurf

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

@@ -6,9 +6,17 @@ import { DxTextAreaModule } from 'devextreme-angular/ui/text-area';
 import { DxButtonModule } from 'devextreme-angular/ui/button';
 import { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';
 import { DxSwitchModule } from 'devextreme-angular/ui/switch';
+import notify from 'devextreme/ui/notify';
 
 import { AppService } from './app.service';
 
+declare global {
+  interface Window {
+    SpeechRecognition?: any;
+    webkitSpeechRecognition?: any;
+  }
+}
+
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
 }
@@ -86,6 +94,17 @@ export class AppComponent {
   }
 
   onStartClick() {
+    if (!window.SpeechRecognition && !window.webkitSpeechRecognition) {
+      notify({
+        message: 'The browser does not support Web Speech API (SpeechRecognition).',
+        type: 'error',
+        displayTime: 7000,
+        position: 'bottom center',
+        width: 'auto',
+      });
+      return;
+    }
+
     this.state = 'listening';
     this.hint = 'Stop voice recognition';
     if (this.displayMode !== 'Custom') {

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

@@ -4,8 +4,16 @@ import { TextArea } from 'devextreme-react/text-area';
 import { Button, ButtonTypes } from 'devextreme-react/button';
 import { SelectBox } from 'devextreme-react/select-box';
 import { Switch } from 'devextreme-react/switch';
+import notify from 'devextreme/ui/notify';
 import { displayModes, stylingModes, types, languages, langMap } from './data.ts';
 
+declare global {
+  interface Window {
+    SpeechRecognition: any;
+    webkitSpeechRecognition: any;
+  }
+}
+
 let state = 'initial';
 const textAreaLabel = { 'aria-label': 'Recognized Text' };
 const displayModeLabel = { 'aria-label': 'Display Mode' };
@@ -33,6 +41,17 @@ export default function App() {
   };
 
   const onStartClick = useCallback(() => {
+    if (!window.SpeechRecognition && !window.webkitSpeechRecognition) {
+      notify({
+        message: 'The browser does not support Web Speech API (SpeechRecognition).',
+        type: 'error',
+        displayTime: 7000,
+        position: 'bottom center',
+        width: 'auto',
+      });
+      return;
+    }
+
     state = 'listening';
     setHint('Stop voice recognition');
     if (displayMode !== 'Custom') {
@@ -131,6 +150,7 @@ export default function App() {
           speechRecognitionConfig={speechRecognitionConfig}
           disabled={disabled}
           onStartClick={onStartClick}
+          onStopClick={onEnd}
           onEnd={onEnd}
           onResult={onResult}
         />

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

@@ -4,6 +4,7 @@ import { TextArea } from 'devextreme-react/text-area';
 import { Button } from 'devextreme-react/button';
 import { SelectBox } from 'devextreme-react/select-box';
 import { Switch } from 'devextreme-react/switch';
+import notify from 'devextreme/ui/notify';
 import {
   displayModes, stylingModes, types, languages, langMap,
 } from './data.js';
@@ -33,6 +34,16 @@ export default function App() {
     continuous,
   };
   const onStartClick = useCallback(() => {
+    if (!window.SpeechRecognition && !window.webkitSpeechRecognition) {
+      notify({
+        message: 'The browser does not support Web Speech API (SpeechRecognition).',
+        type: 'error',
+        displayTime: 7000,
+        position: 'bottom center',
+        width: 'auto',
+      });
+      return;
+    }
     state = 'listening';
     setHint('Stop voice recognition');
     if (displayMode !== 'Custom') {
@@ -113,6 +124,7 @@ export default function App() {
           speechRecognitionConfig={speechRecognitionConfig}
           disabled={disabled}
           onStartClick={onStartClick}
+          onStopClick={onEnd}
           onEnd={onEnd}
           onResult={onResult}
         />

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

@@ -107,8 +107,16 @@ import { DxTextArea } from 'devextreme-vue/text-area';
 import { DxButton, type DxButtonTypes } from 'devextreme-vue/button';
 import { DxSelectBox } from 'devextreme-vue/select-box';
 import { DxSwitch } from 'devextreme-vue/switch';
+import notify from 'devextreme/ui/notify';
 import { displayModes, stylingModes, types, languages, langMap } from './data.ts';
 
+declare global {
+  interface Window {
+    SpeechRecognition?: any;
+    webkitSpeechRecognition?: any;
+  }
+}
+
 let state = 'initial';
 const startText = ref('');
 const stopText = ref('');
@@ -129,6 +137,17 @@ const speechRecognitionConfig = computed(() => ({
 }));
 
 function onStartClick() {
+  if (!window.SpeechRecognition && !window.webkitSpeechRecognition) {
+    notify({
+      message: 'The browser does not support Web Speech API (SpeechRecognition).',
+      type: 'error',
+      displayTime: 7000,
+      position: 'bottom center',
+      width: 'auto',
+    });
+    return;
+  }
+
   state = 'listening';
   hint.value = 'Stop voice recognition';
   if (displayMode.value !== 'Custom') {

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

@@ -11,6 +11,17 @@ $(() => {
         continuous: false,
       },
       onStartClick: ({ component }) => {
+        if (!window.SpeechRecognition && !window.webkitSpeechRecognition) {
+          DevExpress.ui.notify({
+            message: 'The browser does not support Web Speech API (SpeechRecognition).',
+            type: 'error',
+            displayTime: 7000,
+            position: 'bottom center',
+            width: 'auto',
+          });
+          return;
+        }
+
         state = 'listening';
         component.option('hint', 'Stop voice recognition');
         if (!shouldUpdateType()) {

apps/demos/menuMeta.json

@@ -4995,7 +4995,7 @@
         ]
       },
       {
-        "Name": "SpeechToText",
+        "Name": "Speech To Text",
         "Equivalents": "dxSpeechToText, dx-speechtotext, VoiceInput, VoiceToText, AIDictation, MicrophoneInput, SpeechRecognition, SpeechTranscription, MicInput",
         "Demos": [
           {

packages/devextreme/js/ui/file_manager/ui.file_manager.items_list.thumbnails.list_box.js

@@ -337,6 +337,8 @@ class FileManagerThumbnailListBox extends CollectionWidget {
 
     _focusOutHandler() {}
 
+    _focusInHandler() {}
+
     _getItems() {
         return this.option('items') || [];
     }

packages/devextreme/testing/tests/DevExpress.ui.widgets/fileManagerParts/thumbnailsView.tests.js

@@ -3,6 +3,7 @@ import 'ui/file_manager';
 import fx from 'common/core/animation/fx';
 import { FileManagerWrapper, createTestFileSystem } from '../../../helpers/fileManagerHelpers.js';
 import { shouldSkipOnMobile } from '../../../helpers/device.js';
+import pointerMock from '../../../helpers/pointerMock.js';
 
 const { test } = QUnit;
 
@@ -302,4 +303,13 @@ QUnit.module('Thumbnails View', moduleConfig, () => {
         assert.notOk(this.wrapper.isThumbnailsItemSelected('..'), 'parent folder is not visually highlited');
     });
 
+    test('Thumbnails view - should focus item only on selection (T1307139)', function(assert) {
+        this.wrapper.getThumbnailsViewPort().trigger('focusin');
+        assert.notOk(this.wrapper.isThumbnailsItemFocused('Folder 1'));
+
+        pointerMock(this.wrapper.findThumbnailsItem('Folder 1')).click();
+        this.clock.tick(400);
+        assert.ok(this.wrapper.isThumbnailsItemSelected('Folder 1'));
+        assert.ok(this.wrapper.isThumbnailsItemFocused('Folder 1'));
+    });
 });