@gitlab/ui 132.0.3 → 132.2.0

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

@@ -1,7 +1,6 @@
 import { extend } from '../../vue'
 import { NAME_FORM_SELECT } from '../../constants/components'
-import { EVENT_NAME_CHANGE } from '../../constants/events'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER, PROP_TYPE_STRING } from '../../constants/props'
+import { EVENT_NAME_CHANGE, EVENT_NAME_INPUT } from '../../constants/events'
 import { SLOT_NAME_FIRST } from '../../constants/slots'
 import { from as arrayFrom } from '../../utils/array'
 import { attemptBlur, attemptFocus } from '../../utils/dom'
@@ -12,41 +11,38 @@ import { formControlMixin, props as formControlProps } from '../../mixins/form-c
 import { formCustomMixin, props as formCustomProps } from '../../mixins/form-custom'
 import { formSizeMixin, props as formSizeProps } from '../../mixins/form-size'
 import { formStateMixin, props as formStateProps } from '../../mixins/form-state'
-import { idMixin, props as idProps } from '../../mixins/id'
-import {
-  MODEL_EVENT_NAME,
-  MODEL_PROP_NAME,
-  modelMixin,
-  props as modelProps
-} from '../../mixins/model'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
+import { idMixin, props as idProps } from '../../mixins/id'
 import { optionsMixin } from './helpers/mixin-options'
 import { BFormSelectOption } from './form-select-option'
 import { BFormSelectOptionGroup } from './form-select-option-group'
 
+const MODEL_PROP_NAME = 'value'
+const MODEL_EVENT_NAME = EVENT_NAME_INPUT
+
 // --- Props ---
 
 export const props = sortKeys({
   ...idProps,
-  ...modelProps,
+  [MODEL_PROP_NAME]: {},
   ...formControlProps,
   ...formCustomProps,
   ...formSizeProps,
   ...formStateProps,
   ariaInvalid: {
-    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    type: [Boolean, String],
     required: false,
     default: false
   },
   multiple: {
-    type: PROP_TYPE_BOOLEAN,
+    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: {
-    type: PROP_TYPE_NUMBER,
+    type: Number,
     required: false,
     default: 0
   }
@@ -59,7 +55,6 @@ export const BFormSelect = /*#__PURE__*/ extend({
   name: NAME_FORM_SELECT,
   mixins: [
     idMixin,
-    modelMixin,
     formControlMixin,
     formSizeMixin,
     formStateMixin,
@@ -67,6 +62,10 @@ export const BFormSelect = /*#__PURE__*/ extend({
     optionsMixin,
     normalizeSlotMixin
   ],
+  model: {
+    prop: MODEL_PROP_NAME,
+    event: MODEL_EVENT_NAME
+  },
   props,
   data() {
     return {

package/src/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_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'
@@ -26,31 +25,31 @@ export const props = sortKeys({
   ...formStateProps,
   ...formTextProps,
   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'
   }

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

@@ -14,12 +14,6 @@ import {
   EVENT_OPTIONS_NO_CAPTURE
 } from '../../constants/events'
 import { CODE_ESC } from '../../constants/key-codes'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import { HTMLElement } from '../../constants/safe-types'
 import {
   SLOT_NAME_DEFAULT,
@@ -45,7 +39,6 @@ import { getRootActionEventName, getRootEventName, eventOn, eventOff } from '../
 import { htmlOrText } from '../../utils/html'
 import { identity } from '../../utils/identity'
 import { isString, isUndefinedOrNull } from '../../utils/inspect'
-import { makeModelMixin } from '../../utils/model'
 import { sortKeys } from '../../utils/object'
 import { observeDom } from '../../utils/observe-dom'
 import { attrsMixin } from '../../mixins/attrs'
@@ -64,16 +57,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'
@@ -101,14 +86,17 @@ const OBSERVER_CONFIG = {
 
 export const props = sortKeys({
   ...idProps,
-  ...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 => {
@@ -116,212 +104,212 @@ export 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'
   }
@@ -335,13 +323,16 @@ export const BModal = /*#__PURE__*/ extend({
   mixins: [
     attrsMixin,
     idMixin,
-    modelMixin,
     listenOnDocumentMixin,
     listenOnRootMixin,
     listenOnWindowMixin,
     normalizeSlotMixin,
     scopedStyleMixin
   ],
+  model: {
+    prop: MODEL_PROP_NAME,
+    event: MODEL_EVENT_NAME
+  },
   inheritAttrs: false,
   props,
   data() {

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

@@ -1,12 +1,6 @@
 import { extend } from '../../vue'
 import { NAME_POPOVER } from '../../constants/components'
 import { EVENT_NAME_CLICK } from '../../constants/events'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_NUMBER,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import { SLOT_NAME_TITLE } from '../../constants/slots'
 import { BTooltip, props as BTooltipProps } from '../tooltip/tooltip'
 import { BVPopover } from './helpers/bv-popover'
@@ -17,22 +11,22 @@ import { sortKeys } from '../../utils/object'
 export const props = sortKeys({
   ...BTooltipProps,
   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, hide: 150 })
   },
   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/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-busy.js

@@ -1,6 +1,5 @@
 import { extend } from '../../../vue'
 import { MODEL_EVENT_NAME_PREFIX } from '../../../constants/events'
-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'
@@ -16,7 +15,7 @@ const MODEL_EVENT_NAME_BUSY = MODEL_EVENT_NAME_PREFIX + MODEL_PROP_NAME_BUSY
 
 export const props = {
   [MODEL_PROP_NAME_BUSY]: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }

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

@@ -1,5 +1,4 @@
 import { extend } from '../../../vue'
-import { PROP_TYPE_STRING } from '../../../constants/props'
 import { SLOT_NAME_TABLE_CAPTION } from '../../../constants/slots'
 import { htmlOrText } from '../../../utils/html'
 
@@ -7,12 +6,12 @@ import { htmlOrText } from '../../../utils/html'
 
 export const props = {
   caption: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   captionHtml: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

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

@@ -1,5 +1,4 @@
 import { extend } from '../../../vue'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../../constants/props'
 import {
   SLOT_NAME_EMPTY,
   SLOT_NAME_EMPTYFILTERED,
@@ -15,27 +14,27 @@ import { BTd } from '../td'
 
 export const props = {
   emptyFilteredHtml: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   emptyFilteredText: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'There are no records matching your request'
   },
   emptyHtml: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   emptyText: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'There are no records to show'
   },
   showEmpty: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }

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

@@ -1,14 +1,6 @@
 import { extend } from '../../../vue'
 import { NAME_TABLE } from '../../../constants/components'
 import { EVENT_NAME_FILTERED } from '../../../constants/events'
-import {
-  PROP_TYPE_REG_EXP,
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_FUNCTION,
-  PROP_TYPE_NUMBER,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../../constants/props'
 import { RX_DIGITS, RX_SPACES } from '../../../constants/regex'
 import { concat } from '../../../utils/array'
 import { cloneDeep } from '../../../utils/clone-deep'
@@ -29,28 +21,28 @@ const DEBOUNCE_DEPRECATED_MSG =
 
 export const props = {
   filter: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING, PROP_TYPE_REG_EXP],
+    type: [Array, Object, String, RegExp],
     required: false,
     default: undefined
   },
   filterDebounce: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: 0,
     validator: value => RX_DIGITS.test(String(value))
   },
   filterFunction: {
-    type: PROP_TYPE_FUNCTION,
+    type: Function,
     required: false,
     default: undefined
   },
   filterIgnoredFields: {
-    type: PROP_TYPE_ARRAY,
+    type: Array,
     required: false,
     default: () => []
   },
   filterIncludedFields: {
-    type: PROP_TYPE_ARRAY,
+    type: Array,
     required: false,
     default: () => []
   }