Add pointerEventStrategy option to GlobalConfig for setting EventStra…

…tegy (#26060)

Co-authored-by: Mikhail Preyskurantov <[email protected]>

packages/devextreme/js/common.d.ts

@@ -343,6 +343,10 @@ export type GlobalConfig = {
    * @public
    */
   oDataFilterToLower?: boolean;
+  /**
+   * @deprecated Attention! This field is not documented and should only be specified in a limited number of use cases. For more information, please submit a ticket to our Support Center.
+   */
+  pointerEventStrategy?: 'mouse-and-touch' | 'mouse' | 'touch';
   /**
    * @docid
    * @default false

packages/devextreme/js/events/pointer.js

@@ -1,3 +1,4 @@
+import GlobalConfig from '../core/config';
 import * as support from '../core/utils/support';
 import { each } from '../core/utils/iterator';
 import devices from '../core/devices';
@@ -63,8 +64,13 @@ import MouseAndTouchStrategy from './pointer/mouse_and_touch';
   * @module events/pointer
 */
 
-const getStrategy = (support, device) => {
-    const { tablet, phone } = device;
+const getStrategy = (support, { tablet, phone }) => {
+    const pointerEventStrategy = getStrategyFromGlobalConfig();
+
+    if(pointerEventStrategy) {
+        return pointerEventStrategy;
+    }
+
     if(support.touch && !(tablet || phone)) {
         return MouseAndTouchStrategy;
     }
@@ -93,6 +99,16 @@ const pointer = {
     out: 'dxpointerout'
 };
 
+function getStrategyFromGlobalConfig() {
+    const eventStrategyName = GlobalConfig().pointerEventStrategy;
+
+    return {
+        'mouse-and-touch': MouseAndTouchStrategy,
+        'touch': TouchStrategy,
+        'mouse': MouseStrategy,
+    }[eventStrategyName];
+}
+
 ///#DEBUG
 pointer.getStrategy = getStrategy;
 

packages/devextreme/testing/tests/DevExpress.ui.events/pointerParts/strategySelectionTests.js

@@ -1,3 +1,4 @@
+import GlobalConfig from 'core/config';
 import { getStrategy } from 'events/pointer';
 import TouchStrategy from 'events/pointer/touch';
 import MouseStrategy from 'events/pointer/mouse';
@@ -6,6 +7,15 @@ import MouseAndTouchStrategy from 'events/pointer/mouse_and_touch';
 const { test } = QUnit;
 
 QUnit.module('Strategy selection', () => {
+    test('Use strategy from GlobalConfig', function(assert) {
+        GlobalConfig({ pointerEventStrategy: 'mouse-and-touch' });
+
+        const strategy = getStrategy({}, {}, {});
+
+        assert.strictEqual(strategy, MouseAndTouchStrategy);
+        GlobalConfig({ pointerEventStrategy: null });
+    });
+
     test('Use the Mouse strategy by default', function(assert) {
         const strategy = getStrategy({}, {}, {});
 

packages/devextreme/ts/dx.all.d.ts

@@ -1506,6 +1506,10 @@ declare module DevExpress.common {
      * [descr:GlobalConfig.oDataFilterToLower]
      */
     oDataFilterToLower?: boolean;
+    /**
+     * @deprecated Attention! This field is not documented and should only be specified in a limited number of use cases. For more information, please submit a ticket to our Support Center.
+     */
+    pointerEventStrategy?: 'mouse-and-touch' | 'mouse' | 'touch';
     /**
      * [descr:GlobalConfig.rtlEnabled]
      */