@gitlab/ui 132.1.0 → 132.2.0

package/dist/components/base/accordion/accordion_item.js

@@ -96,9 +96,7 @@ var script = {
   },
   methods: {
     onParentCollapse(_ref) {
-      let {
-        detail: accordionItemId
-      } = _ref;
+      let accordionItemId = _ref.detail;
       if (accordionItemId === this.accordionItemId) {
         return;
       }

package/dist/components/base/avatar/avatar.js

@@ -4,6 +4,76 @@ import { getAvatarChar } from '../../../utils/string_utils';
 import { avatarSizeValidator } from './utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+const _excluded = ["default"];
 const IDENTICON_BG_COUNT = 7;
 var script = {
   name: 'GlAvatar',
@@ -79,16 +149,17 @@ var script = {
         // eslint-disable-next-line @gitlab/tailwind-no-interpolation -- Not a CSS utility
         return `gl-avatar-s${this.size}`;
       }
-      const {
-        default: defaultSize,
-        ...nonDefaultSizes
-      } = this.size;
+      const _this$size = this.size,
+        defaultSize = _this$size.default,
+        nonDefaultSizes = _objectWithoutProperties(_this$size, _excluded);
       return [
       // eslint-disable-next-line @gitlab/tailwind-no-interpolation -- Not a CSS utility
       `gl-avatar-s${defaultSize || avatarSizeOptions[1]}`, ...Object.entries(nonDefaultSizes).map(
       // eslint-disable-next-line @gitlab/tailwind-no-interpolation -- Not a CSS utility
       _ref => {
-        let [breakpoint, size] = _ref;
+        let _ref2 = _slicedToArray(_ref, 2),
+          breakpoint = _ref2[0],
+          size = _ref2[1];
         return `gl-${breakpoint}-avatar-s${size}`;
       })];
     },

package/dist/components/base/badge/badge.js

@@ -126,13 +126,11 @@ var script = {
     },
     computedProps() {
       if (!this.isLink) return {};
-      const {
-        href,
-        rel,
-        target,
-        active,
-        disabled
-      } = this;
+      const href = this.href,
+        rel = this.rel,
+        target = this.target,
+        active = this.active,
+        disabled = this.disabled;
       return {
         href,
         rel,

package/dist/components/base/button/button.js

@@ -360,9 +360,7 @@ var script = {
       // Add SPACE keydown handler for link has `href` of `#`
       // Add ENTER handler for non-standard tags
       if (!this.disabled && (this.isNonStandardTag || this.isHashLink)) {
-        const {
-          code
-        } = event;
+        const code = event.code;
         if (code === SPACE || code === ENTER && this.isNonStandardTag) {
           const target = event.currentTarget || event.target;
           stopEvent(event, {

package/dist/components/base/collapse/collapse.js

@@ -32,9 +32,7 @@ var script = {
   },
   computed: {
     classObject() {
-      const {
-        transitioning
-      } = this;
+      const transitioning = this.transitioning;
       return {
         collapse: !transitioning,
         show: this.show && !transitioning
@@ -89,9 +87,7 @@ var script = {
       return Boolean(el && el.nodeType === Node.ELEMENT_NODE) && el.offsetHeight;
     },
     emitState() {
-      const {
-        show
-      } = this;
+      const show = this.show;
       this.$emit('input', show);
     },
     enter(el) {

package/dist/components/base/datepicker/datepicker.js

@@ -30,11 +30,10 @@ const highlightPastDates = pikaday => {
   const pikaButtons = pikaday.el.querySelectorAll('.pika-button');
   const today = new Date();
   pikaButtons.forEach(pikaButton => {
-    const {
-      pikaYear,
-      pikaMonth,
-      pikaDay
-    } = pikaButton.dataset;
+    const _pikaButton$dataset = pikaButton.dataset,
+      pikaYear = _pikaButton$dataset.pikaYear,
+      pikaMonth = _pikaButton$dataset.pikaMonth,
+      pikaDay = _pikaButton$dataset.pikaDay;
     const pikaButtonDate = new Date(pikaYear, pikaMonth, pikaDay);
     if (isBefore(today, pikaButtonDate)) {
       pikaButton.classList.add('is-past-date');

package/dist/components/base/daterange_picker/daterange_picker.js

@@ -288,10 +288,8 @@ var script = {
   },
   watch: {
     value(val) {
-      const {
-        startDate,
-        endDate
-      } = val;
+      const startDate = val.startDate,
+        endDate = val.endDate;
       this.startDate = startDate;
       this.endDate = endDate;
     }

package/dist/components/base/dropdown/dropdown_item.js

@@ -98,10 +98,9 @@ var script = {
   },
   computed: {
     bootstrapComponent() {
-      const {
-        href,
-        to
-      } = this.$attrs;
+      const _this$$attrs = this.$attrs,
+        href = _this$$attrs.href,
+        to = _this$$attrs.to;
       // Support 'href' and Vue Router's 'to'
       return href || to ? BDropdownItem : BDropdownItemButton;
     },

package/dist/components/base/filtered_search/filtered_search.js

@@ -8,6 +8,55 @@ import GlFilteredSearchTerm from './filtered_search_term';
 import { termTokenDefinition, isEmptyTerm, createTerm, INTENT_ACTIVATE_PREVIOUS, ensureTokenId, normalizeTokens, needDenormalization, denormalizeTokens } from './filtered_search_utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 let portalUuid = 0;
 function initialState() {
   return [createTerm()];
@@ -65,9 +114,7 @@ var script = {
 
         // eslint-disable-next-line no-underscore-dangle
         const isOk = Array.isArray(value) && value.every(_ref => {
-          let {
-            token
-          } = _ref;
+          let token = _ref.token;
           return !token || token.__v_skip;
         });
         if (!isOk) {
@@ -304,13 +351,14 @@ var script = {
       this.activeTokenIdx = null;
     },
     destroyToken(idx) {
-      let {
-        intent
-      } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      let _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        intent = _ref2.intent;
       if (this.tokens.length === 1) {
         return;
       }
-      const [destroyedToken] = this.tokens.splice(idx, 1);
+      const _this$tokens$splice = this.tokens.splice(idx, 1),
+        _this$tokens$splice2 = _slicedToArray(_this$tokens$splice, 1),
+        destroyedToken = _this$tokens$splice2[0];
       /**
        * Emitted when a token is destroyed, with the token as the payload.
        */

package/dist/components/base/filtered_search/filtered_search_token.js

@@ -232,9 +232,7 @@ var script = {
     },
     replaceToken(newType) {
       const newTokenConfig = this.availableTokens.find(_ref => {
-        let {
-          type
-        } = _ref;
+        let type = _ref.type;
         return type === newType;
       });
       if (newTokenConfig === this.config) {
@@ -259,23 +257,17 @@ var script = {
       }
     },
     handleOperatorKeydown(evt, _ref2) {
-      let {
-        inputValue,
-        suggestedValue,
-        applySuggestion
-      } = _ref2;
-      const {
-        key
-      } = evt;
+      let inputValue = _ref2.inputValue,
+        suggestedValue = _ref2.suggestedValue,
+        applySuggestion = _ref2.applySuggestion;
+      const key = evt.key;
       if (key === ' ' || key === 'Spacebar') {
         applySuggestion(suggestedValue);
         return;
       }
       const potentialValue = `${inputValue}${key}`;
       if (key.length === 1 && !this.operators.find(_ref3 => {
-        let {
-          value
-        } = _ref3;
+        let value = _ref3.value;
         return value.startsWith(potentialValue);
       })) {
         if (this.tokenEmpty) {

package/dist/components/base/filtered_search/filtered_search_token_segment.js

@@ -6,6 +6,31 @@ import GlFilteredSearchSuggestionList from './filtered_search_suggestion_list';
 import { TERM_TOKEN_TYPE, splitOnQuotes, match, wrapTokenInQuotes, FILTERED_SEARCH_SUGGESTIONS_CLASS } from './filtered_search_utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _toArray(r) {
+  return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 // We need some helpers to ensure @vue/compat compatibility
 // @vue/compat will render comment nodes for v-if and comments in HTML
 // Also it makes use of fragments - both comments and nodes are Symbols.
@@ -143,9 +168,7 @@ var script = {
       if (!this.termsAsTokens()) return false;
       if (!this.options) return false;
       return this.options.some(_ref => {
-        let {
-          value
-        } = _ref;
+        let value = _ref.value;
         return value === TERM_TOKEN_TYPE;
       });
     },
@@ -230,7 +253,10 @@ var script = {
       if (newValue.indexOf(' ') === -1 || hasUnclosedQuote) {
         return;
       }
-      const [firstWord, ...otherWords] = splitOnQuotes(newValue).filter((w, idx, arr) => Boolean(w) || idx === arr.length - 1);
+      const _splitOnQuotes$filter = splitOnQuotes(newValue).filter((w, idx, arr) => Boolean(w) || idx === arr.length - 1),
+        _splitOnQuotes$filter2 = _toArray(_splitOnQuotes$filter),
+        firstWord = _splitOnQuotes$filter2[0],
+        otherWords = _arrayLikeToArray(_splitOnQuotes$filter2).slice(1);
       this.$emit('input', firstWord);
       if (otherWords.length) {
         /**
@@ -253,19 +279,16 @@ var script = {
     },
     getMatchingOptionForInputValue(inputValue) {
       var _this$options3;
-      let {
-        loose
-      } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-        loose: false
-      };
+      let _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+          loose: false
+        },
+        loose = _ref2.loose;
       return (_this$options3 = this.options) === null || _this$options3 === void 0 ? void 0 : _this$options3.find(option => loose ? match(option[this.optionTextField], inputValue) : option[this.optionTextField] === inputValue);
     },
     activate() {
       this.fallbackValue = this.value;
       this.$nextTick(() => {
-        const {
-          input
-        } = this.$refs;
+        const input = this.$refs.input;
         if (input) {
           input.focus();
           input.scrollIntoView({
@@ -307,13 +330,10 @@ var script = {
       return (_option$value = option.value) === null || _option$value === void 0 ? void 0 : _option$value.toString().startsWith('gl-filtered-search-suggestion-group-');
     },
     handleInputKeydown(e) {
-      const {
-        key
-      } = e;
-      const {
-        suggestions,
-        input
-      } = this.$refs;
+      const key = e.key;
+      const _this$$refs = this.$refs,
+        suggestions = _this$$refs.suggestions,
+        input = _this$$refs.input;
       const suggestedValue = suggestions === null || suggestions === void 0 ? void 0 : suggestions.getValue();
       const handlers = {
         ArrowLeft: () => {

package/dist/components/base/filtered_search/filtered_search_utils.js

@@ -1,6 +1,55 @@
 import { first, last, isString } from 'lodash-es';
 import { modulo } from '../../../utils/number_utils';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 const TERM_TOKEN_TYPE = 'filtered-search-term';
 const INTENT_ACTIVATE_PREVIOUS = 'intent-activate-previous';
 const TOKEN_CLOSE_SELECTOR = '.gl-token-close';
@@ -88,12 +137,10 @@ function stepIndexAndWrap(index, step, length) {
  *     options prop).
  */
 function tokenToOption(_ref) {
-  let {
-    icon,
-    title,
-    type,
-    optionComponent
-  } = _ref;
+  let icon = _ref.icon,
+    title = _ref.title,
+    type = _ref.type,
+    optionComponent = _ref.optionComponent;
   return {
     icon,
     title,
@@ -194,7 +241,10 @@ function splitOnQuotes(str) {
         result.push(part);
       }
     } else {
-      const [firstPart, secondPart] = part.split('"', 2);
+      const _part$split = part.split('"', 2),
+        _part$split2 = _slicedToArray(_part$split, 2),
+        firstPart = _part$split2[0],
+        secondPart = _part$split2[1];
       if (waitingForMatchingQuote) {
         waitingForMatchingQuote = false;
         quoteContent += ` ${firstPart}"`;

package/dist/components/base/form/form_checkbox/form_checkbox.js

@@ -146,10 +146,8 @@ var script = {
       return this.computedState === false ? 'true' : null;
     },
     isChecked() {
-      const {
-        value,
-        computedLocalChecked: checked
-      } = this;
+      const value = this.value,
+        checked = this.computedLocalChecked;
       return Array.isArray(checked) ? looseIndexOf(checked, value) > -1 : looseEqual(checked, value);
     },
     isDisabled() {
@@ -167,12 +165,10 @@ var script = {
       return (this.isGroup ? this.group.groupName : this.name) || null;
     },
     computedAttrs() {
-      const {
-        isDisabled: disabled,
-        isRequired: required,
-        value,
-        isChecked: checked
-      } = this;
+      const disabled = this.isDisabled,
+        required = this.isRequired,
+        value = this.value,
+        checked = this.isChecked;
       return {
         ...this.$attrs,
         id: this.internalId,
@@ -219,25 +215,18 @@ var script = {
          * @event input
          */
         this.$emit('input', newValue);
-        const {
-          input
-        } = this.$refs;
+        const input = this.$refs.input;
         if (input) {
           this.$emit('update:indeterminate', input.indeterminate);
         }
       }
     },
     handleChange(_ref) {
-      let {
-        target: {
-          checked,
-          indeterminate
-        }
-      } = _ref;
-      const {
-        value,
-        uncheckedValue
-      } = this;
+      let _ref$target = _ref.target,
+        checked = _ref$target.checked,
+        indeterminate = _ref$target.indeterminate;
+      const value = this.value,
+        uncheckedValue = this.uncheckedValue;
 
       // Update `computedLocalChecked`
       let localChecked = this.computedLocalChecked;
@@ -279,9 +268,7 @@ var script = {
     setIndeterminate(state) {
       // Indeterminate only supported in single checkbox mode
       const computedState = Array.isArray(this.computedLocalChecked) ? false : state;
-      const {
-        input
-      } = this.$refs;
+      const input = this.$refs.input;
       if (input) {
         input.indeterminate = computedState;
         // Emit update event to prop

package/dist/components/base/form/form_checkbox/form_checkbox_group.js

@@ -105,9 +105,7 @@ var script = {
       return isBoolean(this.state) ? this.state : null;
     },
     computedAriaInvalid() {
-      const {
-        ariaInvalid
-      } = this;
+      const ariaInvalid = this.ariaInvalid;
       if (ariaInvalid === true || ariaInvalid === 'true' || ariaInvalid === '') {
         return 'true';
       }