@gitlab/ui 132.1.0 → 132.2.0

package/dist/components/base/form/form_fields/form_fields_loop.js

@@ -1,6 +1,55 @@
 import Vue from 'vue';
 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;
+  }
+}
+
 var script = {
   name: 'GlFormFieldsLoop',
   props: {
@@ -10,14 +59,14 @@ var script = {
     }
   },
   render(createElement) {
-    const {
-      Fragment
-    } = Vue;
+    const Fragment = Vue.Fragment;
 
     // Vue 3, key goes on `Fragment` (<template> element)
     if (Fragment) {
       return createElement('div', Object.entries(this.fields).map(_ref => {
-        let [fieldName, field] = _ref;
+        let _ref2 = _slicedToArray(_ref, 2),
+          fieldName = _ref2[0],
+          field = _ref2[1];
         return createElement(Fragment, {
           key: field.id
         }, this.$scopedSlots.default({
@@ -28,8 +77,10 @@ var script = {
     }
 
     // Vue 2, key goes on element (rendered via default slot)
-    return createElement('div', Object.entries(this.fields).map(_ref2 => {
-      let [fieldName, field] = _ref2;
+    return createElement('div', Object.entries(this.fields).map(_ref3 => {
+      let _ref4 = _slicedToArray(_ref3, 2),
+        fieldName = _ref4[0],
+        field = _ref4[1];
       return this.$scopedSlots.default({
         fieldName,
         field

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

@@ -55,9 +55,7 @@ var script = {
   },
   computed: {
     actualLabelClass() {
-      const {
-        labelClass
-      } = this;
+      const labelClass = this.labelClass;
       const defaultClass = 'col-form-label';
       if (isString(labelClass)) {
         return `${labelClass} ${defaultClass}`;

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

@@ -4,6 +4,77 @@ import { stopEvent, isVisible } from '../../../../utils/utils';
 import { formInputWidths } from '../../../../utils/constants';
 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"];
+
 // Valid supported input types
 const TYPES = ['text', 'password', 'email', 'number', 'url', 'tel', 'search', 'range', 'color', 'date', 'time', 'datetime', 'datetime-local', 'month', 'week'];
 const MODEL_PROP = 'value';
@@ -234,32 +305,26 @@ var script = {
     },
     localType() {
       // We only allow certain types
-      const {
-        type
-      } = this;
+      const type = this.type;
       return TYPES.includes(type) ? type : 'text';
     },
     computedAriaInvalid() {
-      const {
-        ariaInvalid
-      } = this;
+      const ariaInvalid = this.ariaInvalid;
       if (ariaInvalid === true || ariaInvalid === 'true' || ariaInvalid === '') {
         return 'true';
       }
       return this.computedState === false ? 'true' : ariaInvalid;
     },
     computedAttrs() {
-      const {
-        localType: type,
-        name,
-        form,
-        disabled,
-        placeholder,
-        required,
-        min,
-        max,
-        step
-      } = this;
+      const type = this.localType,
+        name = this.name,
+        form = this.form,
+        disabled = this.disabled,
+        placeholder = this.placeholder,
+        required = this.required,
+        min = this.min,
+        max = this.max,
+        step = this.step;
       return {
         id: this.computedId,
         name,
@@ -292,16 +357,17 @@ var script = {
         return [];
       }
       if (isObject(this.width)) {
-        const {
-          default: defaultWidth,
-          ...nonDefaultWidths
-        } = this.width;
+        const _this$width = this.width,
+          defaultWidth = _this$width.default,
+          nonDefaultWidths = _objectWithoutProperties(_this$width, _excluded);
         return [
         // eslint-disable-next-line @gitlab/tailwind-no-interpolation -- Not a CSS utility
         ...(defaultWidth ? [`gl-form-input-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(
         // eslint-disable-next-line @gitlab/tailwind-no-interpolation -- Not a CSS utility
         _ref => {
-          let [breakpoint, width] = _ref;
+          let _ref2 = _slicedToArray(_ref, 2),
+            breakpoint = _ref2[0],
+            width = _ref2[1];
           return `gl-${breakpoint}-form-input-${width}`;
         })];
       }
@@ -310,10 +376,8 @@ var script = {
       return [`gl-form-input-${this.width}`];
     },
     computedClass() {
-      const {
-        plaintext,
-        type
-      } = this;
+      const plaintext = this.plaintext,
+        type = this.type;
       const isRange = type === 'range';
       const isColor = type === 'color';
       return [...this.widthClasses, {
@@ -477,9 +541,7 @@ var script = {
     },
     updateValue(value) {
       let force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      const {
-        lazy
-      } = this;
+      const lazy = this.lazy;
       if (lazy && !force) {
         return;
       }
@@ -523,9 +585,7 @@ var script = {
       if (event.target.composing) {
         return;
       }
-      const {
-        value
-      } = event.target;
+      const value = event.target.value;
       const formattedValue = this.formatValue(value, event);
       // Exit when the `formatter` function strictly returned `false`
       // or prevented the input event
@@ -544,9 +604,7 @@ var script = {
       this.$emit('update', formattedValue);
     },
     onChange(event) {
-      const {
-        value
-      } = event.target;
+      const value = event.target.value;
       const formattedValue = this.formatValue(value, event);
       // Exit when the `formatter` function strictly returned `false`
       // or prevented the input event
@@ -563,9 +621,7 @@ var script = {
     onBlur(event) {
       // Apply the `localValue` on blur to prevent cursor jumps
       // on mobile browsers (e.g. caused by autocomplete)
-      const {
-        value
-      } = event.target;
+      const value = event.target.value;
       const formattedValue = this.formatValue(value, event, true);
       if (formattedValue !== false) {
         // We need to use the modified value here to apply the
@@ -579,9 +635,7 @@ var script = {
       this.$emit('blur', event);
     },
     setWheelStopper(on) {
-      const {
-        input
-      } = this.$refs;
+      const input = this.$refs.input;
       // We use native events, so that we don't interfere with propagation
       if (on) {
         input.addEventListener('focus', this.onWheelFocus);

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

@@ -71,10 +71,8 @@ var script = {
       }
     },
     updateValue(option) {
-      const {
-        name,
-        value
-      } = option;
+      const name = option.name,
+        value = option.value;
       this.activeOption = name;
       this.localValue = value;
     }

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

@@ -131,12 +131,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,
@@ -176,9 +174,7 @@ var script = {
       }
     },
     handleChange() {
-      const {
-        value
-      } = this;
+      const value = this.value;
 
       // Update `computedLocalChecked`
       this.computedLocalChecked = value;

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

@@ -106,9 +106,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';
       }

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

@@ -3,6 +3,76 @@ import { BFormSelect } from '../../../../vendor/bootstrap-vue/src/components/for
 import { formInputWidths } from '../../../../utils/constants';
 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"];
 var script = {
   name: 'GlFormSelect',
   components: {
@@ -37,16 +107,17 @@ var script = {
         return [];
       }
       if (isObject(this.width)) {
-        const {
-          default: defaultWidth,
-          ...nonDefaultWidths
-        } = this.width;
+        const _this$width = this.width,
+          defaultWidth = _this$width.default,
+          nonDefaultWidths = _objectWithoutProperties(_this$width, _excluded);
         return [
         // eslint-disable-next-line @gitlab/tailwind-no-interpolation -- Not a CSS utility
         ...(defaultWidth ? [`gl-form-select-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(
         // eslint-disable-next-line @gitlab/tailwind-no-interpolation -- Not a CSS utility
         _ref => {
-          let [breakpoint, width] = _ref;
+          let _ref2 = _slicedToArray(_ref, 2),
+            breakpoint = _ref2[0],
+            width = _ref2[1];
           return `gl-${breakpoint}-form-select-${width}`;
         })];
       }

package/dist/components/base/infinite_scroll/infinite_scroll.js

@@ -52,17 +52,14 @@ var script = {
     fetchedItems(newVal, oldVal) {
       // Re-adjust scroll to the current item if more items are added
       if (newVal > oldVal) {
-        const {
-          scrollHeight,
-          scrollTop
-        } = this.$refs.infiniteContainer;
+        const _this$$refs$infiniteC = this.$refs.infiniteContainer,
+          scrollHeight = _this$$refs$infiniteC.scrollHeight,
+          scrollTop = _this$$refs$infiniteC.scrollTop;
         // Only when scrolled to the top
         if (scrollHeight !== 0 && scrollTop === 0) {
           // Wait until the DOM is fully updated to adjust scroll
           this.$nextTick(() => {
-            const {
-              scrollHeight: newScrollHeight
-            } = this.$refs.infiniteContainer;
+            const newScrollHeight = this.$refs.infiniteContainer.scrollHeight;
 
             // New scrollTop is the new height, minus the old height
             // minus a small space to allow the user to trigger a scroll once more
@@ -103,9 +100,7 @@ var script = {
      * to avoid triggering the event.
      */
     scrollDown() {
-      const {
-        scrollHeight
-      } = this.$refs.infiniteContainer;
+      const scrollHeight = this.$refs.infiniteContainer.scrollHeight;
       this.scrollTo({
         top: scrollHeight - adjustScrollGap
       });
@@ -120,10 +115,8 @@ var script = {
      * See [MDN spec](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTo)
      */
     scrollTo(_ref) {
-      let {
-        top,
-        behavior
-      } = _ref;
+      let top = _ref.top,
+        behavior = _ref.behavior;
       this.$refs.infiniteContainer.scrollTo({
         top,
         behavior

package/dist/components/base/link/link.js

@@ -6,6 +6,28 @@ import { safeVueInstance, isVue3 } from '../../../utils/vue_utils';
 import { linkVariantOptions, linkVariantUnstyled, linkVariantInline, linkVariantMeta } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+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;
+}
+
+const _excluded = ["click"];
 const ANCHOR_TAG = 'a';
 const NUXT_LINK_TAG = 'nuxt-link';
 const VUE_ROUTER_LINK_TAG = 'router-link';
@@ -160,9 +182,7 @@ var script = {
     computedHref() {
       const fallback = '#';
       const toFallback = '/';
-      const {
-        to
-      } = this;
+      const to = this.to;
 
       // Return `href` when explicitly provided
       if (this.href) {
@@ -214,10 +234,9 @@ var script = {
       };
     },
     computedListeners() {
-      const {
-        click,
-        ...listenersWithoutClick
-      } = this.$listeners;
+      const _this$$listeners = this.$listeners;
+        _this$$listeners.click;
+        const listenersWithoutClick = _objectWithoutProperties(_this$$listeners, _excluded);
       return listenersWithoutClick;
     },
     computedClass() {