@gitlab/ui 49.0.0 → 49.0.2

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 */

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

@@ -7,7 +7,6 @@ const SUFFIX = '}';
 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() {
   let placeholders = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return Object.entries(placeholders).reduce((acc, _ref) => {
@@ -19,17 +18,15 @@ function groupPlaceholdersByStartTag() {
     return acc;
   }, {});
 }
-
 function getPlaceholderDefinition(chunk, placeholdersByStartTag) {
   const tagName = chunk.slice(PREFIX.length, -SUFFIX.length);
-
   if (_has(placeholdersByStartTag, tagName)) {
     // Use provided custom placeholder definition
-    return { ...placeholdersByStartTag[tagName],
+    return {
+      ...placeholdersByStartTag[tagName],
       tagName
     };
   }
-
   if (tagName.endsWith(START_SUFFIX)) {
     // Tag conforms to default start/end tag naming convention
     const slotName = tagName.slice(0, -START_SUFFIX.length);
@@ -39,14 +36,12 @@ function getPlaceholderDefinition(chunk, placeholdersByStartTag) {
       tagName
     };
   }
-
   return {
     slotName: tagName,
     endTag: undefined,
     tagName
   };
 }
-
 var script = {
   functional: true,
   props: {
@@ -57,7 +52,6 @@ var script = {
       type: String,
       required: true
     },
-
     /**
      * An object mapping slot names to custom start/end placeholders. Use this
      * to avoid changing an existing message, and in turn invalidating existing
@@ -70,7 +64,6 @@ var script = {
       validator: value => Object.values(value).every(tagPair => Array.isArray(tagPair) && tagPair.length === 2 && tagPair.every(_isString))
     }
   },
-
   /**
    * Available slots are determined by the placeholders in the provided
    * message prop. For example, a message of "Written by %{author}" has
@@ -88,61 +81,54 @@ var script = {
     // This approach is also more performant, as it minimizes (relatively) object
     // creation/garbage collection, which is important given how frequently this
     // code may run on a given page.
+
     let i = 0;
     const vnodes = [];
     const slots = context.scopedSlots;
     const chunks = context.props.message.split(PLACE_HOLDER_REGEX);
     const placeholdersByStartTag = groupPlaceholdersByStartTag(context.props.placeholders);
-
     while (i < chunks.length) {
-      const chunk = chunks[i]; // Skip past this chunk now we have it
-
+      const chunk = chunks[i];
+      // Skip past this chunk now we have it
       i += 1;
-
       if (!PLACE_HOLDER_REGEX.test(chunk)) {
         // Not a placeholder, so pass through as-is
         vnodes.push(chunk);
         continue;
       }
-
       const {
         slotName,
         endTag,
         tagName
       } = getPlaceholderDefinition(chunk, placeholdersByStartTag);
-
       if (endTag) {
         // Peek ahead to find end placeholder, if any
         const indexOfEnd = chunks.indexOf(`${PREFIX}${endTag}${SUFFIX}`, i);
-
         if (indexOfEnd > -1) {
           // We have a valid start/end placeholder pair! Extract the content
           // between them and skip past the end placeholder
           const content = chunks.slice(i, indexOfEnd);
           i = indexOfEnd + 1;
-
           if (!_has(slots, slotName)) {
             // Slot hasn't been provided; return placeholders and content as-is
             vnodes.push(chunk, ...content, chunks[indexOfEnd]);
             continue;
-          } // Provide content to provided scoped slot
-
+          }
 
+          // Provide content to provided scoped slot
           vnodes.push(slots[slotName]({
             content: content.join('')
           }));
           continue;
         }
-      } // By process of elimination, chunk must be a plain placeholder
-
+      }
 
+      // By process of elimination, chunk must be a plain placeholder
       vnodes.push(_has(slots, tagName) ? slots[tagName]() : chunk);
       continue;
     }
-
     return vnodes;
   }
-
 };
 
 /* script */

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

@@ -18,7 +18,6 @@ var script = {
       type: String,
       required: true
     },
-
     /**
      * Ellipsis position
      */
@@ -28,7 +27,6 @@ var script = {
       default: POSITION.END,
       validator: value => Object.values(POSITION).includes(value)
     },
-
     /**
      * Display the full text in a tooltip only if it is being truncated
      */
@@ -38,30 +36,24 @@ var script = {
       default: false
     }
   },
-
   data() {
     return {
       isTruncated: false
     };
   },
-
   computed: {
     middleIndex() {
       return Math.floor(this.text.length / 2);
     },
-
     first() {
       return this.text.slice(0, this.middleIndex);
     },
-
     last() {
       return this.text.slice(this.middleIndex);
     },
-
     isTooltipDisabled() {
       return !this.withTooltip || !this.isTruncated;
     }
-
   },
   watch: {
     withTooltip(withTooltip) {
@@ -69,7 +61,6 @@ var script = {
         this.checkTruncationState();
       }
     }
-
   },
   methods: {
     checkTruncationState() {
@@ -77,7 +68,6 @@ var script = {
         this.isTruncated = this.$refs.text.scrollWidth > this.$refs.text.offsetWidth;
       }
     }
-
   }
 };
 

package/dist/config.js

@@ -9,6 +9,7 @@ const tooltipGlobalConfig = {
   customClass: 'gl-tooltip',
   delay: tooltipDelay
 };
+
 /**
  * Guard against nonexistent localStorage,
  * or corrupted localStorage
@@ -17,16 +18,14 @@ const tooltipGlobalConfig = {
  * - in iframe usage in Chrome if embedded on another domain
  * - tests / node
  */
-
 try {
   const glTooltipDelay = localStorage.getItem('gl-tooltip-delay');
-
   if (glTooltipDelay) {
     tooltipGlobalConfig.delay = JSON.parse(glTooltipDelay);
   }
-} catch (e) {// localStorage doesn't exist (or the value is not properly formatted)
+} catch (e) {
+  // localStorage doesn't exist (or the value is not properly formatted)
 }
-
 const setConfigs = () => {
   Vue.use(BVConfigPlugin, {
     BFormText: bFormTextGlobalConfig,

package/dist/directives/hover_load/hover_load.js

@@ -3,46 +3,40 @@ import isFunction from 'lodash/isFunction';
 const DELAY_ON_HOVER = 100;
 let mouseOverTimer;
 let mouseOverHandler;
-
 const bind = (el, _ref) => {
   let {
     value: loadHandler
   } = _ref;
-
   if (!isFunction(loadHandler)) {
     throw TypeError('Directive value must be a function');
   }
-
   const mouseOutHandler = () => {
     if (mouseOverTimer) {
       clearTimeout(mouseOverTimer);
       mouseOverTimer = undefined;
     }
   };
-
   mouseOverHandler = () => {
     el.addEventListener('mouseout', mouseOutHandler, {
       passive: true
     });
     mouseOverTimer = setTimeout(() => {
-      loadHandler(el); // Only execute once
+      loadHandler(el);
 
+      // Only execute once
       el.removeEventListener('mouseover', mouseOverHandler, true);
       el.removeEventListener('mouseout', mouseOutHandler);
       mouseOverTimer = undefined;
     }, DELAY_ON_HOVER);
   };
-
   el.addEventListener('mouseover', mouseOverHandler, {
     capture: true,
     passive: true
   });
 };
-
 const unbind = el => {
   el.removeEventListener('mouseover', mouseOverHandler, true);
 };
-
 const HoverLoadDirective = {
   bind,
   unbind

package/dist/directives/outside/get_event_like_time_stamp.js

@@ -4,9 +4,11 @@
  *
  * See the LICENSE file in this directory.
  */
+
 const {
   performance
 } = window;
+
 /**
  * Get a current timestamp that can be meaningfully compared to an event's
  * `timeStamp` property.
@@ -22,8 +24,8 @@ const {
  *
  * @returns {number}
  */
-
-const getEventLikeTimeStamp = // If the event timestamp, although evaluated AFTER the Date.now(), is
+const getEventLikeTimeStamp =
+// If the event timestamp, although evaluated AFTER the Date.now(), is
 // smaller, it means the event is using a hi-res timestamp, and we need to
 // use the hi-res version for event listener timestamps as well.
 typeof (performance === null || performance === void 0 ? void 0 : performance.now) === 'function' && Date.now() > document.createEvent('Event').timeStamp ? () => performance.now() : () => Date.now();