Charts: use commonjs exports for debug functions to avoid reference error in transpiled code (#31036)

EugeniyKiyashko · web-flow · commit f2ea2d58329e · 2025-09-11T11:41:04.000+04:00
diff --git a/packages/devextreme/js/__internal/viz/components/legend.ts b/packages/devextreme/js/__internal/viz/components/legend.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/default-param-last */
 /* eslint-disable no-return-assign */
@@ -1281,17 +1282,17 @@ export const plugin = {
 };
 
 /// #DEBUG
-export const _setLegend = function (value) {
+exports._setLegend = function (value) {
   Legend = value;
 };
 
 const __getMarkerCreator = getMarkerCreator;
-export const _DEBUG_stubMarkerCreator = function (callback) {
+exports._DEBUG_stubMarkerCreator = function (callback) {
   getMarkerCreator = function () {
     return callback;
   };
 };
-export const _DEBUG_restoreMarkerCreator = function () {
+exports._DEBUG_restoreMarkerCreator = function () {
   getMarkerCreator = __getMarkerCreator;
 };
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/core/base_widget.utils.ts b/packages/devextreme/js/__internal/viz/core/base_widget.utils.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable @typescript-eslint/no-implied-eval */
 /* eslint-disable prefer-spread */
 /* eslint-disable @typescript-eslint/init-declarations */
@@ -130,13 +131,13 @@ export { createEventTrigger as DEBUG_createEventTrigger };
 
 export const DEBUG_createIncidentOccurred = createIncidentOccurred;
 
-export function DEBUG_stub_createIncidentOccurred(stub) {
+exports.DEBUG_stub_createIncidentOccurred = function (stub) {
   createIncidentOccurred = stub;
-}
+};
 
-export function DEBUG_restore_createIncidentOccurred() {
+exports.DEBUG_restore_createIncidentOccurred = function () {
   createIncidentOccurred = DEBUG_createIncidentOccurred;
-}
+};
 
 export { createResizeHandler as DEBUG_createResizeHandler };
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/core/export.ts b/packages/devextreme/js/__internal/viz/core/export.ts
@@ -1,8 +1,8 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
 /* eslint-disable no-restricted-globals */
 /* eslint-disable func-names */
 /* eslint-disable import/no-mutable-exports */
-/* eslint-disable @typescript-eslint/naming-convention */
 /* eslint-disable no-nested-ternary */
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable consistent-return */
@@ -819,11 +819,11 @@ export const plugin = {
 };
 
 /// #DEBUG
-export const DEBUG_set_combineMarkups = function (value) {
+exports.DEBUG_set_combineMarkups = function (value) {
   combineMarkups = value;
 };
 
-export const DEBUG_set_ExportMenu = function (value) {
+exports.DEBUG_set_ExportMenu = function (value) {
   ExportMenu = value;
 };
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/core/loading_indicator.ts b/packages/devextreme/js/__internal/viz/core/loading_indicator.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable prefer-rest-params */
 /* eslint-disable @typescript-eslint/no-this-alias */
 /* eslint-disable @typescript-eslint/init-declarations */
@@ -209,8 +210,9 @@ export const plugin = {
   },
   fontFields: ['loadingIndicator.font'],
 };
+
 /// #DEBUG
-export const DEBUG_set_LoadingIndicator = function (value) {
+exports.DEBUG_set_LoadingIndicator = function (value) {
   LoadingIndicator = value;
 };
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/core/renderers/renderer.ts b/packages/devextreme/js/__internal/viz/core/renderers/renderer.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable @typescript-eslint/prefer-optional-chain */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/default-param-last */
@@ -107,7 +108,7 @@ const DEFAULTS = {
   'pointer-events': null,
 };
 
-const getBackup = callOnce(() => {
+export const getBackup = callOnce(() => {
   const backupContainer = domAdapter.createElement('div');
   const backupCounter = 0;
   backupContainer.style.left = '-9999px';
@@ -1391,15 +1392,6 @@ function arcAnimate(params, options, complete) {
   return baseAnimate(that, params, options, complete);
 }
 
-/// #DEBUG
-export const DEBUG_removeBackupContainer = function () {
-  if (getBackup().backupCounter) {
-    getBackup().backupCounter = 0;
-    domAdapter.getBody().removeChild(getBackup().backupContainer);
-  }
-};
-/// #ENDDEBUG
-
 function buildLink(target, parameters) {
   const obj = { is: false, name: parameters.name || parameters, after: parameters.after };
   if (target) {
@@ -2351,23 +2343,31 @@ export const refreshPaths = function () {
 };
 
 /// #DEBUG
-export const DEBUG_set_SvgElement = function (value) {
+const DEBUG_set_SvgElement = function (value) {
   SvgElement = value;
 };
 
-export const DEBUG_set_RectSvgElement = function (value) {
+const DEBUG_set_RectSvgElement = function (value) {
   RectSvgElement = value;
 };
 
-export const DEBUG_set_PathSvgElement = function (value) {
+const DEBUG_set_PathSvgElement = function (value) {
   PathSvgElement = value;
 };
 
-export const DEBUG_set_ArcSvgElement = function (value) {
+const DEBUG_set_ArcSvgElement = function (value) {
   ArcSvgElement = value;
 };
 
-export const DEBUG_set_TextSvgElement = function (value) {
+const DEBUG_set_TextSvgElement = function (value) {
   TextSvgElement = value;
 };
 /// #ENDDEBUG
+
+/// #DEBUG
+exports.DEBUG_set_ArcSvgElement = DEBUG_set_ArcSvgElement;
+exports.DEBUG_set_PathSvgElement = DEBUG_set_PathSvgElement;
+exports.DEBUG_set_RectSvgElement = DEBUG_set_RectSvgElement;
+exports.DEBUG_set_SvgElement = DEBUG_set_SvgElement;
+exports.DEBUG_set_TextSvgElement = DEBUG_set_TextSvgElement;
+/// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/core/title.ts b/packages/devextreme/js/__internal/viz/core/title.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable @typescript-eslint/no-this-alias */
 /* eslint-disable @typescript-eslint/init-declarations */
 /* eslint-disable func-names */
@@ -357,7 +358,7 @@ export const plugin = {
 };
 
 /// #DEBUG
-export const DEBUG_set_title = function (value) {
+exports.DEBUG_set_title = function (value) {
   Title = value;
 };
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/core/tooltip.ts b/packages/devextreme/js/__internal/viz/core/tooltip.ts
@@ -1,11 +1,11 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable @typescript-eslint/no-base-to-string */
 /* eslint-disable @typescript-eslint/no-this-alias */
 /* eslint-disable default-case */
 /* eslint-disable no-restricted-syntax */
 /* eslint-disable guard-for-in */
 /* eslint-disable func-names */
 /* eslint-disable import/no-mutable-exports */
-/* eslint-disable @typescript-eslint/naming-convention */
 /* eslint-disable consistent-return */
 /* eslint-disable no-param-reassign */
 /* eslint-disable no-multi-assign */
@@ -516,7 +516,7 @@ export const plugin = {
 };
 
 /// #DEBUG
-export const DEBUG_set_tooltip = function (value) {
+exports.DEBUG_set_tooltip = function (value) {
   Tooltip = value;
 };
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/gauges/bar_gauge.ts b/packages/devextreme/js/__internal/viz/gauges/bar_gauge.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable prefer-rest-params */
 /* eslint-disable @stylistic/no-mixed-operators */
 /* eslint-disable prefer-spread */
@@ -857,11 +858,11 @@ const __BarWrapper = BarWrapper;
 
 export { __BarWrapper as BarWrapper };
 
-export function stubBarWrapper(barWrapperType) {
+exports.stubBarWrapper = function (barWrapperType) {
   BarWrapper = barWrapperType;
-}
+};
 
-export function restoreBarWrapper() {
+exports.restoreBarWrapper = function () {
   BarWrapper = __BarWrapper;
-}
+};
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/themes.ts b/packages/devextreme/js/__internal/viz/themes.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable @typescript-eslint/no-dynamic-delete */
 /* eslint-disable @typescript-eslint/init-declarations */
 /* eslint-disable no-plusplus */
@@ -255,7 +256,7 @@ export {
   widgetsCache,
 };
 
-export const resetCurrentTheme = function () {
+exports.resetCurrentTheme = function () {
   currentThemeName = null;
 };
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/utils.ts b/packages/devextreme/js/__internal/viz/utils.ts
@@ -1,9 +1,9 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable prefer-rest-params */
 /* eslint-disable no-bitwise */
 /* eslint-disable @typescript-eslint/init-declarations */
 /* eslint-disable func-names */
 /* eslint-disable import/no-mutable-exports */
-/* eslint-disable @typescript-eslint/naming-convention */
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable no-param-reassign */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
@@ -104,7 +104,7 @@ export const floorCanvasDimensions = function (canvas) {
 };
 
 /// #DEBUG
-export const _test_prepareSegmentRectPoints = function () {
+exports._test_prepareSegmentRectPoints = function () {
   // @ts-expect-error
   const original = prepareSegmentRectPoints.original || prepareSegmentRectPoints;
   if (arguments[0]) {
diff --git a/packages/devextreme/js/__internal/viz/vector_map/control_bar/control_bar.ts b/packages/devextreme/js/__internal/viz/vector_map/control_bar/control_bar.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable new-cap */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @stylistic/no-mixed-operators */
@@ -463,11 +464,11 @@ ZoomDragCommand.prototype.finish = function () {
 /// #DEBUG
 const COMMAND_TO_TYPE_MAP__ORIGINAL = COMMAND_TO_TYPE_MAP;
 
-export function _TESTS_stubCommandToTypeMap(map) {
+exports._TESTS_stubCommandToTypeMap = function (map) {
   COMMAND_TO_TYPE_MAP = map;
-}
+};
 
-export function _TESTS_restoreCommandToTypeMap() {
+exports._TESTS_restoreCommandToTypeMap = function () {
   COMMAND_TO_TYPE_MAP = COMMAND_TO_TYPE_MAP__ORIGINAL;
-}
+};
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/vector_map/legend.ts b/packages/devextreme/js/__internal/viz/vector_map/legend.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable prefer-rest-params */
 /* eslint-disable @typescript-eslint/no-this-alias */
 /* eslint-disable @typescript-eslint/init-declarations */
@@ -161,11 +162,11 @@ LegendsControl.prototype = {
 const originalLegend = Legend;
 export { Legend as _TESTS_Legend };
 
-export function _TESTS_stubLegendType(stub) {
+exports._TESTS_stubLegendType = function (stub) {
   Legend = stub;
-}
+};
 
-export function _TESTS_restoreLegendType() {
+exports._TESTS_restoreLegendType = function () {
   Legend = originalLegend;
-}
+};
 /// #ENDDEBUG
diff --git a/packages/devextreme/js/__internal/viz/vector_map/tracker.ts b/packages/devextreme/js/__internal/viz/vector_map/tracker.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-import-module-exports */
 /* eslint-disable prefer-rest-params */
 /* eslint-disable @typescript-eslint/no-this-alias */
 /* eslint-disable @typescript-eslint/init-declarations */
@@ -480,21 +481,20 @@ makeEventEmitter(Tracker);
 /// #DEBUG
 const originFocus = Focus;
 
-export function _DEBUG_forceEventMode(mode) {
+exports._DEBUG_forceEventMode = function (mode) {
   // @ts-expect-error
   setupEvents(mode);
-}
+};
 
 export { Focus };
 
-export function _DEBUG_stubFocusType(focusType) {
+exports._DEBUG_stubFocusType = function (focusType) {
   Focus = focusType;
-}
+};
 
-export function _DEBUG_restoreFocusType() {
+exports._DEBUG_restoreFocusType = function () {
   Focus = originFocus;
-}
-
+};
 /// #ENDDEBUG
 
 function getDistance(x1, y1, x2, y2) {
diff --git a/packages/devextreme/js/__internal/viz/vector_map/vector_map.utils.ts b/packages/devextreme/js/__internal/viz/vector_map/vector_map.utils.ts
@@ -1,5 +1,4 @@
 /* eslint-disable no-plusplus */
-/* eslint-disable @typescript-eslint/naming-convention */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 
@@ -10,7 +9,7 @@ export function generateDataKey() {
 }
 
 /// #DEBUG
-export function _TESTS_resetDataKey() {
+exports._TESTS_resetDataKey = function () {
   nextDataKey = 1;
-}
+};
 /// #ENDDEBUG
diff --git a/packages/devextreme/testing/tests/DevExpress.viz.renderers/Renderer.tests.js b/packages/devextreme/testing/tests/DevExpress.viz.renderers/Renderer.tests.js
@@ -4,6 +4,7 @@ import renderers from 'viz/core/renderers/renderer';
 import {
     stubClass
 } from '../../helpers/vizMocks.js';
+import domAdapter from '__internal/core/m_dom_adapter';
 import utils from 'viz/core/utils';
 
 $('<div>')
@@ -274,16 +275,19 @@ QUnit.module('Locking', {
         this.renderer = new Renderer({ container: this.container });
         this.renderer.root.append.resetHistory();
     },
-
     afterEach: function() {
-        renderers.DEBUG_removeBackupContainer();
+        this.removeBackupContainer();
     },
-
     after: resetMockElements,
-
     appendContainer: function() {
         $('#qunit-fixture').append(this.container);
-    }
+    },
+    removeBackupContainer: function() {
+        if(renderers.getBackup().backupCounter) {
+            renderers.getBackup().backupCounter = 0;
+            domAdapter.getBody().removeChild(renderers.getBackup().backupContainer);
+        }
+    },
 });
 
 QUnit.test('Lock / container is in DOM', function(assert) {
