@gitlab/ui 132.0.3 → 132.2.0

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

@@ -1,12 +1,6 @@
 import { extend } from '../../vue'
 import { NAME_TAB } from '../../constants/components'
 import { MODEL_EVENT_NAME_PREFIX } from '../../constants/events'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import { SLOT_NAME_TITLE } from '../../constants/slots'
 import { sortKeys } from '../../utils/object'
 import { idMixin, props as idProps } from '../../mixins/id'
@@ -23,54 +17,54 @@ const MODEL_EVENT_NAME_ACTIVE = MODEL_EVENT_NAME_PREFIX + MODEL_PROP_NAME_ACTIVE
 export const props = sortKeys({
   ...idProps,
   [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
   }

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

@@ -6,6 +6,7 @@ import {
   EVENT_NAME_CHANGED,
   EVENT_NAME_CLICK,
   EVENT_NAME_FIRST,
+  EVENT_NAME_INPUT,
   EVENT_NAME_LAST,
   EVENT_NAME_NEXT,
   EVENT_NAME_PREV
@@ -19,13 +20,6 @@ import {
   CODE_SPACE,
   CODE_UP
 } from '../../constants/key-codes'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_NUMBER,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import {
   SLOT_NAME_EMPTY,
   SLOT_NAME_TABS_END,
@@ -34,7 +28,6 @@ import {
   SLOT_NAME_TOOLBAR_START,
   SLOT_NAME_TITLE
 } from '../../constants/slots'
-
 import { BvEvent } from '../../utils/bv-event.class'
 import { attemptFocus, selectAll, requestAF } from '../../utils/dom'
 import { stopEvent } from '../../utils/events'
@@ -42,7 +35,6 @@ import { identity } from '../../utils/identity'
 import { isEvent } 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 { sortKeys } from '../../utils/object'
 import { observeDom } from '../../utils/observe-dom'
@@ -53,12 +45,8 @@ import { BLink } from '../link/link'
 
 // --- Constants ---
 
-const {
-  mixin: modelMixin,
-  props: modelProps,
-  prop: MODEL_PROP_NAME,
-  event: MODEL_EVENT_NAME
-} = makeModelMixin('value', { type: PROP_TYPE_NUMBER })
+const MODEL_PROP_NAME = 'value'
+const MODEL_EVENT_NAME = EVENT_NAME_INPUT
 
 // --- Helper methods ---
 
@@ -77,27 +65,27 @@ const BVTabButton = /*#__PURE__*/ extend({
   },
   props: {
     controls: {
-      type: PROP_TYPE_STRING,
+      type: String,
       required: false,
       default: undefined
     },
     id: {
-      type: PROP_TYPE_STRING,
+      type: String,
       required: false,
       default: undefined
     },
     noKeyNav: {
-      type: PROP_TYPE_BOOLEAN,
+      type: Boolean,
       required: false,
       default: false
     },
     posInSet: {
-      type: PROP_TYPE_NUMBER,
+      type: Number,
       required: false,
       default: undefined
     },
     setSize: {
-      type: PROP_TYPE_NUMBER,
+      type: Number,
       required: false,
       default: undefined
     },
@@ -107,7 +95,7 @@ const BVTabButton = /*#__PURE__*/ extend({
       default: undefined
     },
     tabIndex: {
-      type: PROP_TYPE_NUMBER,
+      type: Number,
       required: false,
       default: undefined
     }
@@ -216,27 +204,27 @@ const BVTabButton = /*#__PURE__*/ extend({
 // --- Props ---
 const navProps = {
   align: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   fill: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   justified: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   pills: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   small: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }
@@ -244,65 +232,67 @@ const navProps = {
 
 export const props = sortKeys({
   ...idProps,
-  ...modelProps,
+  [MODEL_PROP_NAME]: {
+    type: Number
+  },
   ...navProps,
   // Only applied to the currently active `li`
   activeNavItemClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   // Only applied to the currently active `<b-tab>`
   // This prop is sniffed by the `<b-tab>` child
   activeTabClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   contentClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   // Synonym for 'bottom'
   end: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // This prop is sniffed by the `<b-tab>` child
   lazy: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   navClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   navWrapperClass: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Array, Object, String],
     required: false,
     default: undefined
   },
   noFade: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noKeyNav: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noNavStyle: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'div'
   }
@@ -313,7 +303,11 @@ export const props = sortKeys({
 // @vue/component
 export const BTabs = /*#__PURE__*/ extend({
   name: NAME_TABS,
-  mixins: [idMixin, modelMixin, normalizeSlotMixin],
+  mixins: [idMixin, normalizeSlotMixin],
+  model: {
+    prop: MODEL_PROP_NAME,
+    event: MODEL_EVENT_NAME
+  },
   provide() {
     return {
       getBvTabs: () => this

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

@@ -13,14 +13,6 @@ import {
   EVENT_NAME_SHOWN,
   MODEL_EVENT_NAME_PREFIX
 } from '../../constants/events'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_FUNCTION,
-  PROP_TYPE_NUMBER,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import { HTMLElement, SVGElement } from '../../constants/safe-types'
 import { useParentMixin } from '../../mixins/use-parent'
 import { getScopeId } from '../../utils/get-scope-id'
@@ -46,12 +38,12 @@ export const props = {
   // Element: element reference
   // Object: Vue component
   boundary: {
-    type: [HTMLElement, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [HTMLElement, Object, String],
     required: false,
     default: 'scrollParent'
   },
   boundaryPadding: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: 5
   },
@@ -59,59 +51,59 @@ export const props = {
   // HTMLElement: element reference reference
   // Object: Vue Component
   container: {
-    type: [HTMLElement, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [HTMLElement, Object, String],
     required: false,
     default: undefined
   },
   customClass: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'gl-tooltip'
   },
   delay: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [Number, Object, String],
     required: false,
     default: () => ({ ...TOOLTIP_DELAY })
   },
   [MODEL_PROP_NAME_ENABLED]: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   fallbackPlacement: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    type: [Array, String],
     required: false,
     default: 'flip'
   },
   // ID to use for tooltip element
   // If not provided on will automatically be generated
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   noFade: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   noninteractive: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   offset: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: 0
   },
   placement: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'top'
   },
   [MODEL_PROP_NAME_SHOW]: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
@@ -119,21 +111,21 @@ export const props = {
   // Or function that returns one of the above
   // Required
   target: {
-    type: [HTMLElement, SVGElement, PROP_TYPE_FUNCTION, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    type: [HTMLElement, SVGElement, Function, Object, String],
     required: true
   },
   title: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   triggers: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    type: [Array, String],
     required: false,
     default: 'hover focus'
   },
   variant: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }

package/src/vendor/bootstrap-vue/src/components/transition/bv-transition.js

@@ -6,7 +6,6 @@
 
 import { extend, mergeData } from '../../vue'
 import { NAME_TRANSITION } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props'
 import { isPlainObject } from '../../utils/inspect'
 
 // --- Constants ---
@@ -32,26 +31,26 @@ const FADE_PROPS = {
 export const props = {
   // Has no effect if `trans-props` provided
   appear: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Can be overridden by user supplied `trans-props`
   mode: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   // Only applicable to the built in transition
   // Has no effect if `trans-props` provided
   noFade: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // For user supplied transitions (if needed)
   transProps: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: undefined
   }

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

@@ -1,12 +1,6 @@
 import { isVue3, extend } from '../../vue'
 import { NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET } from '../../constants/components'
 import { IS_BROWSER } from '../../constants/env'
-import {
-  PROP_TYPE_ARRAY,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_FUNCTION,
-  PROP_TYPE_STRING
-} from '../../constants/props'
 import { HTMLElement } from '../../constants/safe-types'
 import { concat } from '../../utils/array'
 import { removeNode, select } from '../../utils/dom'
@@ -41,7 +35,7 @@ const BVTransporterTarget = /*#__PURE__*/ extend({
     // Even though we only support a single root element,
     // VNodes are always passed as an array
     nodes: {
-      type: [PROP_TYPE_ARRAY, PROP_TYPE_FUNCTION],
+      type: [Array, Function],
       required: false,
       default: undefined
     }
@@ -75,18 +69,18 @@ export const props = {
   // HTMLElement: Element reference
   // Mainly needed for tooltips/popovers inside modals
   container: {
-    type: [HTMLElement, PROP_TYPE_STRING],
+    type: [HTMLElement, String],
     required: false,
     default: 'body'
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // This should be set to match the root element type
   tag: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'div'
   }

package/src/vendor/bootstrap-vue/src/mixins/dropdown.js

@@ -18,12 +18,6 @@ import {
   PLACEMENT_RIGHT_START,
   PLACEMENT_LEFT_START
 } from '../constants/popper'
-import {
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_NUMBER,
-  PROP_TYPE_OBJECT,
-  PROP_TYPE_STRING
-} from '../constants/props'
 import { HTMLElement } from '../constants/safe-types'
 import { BvEvent } from '../utils/bv-event.class'
 import { attemptFocus, closest, contains, isVisible, requestAF, selectAll } from '../utils/dom'
@@ -62,54 +56,54 @@ export const props = sortKeys({
   // String: `scrollParent`, `window` or `viewport`
   // HTMLElement: HTML Element reference
   boundary: {
-    type: [HTMLElement, PROP_TYPE_STRING],
+    type: [HTMLElement, String],
     required: false,
     default: 'scrollParent'
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Place left if possible
   dropleft: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Place right if possible
   dropright: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Place on top if possible
   dropup: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Disable auto-flipping of menu from bottom <=> top
   noFlip: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   // Number of pixels or a CSS unit value to offset menu
   // (i.e. `1px`, `1rem`, etc.)
   offset: {
-    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    type: [Number, String],
     required: false,
     default: 0
   },
   popperOpts: {
-    type: PROP_TYPE_OBJECT,
+    type: Object,
     required: false,
     default: () => ({})
   },
   // Right align menu (default is left align)
   right: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }

package/src/vendor/bootstrap-vue/src/mixins/form-control.js

@@ -1,5 +1,4 @@
 import { extend } from '../vue'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../constants/props'
 import { attemptFocus, isVisible, matches, requestAF, select } from '../utils/dom'
 
 // --- Constants ---
@@ -10,32 +9,32 @@ const SELECTOR = 'input, textarea, select'
 
 export const props = {
   autofocus: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   disabled: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   },
   form: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   id: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   name: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   },
   required: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }

package/src/vendor/bootstrap-vue/src/mixins/form-custom.js

@@ -1,11 +1,10 @@
 import { extend } from '../vue'
-import { PROP_TYPE_BOOLEAN } from '../constants/props'
 
 // --- Props ---
 
 export const props = {
   plain: {
-    type: PROP_TYPE_BOOLEAN,
+    type: Boolean,
     required: false,
     default: false
   }

package/src/vendor/bootstrap-vue/src/mixins/form-options.js

@@ -1,5 +1,4 @@
 import { extend } from '../vue'
-import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../constants/props'
 import { get } from '../utils/get'
 import { stripTags } from '../utils/html'
 import { isArray, isPlainObject, isUndefined } from '../utils/inspect'
@@ -15,27 +14,27 @@ const OPTIONS_OBJECT_DEPRECATED_MSG =
 
 export const props = {
   disabledField: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'disabled'
   },
   htmlField: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'html'
   },
   options: {
-    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT],
+    type: [Array, Object],
     required: false,
     default: () => []
   },
   textField: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'text'
   },
   valueField: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: 'value'
   }

package/src/vendor/bootstrap-vue/src/mixins/form-size.js

@@ -1,11 +1,10 @@
 import { extend } from '../vue'
-import { PROP_TYPE_STRING } from '../constants/props'
 
 // --- Props ---
 
 export const props = {
   size: {
-    type: PROP_TYPE_STRING,
+    type: String,
     required: false,
     default: undefined
   }