@gitlab/ui 132.1.0 → 132.2.0

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

@@ -1,6 +1,5 @@
 import { extend } from '../../vue';
 import { NAME_FORM_TEXTAREA } from '../../constants/components';
-import { PROP_TYPE_NUMBER, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
 import { requestAF, isVisible, getCS, getStyle, setStyle } from '../../utils/dom';
 import { isNull } from '../../utils/inspect';
 import { mathMax, mathMin, mathCeil } from '../../utils/math';
@@ -26,31 +25,31 @@ const props = sortKeys({
   ...props$4,
   ...props$5,
   maxRows: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: undefined
   },
   // When in auto resize mode, disable shrinking to content height
   noAutoShrink: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Disable the resize handle of textarea
   noResize: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   rows: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: 2
   },
   // 'soft', 'hard' or 'off'
   // Browser default is 'soft'
   wrap: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'soft'
   }
@@ -107,10 +106,8 @@ const BFormTextarea = /*#__PURE__*/extend({
       return this.computedMinRows === this.computedMaxRows ? this.computedMinRows : null;
     },
     computedAttrs() {
-      const {
-        disabled,
-        required
-      } = this;
+      const disabled = this.disabled,
+        required = this.required;
       return {
         id: this.safeId(),
         name: this.name || null,

package/dist/vendor/bootstrap-vue/src/components/layout/col.js

@@ -112,17 +112,13 @@ const BCol = {
     return this.props = generateProps();
   },
   render(h, _ref) {
-    let {
-      props,
-      data,
-      children
-    } = _ref;
-    const {
-      cols,
-      offset,
-      order,
-      alignSelf
-    } = props;
+    let props = _ref.props,
+      data = _ref.data,
+      children = _ref.children;
+    const cols = props.cols,
+      offset = props.offset,
+      order = props.order,
+      alignSelf = props.alignSelf;
     const classList = [];
     // Loop through `col`, `offset`, `order` breakpoint props
     for (const type in breakpointPropMap) {

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

@@ -20,11 +20,9 @@ const BFormRow = /*#__PURE__*/extend({
   functional: true,
   props,
   render(h, _ref) {
-    let {
-      props,
-      data,
-      children
-    } = _ref;
+    let props = _ref.props,
+      data = _ref.data,
+      children = _ref.children;
     return h(props.tag, mergeData(data, {
       staticClass: 'form-row'
     }), children);

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

@@ -116,11 +116,9 @@ const BLink = /*#__PURE__*/extend({
   computed: {
     computedTag() {
       // We don't pass `this` as the first arg as we need reactivity of the props
-      const {
-        to,
-        disabled,
-        routerComponentName
-      } = this;
+      const to = this.to,
+        disabled = this.disabled,
+        routerComponentName = this.routerComponentName;
       return computeTag({
         to,
         disabled,
@@ -135,10 +133,8 @@ const BLink = /*#__PURE__*/extend({
     },
     computedRel() {
       // We don't pass `this` as the first arg as we need reactivity of the props
-      const {
-        target,
-        rel
-      } = this;
+      const target = this.target,
+        rel = this.rel;
       return computeRel({
         target,
         rel
@@ -146,10 +142,8 @@ const BLink = /*#__PURE__*/extend({
     },
     computedHref() {
       // We don't pass `this` as the first arg as we need reactivity of the props
-      const {
-        to,
-        href
-      } = this;
+      const to = this.to,
+        href = this.href;
       return computeHref({
         to,
         href
@@ -157,11 +151,9 @@ const BLink = /*#__PURE__*/extend({
     },
     computedProps() {
       if (!this.isRouterLink) return {};
-      const {
-        event,
-        prefetch,
-        routerTag
-      } = this;
+      const event = this.event,
+        prefetch = this.prefetch,
+        routerTag = this.routerTag;
       const propsToPass = ['activeClass', 'append', 'exact', 'exactActiveClass', 'exactPath', 'exactPathActiveClass', 'replace', 'to'];
       if (this.isNuxtLink) propsToPass.push('noPrefetch');
       return {
@@ -180,15 +172,13 @@ const BLink = /*#__PURE__*/extend({
       };
     },
     computedAttrs() {
-      const {
-        bvAttrs,
-        computedHref: href,
-        computedRel: rel,
-        disabled,
-        target,
-        routerTag,
-        isRouterLink
-      } = this;
+      const bvAttrs = this.bvAttrs,
+        href = this.computedHref,
+        rel = this.computedRel,
+        disabled = this.disabled,
+        target = this.target,
+        routerTag = this.routerTag,
+        isRouterLink = this.isRouterLink;
       return {
         ...bvAttrs,
         // If `href` attribute exists on `<router-link>` (even `undefined` or `null`)
@@ -263,10 +253,8 @@ const BLink = /*#__PURE__*/extend({
     }
   },
   render(h) {
-    const {
-      active,
-      disabled
-    } = this;
+    const active = this.active,
+      disabled = this.disabled;
     return h(this.computedTag, {
       class: {
         active,

package/dist/vendor/bootstrap-vue/src/components/modal/helpers/modal-manager.js

@@ -128,10 +128,9 @@ const ModalManager = /*#__PURE__*/extend({
     },
     checkScrollbar() {
       // Determine if the body element is overflowing
-      const {
-        left,
-        right
-      } = getBCR(document.body);
+      const _getBCR = getBCR(document.body),
+        left = _getBCR.left,
+        right = _getBCR.right;
       this.isBodyOverflowing = left + right < window.innerWidth;
     },
     setScrollbar() {

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

@@ -1,9 +1,8 @@
 import { extend, COMPONENT_UID_KEY } from '../../vue';
 import { NAME_MODAL } from '../../constants/components';
 import { IS_BROWSER } from '../../constants/env';
-import { EVENT_NAME_CHANGE, EVENT_NAME_SHOW, EVENT_NAME_HIDE, EVENT_NAME_TOGGLE, EVENT_NAME_OK, EVENT_NAME_CANCEL, EVENT_NAME_CLOSE, EVENT_NAME_HIDDEN, EVENT_NAME_SHOWN, EVENT_OPTIONS_NO_CAPTURE } from '../../constants/events';
+import { EVENT_NAME_SHOW, EVENT_NAME_HIDE, EVENT_NAME_TOGGLE, EVENT_NAME_OK, EVENT_NAME_CANCEL, EVENT_NAME_CLOSE, EVENT_NAME_HIDDEN, EVENT_NAME_SHOWN, EVENT_OPTIONS_NO_CAPTURE, EVENT_NAME_CHANGE } from '../../constants/events';
 import { CODE_ESC } from '../../constants/key-codes';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
 import { HTMLElement } from '../../constants/safe-types';
 import { SLOT_NAME_MODAL_TITLE, SLOT_NAME_MODAL_HEADER, SLOT_NAME_MODAL_HEADER_CLOSE, SLOT_NAME_DEFAULT, SLOT_NAME_MODAL_FOOTER, SLOT_NAME_MODAL_CANCEL, SLOT_NAME_MODAL_OK, SLOT_NAME_MODAL_BACKDROP } from '../../constants/slots';
 import { concat } from '../../utils/array';
@@ -12,7 +11,6 @@ import { getRootActionEventName, getRootEventName, eventOn, eventOff } from '../
 import { htmlOrText } from '../../utils/html';
 import { identity } from '../../utils/identity';
 import { isUndefinedOrNull, isString } from '../../utils/inspect';
-import { makeModelMixin } from '../../utils/model';
 import { sortKeys } from '../../utils/object';
 import { observeDom } from '../../utils/observe-dom';
 import { attrsMixin } from '../../mixins/attrs';
@@ -31,16 +29,8 @@ import { modalManager } from './helpers/modal-manager';
 
 // --- Constants ---
 
-const {
-  mixin: modelMixin,
-  props: modelProps,
-  prop: MODEL_PROP_NAME,
-  event: MODEL_EVENT_NAME
-} = makeModelMixin('visible', {
-  type: PROP_TYPE_BOOLEAN,
-  defaultValue: false,
-  event: EVENT_NAME_CHANGE
-});
+const MODEL_PROP_NAME = 'visible';
+const MODEL_EVENT_NAME = EVENT_NAME_CHANGE;
 const TRIGGER_BACKDROP = 'backdrop';
 const TRIGGER_ESC = 'esc';
 const TRIGGER_FORCE = 'FORCE';
@@ -65,14 +55,17 @@ const OBSERVER_CONFIG = {
 
 const props = sortKeys({
   ...props$1,
-  ...modelProps,
+  [MODEL_PROP_NAME]: {
+    type: Boolean,
+    default: false
+  },
   ariaLabel: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   autoFocusButton: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: null,
     validator: value => {
@@ -80,212 +73,212 @@ const props = sortKeys({
     }
   },
   bodyClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   busy: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   buttonSize: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   cancelDisabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   cancelTitle: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'Cancel'
   },
   cancelTitleHtml: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   cancelVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'secondary'
   },
   centered: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   contentClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   dialogClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   footerClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   footerTag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'footer'
   },
   headerClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   headerCloseContent: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: '×'
   },
   headerCloseLabel: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'Close'
   },
   headerTag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'header'
   },
   // TODO: Rename to `noBackdrop` and deprecate `hideBackdrop`
   hideBackdrop: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // TODO: Rename to `noFooter` and deprecate `hideFooter`
   hideFooter: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // TODO: Rename to `noHeader` and deprecate `hideHeader`
   hideHeader: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // TODO: Rename to `noHeaderClose` and deprecate `hideHeaderClose`
   hideHeaderClose: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   ignoreEnforceFocusSelector: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    type: [Array, String],
     required: false,
     default: undefined
   },
   lazy: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   modalClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   noCloseOnBackdrop: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noCloseOnEsc: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noEnforceFocus: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noFade: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noStacking: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   okDisabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   okOnly: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   okTitle: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'OK'
   },
   okTitleHtml: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   okVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'primary'
   },
   // HTML Element, CSS selector string or Vue component instance
   returnFocus: {
-    type: [HTMLElement, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [HTMLElement, Object, String],
     required: false,
     default: undefined
   },
   scrollable: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   size: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'md'
   },
   static: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   title: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   titleClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   titleHtml: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   titleTag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'h5'
   }
@@ -296,7 +289,11 @@ const props = sortKeys({
 // @vue/component
 const BModal = /*#__PURE__*/extend({
   name: NAME_MODAL,
-  mixins: [attrsMixin, idMixin, modelMixin, listenOnDocumentMixin, listenOnRootMixin, listenOnWindowMixin, normalizeSlotMixin, scopedStyleMixin],
+  mixins: [attrsMixin, idMixin, listenOnDocumentMixin, listenOnRootMixin, listenOnWindowMixin, normalizeSlotMixin, scopedStyleMixin],
+  model: {
+    prop: MODEL_PROP_NAME,
+    event: MODEL_EVENT_NAME
+  },
   inheritAttrs: false,
   props,
   data() {
@@ -402,10 +399,8 @@ const BModal = /*#__PURE__*/extend({
       };
     },
     computedModalAttrs() {
-      const {
-        isVisible,
-        ariaLabel
-      } = this;
+      const isVisible = this.isVisible,
+        ariaLabel = this.ariaLabel;
       return {
         id: this.modalId,
         role: 'dialog',
@@ -667,9 +662,7 @@ const BModal = /*#__PURE__*/extend({
       });
     },
     emitEvent(bvEvent) {
-      const {
-        type
-      } = bvEvent;
+      const type = bvEvent.type;
       // We emit on `$root` first in case a global listener wants to cancel
       // the event first before the instance emits its event
       this.emitOnRoot(getRootEventName(NAME_MODAL, type), bvEvent, bvEvent.componentId);
@@ -724,9 +717,7 @@ const BModal = /*#__PURE__*/extend({
     focusHandler(event) {
       // If focus leaves modal content, bring it back
       const content = this.$refs.content;
-      const {
-        target
-      } = event;
+      const target = event.target;
       if (this.noEnforceFocus || !this.isTop || !this.isVisible || !content || document === target || contains(content, target) || this.computeIgnoreEnforceFocusSelector && closest(this.computeIgnoreEnforceFocusSelector, target, true)) {
         return;
       }

package/dist/vendor/bootstrap-vue/src/components/popover/helpers/bv-popover-template.js

@@ -14,10 +14,8 @@ const BVPopoverTemplate = /*#__PURE__*/extend({
   },
   methods: {
     renderTemplate(h) {
-      const {
-        title,
-        content
-      } = this;
+      const title = this.title,
+        content = this.content;
 
       // Title and content could be a scoped slot function
       const $title = isFunction(title) ? title({}) : title;

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

@@ -1,7 +1,6 @@
 import { extend } from '../../vue';
 import { NAME_POPOVER } from '../../constants/components';
 import { EVENT_NAME_CLICK } from '../../constants/events';
-import { PROP_TYPE_STRING, PROP_TYPE_NUMBER, PROP_TYPE_OBJECT, PROP_TYPE_ARRAY } from '../../constants/props';
 import { SLOT_NAME_TITLE } from '../../constants/slots';
 import { props as props$1, BTooltip } from '../tooltip/tooltip';
 import { BVPopover } from './helpers/bv-popover';
@@ -12,12 +11,12 @@ import { sortKeys } from '../../utils/object';
 const props = sortKeys({
   ...props$1,
   content: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   delay: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Number, Object, String],
     required: false,
     default: () => ({
       show: 50,
@@ -25,12 +24,12 @@ const props = sortKeys({
     })
   },
   placement: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'right'
   },
   triggers: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    type: [Array, String],
     required: false,
     default: EVENT_NAME_CLICK
   }

package/dist/vendor/bootstrap-vue/src/components/table/helpers/default-sort-compare.js

@@ -23,13 +23,17 @@ const normalizeValue = value => {
 //   Multisort will most likely be handled in `mixin-sort.js` by
 //   calling this method for each sortBy
 const defaultSortCompare = function (a, b) {
-  let {
-    sortBy = null,
-    formatter = null,
-    locale = undefined,
-    localeOptions = {},
-    nullLast = false
-  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+    _ref$sortBy = _ref.sortBy,
+    sortBy = _ref$sortBy === void 0 ? null : _ref$sortBy,
+    _ref$formatter = _ref.formatter,
+    formatter = _ref$formatter === void 0 ? null : _ref$formatter,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? undefined : _ref$locale,
+    _ref$localeOptions = _ref.localeOptions,
+    localeOptions = _ref$localeOptions === void 0 ? {} : _ref$localeOptions,
+    _ref$nullLast = _ref.nullLast,
+    nullLast = _ref$nullLast === void 0 ? false : _ref$nullLast;
   // Get the value by `sortBy`
   let aa = get(a, sortBy, null);
   let bb = get(b, sortBy, null);

package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-bottom-row.js

@@ -14,12 +14,10 @@ const bottomRowMixin = extend({
   props,
   methods: {
     renderBottomRow() {
-      const {
-        computedFields: fields,
-        stacked,
-        tbodyTrClass,
-        tbodyTrAttr
-      } = this;
+      const fields = this.computedFields,
+        stacked = this.stacked,
+        tbodyTrClass = this.tbodyTrClass,
+        tbodyTrAttr = this.tbodyTrAttr;
       const h = this.$createElement;
 
       // Static bottom row slot (hidden in visibly stacked mode as we can't control the data-label)