Chart: move files to TS (DevExpress#31012)

Author: EugeniyKiyashko

packages/devextreme/js/__internal/common/m_charts.ts

@@ -1,4 +1,4 @@
-import { getNextDefsSvgId } from '@js/viz/core/utils';
+import { getNextDefsSvgId } from '@ts/viz/core/utils';
 
 const graphicObjects = {};
 

packages/devextreme/js/__internal/core/utils/m_math.ts

@@ -52,7 +52,7 @@ function isEdgeBug() {
   return correctValue !== value.toPrecision(precisionValue);
 }
 
-function adjust(value, interval) {
+function adjust(value, interval?) {
   let precision = getPrecision(interval || 0) + 2;
   const separatedValue = value.toString().split('.');
   const sourceValue = value;

packages/devextreme/js/__internal/core/utils/m_svg.ts

@@ -41,7 +41,7 @@ function decodeHtmlEntities(markup) {
 
 export const HIDDEN_FOR_EXPORT = 'hidden-for-export';
 
-export function getSvgMarkup(element, backgroundColor) {
+export function getSvgMarkup(element, backgroundColor?) {
   return fixNamespaces(decodeHtmlEntities(getMarkup(element, backgroundColor)));
 }
 

packages/devextreme/js/__internal/viz/axes/axes_constants.ts

@@ -0,0 +1,65 @@
+/* eslint-disable no-plusplus */
+/* eslint-disable @stylistic/max-len */
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+
+import { map as _map } from '@ts/viz/core/utils';
+
+export default {
+  logarithmic: 'logarithmic',
+  discrete: 'discrete',
+  numeric: 'numeric',
+
+  left: 'left',
+  right: 'right',
+  top: 'top',
+  bottom: 'bottom',
+  center: 'center',
+
+  horizontal: 'horizontal',
+  vertical: 'vertical',
+
+  convertTicksToValues(ticks) {
+    return _map(ticks || [], (item) => item.value);
+  },
+
+  validateOverlappingMode(mode) {
+    return mode === 'ignore' || mode === 'none' ? mode : 'hide';
+  },
+
+  getTicksCountInRange(ticks, valueKey, range) {
+    let i = 1;
+
+    if (ticks.length > 1) {
+      for (; i < ticks.length; i++) {
+        if (Math.abs(ticks[i].coords[valueKey] - ticks[0].coords[valueKey]) >= range) {
+          break;
+        }
+      }
+    }
+    return i;
+  },
+
+  areLabelsOverlap(bBox1, bBox2, spacing, alignment) {
+    const horizontalInverted = bBox1.x > bBox2.x;
+    const verticalInverted = bBox1.y > bBox2.y;
+    let x1 = bBox1.x;
+    let x2 = bBox2.x;
+    const width1 = bBox1.width;
+    const width2 = bBox2.width;
+
+    if (alignment === 'left') {
+      x1 += width1 / 2;
+      x2 += width2 / 2;
+    } else if (alignment === 'right') {
+      x1 -= width1 / 2;
+      x2 -= width2 / 2;
+    }
+
+    const hasHorizontalOverlapping = horizontalInverted ? (x2 + width2 + spacing) > x1 : (x1 + width1 + spacing) > x2;
+    const hasVerticalOverlapping = verticalInverted ? (bBox2.y + bBox2.height) > bBox1.y : (bBox1.y + bBox1.height) > bBox2.y;
+
+    return hasHorizontalOverlapping && hasVerticalOverlapping;
+  },
+};

packages/devextreme/js/__internal/viz/axes/axes_utils.ts

@@ -0,0 +1,40 @@
+/* eslint-disable func-names */
+/* eslint-disable @typescript-eslint/naming-convention */
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+
+const _max = Math.max;
+
+export const calculateCanvasMargins = function (bBoxes, canvas) {
+  const cLeft = canvas.left;
+  const cTop = canvas.top;
+  const cRight = canvas.width - canvas.right;
+  const cBottom = canvas.height - canvas.bottom;
+  return bBoxes
+    .reduce((margins, bBox) => {
+      if (!bBox || bBox.isEmpty) {
+        return margins;
+      }
+      return {
+        left: _max(margins.left, cLeft - bBox.x),
+        top: _max(margins.top, cTop - bBox.y),
+        right: _max(margins.right, bBox.x + bBox.width - cRight),
+        bottom: _max(margins.bottom, bBox.y + bBox.height - cBottom),
+      };
+    }, {
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0,
+    });
+};
+
+export const measureLabels = function (items) {
+  items.forEach((item) => {
+    const label = item.getContentContainer();
+    item.labelBBox = label ? label.getBBox() : {
+      x: 0, y: 0, width: 0, height: 0,
+    };
+  });
+};