@gitlab/ui 49.0.1 → 49.0.3

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();

package/dist/directives/outside/outside.js

@@ -3,27 +3,25 @@ import { getEventLikeTimeStamp } from './get_event_like_time_stamp';
 /**
  * Map<HTMLElement, { bindTimeStamp: number, callback: Function }>
  */
-
 const callbacks = new Map();
+
 /**
  * Is a global listener already set up?
  */
-
 let listening = false;
-
 const globalListener = event => {
   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
+    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) {
       return;
     }
-
     try {
       callback(event);
     } catch (e) {
@@ -34,41 +32,33 @@ const globalListener = event => {
     }
   });
 };
-
 const startListening = () => {
   if (listening) {
     return;
   }
-
   document.addEventListener('click', globalListener, {
     capture: true
   });
   listening = true;
 };
-
 const stopListening = () => {
   if (!listening) {
     return;
   }
-
   document.removeEventListener('click', globalListener);
   listening = false;
 };
-
 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}!`);
   }
-
   if (arg !== 'click') {
     throw new Error(`[GlOutsideDirective] Cannot bind ${arg} events; only click events are currently supported!`);
   }
-
   if (callbacks.has(el)) {
     // This element is already bound. This is possible if two components, which
     // share the same root node, (i.e., one is a higher-order component
@@ -81,25 +71,20 @@ const bind = (el, _ref2) => {
     // element.
     return;
   }
-
   if (!listening) {
     startListening();
   }
-
   callbacks.set(el, {
     bindTimeStamp: getEventLikeTimeStamp(),
     callback: value
   });
 };
-
 const unbind = el => {
   callbacks.delete(el);
-
   if (callbacks.size === 0) {
     stopListening();
   }
 };
-
 const OutsideDirective = {
   bind,
   unbind

package/dist/directives/resize_observer/resize_observer.js

@@ -1,12 +1,10 @@
 import isFunction from 'lodash/isFunction';
 
 let observer = null;
-
 const attachObserver = (el, resizeHandler) => {
   if (!isFunction(resizeHandler)) {
     throw TypeError('directive value must be a function');
   }
-
   if (!observer) {
     // the observer instance is shared for performance reasons
     // more information: https://github.com/WICG/ResizeObserver/issues/59
@@ -16,45 +14,37 @@ const attachObserver = (el, resizeHandler) => {
       });
     });
   }
-
   el.glResizeHandler = resizeHandler;
   observer.observe(el);
 };
-
 const detachObserver = el => {
   if (el.glResizeHandler) {
     var _observer;
-
     delete el.glResizeHandler;
     (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.unobserve(el);
   }
 };
-
 const GlResizeObserverDirective = {
   bind(el, _ref) {
     let {
       value: resizeHandler,
       arg: enabled = true
     } = _ref;
-
     if (enabled) {
       attachObserver(el, resizeHandler);
     }
   },
-
   update(el, _ref2) {
     let {
       value: resizeHandler,
       arg: enabled = true
     } = _ref2;
-
     if (enabled) {
       attachObserver(el, resizeHandler);
     } else {
       detachObserver(el);
     }
   },
-
   unbind: detachObserver
 };
 

package/dist/directives/safe_html/safe_html.js

@@ -3,30 +3,29 @@ import { forbiddenDataAttrs } from './constants';
 
 const {
   sanitize
-} = DOMPurify; // Mitigate against future dompurify mXSS bypasses by
+} = DOMPurify;
+
+// Mitigate against future dompurify mXSS bypasses by
 // avoiding additional serialize/parse round trip.
 // See https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/1782
 // and https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/2127
 // for more details.
-
 const DEFAULT_CONFIG = {
   RETURN_DOM_FRAGMENT: true,
   ALLOW_UNKNOWN_PROTOCOLS: true,
   FORBID_ATTR: [...forbiddenDataAttrs]
 };
-
 const transform = (el, binding) => {
   if (binding.oldValue !== binding.value) {
     var _binding$arg;
-
-    const config = { ...DEFAULT_CONFIG,
+    const config = {
+      ...DEFAULT_CONFIG,
       ...((_binding$arg = binding.arg) !== null && _binding$arg !== void 0 ? _binding$arg : {})
     };
     el.textContent = '';
     el.appendChild(sanitize(binding.value, config));
   }
 };
-
 const SafeHtmlDirective = {
   bind: transform,
   update: transform

package/dist/directives/safe_link/mock_data.js

@@ -1,6 +1,6 @@
 const absoluteUrls = ['http://example.org', 'http://example.org:8080', 'https://example.org', 'https://example.org:8080', 'https://192.168.1.1', 'ftp://192.168.1.1', 'mailto:someone@example.com'];
-/* eslint-disable no-script-url */
 
+/* eslint-disable no-script-url */
 const javascriptUrls = ['javascript:', 'javascript:alert("XSS")', 'jav\tascript:alert("XSS");'];
 /* eslint-disable no-script-url */
 

package/dist/directives/safe_link/safe_link.js

@@ -7,25 +7,19 @@ const getBaseURL = () => {
   } = window.location;
   return `${protocol}//${host}`;
 };
-
 const isExternalURL = (target, hostname) => {
   return target === '_blank' && hostname !== window.location.hostname;
 };
-
 const secureRel = rel => {
   const rels = rel ? rel.trim().split(' ') : [];
-
   if (!rels.includes('noopener')) {
     rels.push('noopener');
   }
-
   if (!rels.includes('noreferrer')) {
     rels.push('noreferrer');
   }
-
   return rels.join(' ');
 };
-
 const isSafeURL = url => {
   try {
     const parsedURL = new URL(url, getBaseURL());
@@ -34,41 +28,34 @@ const isSafeURL = url => {
     return false;
   }
 };
-
 const transform = function (el) {
   let {
     arg: {
       skipSanitization = false
     } = {}
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   if (skipSanitization) {
     return;
   }
-
   const {
     href,
     target,
     rel,
     hostname
   } = el;
-
   if (!isSafeURL(href)) {
     el.href = 'about:blank';
   }
-
   if (isExternalURL(target, hostname)) {
     el.rel = secureRel(rel);
   }
 };
-
 const SafeLinkDirective = {
   inserted: transform,
   update: function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     Vue.nextTick(() => {
       transform(...args);
     });

package/dist/utils/breakpoints.js

@@ -7,17 +7,14 @@ const breakpoints = {
 };
 const BreakpointInstance = {
   windowWidth: () => window.innerWidth,
-
   getBreakpointSize() {
     const windowWidth = this.windowWidth();
     const breakpoint = Object.keys(breakpoints).find(key => windowWidth > breakpoints[key]);
     return breakpoint;
   },
-
   isDesktop() {
     return ['xl', 'lg'].includes(this.getBreakpointSize());
   }
-
 };
 
 export default BreakpointInstance;