@gitlab/ui 132.0.2 → 132.0.3

package/src/vendor/bootstrap-vue/src/components/form-select/form-select.js

@@ -1,18 +1,13 @@
 import { extend } from '../../vue'
 import { NAME_FORM_SELECT } from '../../constants/components'
 import { EVENT_NAME_CHANGE } from '../../constants/events'
-import {
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_BOOLEAN_STRING,
-  PROP_TYPE_NUMBER
-} from '../../constants/props'
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER, PROP_TYPE_STRING } from '../../constants/props'
 import { SLOT_NAME_FIRST } from '../../constants/slots'
 import { from as arrayFrom } from '../../utils/array'
 import { attemptBlur, attemptFocus } from '../../utils/dom'
 import { htmlOrText } from '../../utils/html'
 import { isArray } from '../../utils/inspect'
 import { sortKeys } from '../../utils/object'
-import { makeProp } from '../../utils/props'
 import { formControlMixin, props as formControlProps } from '../../mixins/form-control'
 import { formCustomMixin, props as formCustomProps } from '../../mixins/form-custom'
 import { formSizeMixin, props as formSizeProps } from '../../mixins/form-size'
@@ -38,11 +33,23 @@ export const props = sortKeys({
   ...formCustomProps,
   ...formSizeProps,
   ...formStateProps,
-  ariaInvalid: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  multiple: makeProp(PROP_TYPE_BOOLEAN, false),
+  ariaInvalid: {
+    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    required: false,
+    default: false
+  },
+  multiple: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Browsers default size to `0`, which shows 4 rows in most browsers in multiple mode
   // Size of `1` can bork out Firefox
-  selectSize: makeProp(PROP_TYPE_NUMBER, 0)
+  selectSize: {
+    type: PROP_TYPE_NUMBER,
+    required: false,
+    default: 0
+  }
 })
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/components/form-select/helpers/mixin-options.js

@@ -3,15 +3,22 @@ import { PROP_TYPE_STRING } from '../../../constants/props'
 import { get } from '../../../utils/get'
 import { isNull, isPlainObject, isUndefined } from '../../../utils/inspect'
 import { sortKeys } from '../../../utils/object'
-import { makeProp } from '../../../utils/props'
 import { formOptionsMixin, props as formOptionsProps } from '../../../mixins/form-options'
 
 // --- Props ---
 
 export const props = sortKeys({
   ...formOptionsProps,
-  labelField: makeProp(PROP_TYPE_STRING, 'label'),
-  optionsField: makeProp(PROP_TYPE_STRING, 'options')
+  labelField: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'label'
+  },
+  optionsField: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'options'
+  }
 })
 
 // --- Mixin ---

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

@@ -1,12 +1,11 @@
 import { extend } from '../../vue'
 import { NAME_FORM_TEXTAREA } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props'
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER, PROP_TYPE_STRING } from '../../constants/props'
 import { getCS, getStyle, isVisible, requestAF, setStyle } from '../../utils/dom'
 import { isNull } from '../../utils/inspect'
 import { mathCeil, mathMax, mathMin } from '../../utils/math'
 import { toInteger, toFloat } from '../../utils/number'
 import { sortKeys } from '../../utils/object'
-import { makeProp } from '../../utils/props'
 import { formControlMixin, props as formControlProps } from '../../mixins/form-control'
 import { formSelectionMixin } from '../../mixins/form-selection'
 import { formSizeMixin, props as formSizeProps } from '../../mixins/form-size'
@@ -26,15 +25,35 @@ export const props = sortKeys({
   ...formSizeProps,
   ...formStateProps,
   ...formTextProps,
-  maxRows: makeProp(PROP_TYPE_NUMBER_STRING),
+  maxRows: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
   // When in auto resize mode, disable shrinking to content height
-  noAutoShrink: makeProp(PROP_TYPE_BOOLEAN, false),
+  noAutoShrink: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Disable the resize handle of textarea
-  noResize: makeProp(PROP_TYPE_BOOLEAN, false),
-  rows: makeProp(PROP_TYPE_NUMBER_STRING, 2),
+  noResize: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  rows: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: 2
+  },
   // 'soft', 'hard' or 'off'
   // Browser default is 'soft'
-  wrap: makeProp(PROP_TYPE_STRING, 'soft')
+  wrap: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'soft'
+  }
 })
 
 // --- Main component ---

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

@@ -2,12 +2,12 @@ import { extend } from '../../vue'
 import { NAME_POPOVER } from '../../constants/components'
 import { EVENT_NAME_CLICK } from '../../constants/events'
 import {
-  PROP_TYPE_ARRAY_STRING,
-  PROP_TYPE_NUMBER_OBJECT_STRING,
+  PROP_TYPE_ARRAY,
+  PROP_TYPE_NUMBER,
+  PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
 } from '../../constants/props'
 import { SLOT_NAME_TITLE } from '../../constants/slots'
-import { makeProp } from '../../utils/props'
 import { BTooltip, props as BTooltipProps } from '../tooltip/tooltip'
 import { BVPopover } from './helpers/bv-popover'
 import { sortKeys } from '../../utils/object'
@@ -16,10 +16,26 @@ import { sortKeys } from '../../utils/object'
 
 export const props = sortKeys({
   ...BTooltipProps,
-  content: makeProp(PROP_TYPE_STRING),
-  delay: makeProp(PROP_TYPE_NUMBER_OBJECT_STRING, { show: 50, hide: 150 }),
-  placement: makeProp(PROP_TYPE_STRING, 'right'),
-  triggers: makeProp(PROP_TYPE_ARRAY_STRING, EVENT_NAME_CLICK)
+  content: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  delay: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: () => ({ show: 50, hide: 150 })
+  },
+  placement: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'right'
+  },
+  triggers: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    required: false,
+    default: EVENT_NAME_CLICK
+  }
 })
 
 // --- Main component ---

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

@@ -4,7 +4,6 @@ import { PROP_TYPE_BOOLEAN } from '../../../constants/props'
 import { SLOT_NAME_TABLE_BUSY } from '../../../constants/slots'
 import { stopEvent } from '../../../utils/events'
 import { isFunction } from '../../../utils/inspect'
-import { makeProp } from '../../../utils/props'
 import { BTr } from '../tr'
 import { BTd } from '../td'
 
@@ -16,7 +15,11 @@ const MODEL_EVENT_NAME_BUSY = MODEL_EVENT_NAME_PREFIX + MODEL_PROP_NAME_BUSY
 // --- Props ---
 
 export const props = {
-  [MODEL_PROP_NAME_BUSY]: makeProp(PROP_TYPE_BOOLEAN, false)
+  [MODEL_PROP_NAME_BUSY]: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 }
 
 // --- Mixin ---

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

@@ -2,13 +2,20 @@ import { extend } from '../../../vue'
 import { PROP_TYPE_STRING } from '../../../constants/props'
 import { SLOT_NAME_TABLE_CAPTION } from '../../../constants/slots'
 import { htmlOrText } from '../../../utils/html'
-import { makeProp } from '../../../utils/props'
 
 // --- Props ---
 
 export const props = {
-  caption: makeProp(PROP_TYPE_STRING),
-  captionHtml: makeProp(PROP_TYPE_STRING)
+  caption: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  captionHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
   // `caption-top` is part of table-render mixin (styling)
   // captionTop: makeProp(PROP_TYPE_BOOLEAN, false)
 }

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

@@ -7,7 +7,6 @@ import {
 } from '../../../constants/slots'
 import { htmlOrText } from '../../../utils/html'
 import { isFunction } from '../../../utils/inspect'
-import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { BTr } from '../tr'
 import { BTd } from '../td'
@@ -15,11 +14,31 @@ import { BTd } from '../td'
 // --- Props ---
 
 export const props = {
-  emptyFilteredHtml: makeProp(PROP_TYPE_STRING),
-  emptyFilteredText: makeProp(PROP_TYPE_STRING, 'There are no records matching your request'),
-  emptyHtml: makeProp(PROP_TYPE_STRING),
-  emptyText: makeProp(PROP_TYPE_STRING, 'There are no records to show'),
-  showEmpty: makeProp(PROP_TYPE_BOOLEAN, false)
+  emptyFilteredHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  emptyFilteredText: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'There are no records matching your request'
+  },
+  emptyHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  emptyText: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'There are no records to show'
+  },
+  showEmpty: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 }
 
 // --- Mixin ---

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

@@ -9,7 +9,6 @@ import { makeModelMixin } from '../../../utils/model'
 
 import { toInteger } from '../../../utils/number'
 import { clone, sortKeys } from '../../../utils/object'
-import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { normalizeFields } from './normalize-fields'
 
@@ -31,14 +30,30 @@ export { MODEL_PROP_NAME, MODEL_EVENT_NAME }
 
 export const props = sortKeys({
   ...modelProps,
-  fields: makeProp(PROP_TYPE_ARRAY, null),
+  fields: {
+    type: PROP_TYPE_ARRAY,
+    required: false,
+    default: null
+  },
   // Provider mixin adds in `Function` type
-  items: makeProp(PROP_TYPE_ARRAY, []),
+  items: {
+    type: PROP_TYPE_ARRAY,
+    required: false,
+    default: () => []
+  },
   // Primary key for record
   // If provided the value in each row must be unique!
-  primaryKey: makeProp(PROP_TYPE_STRING),
+  primaryKey: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
   // `v-model` for retrieving the current displayed rows
-  [MODEL_PROP_NAME]: makeProp(PROP_TYPE_ARRAY, [])
+  [MODEL_PROP_NAME]: {
+    type: PROP_TYPE_ARRAY,
+    required: false,
+    default: () => []
+  }
 })
 
 // --- Mixin ---

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

@@ -1,15 +1,22 @@
 import { extend } from '../../../vue'
-import { PROP_TYPE_NUMBER_STRING } from '../../../constants/props'
+import { PROP_TYPE_NUMBER, PROP_TYPE_STRING } from '../../../constants/props'
 import { mathMax } from '../../../utils/math'
 import { toInteger } from '../../../utils/number'
-import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 
 // --- Props ---
 
 export const props = {
-  currentPage: makeProp(PROP_TYPE_NUMBER_STRING, 1),
-  perPage: makeProp(PROP_TYPE_NUMBER_STRING, 0)
+  currentPage: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: 1
+  },
+  perPage: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: 0
+  }
 }
 
 // --- Mixin ---

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

@@ -2,15 +2,15 @@ import { extend } from '../../../vue'
 import { NAME_TABLE } from '../../../constants/components'
 import { EVENT_NAME_REFRESH, EVENT_NAME_REFRESHED } from '../../../constants/events'
 import {
-  PROP_TYPE_ARRAY_FUNCTION,
+  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'
 import { clone } from '../../../utils/object'
-import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { warn } from '../../../utils/warn'
 import { listenOnRootMixin } from '../../../mixins/listen-on-root'
@@ -25,12 +25,32 @@ const ROOT_ACTION_EVENT_NAME_REFRESH = getRootActionEventName(NAME_TABLE, EVENT_
 export const props = {
   // Passed to the context object
   // Not used by `<b-table>` directly
-  apiUrl: makeProp(PROP_TYPE_STRING),
+  apiUrl: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
   // Adds in 'Function' support
-  items: makeProp(PROP_TYPE_ARRAY_FUNCTION, []),
-  noProviderFiltering: makeProp(PROP_TYPE_BOOLEAN, false),
-  noProviderPaging: makeProp(PROP_TYPE_BOOLEAN, false),
-  noProviderSorting: makeProp(PROP_TYPE_BOOLEAN, false)
+  items: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_FUNCTION],
+    required: false,
+    default: () => []
+  },
+  noProviderFiltering: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noProviderPaging: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noProviderSorting: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 }
 
 // --- Mixin ---

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

@@ -6,7 +6,6 @@ import { identity } from '../../../utils/identity'
 import { isArray, isNumber } from '../../../utils/inspect'
 import { looseEqual } from '../../../utils/loose-equal'
 import { mathMax, mathMin } from '../../../utils/math'
-import { makeProp } from '../../../utils/props'
 import { toString } from '../../../utils/string'
 import { sanitizeRow } from './sanitize-row'
 
@@ -20,12 +19,27 @@ const ROLE_GRID = 'grid'
 
 export const props = {
   // Disable use of click handlers for row selection
-  noSelectOnClick: makeProp(PROP_TYPE_BOOLEAN, false),
-  selectMode: makeProp(PROP_TYPE_STRING, 'multi', value => {
-    return SELECT_MODES.includes(value)
-  }),
-  selectable: makeProp(PROP_TYPE_BOOLEAN, false),
-  selectedVariant: makeProp(PROP_TYPE_STRING, 'active')
+  noSelectOnClick: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  selectMode: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'multi',
+    validator: value => SELECT_MODES.includes(value)
+  },
+  selectable: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  selectedVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'active'
+  }
 }
 
 // --- Mixin ---

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

@@ -1,14 +1,13 @@
 import { extend } from '../../../vue'
 import { EVENT_NAME_SORT_CHANGED, MODEL_EVENT_NAME_PREFIX } from '../../../constants/events'
 import {
-  PROP_TYPE_ARRAY_STRING,
+  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 { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { stableSort } from '../../../utils/stable-sort'
 import { trim } from '../../../utils/string'
@@ -30,36 +29,91 @@ const SORT_DIRECTIONS = [SORT_DIRECTION_ASC, SORT_DIRECTION_DESC, SORT_DIRECTION
 // --- Props ---
 
 export const props = {
-  labelSortAsc: makeProp(PROP_TYPE_STRING, 'Click to sort ascending'),
-  labelSortClear: makeProp(PROP_TYPE_STRING, 'Click to clear sorting'),
-  labelSortDesc: makeProp(PROP_TYPE_STRING, 'Click to sort descending'),
-  noFooterSorting: makeProp(PROP_TYPE_BOOLEAN, false),
-  noLocalSorting: makeProp(PROP_TYPE_BOOLEAN, false),
+  labelSortAsc: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Click to sort ascending'
+  },
+  labelSortClear: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Click to clear sorting'
+  },
+  labelSortDesc: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Click to sort descending'
+  },
+  noFooterSorting: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noLocalSorting: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Another prop that should have had a better name
   // It should be `noSortClear` (on non-sortable headers)
   // 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: makeProp(PROP_TYPE_BOOLEAN, false),
-  [MODEL_PROP_NAME_SORT_BY]: makeProp(PROP_TYPE_STRING),
-  sortCompare: makeProp(PROP_TYPE_FUNCTION),
+  noSortReset: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  [MODEL_PROP_NAME_SORT_BY]: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  sortCompare: {
+    type: PROP_TYPE_FUNCTION,
+    required: false,
+    default: undefined
+  },
   // String: locale code
   // Array: array of Locale strings
-  sortCompareLocale: makeProp(PROP_TYPE_ARRAY_STRING),
+  sortCompareLocale: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_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: makeProp(PROP_TYPE_OBJECT, { numeric: true }),
+  sortCompareOptions: {
+    type: PROP_TYPE_OBJECT,
+    required: false,
+    default: () => ({ numeric: true })
+  },
   // TODO: Make this tri-state: `true`, `false`, `null`
-  [MODEL_PROP_NAME_SORT_DESC]: makeProp(PROP_TYPE_BOOLEAN, false),
+  [MODEL_PROP_NAME_SORT_DESC]: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // This prop is named incorrectly
   // It should be `initialSortDirection` as it is a bit misleading
   // (not to mention it screws up the ARIA label on the headers)
-  sortDirection: makeProp(PROP_TYPE_STRING, SORT_DIRECTION_ASC, value => {
-    return SORT_DIRECTIONS.includes(value)
-  }),
+  sortDirection: {
+    type: PROP_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: makeProp(PROP_TYPE_BOOLEAN, false),
+  sortIconLeft: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Sort null and undefined to appear last
-  sortNullLast: makeProp(PROP_TYPE_BOOLEAN, false)
+  sortNullLast: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 }
 
 // --- Mixin ---

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

@@ -1,11 +1,14 @@
 import { extend } from '../../../vue'
-import { PROP_TYPE_BOOLEAN_STRING } from '../../../constants/props'
-import { makeProp } from '../../../utils/props'
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../../constants/props'
 
 // --- Props ---
 
 export const props = {
-  stacked: makeProp(PROP_TYPE_BOOLEAN_STRING, false)
+  stacked: {
+    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    required: false,
+    default: false
+  }
 }
 
 // --- Mixin ---