@gitlab/ui 132.1.0 → 132.2.1

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

@@ -1,7 +1,6 @@
 import { extend } from '../../../vue';
 import { EVENT_NAME_HEAD_CLICKED } from '../../../constants/events';
 import { CODE_ENTER, CODE_SPACE } from '../../../constants/key-codes';
-import { PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../../constants/props';
 import { SLOT_NAME_THEAD_TOP } from '../../../constants/slots';
 import { stopEvent } from '../../../utils/events';
 import { htmlOrText } from '../../../utils/html';
@@ -27,23 +26,23 @@ const getFootSlotName = value => `foot(${value || ''})`;
 const props = {
   // Any Bootstrap theme variant (or custom)
   headRowVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   // 'light', 'dark' or `null` (or custom)
   headVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   theadClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   theadTrClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   }
@@ -80,15 +79,14 @@ const theadMixin = extend({
     },
     renderThead() {
       let isFoot = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      const {
-        computedFields: fields,
-        isSortable,
-        isSelectable,
-        headVariant,
-        footVariant,
-        headRowVariant,
-        footRowVariant
-      } = safeVueInstance(this);
+      const _safeVueInstance = safeVueInstance(this),
+        fields = _safeVueInstance.computedFields,
+        isSortable = _safeVueInstance.isSortable,
+        isSelectable = _safeVueInstance.isSelectable,
+        headVariant = _safeVueInstance.headVariant,
+        footVariant = _safeVueInstance.footVariant,
+        headRowVariant = _safeVueInstance.headRowVariant,
+        footRowVariant = _safeVueInstance.footRowVariant;
       const h = this.$createElement;
 
       // In always stacked mode, we don't bother rendering the head/foot
@@ -104,13 +102,11 @@ const theadMixin = extend({
 
       // Helper function to generate a field <th> cell
       const makeCell = (field, colIndex) => {
-        const {
-          label,
-          labelHtml,
-          variant,
-          stickyColumn,
-          key
-        } = field;
+        const label = field.label,
+          labelHtml = field.labelHtml,
+          variant = field.variant,
+          stickyColumn = field.stickyColumn,
+          key = field.key;
         let ariaLabel = null;
         if (!field.label.trim() && !field.headerTitle) {
           // In case field's label and title are empty/blank

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

@@ -13,12 +13,10 @@ const props = {};
 const topRowMixin = extend({
   methods: {
     renderTopRow() {
-      const {
-        computedFields: fields,
-        stacked,
-        tbodyTrClass,
-        tbodyTrAttr
-      } = this;
+      const fields = this.computedFields,
+        stacked = this.stacked,
+        tbodyTrClass = this.tbodyTrClass,
+        tbodyTrAttr = this.tbodyTrAttr;
       const h = this.$createElement;
 
       // Add static Top Row slot (hidden in visibly stacked mode as we can't control the data-label)

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

@@ -10,9 +10,7 @@ const sanitizeRow = function (row, ignoreFields, includeFields) {
   // exist in the row itself
   const formattedRow = keys(fieldsObj).reduce((result, key) => {
     const field = fieldsObj[key];
-    const {
-      filterByFormatted
-    } = field;
+    const filterByFormatted = field.filterByFormatted;
     const formatter = isFunction(filterByFormatted) ? /* istanbul ignore next */filterByFormatted : filterByFormatted ? /* istanbul ignore next */field.formatter : null;
     if (isFunction(formatter)) {
       result[key] = formatter(row[key], key, row);

package/dist/vendor/bootstrap-vue/src/components/table/tbody.js

@@ -1,6 +1,5 @@
 import { extend } from '../../vue';
 import { NAME_TBODY } from '../../constants/components';
-import { PROP_TYPE_OBJECT } from '../../constants/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenersMixin } from '../../mixins/listeners';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
@@ -9,12 +8,12 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 
 const props = {
   tbodyTransitionHandlers: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: undefined
   },
   tbodyTransitionProps: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: undefined
   }
@@ -87,9 +86,7 @@ const BTbody = /*#__PURE__*/extend({
       };
     },
     tbodyProps() {
-      const {
-        tbodyTransitionProps
-      } = this;
+      const tbodyTransitionProps = this.tbodyTransitionProps;
       return tbodyTransitionProps ? {
         ...tbodyTransitionProps,
         tag: 'tbody'

package/dist/vendor/bootstrap-vue/src/components/table/td.js

@@ -1,6 +1,5 @@
 import { extend } from '../../vue';
 import { NAME_TABLE_CELL } from '../../constants/components';
-import { PROP_TYPE_NUMBER, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
 import { isTag } from '../../utils/dom';
 import { isUndefinedOrNull } from '../../utils/inspect';
 import { toInteger } from '../../utils/number';
@@ -24,29 +23,29 @@ const spanValidator = value => isUndefinedOrNull(value) || parseSpan(value) > 0;
 
 const props = {
   colspan: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: null,
     validator: spanValidator
   },
   rowspan: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: null,
     validator: spanValidator
   },
   stackedHeading: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   stickyColumn: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }
@@ -139,11 +138,9 @@ const BTd = /*#__PURE__*/extend({
     // We use computed props here for improved performance by caching
     // the results of the string interpolation
     cellClasses() {
-      let {
-        variant,
-        headVariant,
-        isStickyColumn
-      } = this;
+      let variant = this.variant,
+        headVariant = this.headVariant,
+        isStickyColumn = this.isStickyColumn;
       if (!variant && this.isStickyHeader && !headVariant || !variant && isStickyColumn && this.inTfoot && !this.footVariant || !variant && isStickyColumn && this.inThead && !headVariant || !variant && isStickyColumn && this.inTbody) {
         // Needed for sticky-header mode as Bootstrap v4 table cells do
         // not inherit parent's `background-color`
@@ -152,9 +149,7 @@ const BTd = /*#__PURE__*/extend({
       return [variant ? `${this.isDark ? 'bg' : 'table'}-${variant}` : null, isStickyColumn ? 'b-table-sticky-column' : null];
     },
     cellAttrs() {
-      const {
-        stackedHeading
-      } = this;
+      const stackedHeading = this.stackedHeading;
 
       // We use computed props here for improved performance by caching
       // the results of the object spread (Object.assign)

package/dist/vendor/bootstrap-vue/src/components/table/tfoot.js

@@ -1,6 +1,5 @@
 import { extend } from '../../vue';
 import { NAME_TFOOT } from '../../constants/components';
-import { PROP_TYPE_STRING } from '../../constants/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenersMixin } from '../../mixins/listeners';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
@@ -10,7 +9,7 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 const props = {
   // Supported values: 'lite', 'dark', or null
   footVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

package/dist/vendor/bootstrap-vue/src/components/table/thead.js

@@ -1,6 +1,5 @@
 import { extend } from '../../vue';
 import { NAME_THEAD } from '../../constants/components';
-import { PROP_TYPE_STRING } from '../../constants/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenersMixin } from '../../mixins/listeners';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
@@ -11,7 +10,7 @@ const props = {
   // Also sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
   // Supported values: 'lite', 'dark', or `null`
   headVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

package/dist/vendor/bootstrap-vue/src/components/table/tr.js

@@ -1,6 +1,5 @@
 import { extend } from '../../vue';
 import { NAME_TR } from '../../constants/components';
-import { PROP_TYPE_STRING } from '../../constants/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { listenersMixin } from '../../mixins/listeners';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
@@ -14,7 +13,7 @@ const DARK = 'dark';
 
 const props = {
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }
@@ -96,9 +95,7 @@ const BTr = /*#__PURE__*/extend({
       return this.headVariant === LIGHT || this.footVariant === LIGHT ? /* istanbul ignore next */false : this.headVariant === DARK || this.footVariant === DARK ? /* istanbul ignore next */true : this.isDark;
     },
     trClasses() {
-      const {
-        variant
-      } = this;
+      const variant = this.variant;
       return [variant ? `${this.isRowDark ? 'bg' : 'table'}-${variant}` : null];
     },
     trAttrs() {

package/dist/vendor/bootstrap-vue/src/components/tabs/tab.js

@@ -1,7 +1,6 @@
 import { extend } from '../../vue';
 import { NAME_TAB } from '../../constants/components';
 import { MODEL_EVENT_NAME_PREFIX } from '../../constants/events';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
 import { SLOT_NAME_TITLE } from '../../constants/slots';
 import { sortKeys } from '../../utils/object';
 import { props as props$1, idMixin } from '../../mixins/id';
@@ -18,54 +17,54 @@ const MODEL_EVENT_NAME_ACTIVE = MODEL_EVENT_NAME_PREFIX + MODEL_PROP_NAME_ACTIVE
 const props = sortKeys({
   ...props$1,
   [MODEL_PROP_NAME_ACTIVE]: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   buttonId: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   lazy: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noBody: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'div'
   },
   title: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   // Sniffed by `<b-tabs>` and added to nav `li.nav-item`
   titleItemClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   titleLinkAttributes: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: undefined
   },
   // Sniffed by `<b-tabs>` and added to nav `a.nav-link`
   titleLinkClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   }
@@ -97,10 +96,8 @@ const BTab = /*#__PURE__*/extend({
       return true;
     },
     tabClasses() {
-      const {
-        localActive: active,
-        disabled
-      } = this;
+      const active = this.localActive,
+        disabled = this.disabled;
       return [{
         active,
         disabled,
@@ -137,9 +134,7 @@ const BTab = /*#__PURE__*/extend({
     },
     disabled(newValue, oldValue) {
       if (newValue !== oldValue) {
-        const {
-          firstTab
-        } = this.bvTabs;
+        const firstTab = this.bvTabs.firstTab;
         if (newValue && this.localActive && firstTab) {
           this.localActive = false;
           firstTab();
@@ -158,9 +153,7 @@ const BTab = /*#__PURE__*/extend({
   updated() {
     // Force the tab button content to update (since slots are not reactive)
     // Only done if we have a title slot, as the title prop is reactive
-    const {
-      updateButton
-    } = this.bvTabs;
+    const updateButton = this.bvTabs.updateButton;
     if (updateButton && this.hasNormalizedSlot(SLOT_NAME_TITLE)) {
       updateButton(this);
     }
@@ -173,18 +166,14 @@ const BTab = /*#__PURE__*/extend({
     // Private methods
     registerTab() {
       // Inform `<b-tabs>` of our presence
-      const {
-        registerTab
-      } = this.bvTabs;
+      const registerTab = this.bvTabs.registerTab;
       if (registerTab) {
         registerTab(this);
       }
     },
     unregisterTab() {
       // Inform `<b-tabs>` of our departure
-      const {
-        unregisterTab
-      } = this.bvTabs;
+      const unregisterTab = this.bvTabs.unregisterTab;
       if (unregisterTab) {
         unregisterTab(this);
       }
@@ -192,23 +181,17 @@ const BTab = /*#__PURE__*/extend({
     // Public methods
     activate() {
       // Not inside a `<b-tabs>` component or tab is disabled
-      const {
-        activateTab
-      } = this.bvTabs;
+      const activateTab = this.bvTabs.activateTab;
       return activateTab && !this.disabled ? activateTab(this) : false;
     },
     deactivate() {
       // Not inside a `<b-tabs>` component or not active to begin with
-      const {
-        deactivateTab
-      } = this.bvTabs;
+      const deactivateTab = this.bvTabs.deactivateTab;
       return deactivateTab && this.localActive ? deactivateTab(this) : false;
     }
   },
   render(h) {
-    const {
-      localActive
-    } = this;
+    const localActive = this.localActive;
     const $content = h(this.tag, {
       staticClass: 'tab-pane',
       class: this.tabClasses,