@gitlab/ui 63.2.0 → 63.2.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [63.2.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v63.2.0...v63.2.1) (2023-05-23)
+
+
+### Bug Fixes
+
+* **GlAreaChart:** Replace the getDom to getZr for supporting edge ([2a5bef8](https://gitlab.com/gitlab-org/gitlab-ui/commit/2a5bef897dcd54422cb1163e497461558a8f06ac))
+
 # [63.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v63.1.3...v63.2.0) (2023-05-23)
 
 

package/dist/components/charts/area/area.js

@@ -218,8 +218,8 @@ var script = {
     }
   },
   beforeDestroy() {
-    this.chart.getDom().removeEventListener('mousemove', this.debouncedShowHideTooltip);
-    this.chart.getDom().removeEventListener('mouseout', this.debouncedShowHideTooltip);
+    this.chart.getZr().off('mousemove', this.debouncedShowHideTooltip);
+    this.chart.getZr().off('mouseout', this.debouncedShowHideTooltip);
     this.chart.off('mouseout', this.hideAnnotationsTooltip);
     this.chart.off('mouseover', this.onChartMouseOver);
   },
@@ -244,8 +244,8 @@ var script = {
       // when the mouse is hovered over the parent container
       // of echarts' svg element. This works only for data points
       // and not markPoints.
-      chart.getDom().addEventListener('mousemove', this.debouncedShowHideTooltip);
-      chart.getDom().addEventListener('mouseout', this.debouncedShowHideTooltip);
+      chart.getZr().on('mousemove', this.debouncedShowHideTooltip);
+      chart.getZr().on('mouseout', this.debouncedShowHideTooltip);
 
       // eCharts inbuild mouse events
       // https://echarts.apache.org/en/api.html#events.Mouse%20events
@@ -264,7 +264,10 @@ var script = {
       this.chart = chart;
       this.$emit('created', chart);
     },
-    showHideTooltip(mouseEvent) {
+    showHideTooltip(_ref) {
+      let {
+        event: mouseEvent
+      } = _ref;
       this.showDataTooltip = this.chart.containPixel('grid', [mouseEvent.zrX, mouseEvent.zrY]);
       this.dataTooltipPosition = {
         left: `${mouseEvent.zrX + DATA_TOOLTIP_LEFT_OFFSET}px`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "63.2.0",
+  "version": "63.2.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -27,6 +27,7 @@
     "copy-fonts": "make copy-fonts",
     "build-scss-variables": "make scss_to_js/scss_variables.js",
     "clean": "rm -r dist storybook scss_to_js/scss_variables.* src/scss/utilities.scss",
+    "cy:edge": "cypress run --browser edge",
     "cy:run": "cypress run --browser firefox",
     "start": "yarn storybook",
     "storybook": "yarn storybook-prep && storybook dev --ci --host localhost --port 9001 -c .storybook",

package/src/components/charts/area/area.vue

@@ -269,8 +269,8 @@ export default {
     },
   },
   beforeDestroy() {
-    this.chart.getDom().removeEventListener('mousemove', this.debouncedShowHideTooltip);
-    this.chart.getDom().removeEventListener('mouseout', this.debouncedShowHideTooltip);
+    this.chart.getZr().off('mousemove', this.debouncedShowHideTooltip);
+    this.chart.getZr().off('mouseout', this.debouncedShowHideTooltip);
 
     this.chart.off('mouseout', this.hideAnnotationsTooltip);
     this.chart.off('mouseover', this.onChartMouseOver);
@@ -293,8 +293,8 @@ export default {
       // when the mouse is hovered over the parent container
       // of echarts' svg element. This works only for data points
       // and not markPoints.
-      chart.getDom().addEventListener('mousemove', this.debouncedShowHideTooltip);
-      chart.getDom().addEventListener('mouseout', this.debouncedShowHideTooltip);
+      chart.getZr().on('mousemove', this.debouncedShowHideTooltip);
+      chart.getZr().on('mouseout', this.debouncedShowHideTooltip);
 
       // eCharts inbuild mouse events
       // https://echarts.apache.org/en/api.html#events.Mouse%20events
@@ -314,7 +314,7 @@ export default {
       this.chart = chart;
       this.$emit('created', chart);
     },
-    showHideTooltip(mouseEvent) {
+    showHideTooltip({ event: mouseEvent }) {
       this.showDataTooltip = this.chart.containPixel('grid', [mouseEvent.zrX, mouseEvent.zrY]);
 
       this.dataTooltipPosition = {