@gitlab/ui 49.0.1 → 49.0.3

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

@@ -7,6 +7,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
 
+// the padding is needed so the mark points don't overflow when visible
 const gridPadding = symbolSize / 2;
 var script = {
   components: {
@@ -24,7 +25,6 @@ var script = {
       type: Array,
       required: true
     },
-
     /**
      * Controls the label that is shown within the chart's tooltip. Use it to describe your data.
      */
@@ -33,7 +33,6 @@ var script = {
       required: false,
       default: ''
     },
-
     /**
      * Sets the chart's height in pixel.
      */
@@ -42,7 +41,6 @@ var script = {
       required: false,
       default: 50
     },
-
     /**
      * If enabled will show the value of the latest "y" data-point on the side right of the chart.
      */
@@ -52,7 +50,6 @@ var script = {
       default: true
     }
   },
-
   data() {
     return {
       chartInstance: null,
@@ -67,7 +64,6 @@ var script = {
       }
     };
   },
-
   computed: {
     options() {
       const sparkLineChartOptions = {
@@ -100,7 +96,6 @@ var script = {
       const mergedOptions = merge({}, defaultChartOptions, sparkLineChartOptions);
       return mergeSeriesToOptions(mergedOptions, this.series);
     },
-
     series() {
       const {
         data
@@ -125,12 +120,10 @@ var script = {
         data
       };
     },
-
     lastYValue() {
       const latestEntry = this.data.slice(-1)[0];
       return latestEntry[1];
     }
-
   },
   methods: {
     onChartCreated(chartInstance) {
@@ -141,24 +134,19 @@ var script = {
        * @event chartCreated
        * @type {object}
        */
-
       this.$emit('chartCreated', chartInstance);
     },
-
     handleResize() {
       this.chartInstance.resize();
     },
-
     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 = {
@@ -166,7 +154,6 @@ var script = {
         top: `${top}px`
       };
     },
-
     // 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.
@@ -181,14 +168,12 @@ var script = {
       const {
         data
       } = firstEntry;
-
       if (data) {
         this.tooltip.show = true;
         this.formatTooltipText(data);
         this.setTooltipPosition(data);
       }
     }
-
   }
 };
 

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

@@ -11,7 +11,8 @@ import ChartLegend from '../legend/legend';
 import ChartTooltip from '../tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
-const yAxisDefaults = { ...yAxis,
+const yAxisDefaults = {
+  ...yAxis,
   nameLocation: 'center',
   axisTick: {
     show: false
@@ -104,11 +105,9 @@ var script = {
       type: String,
       required: false,
       default: LEGEND_LAYOUT_INLINE,
-
       validator(layout) {
         return [LEGEND_LAYOUT_INLINE, LEGEND_LAYOUT_TABLE].indexOf(layout) !== -1;
       }
-
     },
     formatTooltipText: {
       type: Function,
@@ -121,7 +120,6 @@ var script = {
       default: null
     }
   },
-
   data() {
     return {
       chart: null,
@@ -135,12 +133,10 @@ var script = {
       debouncedMoveShowTooltip: debounceByAnimationFrame(this.moveShowTooltip)
     };
   },
-
   computed: {
     hasSecondaryAxis() {
       return Boolean(this.secondaryData.length);
     },
-
     barSeries() {
       return this.bars.map((_ref, index) => {
         let {
@@ -157,7 +153,6 @@ var script = {
         });
       });
     },
-
     lineSeries() {
       const offset = this.bars.length;
       return this.lines.map((_ref2, index) => {
@@ -173,7 +168,6 @@ var script = {
         });
       });
     },
-
     secondarySeries() {
       const offset = this.bars.length + this.lines.length;
       return this.secondaryData.map((_ref3, index) => {
@@ -198,11 +192,9 @@ var script = {
         });
       });
     },
-
     series() {
       return [...this.barSeries, ...this.lineSeries, ...this.secondarySeries];
     },
-
     options() {
       const mergedOptions = merge({}, defaultChartOptions, {
         grid: this.hasSecondaryAxis ? gridWithSecondaryYAxis : grid,
@@ -226,31 +218,30 @@ var script = {
           name: this.xAxisTitle,
           type: this.xAxisType
         },
-        yAxis: [{ ...yAxisDefaults,
+        yAxis: [{
+          ...yAxisDefaults,
           name: this.yAxisTitle
-        }, { ...yAxisDefaults,
+        }, {
+          ...yAxisDefaults,
           name: this.secondaryDataTitle,
           show: this.hasSecondaryAxis
         }],
         legend: {
           show: false
         }
-      }, this.option, dataZoomAdjustments(this.option.dataZoom), this.toolboxAdjustments); // All chart options can be merged but series
+      }, this.option, dataZoomAdjustments(this.option.dataZoom), this.toolboxAdjustments);
+      // All chart options can be merged but series
       // needs to be handled specially
-
       return mergeSeriesToOptions(mergedOptions, this.series);
     },
-
     legendStyle() {
       return {
         paddingLeft: `${grid.left}px`
       };
     },
-
     compiledOptions() {
       return this.chart ? this.chart.getOption() : null;
     },
-
     seriesInfo() {
       return this.compiledOptions.series.reduce((acc, series, index) => {
         acc.push({
@@ -263,21 +254,16 @@ var script = {
         return acc;
       }, []);
     }
-
   },
-
   beforeDestroy() {
     this.chart.getDom().removeEventListener('mousemove', this.debouncedMoveShowTooltip);
     this.chart.getDom().removeEventListener('mouseout', this.debouncedMoveShowTooltip);
   },
-
   methods: {
     getColor(index) {
       var _this$customPalette;
-
       return this.customPalette ? (_this$customPalette = this.customPalette) === null || _this$customPalette === void 0 ? void 0 : _this$customPalette[index] : colorFromDefaultPalette(index);
     },
-
     moveShowTooltip(mouseEvent) {
       this.tooltipPosition = {
         left: `${mouseEvent.zrX}px`,
@@ -285,14 +271,12 @@ var script = {
       };
       this.showTooltip = this.chart.containPixel('grid', [mouseEvent.zrX, mouseEvent.zrY]);
     },
-
     onCreated(chart) {
       chart.getDom().addEventListener('mousemove', this.debouncedMoveShowTooltip);
       chart.getDom().addEventListener('mouseout', this.debouncedMoveShowTooltip);
       this.chart = chart;
       this.$emit('created', chart);
     },
-
     defaultFormatTooltipText(params) {
       const {
         tooltipContent
@@ -309,7 +293,6 @@ var script = {
       this.tooltipTitle = params.value;
       this.$set(this, 'tooltipContent', tooltipContent);
     },
-
     onLabelChange(params) {
       if (this.formatTooltipText) {
         this.formatTooltipText(params);
@@ -317,7 +300,6 @@ var script = {
         this.defaultFormatTooltipText(params);
       }
     }
-
   }
 };
 

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

@@ -14,11 +14,9 @@ var script = {
     chart: {
       type: Object,
       required: true,
-
       validator(chart) {
         return Object.is(chart, echarts.getInstanceByDom(chart.getDom()));
       }
-
     },
     id: {
       type: String,
@@ -57,20 +55,16 @@ var script = {
       // `this.id` can be used to uniquely identify them
       return `${this.chart.getDom().getAttribute('_echarts_instance_')}-tooltip-${this.id}`;
     },
-
     containerPosition() {
       const props = ['top', 'bottom', 'left', 'right'];
       return props.reduce((accumulator, prop) => {
         const position = this[prop];
-
         if (position) {
           accumulator[prop] = position;
         }
-
         return accumulator;
       }, {});
     }
-
   }
 };
 

package/dist/components/mixins/button_mixin.js

@@ -5,7 +5,6 @@ const ButtonMixin = {
     buttonSize() {
       return buttonSizeOptionsMap[this.size];
     }
-
   }
 };
 

package/dist/components/mixins/safe_link_mixin.js

@@ -24,7 +24,6 @@ const SafeLinkMixin = {
         skipSanitization: this.isUnsafeLink
       };
     }
-
   }
 };
 

package/dist/components/mixins/toolbox_mixin.js

@@ -39,7 +39,6 @@ var toolbox_mixin = {
         backIconPath: this.toolboxBackIconPath
       }) : {};
     }
-
   }
 };
 

package/dist/components/mixins/tooltip_mixin.js

@@ -1,5 +1,6 @@
 import { tooltipActionEvents } from '../../utils/constants';
 
+// eslint-disable-next-line import/no-default-export
 var tooltip_mixin = (tooltipRefName => ({
   mounted() {
     /**
@@ -12,11 +13,9 @@ var tooltip_mixin = (tooltipRefName => ({
      */
     tooltipActionEvents.forEach(event => this.$on(event, () => this.$refs[tooltipRefName].$emit(event)));
   },
-
   beforeDestroy() {
     tooltipActionEvents.forEach(event => this.$off(event));
   }
-
 }));
 
 export default tooltip_mixin;

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

@@ -14,7 +14,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The illustration's URL.
      */
@@ -23,7 +22,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The illustration's height used to prevent content reflow.
      */
@@ -32,7 +30,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The desciption/body text of the empty state.
      */
@@ -41,7 +38,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The primary GlButton's href.
      */
@@ -50,7 +46,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The primary GlButton's text. If falsey, the button is not shown.
      */
@@ -59,7 +54,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The secondary GlButton's href.
      */
@@ -68,7 +62,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The secondary GlButton's text. If falsey, the button is not shown.
      */
@@ -77,7 +70,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * Determines whether to render the compact layout.
      */
@@ -96,19 +88,15 @@ var script = {
     height() {
       return this.shouldPreventImageReflow ? this.svgHeight : null;
     },
-
     shouldPreventImageReflow() {
       return Boolean(this.svgHeight);
     },
-
     shouldRenderPrimaryButton() {
       return Boolean(this.primaryButtonLink && this.primaryButtonText);
     },
-
     shouldRenderSecondaryButton() {
       return Boolean(this.secondaryButtonLink && this.secondaryButtonText);
     }
-
   }
 };
 

package/dist/components/utilities/animated_number/animated_number.js

@@ -7,7 +7,6 @@ var script = {
       type: Number,
       required: true
     },
-
     /**
      * Controls how long it takes for the animation to complete.
      */
@@ -16,7 +15,6 @@ var script = {
       required: false,
       default: 2000
     },
-
     /**
      * Controls the number of decimal places displayed in the output.
      */
@@ -31,32 +29,25 @@ var script = {
       default: false
     }
   },
-
   data() {
     return {
       displayNumber: 0,
       startTime: null
     };
   },
-
   computed: {
     animatedNumber() {
       return this.displayNumber.toFixed(this.decimalPlaces);
     }
-
   },
-
   ready() {
     this.displayNumber = this.number ? this.number : 0;
   },
-
   watch: {
     number() {
       this.animate();
     }
-
   },
-
   mounted() {
     if (this.animateOnMount) {
       this.animate();
@@ -64,35 +55,28 @@ var script = {
       this.displayNumber = this.number;
     }
   },
-
   methods: {
     animate() {
       this.$emit('animating');
       window.requestAnimationFrame(this.count);
     },
-
     count(timestamp) {
       if (!this.startTime) {
         this.startTime = timestamp;
       }
-
       const progress = timestamp - this.startTime;
-
       if (progress < this.duration) {
         if (this.displayNumber !== this.number) {
           const change = (this.number - this.displayNumber) / (this.duration / 100);
           this.displayNumber += change;
         }
-
         window.requestAnimationFrame(this.count);
       } else {
         this.displayNumber = this.number; // Ensures that the final number is accurate.
-
         this.startTime = null;
         this.$emit('animated');
       }
     }
-
   }
 };
 

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

@@ -12,7 +12,6 @@ var script = {
       type: String,
       required: true
     },
-
     /**
      * A list of strings representing the break-words.
      */
@@ -22,7 +21,6 @@ var script = {
       default: () => ['/']
     }
   },
-
   render(createElement, _ref) {
     let {
       props
@@ -37,7 +35,6 @@ var script = {
       class: 'text-break'
     }, content);
   }
-
 };
 
 /* script */

package/dist/components/utilities/intersection_observer/intersection_observer.js

@@ -6,7 +6,6 @@ const getObserver = _memoize(options => new IntersectionObserver(entries => {
     entry.target.$_gl_intersectionHandler(entry);
   });
 }, options || {}));
-
 var script = {
   name: 'GlIntersectionObserver',
   props: {
@@ -19,16 +18,13 @@ var script = {
       default: null
     }
   },
-
   mounted() {
     const observer = getObserver(this.options);
-
     this.$el.$_gl_intersectionHandler = entry => {
       /**
        * Emitted when the element's visibility changes
        */
       this.$emit('update', entry);
-
       if (entry.isIntersecting) {
         /**
          * Emitted when the element appears on the page
@@ -41,17 +37,14 @@ var script = {
         this.$emit('disappear');
       }
     };
-
     this.$el.$_gl_intersectionObserver = observer;
     observer.observe(this.$el);
   },
-
   destroyed() {
     this.$el.$_gl_intersectionObserver.unobserve(this.$el);
     delete this.$el.$_gl_intersectionHandler;
     delete this.$el.$_gl_intersectionObserver;
   },
-
   // Expose getObserver method for tests
   getObserver
 };

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

@@ -5,25 +5,21 @@ import { insert, intersperse } from '../../../utils/data_utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
-
 const containsWhitespaceOnly = vNode => vNode.text.trim() === '';
-
 const isTag = vNode => typeof vNode.tag === 'string';
-
 const filterWhitespaceNodes = filter(vNode => isTag(vNode) || !containsWhitespaceOnly(vNode));
 const insertAfterSecondLastItem = insert(-1);
-const replaceSecondLastItem = fill(-2, -1); // handles the addition of the lastSeparator in these two cases:
+const replaceSecondLastItem = fill(-2, -1);
+
+// handles the addition of the lastSeparator in these two cases:
 // item1, item2, item3 => item1, item2, and item3
 // item1, item2 => item1 and item2
-
 const addLastSeparator = lastSeparator => items => {
   if (!lastSeparator) {
     return items;
   }
-
   return items.length > 3 ? insertAfterSecondLastItem(lastSeparator, items) : replaceSecondLastItem(lastSeparator, items);
 };
-
 var script = {
   functional: true,
   props: {
@@ -38,7 +34,6 @@ var script = {
       required: false
     }
   },
-
   render(createElement, context) {
     const {
       props: {
@@ -51,7 +46,6 @@ var script = {
     const filterAndSeparate = compose(addLastSeparator(lastSeparator), intersperse(separator), filterWhitespaceNodes);
     return createElement('span', data, filterAndSeparate(slots().default));
   }
-
 };
 
 /* script */