@gitlab/ui 132.1.0 → 132.2.1

package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js

@@ -10,6 +10,76 @@ import DropdownContainer from './dropdown_container';
 import { DEFAULT_OFFSET, FIXED_WIDTH_CLASS, ARROW_X_MINIMUM } from './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 = ["listeners", "is"];
 const BASE_DROPDOWN_CLASS = 'gl-new-dropdown';
 const DROPDOWN_CONTAINER_CLASS = 'gl-new-dropdown-container';
 var script = {
@@ -380,11 +450,10 @@ var script = {
       return this.toggleOptions.listeners;
     },
     toggleAttributes() {
-      const {
-        listeners,
-        is,
-        ...attributes
-      } = this.toggleOptions;
+      const _this$toggleOptions = this.toggleOptions;
+        _this$toggleOptions.listeners;
+        _this$toggleOptions.is;
+        const attributes = _objectWithoutProperties(_this$toggleOptions, _excluded);
       return attributes;
     },
     toggleComponent() {
@@ -408,7 +477,9 @@ var script = {
     },
     floatingUIConfig() {
       const placement = dropdownPlacements[this.placement];
-      const [, alignment] = placement.split('-');
+      const _placement$split = placement.split('-'),
+        _placement$split2 = _slicedToArray(_placement$split, 2),
+        alignment = _placement$split2[1];
       return {
         placement,
         strategy: this.positioningStrategy,
@@ -420,11 +491,9 @@ var script = {
         }), size({
           apply: _ref => {
             var _this$nonScrollableCo;
-            let {
-              availableWidth,
-              availableHeight,
-              elements
-            } = _ref;
+            let availableWidth = _ref.availableWidth,
+              availableHeight = _ref.availableHeight,
+              elements = _ref.elements;
             const contentsEl = elements.floating.querySelector(`.${GL_DROPDOWN_CONTENTS_CLASS}`);
             if (!contentsEl) return;
             const contentsAvailableHeight = availableHeight - ((_this$nonScrollableCo = this.nonScrollableContentHeight) !== null && _this$nonScrollableCo !== void 0 ? _this$nonScrollableCo : 0) - DEFAULT_OFFSET;
@@ -497,18 +566,15 @@ var script = {
          * early to prevent a TypeError.
          */
         if (!this.$refs.content) return;
-        const {
-          x,
-          y,
-          middlewareData,
-          placement
-        } = result;
+        const x = result.x,
+          y = result.y,
+          middlewareData = result.middlewareData,
+          placement = result.placement;
 
         // Get offsets based on actual placement, not requested placement
-        const {
-          rotation,
-          staticSide
-        } = this.getArrowOffsets(placement);
+        const _this$getArrowOffsets = this.getArrowOffsets(placement),
+          rotation = _this$getArrowOffsets.rotation,
+          staticSide = _this$getArrowOffsets.staticSide;
 
         // Assign dropdown window position
         Object.assign(this.$refs.content.style, {
@@ -518,10 +584,9 @@ var script = {
 
         // Assign arrow position
         if (middlewareData && middlewareData.arrow) {
-          const {
-            x: arrowX,
-            y: arrowY
-          } = middlewareData.arrow;
+          const _middlewareData$arrow = middlewareData.arrow,
+            arrowX = _middlewareData$arrow.x,
+            arrowY = _middlewareData$arrow.y;
 
           /**
            * Clamp arrow X position to a minimum of 24px from the edge of the dropdown.
@@ -623,13 +688,9 @@ var script = {
       this.toggleElement.focus();
     },
     onKeydown(event) {
-      const {
-        keyCode,
-        code,
-        target: {
-          tagName
-        }
-      } = event;
+      const keyCode = event.keyCode,
+        code = event.code,
+        tagName = event.target.tagName;
 
       // Use keyCode because @vue/test-utils doesn't correctly set the
       // `code` and `key` KeyboardEvent properties. This is only needed in this case because:

package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js

@@ -284,9 +284,7 @@ var script = {
       this.nextFocusedItemIndex = null;
     },
     onKeydown(event) {
-      const {
-        code
-      } = event;
+      const code = event.code;
       const elements = this.getFocusableListItemElements();
       if (elements.length < 1) return;
       let stop = true;
@@ -313,9 +311,7 @@ var script = {
       return filterVisible(Array.from(items || []));
     },
     focusNextItem(event, elements, offset) {
-      const {
-        target
-      } = event;
+      const target = event.target;
       const currentIndex = elements.indexOf(target);
       const nextIndex = clamp(currentIndex + offset, 0, elements.length - 1);
       this.focusItem(nextIndex, elements);

package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js

@@ -59,9 +59,7 @@ var script = {
       return Boolean(this.$scopedSlots.default);
     },
     itemComponent() {
-      const {
-        item
-      } = this;
+      const item = this.item;
       if (this.isLink) return {
         is: GlLink,
         attrs: {
@@ -126,9 +124,7 @@ var script = {
   },
   methods: {
     onKeydown(event) {
-      const {
-        code
-      } = event;
+      const code = event.code;
       if (code === ENTER || code === SPACE) {
         if (this.isCustomContent) {
           this.action();

package/dist/components/base/new_dropdowns/listbox/listbox.js

@@ -439,9 +439,7 @@ var script = {
         if (!this.multiple && this.selectedValues.length) {
           var _this$flattenedOption;
           return (_this$flattenedOption = this.flattenedOptions.find(_ref => {
-            let {
-              value
-            } = _ref;
+            let value = _ref.value;
             return value === this.selectedValues[0];
           })) === null || _this$flattenedOption === void 0 ? void 0 : _this$flattenedOption.text;
         }
@@ -451,9 +449,7 @@ var script = {
     },
     selectedIndices() {
       return this.selectedValues.map(selected => this.flattenedOptions.findIndex(_ref2 => {
-        let {
-          value
-        } = _ref2;
+        let value = _ref2.value;
         return value === selected;
       })).filter(index => index !== -1).sort();
     },
@@ -706,10 +702,8 @@ var script = {
       this.focusItem(nextIndex, elements, this.searchable);
     },
     onKeydown(event) {
-      const {
-        code,
-        target
-      } = event;
+      const code = event.code,
+        target = event.target;
       const elements = this.getFocusableListItemElements();
       if (elements.length < 1) return;
       const isSearchInput = target.matches(SEARCH_INPUT_SELECTOR);
@@ -772,9 +766,7 @@ var script = {
       return Array.from(items || []);
     },
     focusNextItem(event, elements, offset) {
-      const {
-        target
-      } = event;
+      const target = event.target;
       const currentIndex = elements.indexOf(target);
       const nextIndex = clamp(currentIndex + offset, 0, elements.length - 1);
       this.focusItem(nextIndex, elements);

package/dist/components/base/new_dropdowns/listbox/listbox_item.js

@@ -54,9 +54,7 @@ var script = {
       this.$emit('select', !this.isSelected);
     },
     onKeydown(event) {
-      const {
-        code
-      } = event;
+      const code = event.code;
       if (code === ENTER || code === SPACE) {
         stopEvent(event);
         this.toggleSelection();

package/dist/components/base/new_dropdowns/listbox/mock_data.js

@@ -44,9 +44,7 @@ const mockOptions = [{
   disabled: true
 }];
 const mockOptionsValues = mockOptions.map(_ref => {
-  let {
-    value
-  } = _ref;
+  let value = _ref.value;
   return value;
 });
 const mockGroups = [{
@@ -72,9 +70,7 @@ const mockGroups = [{
   }]
 }];
 const mockGroupOptionsValues = mockGroups.map(group => group.options).flat().map(_ref2 => {
-  let {
-    value
-  } = _ref2;
+  let value = _ref2.value;
   return value;
 });
 const mockGroupsWithTextSrOnly = [{

package/dist/components/base/new_dropdowns/listbox/utils.js

@@ -4,9 +4,8 @@ const isOption = item => Boolean(item) && (isString(item.value) || isNumber(item
 
 // eslint-disable-next-line unicorn/no-array-callback-reference
 const isGroup = function () {
-  let {
-    options
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    options = _ref.options;
   return Array.isArray(options) && options.every(isOption);
 };
 const hasNoDuplicates = array => array.length === new Set(array).size;
@@ -14,18 +13,14 @@ const flattenedOptions = items => items.flatMap(item => isOption(item) ? item :
 
 // eslint-disable-next-line unicorn/no-array-callback-reference
 const isAllOptionsOrAllGroups = items => items.every(isOption) || items.every(isGroup);
-const hasUniqueValues = items => hasNoDuplicates(flattenedOptions(items).map(_ref => {
-  let {
-    value
-  } = _ref;
+const hasUniqueValues = items => hasNoDuplicates(flattenedOptions(items).map(_ref2 => {
+  let value = _ref2.value;
   return value;
 }));
 
 // eslint-disable-next-line unicorn/no-array-callback-reference
-const hasUniqueGroups = items => hasNoDuplicates(items.filter(isGroup).map(_ref2 => {
-  let {
-    text
-  } = _ref2;
+const hasUniqueGroups = items => hasNoDuplicates(items.filter(isGroup).map(_ref3 => {
+  let text = _ref3.text;
   return text;
 }));
 const itemsValidator = items => isAllOptionsOrAllGroups(items) && hasUniqueValues(items) && hasUniqueGroups(items);

package/dist/components/base/path/path.js

@@ -90,11 +90,7 @@ var script = {
       this.$emit('selected', this.items[this.selectedIndex]);
     },
     handleResize(_ref) {
-      let {
-        contentRect: {
-          width
-        }
-      } = _ref;
+      let width = _ref.contentRect.width;
       this.width = width;
     },
     scrollPathLeft() {

package/dist/components/base/search_box_by_type/search_box_by_type.js

@@ -115,9 +115,7 @@ var script = {
       this.$emit('input', value);
     },
     onFocusout(event) {
-      const {
-        relatedTarget
-      } = event;
+      const relatedTarget = event.relatedTarget;
       if (this.isInputOrClearButton(relatedTarget)) {
         return;
       }
@@ -129,9 +127,7 @@ var script = {
       this.$emit('focusout', event);
     },
     onFocusin(event) {
-      const {
-        relatedTarget
-      } = event;
+      const relatedTarget = event.relatedTarget;
       if (this.isInputOrClearButton(relatedTarget)) {
         return;
       }

package/dist/components/base/skeleton_loader/skeleton_loader.js

@@ -74,11 +74,9 @@ var script = {
   },
   render(createElement, _ref) {
     var _data$attrs;
-    let {
-      props,
-      slots,
-      data
-    } = _ref;
+    let props = _ref.props,
+      slots = _ref.slots,
+      data = _ref.data;
     const slotIsSet = () => slots().default;
     const propValueOrDefault = (name, defaultValue) => props[name] !== null ? props[name] : defaultValue;
     const inheritedClasses = data.class || (// Vue 3

package/dist/components/base/table/table.js

@@ -4,16 +4,34 @@ import GlLoadingIcon from '../loading_icon/loading_icon';
 import { glTableLiteWarning, tableFullProps, tableFullSlots } from './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 = ["thAlignRight", "thClass"];
 const shouldUseFullTable = _ref => {
-  let {
-    $attrs,
-    $scopedSlots
-  } = _ref;
+  let $attrs = _ref.$attrs,
+    $scopedSlots = _ref.$scopedSlots;
   return tableFullProps.some(prop => $attrs[prop] !== undefined) || tableFullSlots.some(slot => $scopedSlots[slot] !== undefined);
 };
-const {
-  tableClass
-} = BTable.options.props;
+const tableClass = BTable.options.props.tableClass;
 var script = {
   name: 'GlTable',
   components: {
@@ -89,11 +107,10 @@ var script = {
         if (typeof field === 'string') {
           return field;
         }
-        const {
-          thAlignRight,
-          thClass = '',
-          ...rest
-        } = field;
+        const thAlignRight = field.thAlignRight,
+          _field$thClass = field.thClass,
+          thClass = _field$thClass === void 0 ? '' : _field$thClass,
+          rest = _objectWithoutProperties(field, _excluded);
         const computedThClass = Array.isArray(thClass) ? thClass : thClass.split(' ');
         if (thAlignRight) {
           computedThClass.push('gl-table-th-align-right');
@@ -117,21 +134,15 @@ var script = {
   },
   methods: {
     isSortable(_ref2) {
-      let {
-        field
-      } = _ref2;
+      let field = _ref2.field;
       return field === null || field === void 0 ? void 0 : field.sortable;
     },
     activeSortingColumn(_ref3) {
-      let {
-        field
-      } = _ref3;
+      let field = _ref3.field;
       return this.localSortBy === (field === null || field === void 0 ? void 0 : field.key);
     },
     getSortingIcon(_ref4) {
-      let {
-        field
-      } = _ref4;
+      let field = _ref4.field;
       if (this.activeSortingColumn({
         field
       })) {

package/dist/components/base/table_lite/table_lite.js

@@ -1,9 +1,7 @@
 import { BTableLite } from '../../../vendor/bootstrap-vue/src/components/table/table-lite';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
-const {
-  tableClass
-} = BTableLite.options.props;
+const tableClass = BTableLite.options.props.tableClass;
 var script = {
   name: 'GlTableLite',
   components: {

package/dist/components/base/tabs/tab/tab.js

@@ -47,9 +47,7 @@ var script = {
   },
   computed: {
     linkClass() {
-      const {
-        titleLinkClass
-      } = this;
+      const titleLinkClass = this.titleLinkClass;
       if (Array.isArray(titleLinkClass)) {
         return [...titleLinkClass, DEFAULT_TAB_TITLE_LINK_CLASS];
       }

package/dist/components/base/tabs/tabs/scrollable_tabs.js

@@ -88,11 +88,7 @@ var script = {
   },
   methods: {
     handleResize(_ref) {
-      let {
-        contentRect: {
-          width
-        }
-      } = _ref;
+      let width = _ref.contentRect.width;
       this.width = width;
       this.navScrollWidth = this.getScrollWidth();
     },

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

@@ -323,9 +323,7 @@ var script = {
     },
     handleContainerClick(event) {
       // Bail if token is clicked
-      const {
-        target
-      } = event;
+      const target = event.target;
       if ((target === null || target === void 0 ? void 0 : target.closest('.gl-token')) !== null || this.inputFocused) {
         return;
       }
@@ -394,9 +392,7 @@ var script = {
       this.focusTextInput();
     },
     handleAriaInvalid() {
-      const {
-        state
-      } = this;
+      const state = this.state;
       return state === false ? 'true' : null;
     },
     handleAriaActiveDescendent(value) {

package/dist/components/charts/area/area.js

@@ -267,14 +267,13 @@ var script = {
      */
     onChartDataPointMouseOver(params) {
       if (isDataPointAnnotation(params)) {
-        const {
-          event
-        } = params;
+        const event = params.event;
         const toolTipFormatter = this.formatAnnotationsTooltipText || this.defaultAnnotationTooltipText;
-        const {
-          title = '',
-          content = ''
-        } = toolTipFormatter(params);
+        const _toolTipFormatter = toolTipFormatter(params),
+          _toolTipFormatter$tit = _toolTipFormatter.title,
+          title = _toolTipFormatter$tit === void 0 ? '' : _toolTipFormatter$tit,
+          _toolTipFormatter$con = _toolTipFormatter.content,
+          content = _toolTipFormatter$con === void 0 ? '' : _toolTipFormatter$con;
         this.showAnnotationsTooltip = true;
         this.annotationsTooltipTitle = title;
         this.annotationsTooltipContent = content;

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

@@ -79,11 +79,10 @@ var script = {
     },
     barSeries() {
       return this.bars.map((_ref, index) => {
-        let {
-          name,
-          data,
-          stack = CHART_DEFAULT_SERIES_STACK
-        } = _ref;
+        let name = _ref.name,
+          data = _ref.data,
+          _ref$stack = _ref.stack,
+          stack = _ref$stack === void 0 ? CHART_DEFAULT_SERIES_STACK : _ref$stack;
         const color = colorFromDefaultPalette(index);
         return generateBarSeries({
           name,
@@ -96,10 +95,8 @@ var script = {
     lineSeries() {
       const offset = this.bars.length;
       return this.lines.map((_ref2, index) => {
-        let {
-          name,
-          data
-        } = _ref2;
+        let name = _ref2.name,
+          data = _ref2.data;
         const color = colorFromDefaultPalette(offset + index);
         return generateLineSeries({
           name,
@@ -111,12 +108,11 @@ var script = {
     secondarySeries() {
       const offset = this.bars.length + this.lines.length;
       return this.secondaryData.map((_ref3, index) => {
-        let {
-          name,
-          data,
-          type,
-          stack = CHART_DEFAULT_SERIES_SECONDARY_STACK
-        } = _ref3;
+        let name = _ref3.name,
+          data = _ref3.data,
+          type = _ref3.type,
+          _ref3$stack = _ref3.stack,
+          stack = _ref3$stack === void 0 ? CHART_DEFAULT_SERIES_SECONDARY_STACK : _ref3$stack;
         const color = colorFromDefaultPalette(offset + index);
         return type === CHART_TYPE_LINE ? generateLineSeries({
           color,