@gitlab/ui 132.1.0 → 132.2.1

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

@@ -1,12 +1,9 @@
 import { extend } from '../../../vue'
-import { EVENT_NAME_CONTEXT_CHANGED } from '../../../constants/events'
-import { PROP_TYPE_ARRAY, PROP_TYPE_STRING } from '../../../constants/props'
+import { EVENT_NAME_CONTEXT_CHANGED, EVENT_NAME_INPUT } from '../../../constants/events'
 import { useParentMixin } from '../../../mixins/use-parent'
 import { isArray, isFunction, isString } from '../../../utils/inspect'
 import { looseEqual } from '../../../utils/loose-equal'
 import { mathMax } from '../../../utils/math'
-import { makeModelMixin } from '../../../utils/model'
-
 import { toInteger } from '../../../utils/number'
 import { clone, sortKeys } from '../../../utils/object'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
@@ -14,43 +11,33 @@ import { normalizeFields } from './normalize-fields'
 
 // --- Constants ---
 
-const {
-  mixin: modelMixin,
-  props: modelProps,
-  prop: MODEL_PROP_NAME,
-  event: MODEL_EVENT_NAME
-} = makeModelMixin('value', {
-  type: PROP_TYPE_ARRAY,
-  defaultValue: []
-})
-
-export { MODEL_PROP_NAME, MODEL_EVENT_NAME }
+const MODEL_PROP_NAME = 'value'
+const MODEL_EVENT_NAME = EVENT_NAME_INPUT
 
 // --- Props ---
 
 export const props = sortKeys({
-  ...modelProps,
   fields: {
-    type: PROP_TYPE_ARRAY,
+    type: Array,
     required: false,
     default: null
   },
   // Provider mixin adds in `Function` type
   items: {
-    type: PROP_TYPE_ARRAY,
+    type: Array,
     required: false,
     default: () => []
   },
   // Primary key for record
   // If provided the value in each row must be unique!
   primaryKey: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   // `v-model` for retrieving the current displayed rows
   [MODEL_PROP_NAME]: {
-    type: PROP_TYPE_ARRAY,
+    type: Array,
     required: false,
     default: () => []
   }
@@ -60,7 +47,11 @@ export const props = sortKeys({
 
 // @vue/component
 export const itemsMixin = extend({
-  mixins: [modelMixin, useParentMixin],
+  mixins: [useParentMixin],
+  model: {
+    prop: MODEL_PROP_NAME,
+    event: MODEL_EVENT_NAME
+  },
   props,
   data() {
     const { items } = this

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

@@ -1,5 +1,4 @@
 import { extend } from '../../../vue'
-import { PROP_TYPE_NUMBER, PROP_TYPE_STRING } from '../../../constants/props'
 import { mathMax } from '../../../utils/math'
 import { toInteger } from '../../../utils/number'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
@@ -8,12 +7,12 @@ import { safeVueInstance } from '../../../utils/safe-vue-instance'
 
 export const props = {
   currentPage: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: 1
   },
   perPage: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: 0
   }

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

@@ -1,12 +1,6 @@
 import { extend } from '../../../vue'
 import { NAME_TABLE } from '../../../constants/components'
 import { EVENT_NAME_REFRESH, EVENT_NAME_REFRESHED } from '../../../constants/events'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_FUNCTION,
-  PROP_TYPE_STRING
-} from '../../../constants/props'
 import { getRootActionEventName, getRootEventName } from '../../../utils/events'
 import { isArray, isFunction, isPromise } from '../../../utils/inspect'
 import { looseEqual } from '../../../utils/loose-equal'
@@ -26,28 +20,28 @@ export const props = {
   // Passed to the context object
   // Not used by `<b-table>` directly
   apiUrl: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   // Adds in 'Function' support
   items: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_FUNCTION],
+    type: [Array, Function],
     required: false,
     default: () => []
   },
   noProviderFiltering: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noProviderPaging: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noProviderSorting: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }

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

@@ -1,6 +1,5 @@
 import { extend } from '../../../vue'
 import { EVENT_NAME_ROW_SELECTED } from '../../../constants/events'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../../constants/props'
 import { createArray } from '../../../utils/array'
 import { identity } from '../../../utils/identity'
 import { isArray, isNumber } from '../../../utils/inspect'
@@ -20,23 +19,23 @@ const ROLE_GRID = 'grid'
 export const props = {
   // Disable use of click handlers for row selection
   noSelectOnClick: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   selectMode: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'multi',
     validator: value => SELECT_MODES.includes(value)
   },
   selectable: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   selectedVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'active'
   }

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

@@ -1,12 +1,5 @@
 import { extend } from '../../../vue'
 import { EVENT_NAME_SORT_CHANGED, MODEL_EVENT_NAME_PREFIX } from '../../../constants/events'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_FUNCTION,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../../constants/props'
 import { isFunction, isUndefinedOrNull } from '../../../utils/inspect'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { stableSort } from '../../../utils/stable-sort'
@@ -30,27 +23,27 @@ const SORT_DIRECTIONS = [SORT_DIRECTION_ASC, SORT_DIRECTION_DESC, SORT_DIRECTION
 
 export 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
   },
@@ -59,37 +52,37 @@ export 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 })
   },
   // TODO: Make this tri-state: `true`, `false`, `null`
   [MODEL_PROP_NAME_SORT_DESC]: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
@@ -97,20 +90,20 @@ export 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
   }

package/src/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 ---
 
 export const props = {
   stacked: {
-    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    type: [Boolean, String],
     required: false,
     default: false
   }

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

@@ -1,10 +1,4 @@
 import { extend } from '../../../vue'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../../constants/props'
 import { identity } from '../../../utils/identity'
 import { isBoolean } from '../../../utils/inspect'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
@@ -18,73 +12,73 @@ import { attrsMixin } from '../../../mixins/attrs'
 
 export 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
   }

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

@@ -4,12 +4,6 @@ import {
   EVENT_NAME_ROW_HOVERED,
   EVENT_NAME_ROW_UNHOVERED
 } from '../../../constants/events'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_FUNCTION,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../../constants/props'
 import { SLOT_NAME_ROW_DETAILS } from '../../../constants/slots'
 import { useParentMixin } from '../../../mixins/use-parent'
 import { get } from '../../../utils/get'
@@ -25,17 +19,17 @@ import { FIELD_KEY_CELL_VARIANT, FIELD_KEY_ROW_VARIANT, FIELD_KEY_SHOW_DETAILS }
 
 export 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
   }

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

@@ -13,7 +13,6 @@ import {
   CODE_SPACE,
   CODE_UP
 } from '../../../constants/key-codes'
-import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../../constants/props'
 import { from as arrayFrom } from '../../../utils/array'
 import { attemptFocus, closest, isActiveElement, isElement } from '../../../utils/dom'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
@@ -35,7 +34,7 @@ export const props = sortKeys({
   ...BTbodyProps,
   ...tbodyRowProps,
   tbodyClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   }

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

@@ -1,10 +1,4 @@
 import { extend } from '../../../vue'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../../constants/props'
 import { SLOT_NAME_CUSTOM_FOOT } from '../../../constants/slots'
 import { BTfoot } from '../tfoot'
 
@@ -12,30 +6,30 @@ import { BTfoot } from '../tfoot'
 
 export 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
   }

package/src/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_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../../constants/props'
 import { SLOT_NAME_THEAD_TOP } from '../../../constants/slots'
 import { stopEvent } from '../../../utils/events'
 import { htmlOrText } from '../../../utils/html'
@@ -28,23 +27,23 @@ const getFootSlotName = value => `foot(${value || ''})`
 export 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
   }

package/src/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'
 
 export const props = {
   tbodyTransitionHandlers: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: undefined
   },
   tbodyTransitionProps: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: undefined
   }

package/src/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_BOOLEAN, PROP_TYPE_NUMBER, PROP_TYPE_STRING } 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
 
 export 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
   }

package/src/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'
 export const props = {
   // Supported values: 'lite', 'dark', or null
   footVariant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

package/src/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 @@ export 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/src/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'
 
 export const props = {
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }