@gitlab/ui 61.1.0 → 61.1.2

package/dist/components/charts/line/line.js

@@ -14,6 +14,7 @@ const gray200 = '#bfbfc3';
 
 //
 var script = {
+  name: 'GlLineChart',
   components: {
     Chart,
     ChartLegend,

package/dist/components/charts/series_label/series_label.js

@@ -2,6 +2,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const makePathRect = (startX, startY, width, height) => `M${startX},${startY}H${startX + width}V${startY + height}H${startX}Z`;
 var script = {
+  name: 'GlChartSeriesLabel',
   props: {
     color: {
       type: String,

package/dist/components/charts/single_stat/single_stat.js

@@ -5,6 +5,7 @@ import GlAnimatedNumber from '../../utilities/animated_number/animated_number';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
+  name: 'GlSingleStat',
   components: {
     GlIcon,
     GlBadge,

package/dist/components/charts/sparkline/sparkline.js

@@ -1,4 +1,5 @@
 import merge from 'lodash/merge';
+import isNil from 'lodash/isNil';
 import { graphic } from 'echarts';
 import { GlResizeObserverDirective } from '../../../directives/resize_observer/resize_observer';
 import { defaultChartOptions, mergeSeriesToOptions, symbolSize } from '../../../utils/charts/config';
@@ -21,6 +22,7 @@ const generateGradient = colors => {
   }));
 };
 var script = {
+  name: 'GlSparklineChart',
   components: {
     Chart,
     ChartTooltip
@@ -111,7 +113,7 @@ var script = {
             show: true,
             type: 'none',
             label: {
-              formatter: this.xAxisLabelFormatter
+              formatter: this.generateTooltip
             }
           }
         },
@@ -190,11 +192,6 @@ var script = {
     hideTooltip() {
       this.tooltip.show = false;
     },
-    formatTooltipText(_ref) {
-      let [xValue, yValue] = _ref;
-      this.tooltip.title = xValue;
-      this.tooltip.content = yValue;
-    },
     setTooltipPosition(data) {
       const [left, top] = this.chartInstance.convertToPixel('grid', data);
       this.tooltip.position = {
@@ -205,10 +202,10 @@ var script = {
     // This function is called any time the axis pointer is changed (the black bubble showing which
     // point on the line is selected). Note that it will not trigger if the axis pointer is removed,
     // only when it changes from one point to another or is shown for the first time.
-    xAxisLabelFormatter(_ref2) {
+    generateTooltip(_ref) {
       let {
         seriesData = []
-      } = _ref2;
+      } = _ref;
       // seriesData is an array of nearby data point coordinates
       // seriesData[0] is the nearest point at which the tooltip is displayed
       // https://echarts.apache.org/en/option.html#xAxis.axisPointer.label.formatter
@@ -216,11 +213,13 @@ var script = {
       const {
         data
       } = firstEntry;
-      if (data) {
-        this.tooltip.show = true;
-        this.formatTooltipText(data);
-        this.setTooltipPosition(data);
-      }
+      if (!data) return;
+      const [title, content] = data;
+      if (isNil(title) || isNil(content)) return;
+      this.tooltip.show = true;
+      this.tooltip.title = title;
+      this.tooltip.content = content;
+      this.setTooltipPosition(data);
     }
   },
   HEIGHT_AUTO_HORIZONTAL_LAYOUT_CLASSES

package/dist/components/charts/stacked_column/stacked_column.js

@@ -18,6 +18,7 @@ const yAxisDefaults = {
   }
 };
 var script = {
+  name: 'GlStackedColumnChart',
   components: {
     Chart,
     ChartTooltip,

package/dist/components/charts/tooltip/tooltip.js

@@ -6,6 +6,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
 var script = {
+  name: 'GlChartTooltip',
   components: {
     GlPopover
   },

package/dist/components/regions/dashboard_skeleton/dashboard_skeleton.js

@@ -1,6 +1,7 @@
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
+  name: 'GlDashboardSkeleton',
   props: {
     /**
      * Number of cards to be shown

package/dist/components/regions/empty_state/empty_state.js

@@ -2,6 +2,7 @@ import GlButton from '../../base/button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
+  name: 'GlEmptyState',
   components: {
     GlButton
   },

package/dist/components/shared_components/charts/tooltip_default_format.js

@@ -2,6 +2,7 @@ import SeriesLabel from '../../charts/series_label/series_label';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
+  name: 'TooltipDefaultFormat',
   components: {
     SeriesLabel
   },

package/dist/components/shared_components/clear_icon_button/clear_icon_button.js

@@ -3,6 +3,7 @@ import GlButton from '../../base/button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
+  name: 'ClearIconButton',
   components: {
     GlButton
   },

package/dist/components/utilities/friendly_wrap/friendly_wrap.js

@@ -3,6 +3,7 @@ import { splitAfterSymbols } from '../../../utils/string_utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
+  name: 'GlFriendlyWrap',
   functional: true,
   props: {
     /**

package/dist/components/utilities/intersperse/intersperse.js

@@ -21,6 +21,7 @@ const addLastSeparator = lastSeparator => items => {
   return items.length > 3 ? insertAfterSecondLastItem(lastSeparator, items) : replaceSecondLastItem(lastSeparator, items);
 };
 var script = {
+  name: 'GlIntersperse',
   functional: true,
   props: {
     separator: {

package/dist/components/utilities/sprintf/sprintf.js

@@ -44,6 +44,7 @@ function getPlaceholderDefinition(chunk, placeholdersByStartTag) {
   };
 }
 var script = {
+  name: 'GlSprintf',
   functional: true,
   props: {
     /**

package/dist/components/utilities/truncate/truncate.js

@@ -5,6 +5,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
 var script = {
+  name: 'GlTruncate',
   POSITION,
   directives: {
     GlTooltip: GlTooltipDirective,