@gitlab/ui 132.1.0 → 132.2.0

package/dist/utils/utils.js

@@ -2,6 +2,55 @@ import { isVisible } from '../vendor/bootstrap-vue/src/utils/dom';
 export { isVisible } from '../vendor/bootstrap-vue/src/utils/dom';
 import { COMMA, labelColorOptions, CONTRAST_LEVELS, focusableTags } from './constants';
 
+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;
+  }
+}
+
 function debounceByAnimationFrame(fn) {
   let requestId;
   return function debounced() {
@@ -32,17 +81,29 @@ function throttle(fn) {
 function rgbFromHex(hex) {
   const cleanHex = hex.replace('#', '');
   const rgb = cleanHex.length === 3 ? cleanHex.split('').map(val => val + val) : cleanHex.match(/[\da-f]{2}/gi);
-  const [r, g, b] = rgb.map(val => parseInt(val, 16));
+  const _rgb$map = rgb.map(val => parseInt(val, 16)),
+    _rgb$map2 = _slicedToArray(_rgb$map, 3),
+    r = _rgb$map2[0],
+    g = _rgb$map2[1],
+    b = _rgb$map2[2];
   return [r, g, b];
 }
 function rgbFromString(color, sub) {
   const rgb = color.substring(sub, color.length - 1).split(COMMA);
-  const [r, g, b] = rgb.map(i => parseInt(i, 10));
+  const _rgb$map3 = rgb.map(i => parseInt(i, 10)),
+    _rgb$map4 = _slicedToArray(_rgb$map3, 3),
+    r = _rgb$map4[0],
+    g = _rgb$map4[1],
+    b = _rgb$map4[2];
   return [r, g, b];
 }
 function hexToRgba(hex) {
   let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  const [r, g, b] = rgbFromHex(hex);
+  const _rgbFromHex = rgbFromHex(hex),
+    _rgbFromHex2 = _slicedToArray(_rgbFromHex, 3),
+    r = _rgbFromHex2[0],
+    g = _rgbFromHex2[1],
+    b = _rgbFromHex2[2];
   return `rgba(${r}, ${g}, ${b}, ${opacity})`;
 }
 function toSrgb(value) {
@@ -88,10 +149,8 @@ function getColorContrast(foreground, background) {
     score = 1 / score;
   }
   const level = CONTRAST_LEVELS.find(_ref => {
-    let {
-      min,
-      max
-    } = _ref;
+    let min = _ref.min,
+      max = _ref.max;
     return score >= min && score < max;
   });
   return {
@@ -111,9 +170,7 @@ function uid() {
 
 function isElementFocusable(elt) {
   if (!elt) return false;
-  const {
-    tagName
-  } = elt;
+  const tagName = elt.tagName;
   const isValidTag = focusableTags.includes(tagName);
   const hasValidType = elt.getAttribute('type') !== 'hidden';
   const isDisabled = elt.getAttribute('disabled') === '' || elt.getAttribute('disabled');
@@ -165,10 +222,8 @@ function isDev() {
 function logWarning(message) {
   let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (isDev()) {
-    const {
-      name,
-      element
-    } = context;
+    const name = context.name,
+      element = context.element;
     const formattedMessage = name ? `[${name}] ${message}` : message;
     const args = element ? [formattedMessage, element] : [formattedMessage];
     console.warn(...args); // eslint-disable-line no-console
@@ -179,11 +234,13 @@ function logWarning(message) {
  * Stop default event handling and propagation
  */
 function stopEvent(event) {
-  let {
-    preventDefault = true,
-    stopPropagation = true,
-    stopImmediatePropagation = false
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref2$preventDefault = _ref2.preventDefault,
+    preventDefault = _ref2$preventDefault === void 0 ? true : _ref2$preventDefault,
+    _ref2$stopPropagation = _ref2.stopPropagation,
+    stopPropagation = _ref2$stopPropagation === void 0 ? true : _ref2$stopPropagation,
+    _ref2$stopImmediatePr = _ref2.stopImmediatePropagation,
+    stopImmediatePropagation = _ref2$stopImmediatePr === void 0 ? false : _ref2$stopImmediatePr;
   if (preventDefault) {
     event.preventDefault();
   }

package/dist/vendor/bootstrap-vue/src/components/button/button-close.js

@@ -1,6 +1,5 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_BUTTON_CLOSE } from '../../constants/components';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
 import { SLOT_NAME_DEFAULT } from '../../constants/slots';
 import { stopEvent } from '../../utils/events';
 import { isEvent } from '../../utils/inspect';
@@ -10,22 +9,22 @@ import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot';
 
 const props = {
   ariaLabel: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'Close'
   },
   content: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: '×'
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   textVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }
@@ -39,12 +38,10 @@ const BButtonClose = /*#__PURE__*/extend({
   functional: true,
   props,
   render(h, _ref) {
-    let {
-      props,
-      data,
-      slots,
-      scopedSlots
-    } = _ref;
+    let props = _ref.props,
+      data = _ref.data,
+      slots = _ref.slots,
+      scopedSlots = _ref.scopedSlots;
     const $slots = slots();
     const $scopedSlots = scopedSlots || {};
     const componentData = {

package/dist/vendor/bootstrap-vue/src/components/button/button.js

@@ -1,7 +1,6 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_BUTTON } from '../../constants/components';
 import { CODE_SPACE, CODE_ENTER } from '../../constants/key-codes';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props';
 import { concat } from '../../utils/array';
 import { isTag, addClass, removeClass } from '../../utils/dom';
 import { stopEvent } from '../../utils/events';
@@ -19,39 +18,39 @@ delete linkProps.to.default;
 const props = sortKeys({
   ...linkProps,
   block: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Tri-state: `true`, `false` or `null`
   // => On, off, not a toggle
   pressed: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: null
   },
   size: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'button'
   },
   type: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'button'
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'secondary'
   }
@@ -137,12 +136,10 @@ const BButton = /*#__PURE__*/extend({
   functional: true,
   props,
   render(h, _ref) {
-    let {
-      props,
-      data,
-      listeners,
-      children
-    } = _ref;
+    let props = _ref.props,
+      data = _ref.data,
+      listeners = _ref.listeners,
+      children = _ref.children;
     const toggle = isToggle(props);
     const link = isLink(props);
     const nonStandardTag = isNonStandardTag(props);
@@ -155,9 +152,7 @@ const BButton = /*#__PURE__*/extend({
         if (props.disabled || !(nonStandardTag || hashLink)) {
           return;
         }
-        const {
-          keyCode
-        } = event;
+        const keyCode = event.keyCode;
         // Add CODE_SPACE handler for `href="#"` and CODE_ENTER handler for non-standard tags
         if (keyCode === CODE_SPACE || keyCode === CODE_ENTER && nonStandardTag) {
           const target = event.currentTarget || event.target;

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js

@@ -1,13 +1,12 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_DROPDOWN_DIVIDER } from '../../constants/components';
-import { PROP_TYPE_STRING } from '../../constants/props';
 import { omit } from '../../utils/object';
 
 // --- Props ---
 
 const props = {
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'hr'
   }
@@ -21,10 +20,8 @@ const BDropdownDivider = /*#__PURE__*/extend({
   functional: true,
   props,
   render(h, _ref) {
-    let {
-      props,
-      data
-    } = _ref;
+    let props = _ref.props,
+      data = _ref.data;
     return h('li', mergeData(omit(data, ['attrs']), {
       attrs: {
         role: 'presentation'

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js

@@ -1,6 +1,5 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_DROPDOWN_FORM } from '../../constants/components';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props';
 import { sortKeys, omit } from '../../utils/object';
 import { props as props$1, BForm } from '../form/form';
 
@@ -9,12 +8,12 @@ import { props as props$1, BForm } from '../form/form';
 const props = sortKeys({
   ...props$1,
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   formClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   }
@@ -28,12 +27,10 @@ const BDropdownForm = /*#__PURE__*/extend({
   functional: true,
   props,
   render(h, _ref) {
-    let {
-      props,
-      data,
-      listeners,
-      children
-    } = _ref;
+    let props = _ref.props,
+      data = _ref.data,
+      listeners = _ref.listeners,
+      children = _ref.children;
     return h('li', mergeData(omit(data, ['attrs', 'on']), {
       attrs: {
         role: 'presentation'

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js

@@ -1,6 +1,5 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_DROPDOWN_GROUP } from '../../constants/components';
-import { PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
 import { SLOT_NAME_HEADER, SLOT_NAME_DEFAULT } from '../../constants/slots';
 import { isTag } from '../../utils/dom';
 import { identity } from '../../utils/identity';
@@ -11,32 +10,32 @@ import { omit } from '../../utils/object';
 
 const props = {
   ariaDescribedby: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   header: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   headerClasses: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   headerTag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'header'
   },
   headerVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }
@@ -50,18 +49,14 @@ const BDropdownGroup = /*#__PURE__*/extend({
   functional: true,
   props,
   render(h, _ref) {
-    let {
-      props,
-      data,
-      slots,
-      scopedSlots
-    } = _ref;
-    const {
-      id,
-      variant,
-      header,
-      headerTag
-    } = props;
+    let props = _ref.props,
+      data = _ref.data,
+      slots = _ref.slots,
+      scopedSlots = _ref.scopedSlots;
+    const id = props.id,
+      variant = props.variant,
+      header = props.header,
+      headerTag = props.headerTag;
     const $slots = slots();
     const $scopedSlots = scopedSlots || {};
     const slotScope = {};

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js

@@ -1,6 +1,5 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_DROPDOWN_HEADER } from '../../constants/components';
-import { PROP_TYPE_STRING } from '../../constants/props';
 import { isTag } from '../../utils/dom';
 import { omit } from '../../utils/object';
 
@@ -8,17 +7,17 @@ import { omit } from '../../utils/object';
 
 const props = {
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'header'
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }
@@ -32,15 +31,11 @@ const BDropdownHeader = /*#__PURE__*/extend({
   functional: true,
   props,
   render(h, _ref) {
-    let {
-      props,
-      data,
-      children
-    } = _ref;
-    const {
-      tag,
-      variant
-    } = props;
+    let props = _ref.props,
+      data = _ref.data,
+      children = _ref.children;
+    const tag = props.tag,
+      variant = props.variant;
     return h('li', mergeData(omit(data, ['attrs']), {
       attrs: {
         role: 'presentation'

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js

@@ -1,7 +1,6 @@
 import { extend } from '../../vue';
 import { NAME_DROPDOWN_ITEM_BUTTON } from '../../constants/components';
 import { EVENT_NAME_CLICK } from '../../constants/events';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 
@@ -9,32 +8,32 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 
 const props = {
   active: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   activeClass: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'active'
   },
   buttonClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   role: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'menuitem'
   }
@@ -79,11 +78,9 @@ const BDropdownItemButton = /*#__PURE__*/extend({
     }
   },
   render(h) {
-    const {
-      active,
-      variant,
-      bvAttrs
-    } = this;
+    const active = this.active,
+      variant = this.variant,
+      bvAttrs = this.bvAttrs;
     return h('li', {
       class: bvAttrs.class,
       style: bvAttrs.style,

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js

@@ -1,7 +1,6 @@
 import { extend } from '../../vue';
 import { NAME_DROPDOWN_ITEM } from '../../constants/components';
 import { EVENT_NAME_CLICK } from '../../constants/events';
-import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props';
 import { requestAF } from '../../utils/dom';
 import { omit, sortKeys } from '../../utils/object';
 import { pluckProps } from '../../utils/props';
@@ -15,12 +14,12 @@ const linkProps = omit(props$1, ['event', 'routerTag']);
 const props = sortKeys({
   ...linkProps,
   linkClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }
@@ -65,14 +64,12 @@ const BDropdownItem = /*#__PURE__*/extend({
     }
   },
   render(h) {
-    const {
-      linkClass,
-      variant,
-      active,
-      disabled,
-      onClick,
-      bvAttrs
-    } = this;
+    const linkClass = this.linkClass,
+      variant = this.variant,
+      active = this.active,
+      disabled = this.disabled,
+      onClick = this.onClick,
+      bvAttrs = this.bvAttrs;
     return h('li', {
       class: bvAttrs.class,
       style: bvAttrs.style,

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js

@@ -1,23 +1,22 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_DROPDOWN_TEXT } from '../../constants/components';
-import { PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
 import { omit } from '../../utils/object';
 
 // --- Props ---
 
 const props = {
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'p'
   },
   textClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }
@@ -31,16 +30,12 @@ const BDropdownText = /*#__PURE__*/extend({
   functional: true,
   props,
   render(h, _ref) {
-    let {
-      props,
-      data,
-      children
-    } = _ref;
-    const {
-      tag,
-      textClass,
-      variant
-    } = props;
+    let props = _ref.props,
+      data = _ref.data,
+      children = _ref.children;
+    const tag = props.tag,
+      textClass = props.textClass,
+      variant = props.variant;
     return h('li', mergeData(omit(data, ['attrs']), {
       attrs: {
         role: 'presentation'