@gitlab/ui 132.0.3 → 132.2.0

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

@@ -1,6 +1,5 @@
 import { extend } from '../../../vue';
 import { EVENT_NAME_SORT_CHANGED, MODEL_EVENT_NAME_PREFIX } from '../../../constants/events';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_FUNCTION, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../../constants/props';
 import { isFunction, isUndefinedOrNull } from '../../../utils/inspect';
 import { safeVueInstance } from '../../../utils/safe-vue-instance';
 import { stableSort } from '../../../utils/stable-sort';
@@ -22,27 +21,27 @@ const SORT_DIRECTIONS = [SORT_DIRECTION_ASC, SORT_DIRECTION_DESC, SORT_DIRECTION
 
 const props = {
   labelSortAsc: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'Click to sort ascending'
   },
   labelSortClear: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'Click to clear sorting'
   },
   labelSortDesc: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'Click to sort descending'
   },
   noFooterSorting: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noLocalSorting: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
@@ -51,31 +50,31 @@ const props = {
   // We will need to make sure the documentation is clear on what
   // this prop does (as well as in the code for future reference)
   noSortReset: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   [MODEL_PROP_NAME_SORT_BY]: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   sortCompare: {
-    type: PROP_TYPE_FUNCTION,
+    type: Function,
     required: false,
     default: undefined
   },
   // String: locale code
   // Array: array of Locale strings
   sortCompareLocale: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    type: [Array, String],
     required: false,
     default: undefined
   },
   // Supported localCompare options, see `options` section of:
   // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare
   sortCompareOptions: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: () => ({
       numeric: true
@@ -83,7 +82,7 @@ const props = {
   },
   // TODO: Make this tri-state: `true`, `false`, `null`
   [MODEL_PROP_NAME_SORT_DESC]: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
@@ -91,20 +90,20 @@ const props = {
   // It should be `initialSortDirection` as it is a bit misleading
   // (not to mention it screws up the ARIA label on the headers)
   sortDirection: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: SORT_DIRECTION_ASC,
     validator: value => SORT_DIRECTIONS.includes(value)
   },
   // Place the sorting icon on the left of the header cells
   sortIconLeft: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Sort null and undefined to appear last
   sortNullLast: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }
@@ -131,16 +130,15 @@ const sortingMixin = extend({
     // Sorts the filtered items and returns a new array of the sorted items
     // When not sorted, the original items array will be returned
     sortedItems() {
-      const {
-        localSortBy: sortBy,
-        localSortDesc: sortDesc,
-        sortCompareLocale: locale,
-        sortNullLast: nullLast,
-        sortCompare,
-        localSorting,
-        filteredItems,
-        localItems
-      } = safeVueInstance(this);
+      const _safeVueInstance = safeVueInstance(this),
+        sortBy = _safeVueInstance.localSortBy,
+        sortDesc = _safeVueInstance.localSortDesc,
+        locale = _safeVueInstance.sortCompareLocale,
+        nullLast = _safeVueInstance.sortNullLast,
+        sortCompare = _safeVueInstance.sortCompare,
+        localSorting = _safeVueInstance.localSorting,
+        filteredItems = _safeVueInstance.filteredItems,
+        localItems = _safeVueInstance.localItems;
       const items = (filteredItems || localItems || []).slice();
       const localeOptions = {
         ...this.sortCompareOptions,
@@ -260,13 +258,11 @@ const sortingMixin = extend({
     },
     sortTheadThAttrs(key, field, isFoot) {
       var _field$sortKey;
-      const {
-        isSortable,
-        noFooterSorting,
-        localSortDesc,
-        localSortBy,
-        localSorting
-      } = this;
+      const isSortable = this.isSortable,
+        noFooterSorting = this.noFooterSorting,
+        localSortDesc = this.localSortDesc,
+        localSortBy = this.localSortBy,
+        localSorting = this.localSorting;
       if (!isSortable || isFoot && noFooterSorting) {
         // No attributes if not a sortable table
         return {};
@@ -287,15 +283,11 @@ const sortingMixin = extend({
       if (!this.isSortable || isFoot && this.noFooterSorting) {
         return null;
       }
-      const {
-        localSortBy,
-        localSortDesc,
-        labelSortAsc,
-        labelSortDesc
-      } = this;
-      const {
-        sortable
-      } = field;
+      const localSortBy = this.localSortBy,
+        localSortDesc = this.localSortDesc,
+        labelSortAsc = this.labelSortAsc,
+        labelSortDesc = this.labelSortDesc;
+      const sortable = field.sortable;
       // The correctness of these labels is very important for screen reader users
       let labelSorting = '';
       if (sortable) {

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

@@ -1,11 +1,10 @@
 import { extend } from '../../../vue';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../../constants/props';
 
 // --- Props ---
 
 const props = {
   stacked: {
-    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    type: [Boolean, String],
     required: false,
     default: false
   }
@@ -18,9 +17,7 @@ const stackedMixin = extend({
   props,
   computed: {
     isStacked() {
-      const {
-        stacked
-      } = this;
+      const stacked = this.stacked;
       // `true` when always stacked, or returns breakpoint specified
       return stacked === '' ? true : stacked;
     },
@@ -28,9 +25,7 @@ const stackedMixin = extend({
       return this.isStacked === true;
     },
     stackedTableClasses() {
-      const {
-        isStackedAlways
-      } = this;
+      const isStackedAlways = this.isStackedAlways;
       return {
         'b-table-stacked': isStackedAlways,
         [`b-table-stacked-${this.stacked}`]: !isStackedAlways && this.isStacked

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

@@ -1,5 +1,4 @@
 import { extend } from '../../../vue';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../../constants/props';
 import { identity } from '../../../utils/identity';
 import { isBoolean } from '../../../utils/inspect';
 import { safeVueInstance } from '../../../utils/safe-vue-instance';
@@ -13,73 +12,73 @@ import { attrsMixin } from '../../../mixins/attrs';
 
 const props = {
   bordered: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   borderless: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   captionTop: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   dark: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   fixed: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   hover: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noBorderCollapse: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   outlined: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   responsive: {
-    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    type: [Boolean, String],
     required: false,
     default: false
   },
   small: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // If a string, it is assumed to be the table `max-height` value
   stickyHeader: {
-    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    type: [Boolean, String],
     required: false,
     default: false
   },
   striped: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   tableClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   tableVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }
@@ -105,41 +104,32 @@ const tableRendererMixin = extend({
     },
     // Layout related computed props
     isResponsive() {
-      const {
-        responsive
-      } = this;
+      const responsive = this.responsive;
       return responsive === '' ? true : responsive;
     },
     isStickyHeader() {
-      let {
-        stickyHeader
-      } = this;
+      let stickyHeader = this.stickyHeader;
       stickyHeader = stickyHeader === '' ? true : stickyHeader;
       return this.isStacked ? false : stickyHeader;
     },
     wrapperClasses() {
-      const {
-        isResponsive
-      } = this;
+      const isResponsive = this.isResponsive;
       return [this.isStickyHeader ? 'b-table-sticky-header' : '', isResponsive === true ? 'table-responsive' : isResponsive ? `table-responsive table-responsive-${this.responsive}` : ''].filter(identity);
     },
     wrapperStyles() {
-      const {
-        isStickyHeader
-      } = this;
+      const isStickyHeader = this.isStickyHeader;
       return isStickyHeader && !isBoolean(isStickyHeader) ? {
         maxHeight: isStickyHeader
       } : {};
     },
     tableClasses() {
-      let {
-        hover,
-        tableVariant,
-        selectableTableClasses,
-        stackedTableClasses,
-        tableClass,
-        computedBusy
-      } = safeVueInstance(this);
+      let _safeVueInstance = safeVueInstance(this),
+        hover = _safeVueInstance.hover,
+        tableVariant = _safeVueInstance.tableVariant,
+        selectableTableClasses = _safeVueInstance.selectableTableClasses,
+        stackedTableClasses = _safeVueInstance.stackedTableClasses,
+        tableClass = _safeVueInstance.tableClass,
+        computedBusy = _safeVueInstance.computedBusy;
       hover = this.isTableSimple ? hover : hover && this.computedItems.length > 0 && !computedBusy;
       return [
       // User supplied classes
@@ -164,13 +154,12 @@ const tableRendererMixin = extend({
       selectableTableClasses];
     },
     tableAttrs() {
-      const {
-        computedItems: items,
-        filteredItems,
-        computedFields: fields,
-        selectableTableAttrs,
-        computedBusy
-      } = safeVueInstance(this);
+      const _safeVueInstance2 = safeVueInstance(this),
+        items = _safeVueInstance2.computedItems,
+        filteredItems = _safeVueInstance2.filteredItems,
+        fields = _safeVueInstance2.computedFields,
+        selectableTableAttrs = _safeVueInstance2.selectableTableAttrs,
+        computedBusy = _safeVueInstance2.computedBusy;
       const ariaAttrs = this.isTableSimple ? {} : {
         'aria-busy': toString(computedBusy),
         'aria-colcount': toString(fields.length),
@@ -193,14 +182,13 @@ const tableRendererMixin = extend({
     }
   },
   render(h) {
-    const {
-      wrapperClasses,
-      renderCaption,
-      renderColgroup,
-      renderThead,
-      renderTbody,
-      renderTfoot
-    } = safeVueInstance(this);
+    const _safeVueInstance3 = safeVueInstance(this),
+      wrapperClasses = _safeVueInstance3.wrapperClasses,
+      renderCaption = _safeVueInstance3.renderCaption,
+      renderColgroup = _safeVueInstance3.renderColgroup,
+      renderThead = _safeVueInstance3.renderThead,
+      renderTbody = _safeVueInstance3.renderTbody,
+      renderTfoot = _safeVueInstance3.renderTfoot;
     const $content = [];
     if (this.isTableSimple) {
       $content.push(this.normalizeSlot());

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

@@ -1,6 +1,5 @@
 import { extend, REF_FOR_KEY } from '../../../vue';
 import { EVENT_NAME_ROW_HOVERED, EVENT_NAME_ROW_UNHOVERED, EVENT_NAME_ROW_CLICKED } from '../../../constants/events';
-import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING, PROP_TYPE_FUNCTION } from '../../../constants/props';
 import { SLOT_NAME_ROW_DETAILS } from '../../../constants/slots';
 import { useParentMixin } from '../../../mixins/use-parent';
 import { get } from '../../../utils/get';
@@ -16,17 +15,17 @@ import { FIELD_KEY_SHOW_DETAILS, FIELD_KEY_CELL_VARIANT, FIELD_KEY_ROW_VARIANT }
 
 const props = {
   detailsTdClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   tbodyTrAttr: {
-    type: [PROP_TYPE_OBJECT, PROP_TYPE_FUNCTION],
+    type: [Object, Function],
     required: false,
     default: undefined
   },
   tbodyTrClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING, PROP_TYPE_FUNCTION],
+    type: [Array, Object, String, Function],
     required: false,
     default: undefined
   }
@@ -41,9 +40,7 @@ const tbodyRowMixin = extend({
   methods: {
     // Methods for computing classes, attributes and styles for table cells
     getTdValues(item, key, tdValue, defaultValue) {
-      const {
-        bvParent
-      } = this;
+      const bvParent = this.bvParent;
       if (tdValue) {
         const value = get(item, key, '');
         if (isFunction(tdValue)) {
@@ -56,9 +53,7 @@ const tbodyRowMixin = extend({
       return defaultValue;
     },
     getThValues(item, key, thValue, type, defaultValue) {
-      const {
-        bvParent
-      } = this;
+      const bvParent = this.bvParent;
       if (thValue) {
         const value = get(item, key, '');
         if (isFunction(thValue)) {
@@ -72,9 +67,7 @@ const tbodyRowMixin = extend({
     },
     // Method to get the value for a field
     getFormattedValue(item, field) {
-      const {
-        key
-      } = field;
+      const key = field.key;
       const formatter = this.getFieldFormatter(key);
       let value = get(item, key, null);
       if (isFunction(formatter)) {
@@ -110,14 +103,10 @@ const tbodyRowMixin = extend({
     },
     // Renders a TD or TH for a row's field
     renderTbodyRowCell(field, colIndex, item, rowIndex) {
-      const {
-        isStacked
-      } = this;
-      const {
-        key,
-        label,
-        isRowHeader
-      } = field;
+      const isStacked = this.isStacked;
+      const key = field.key,
+        label = field.label,
+        isRowHeader = field.isRowHeader;
       const h = this.$createElement;
       const hasDetailsSlot = this.hasNormalizedSlot(SLOT_NAME_ROW_DETAILS);
       const formatted = this.getFormattedValue(item, field);
@@ -195,16 +184,15 @@ const tbodyRowMixin = extend({
     },
     // Renders an item's row (or rows if details supported)
     renderTbodyRow(item, rowIndex) {
-      const {
-        computedFields: fields,
-        striped,
-        primaryKey,
-        currentPage,
-        perPage,
-        tbodyTrClass,
-        tbodyTrAttr,
-        hasSelectableRowClick
-      } = safeVueInstance(this);
+      const _safeVueInstance = safeVueInstance(this),
+        fields = _safeVueInstance.computedFields,
+        striped = _safeVueInstance.striped,
+        primaryKey = _safeVueInstance.primaryKey,
+        currentPage = _safeVueInstance.currentPage,
+        perPage = _safeVueInstance.perPage,
+        tbodyTrClass = _safeVueInstance.tbodyTrClass,
+        tbodyTrAttr = _safeVueInstance.tbodyTrAttr,
+        hasSelectableRowClick = _safeVueInstance.hasSelectableRowClick;
       const h = this.$createElement;
       const hasDetailsSlot = this.hasNormalizedSlot(SLOT_NAME_ROW_DETAILS);
       const rowShowDetails = item[FIELD_KEY_SHOW_DETAILS] && hasDetailsSlot;

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

@@ -1,7 +1,6 @@
 import { extend } from '../../../vue';
 import { EVENT_NAME_ROW_CLICKED, EVENT_NAME_ROW_MIDDLE_CLICKED, EVENT_NAME_ROW_CONTEXTMENU, EVENT_NAME_ROW_DBLCLICKED } from '../../../constants/events';
 import { CODE_ENTER, CODE_SPACE, CODE_UP, CODE_DOWN, CODE_HOME, CODE_END } from '../../../constants/key-codes';
-import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../../constants/props';
 import { from } from '../../../utils/array';
 import { isElement, closest, isActiveElement, attemptFocus } from '../../../utils/dom';
 import { safeVueInstance } from '../../../utils/safe-vue-instance';
@@ -23,7 +22,7 @@ const props = sortKeys({
   ...props$1,
   ...props$2,
   tbodyClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   }
@@ -44,9 +43,7 @@ const tbodyMixin = extend({
     // Rows should all be `<b-tr>` components, but we map to TR elements
     // Also note that `this.$refs['item-rows']` may not always be in document order
     getTbodyTrs() {
-      const {
-        $refs
-      } = this;
+      const $refs = this.$refs;
       const tbody = $refs.tbody ? $refs.tbody.$el || $refs.tbody : null;
       const trs = ($refs['item-rows'] || []).map(tr => tr.$el || tr);
       return tbody && tbody.children && tbody.children.length > 0 && trs && trs.length > 0 ? from(tbody.children).filter(tr => trs.includes(tr)) : /* istanbul ignore next */[];
@@ -84,10 +81,8 @@ const tbodyMixin = extend({
     // Delegated row event handlers
     onTbodyRowKeydown(event) {
       // Keyboard navigation and row click emulation
-      const {
-        target,
-        keyCode
-      } = event;
+      const target = event.target,
+        keyCode = event.keyCode;
       if (this.tbodyRowEventStopped(event) || target.tagName !== 'TR' || !isActiveElement(target) || target.tabIndex !== 0) {
         // Early exit if not an item row TR
         return;
@@ -120,9 +115,7 @@ const tbodyMixin = extend({
       }
     },
     onTBodyRowClicked(event) {
-      const {
-        $refs
-      } = this;
+      const $refs = this.$refs;
       const tbody = $refs.tbody ? $refs.tbody.$el || $refs.tbody : null;
       // Don't emit event when the table is busy, the user clicked
       // on a non-disabled control or is selecting text
@@ -151,14 +144,13 @@ const tbodyMixin = extend({
     //   Row hover handlers are handled by the tbody-row mixin
     //   As mouseenter/mouseleave events do not bubble
     renderTbody() {
-      const {
-        computedItems: items,
-        renderBusy,
-        renderTopRow,
-        renderEmpty,
-        renderBottomRow,
-        hasSelectableRowClick
-      } = safeVueInstance(this);
+      const _safeVueInstance = safeVueInstance(this),
+        items = _safeVueInstance.computedItems,
+        renderBusy = _safeVueInstance.renderBusy,
+        renderTopRow = _safeVueInstance.renderTopRow,
+        renderEmpty = _safeVueInstance.renderEmpty,
+        renderBottomRow = _safeVueInstance.renderBottomRow,
+        hasSelectableRowClick = _safeVueInstance.hasSelectableRowClick;
       const h = this.$createElement;
       const hasRowClickHandler = this.hasListener(EVENT_NAME_ROW_CLICKED) || hasSelectableRowClick;
 
@@ -181,9 +173,7 @@ const tbodyMixin = extend({
         let defaultSlotName = getCellSlotName();
         defaultSlotName = this.hasNormalizedSlot(defaultSlotName) ? defaultSlotName : null;
         this.computedFields.forEach(field => {
-          const {
-            key
-          } = field;
+          const key = field.key;
           const slotName = getCellSlotName(key);
           const lowercaseSlotName = getCellSlotName(key.toLowerCase());
           cache[key] = this.hasNormalizedSlot(slotName) ? slotName : this.hasNormalizedSlot(lowercaseSlotName) ? /* istanbul ignore next */lowercaseSlotName : defaultSlotName;

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

@@ -1,5 +1,4 @@
 import { extend } from '../../../vue';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../../constants/props';
 import { SLOT_NAME_CUSTOM_FOOT } from '../../../constants/slots';
 import { BTfoot } from '../tfoot';
 
@@ -7,30 +6,30 @@ import { BTfoot } from '../tfoot';
 
 const props = {
   footClone: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Any Bootstrap theme variant (or custom)
   // Falls back to `headRowVariant`
   footRowVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   // 'dark', 'light', or `null` (or custom)
   footVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   tfootClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   tfootTrClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   }