@gitlab/ui 33.0.0 → 33.1.2

package/dist/components/base/token_selector/token_selector.js

@@ -299,7 +299,8 @@ var script = {
       this.focusTextInput();
     },
 
-    addToken(dropdownItem = null) {
+    addToken() {
+      let dropdownItem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       const token = dropdownItem !== null ? dropdownItem : {
         id: _uniqueId('user-defined-token'),
         name: this.inputText

package/dist/components/charts/bar/bar.js

@@ -200,7 +200,8 @@ var script = {
      * @param {String} xAxisTitle x-axis title
      * @returns {Object} tooltip title and content
      */
-    getDefaultTooltipContent(params, xAxisTitle = null) {
+    getDefaultTooltipContent(params) {
+      let xAxisTitle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       const seriesDataLength = params.seriesData.length;
       const {
         yLabels,

package/dist/components/charts/column/column.documentation.js

@@ -1,11 +1,5 @@
-import examples from './examples';
-
-var description = "### Column Chart\n";
-
 var column_documentation = {
-  followsDesignSystem: true,
-  description,
-  examples
+  followsDesignSystem: true
 };
 
 export default column_documentation;

package/dist/components/charts/column/column.js

@@ -85,10 +85,11 @@ var script = {
     },
 
     barSeries() {
-      return this.bars.map(({
-        name,
-        data
-      }, index) => {
+      return this.bars.map((_ref, index) => {
+        let {
+          name,
+          data
+        } = _ref;
         const color = colorFromDefaultPalette(index);
         return generateBarSeries({
           stack: this.groupBy,
@@ -101,10 +102,11 @@ var script = {
 
     lineSeries() {
       const offset = this.bars.length;
-      return this.lines.map(({
-        name,
-        data
-      }, index) => {
+      return this.lines.map((_ref2, index) => {
+        let {
+          name,
+          data
+        } = _ref2;
         const color = colorFromDefaultPalette(offset + index);
         return generateLineSeries({
           name,
@@ -116,12 +118,13 @@ var script = {
 
     secondarySeries() {
       const offset = this.bars.length + this.lines.length;
-      return this.secondaryData.map(({
-        name,
-        data,
-        type,
-        stack = columnOptions.tiled
-      }, index) => {
+      return this.secondaryData.map((_ref3, index) => {
+        let {
+          name,
+          data,
+          type,
+          stack = columnOptions.tiled
+        } = _ref3;
         const color = colorFromDefaultPalette(offset + index);
         return type === CHART_TYPE_LINE ? generateLineSeries({
           color,

package/dist/components/charts/gauge/gauge.js

@@ -15,49 +15,52 @@ const DETAIL_FONT_WEIGHT = 'bold';
 const POINTER_LENGTH = '65%';
 const POINTER_WIDTH_PX = 5;
 
-const gaugeChartSeries = ({
-  value,
-  text,
-  min,
-  max,
-  splitNumber,
-  axisColor
-}) => [{
-  type: 'gauge',
-  detail: {
-    show: true,
-    formatter: () => {
-      const currentValue = _isFinite(value) ? value : null;
-      return text || (currentValue !== null && currentValue !== void 0 ? currentValue : '--');
+const gaugeChartSeries = _ref => {
+  let {
+    value,
+    text,
+    min,
+    max,
+    splitNumber,
+    axisColor
+  } = _ref;
+  return [{
+    type: 'gauge',
+    detail: {
+      show: true,
+      formatter: () => {
+        const currentValue = _isFinite(value) ? value : null;
+        return text || (currentValue !== null && currentValue !== void 0 ? currentValue : '--');
+      },
+      color: `${gaugeNeutralHues[0]}`,
+      fontSize: DETAIL_FONT_SIZE_PX,
+      fontFamily: DETAIL_FONT_FAMILY,
+      fontWeight: DETAIL_FONT_WEIGHT
     },
-    color: `${gaugeNeutralHues[0]}`,
-    fontSize: DETAIL_FONT_SIZE_PX,
-    fontFamily: DETAIL_FONT_FAMILY,
-    fontWeight: DETAIL_FONT_WEIGHT
-  },
-  axisLabel: {
-    show: true,
-    fontSize: AXIS_LABEL_FONT_SIZE_PX,
-    formatter: theValue => _isFinite(theValue) ? theValue : '--',
-    color: `${gaugeNeutralHues[1]}`
-  },
-  axisLine: {
-    lineStyle: {
-      color: axisColor
-    }
-  },
-  radius: ARC_RADIUS,
-  pointer: {
-    length: POINTER_LENGTH,
-    width: POINTER_WIDTH_PX
-  },
-  data: [{
-    value
-  }],
-  min,
-  max,
-  splitNumber
-}];
+    axisLabel: {
+      show: true,
+      fontSize: AXIS_LABEL_FONT_SIZE_PX,
+      formatter: theValue => _isFinite(theValue) ? theValue : '--',
+      color: `${gaugeNeutralHues[1]}`
+    },
+    axisLine: {
+      lineStyle: {
+        color: axisColor
+      }
+    },
+    radius: ARC_RADIUS,
+    pointer: {
+      length: POINTER_LENGTH,
+      width: POINTER_WIDTH_PX
+    },
+    data: [{
+      value
+    }],
+    min,
+    max,
+    splitNumber
+  }];
+};
 
 var script = {
   components: {

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

@@ -151,7 +151,8 @@ var script = {
       this.tooltip.show = false;
     },
 
-    formatTooltipText([xValue, yValue]) {
+    formatTooltipText(_ref) {
+      let [xValue, yValue] = _ref;
       this.tooltip.title = xValue;
       this.tooltip.content = yValue;
     },
@@ -167,9 +168,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({
-      seriesData = []
-    }) {
+    xAxisLabelFormatter(_ref2) {
+      let {
+        seriesData = []
+      } = _ref2;
       // 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

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

@@ -142,10 +142,11 @@ var script = {
     },
 
     barSeries() {
-      return this.bars.map(({
-        name,
-        data
-      }, index) => {
+      return this.bars.map((_ref, index) => {
+        let {
+          name,
+          data
+        } = _ref;
         const stack = this.presentation === 'stacked' ? this.groupBy : null;
         const color = this.getColor(index);
         return generateBarSeries({
@@ -159,10 +160,11 @@ var script = {
 
     lineSeries() {
       const offset = this.bars.length;
-      return this.lines.map(({
-        name,
-        data
-      }, index) => {
+      return this.lines.map((_ref2, index) => {
+        let {
+          name,
+          data
+        } = _ref2;
         const color = this.getColor(offset + index);
         return generateLineSeries({
           name,
@@ -174,12 +176,13 @@ var script = {
 
     secondarySeries() {
       const offset = this.bars.length + this.lines.length;
-      return this.secondaryData.map(({
-        name,
-        data,
-        type,
-        stack = columnOptions.tiled
-      }, index) => {
+      return this.secondaryData.map((_ref3, index) => {
+        let {
+          name,
+          data,
+          type,
+          stack = columnOptions.tiled
+        } = _ref3;
         const color = this.getColor(offset + index);
         return type === CHART_TYPE_LINE ? generateLineSeries({
           color,

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

@@ -23,9 +23,10 @@ var script = {
     }
   },
 
-  render(createElement, {
-    props
-  }) {
+  render(createElement, _ref) {
+    let {
+      props
+    } = _ref;
     const {
       symbols,
       text

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

@@ -8,8 +8,10 @@ const START_SUFFIX = 'Start';
 const END_SUFFIX = 'End';
 const PLACE_HOLDER_REGEX = new RegExp(`(${PREFIX}[a-z]+[\\w-]*[a-z0-9]+${SUFFIX})`, 'gi');
 
-function groupPlaceholdersByStartTag(placeholders = {}) {
-  return Object.entries(placeholders).reduce((acc, [slotName, [startTag, endTag]]) => {
+function groupPlaceholdersByStartTag() {
+  let placeholders = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return Object.entries(placeholders).reduce((acc, _ref) => {
+    let [slotName, [startTag, endTag]] = _ref;
     acc[startTag] = {
       slotName,
       endTag

package/dist/directives/hover_load/hover_load.js

@@ -4,9 +4,11 @@ const DELAY_ON_HOVER = 100;
 let mouseOverTimer;
 let mouseOverHandler;
 
-const bind = (el, {
-  value: loadHandler
-}) => {
+const bind = (el, _ref) => {
+  let {
+    value: loadHandler
+  } = _ref;
+
   if (!isFunction(loadHandler)) {
     throw TypeError('Directive value must be a function');
   }

package/dist/directives/outside/outside.js

@@ -12,10 +12,12 @@ const callbacks = new Map();
 let listening = false;
 
 const globalListener = event => {
-  callbacks.forEach(({
-    bindTimeStamp,
-    callback
-  }, element) => {
+  callbacks.forEach((_ref, element) => {
+    let {
+      bindTimeStamp,
+      callback
+    } = _ref;
+
     if ( // Ignore events that aren't targeted outside the element
     element.contains(event.target) || // Only consider events triggered after the directive was bound
     event.timeStamp <= bindTimeStamp) {
@@ -51,10 +53,12 @@ const stopListening = () => {
   listening = false;
 };
 
-const bind = (el, {
-  value,
-  arg = 'click'
-}) => {
+const bind = (el, _ref2) => {
+  let {
+    value,
+    arg = 'click'
+  } = _ref2;
+
   if (typeof value !== 'function') {
     throw new Error(`[GlOutsideDirective] Value must be a function; got ${typeof value}!`);
   }

package/dist/directives/resize_observer/examples/resize_observer.basic.example.js

@@ -9,12 +9,13 @@ var script = {
   },
 
   methods: {
-    handleResize({
-      contentRect: {
-        width,
-        height
-      }
-    }) {
+    handleResize(_ref) {
+      let {
+        contentRect: {
+          width,
+          height
+        }
+      } = _ref;
       this.width = width;
       this.height = height;
     }

package/dist/directives/resize_observer/resize_observer.js

@@ -31,19 +31,23 @@ const detachObserver = el => {
 };
 
 const GlResizeObserverDirective = {
-  bind(el, {
-    value: resizeHandler,
-    arg: enabled = true
-  }) {
+  bind(el, _ref) {
+    let {
+      value: resizeHandler,
+      arg: enabled = true
+    } = _ref;
+
     if (enabled) {
       attachObserver(el, resizeHandler);
     }
   },
 
-  update(el, {
-    value: resizeHandler,
-    arg: enabled = true
-  }) {
+  update(el, _ref2) {
+    let {
+      value: resizeHandler,
+      arg: enabled = true
+    } = _ref2;
+
     if (enabled) {
       attachObserver(el, resizeHandler);
     } else {

package/dist/directives/safe_link/safe_link.js

@@ -35,11 +35,13 @@ const isSafeURL = url => {
   }
 };
 
-const transform = (el, {
-  arg: {
-    skipSanitization = false
-  } = {}
-} = {}) => {
+const transform = function (el) {
+  let {
+    arg: {
+      skipSanitization = false
+    } = {}
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
   if (skipSanitization) {
     return;
   }
@@ -62,7 +64,11 @@ const transform = (el, {
 
 const SafeLinkDirective = {
   inserted: transform,
-  update: (...args) => {
+  update: function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     Vue.nextTick(() => {
       transform(...args);
     });