@gitlab/ui 131.3.2 → 132.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "131.3.2",
+  "version": "132.0.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -103,6 +103,7 @@
     "@cypress/grep": "^4.1.1",
     "@figma/code-connect": "^1.4.3",
     "@gitlab/fonts": "^1.3.1",
+    "@gitlab/hybrid-vue": "npm:@vue/compat@3.5.30",
     "@gitlab/svgs": "*",
     "@jest/test-sequencer": "30.3.0",
     "@rollup/plugin-commonjs": "^28.0.9",
@@ -132,10 +133,10 @@
     "@yarnpkg/lockfile": "^1.1.0",
     "acorn": "^8.16.0",
     "acorn-walk": "^8.3.5",
-    "autoprefixer": "10.4.27",
+    "autoprefixer": "10.5.0",
     "axe-playwright": "^2.2.2",
     "babel-loader": "^9.2.1",
-    "cypress": "15.13.1",
+    "cypress": "15.14.0",
     "cypress-real-events": "^1.15.0",
     "dompurify": "^3.1.2",
     "emoji-regex": "^10.6.0",

package/src/components/base/form/form_checkbox/form_checkbox_group.vue

@@ -1,8 +1,8 @@
 <script>
 import { uniqueId, isBoolean, omit, pick } from 'lodash-es';
 import { looseEqual } from '../../../../utils/equality_utils';
-import { formOptionsMixin } from '../../../../vendor/bootstrap-vue/src/mixins/form-options';
 import { SafeHtmlDirective as SafeHtml } from '../../../../directives/safe_html/safe_html';
+import { normalizeOptions } from '../../../../utils/form_options_utils';
 import GlFormCheckbox from './form_checkbox.vue';
 
 // Attributes to pass down to checks/radios instead of applying them to the group
@@ -14,7 +14,6 @@ export default {
   directives: {
     SafeHtml,
   },
-  mixins: [formOptionsMixin],
   provide() {
     return {
       getCheckboxGroup: () => this,
@@ -98,6 +97,9 @@ export default {
     };
   },
   computed: {
+    formOptions() {
+      return normalizeOptions(this.options);
+    },
     computedState() {
       return isBoolean(this.state) ? this.state : null;
     },

package/src/components/base/form/form_radio_group/form_radio_group.vue

@@ -1,8 +1,8 @@
 <script>
 import { uniqueId, isBoolean, omit, pick } from 'lodash-es';
 import { looseEqual } from '../../../../utils/equality_utils';
-import { formOptionsMixin } from '../../../../vendor/bootstrap-vue/src/mixins/form-options';
 import { SafeHtmlDirective as SafeHtml } from '../../../../directives/safe_html/safe_html';
+import { normalizeOptions } from '../../../../utils/form_options_utils';
 import GlFormRadio from '../form_radio/form_radio.vue';
 
 // Attributes to pass down to checks/radios instead of applying them to the group
@@ -16,7 +16,6 @@ export default {
   directives: {
     SafeHtml,
   },
-  mixins: [formOptionsMixin],
   provide() {
     return {
       getRadioGroup: () => this,
@@ -101,6 +100,9 @@ export default {
     };
   },
   computed: {
+    formOptions() {
+      return normalizeOptions(this.options);
+    },
     computedState() {
       return isBoolean(this.state) ? this.state : null;
     },

package/src/components/base/link/link.vue

@@ -2,16 +2,13 @@
 import { isFunction, isString, isObject, toString, isBoolean, concat } from 'lodash-es';
 import { SafeLinkDirective, isExternalURL } from '../../../directives/safe_link/safe_link';
 import { stopEvent } from '../../../utils/utils';
-import { isEvent } from '../../../vendor/bootstrap-vue/src/utils/inspect';
+import { isVue3, safeVueInstance } from '../../../utils/vue_utils';
 import { stringifyQueryObj } from '../../../vendor/bootstrap-vue/src/utils/router';
-import { safeVueInstance } from '../../../vendor/bootstrap-vue/src/utils/safe-vue-instance';
-import { attemptFocus, attemptBlur } from '../../../vendor/bootstrap-vue/src/utils/dom';
 import {
   linkVariantOptions,
   linkVariantInline,
   linkVariantMeta,
   linkVariantUnstyled,
-  isVue3,
 } from '../../../utils/constants';
 
 const ANCHOR_TAG = 'a';
@@ -162,7 +159,7 @@ export default {
       return this.tag !== ANCHOR_TAG;
     },
     isVue3RouterLink() {
-      return this.tag === VUE_ROUTER_LINK_TAG && isVue3;
+      return this.tag === VUE_ROUTER_LINK_TAG && isVue3(this);
     },
     shouldShowExternalIcon() {
       const allowedVariants = [linkVariantInline, linkVariantMeta, null]; // null represents default/UI variant
@@ -250,7 +247,7 @@ export default {
   },
   methods: {
     onClick(event, navigate) {
-      const eventIsEvent = isEvent(event);
+      const eventIsEvent = event instanceof Event;
       const suppliedHandler = this.$listeners.click;
 
       if (eventIsEvent && this.disabled) {
@@ -292,10 +289,10 @@ export default {
       }
     },
     focus() {
-      attemptFocus(this.$el);
+      this.$el.focus();
     },
     blur() {
-      attemptBlur(this.$el);
+      this.$el.blur();
     },
   },
 };

package/src/utils/constants.js

@@ -1,4 +1,3 @@
-import Vue from 'vue';
 import { POSITION } from '../components/utilities/truncate/constants';
 
 export const COMMA = ',';
@@ -385,5 +384,3 @@ export const loadingIconVariants = {
   spinner: 'spinner',
   dots: 'dots',
 };
-
-export const isVue3 = Boolean(Vue.Fragment);

package/src/utils/form_options_utils.js

@@ -0,0 +1,39 @@
+/**
+ * Normalizes a single option into a standard { value, text, html, disabled } shape.
+ */
+function normalizeOption(option) {
+  if (option !== null && typeof option === 'object') {
+    const { value, text, html, disabled } = option;
+    return {
+      value: value === undefined ? text : value,
+      text: String(text),
+      html,
+      disabled: Boolean(disabled),
+    };
+  }
+  return {
+    value: option,
+    text: String(option),
+    disabled: false,
+  };
+}
+
+/**
+ * Normalizes an options array into a consistent format for rendering.
+ *
+ * Each option can be a primitive (string, number) or an object with
+ * `{ value, text, html, disabled }` properties. Primitives are converted
+ * to `{ value, text, disabled: false }`. For objects, `value` defaults to
+ * `text` when omitted and `disabled` defaults to `false`.
+ *
+ * @param {Array<string|number|{value?: *, text: string, html?: string, disabled?: boolean}>} options
+ *   The raw options array to normalize.
+ * @returns {Array<{value: *, text: string, html?: string, disabled: boolean}>}
+ *   The normalized options, or an empty array if the input is not an array.
+ */
+export function normalizeOptions(options) {
+  if (Array.isArray(options)) {
+    return options.map((option) => normalizeOption(option));
+  }
+  return [];
+}

package/src/utils/vue_utils.js

@@ -0,0 +1,56 @@
+import Vue from 'vue';
+
+/**
+ * Checks whether the global Vue version is Vue 3 (or the Vue 3 compat build).
+ *
+ * Use this for module-level checks where no component instance is available,
+ * such as conditional test logic or static configuration.
+ *
+ * @type {boolean}
+ */
+export const isGlobalVue3 = Boolean(Vue.Fragment);
+
+/**
+ * Checks whether a component instance is running under Vue 3 (or compat mode).
+ *
+ * In Vue 3, component instances expose an internal `$` property that holds
+ * the component's internal instance. This property does not exist in Vue 2.
+ *
+ * Prefer this over {@link isGlobalVue3} when you have access to a component
+ * instance, as it checks at the instance level rather than the global level.
+ *
+ * @param {object} instance - The Vue component instance (`this`).
+ * @returns {boolean} `true` if the instance is a Vue 3 component.
+ */
+export const isVue3 = (instance) => Boolean(instance.$);
+
+/**
+ * Wraps a Vue component instance to safely access properties without
+ * triggering Vue 3 development warnings.
+ *
+ * In Vue 3 (and compat mode), component instances are Proxies. Accessing a
+ * property that doesn't exist on the instance (e.g. `this.$router` when no
+ * router is installed) triggers a development warning from Vue's `get` trap:
+ * "Property X was accessed during render but is not defined on instance."
+ *
+ * This utility returns a Proxy that uses the `in` operator (which hits Vue's
+ * `has` trap, which is silent) to check for property existence before accessing
+ * it. If the property doesn't exist, `undefined` is returned without ever
+ * hitting Vue's `get` trap.
+ *
+ * In Vue 2, the instance is returned as-is since there are no Proxy warnings.
+ *
+ * @param {object} target - The Vue component instance (`this`).
+ * @returns {object} The original instance (Vue 2) or a safe Proxy wrapper (Vue 3).
+ */
+export function safeVueInstance(target) {
+  if (!isVue3(target)) {
+    return target;
+  }
+
+  return new Proxy(target, {
+    get(obj, prop) {
+      return prop in obj ? obj[prop] : undefined;
+    },
+  });
+}

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

@@ -15,8 +15,7 @@ import {
 } from '../../constants/events'
 import { CODE_ESC } from '../../constants/key-codes'
 import {
-  PROP_TYPE_ARRAY_OBJECT_STRING,
-  PROP_TYPE_ARRAY_STRING,
+  PROP_TYPE_ARRAY,
   PROP_TYPE_BOOLEAN,
   PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
@@ -49,7 +48,6 @@ import { isString, isUndefinedOrNull } from '../../utils/inspect'
 import { makeModelMixin } from '../../utils/model'
 import { sortKeys } from '../../utils/object'
 import { observeDom } from '../../utils/observe-dom'
-import { makeProp } from '../../utils/props'
 import { attrsMixin } from '../../mixins/attrs'
 import { idMixin, props as idProps } from '../../mixins/id'
 import { listenOnDocumentMixin } from '../../mixins/listen-on-document'
@@ -104,60 +102,229 @@ const OBSERVER_CONFIG = {
 export const props = sortKeys({
   ...idProps,
   ...modelProps,
-  ariaLabel: makeProp(PROP_TYPE_STRING),
-  autoFocusButton: makeProp(
-    PROP_TYPE_STRING,
-    null,
-    /* istanbul ignore next */ value => {
+  ariaLabel: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  autoFocusButton: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: null,
+    validator: value => {
       return isUndefinedOrNull(value) || arrayIncludes(BUTTONS, value)
     }
-  ),
-  bodyClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  busy: makeProp(PROP_TYPE_BOOLEAN, false),
-  buttonSize: makeProp(PROP_TYPE_STRING),
-  cancelDisabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  cancelTitle: makeProp(PROP_TYPE_STRING, 'Cancel'),
-  cancelTitleHtml: makeProp(PROP_TYPE_STRING),
-  cancelVariant: makeProp(PROP_TYPE_STRING, 'secondary'),
-  centered: makeProp(PROP_TYPE_BOOLEAN, false),
-  contentClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  dialogClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  footerClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  footerTag: makeProp(PROP_TYPE_STRING, 'footer'),
-  headerClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  headerCloseContent: makeProp(PROP_TYPE_STRING, '×'),
-  headerCloseLabel: makeProp(PROP_TYPE_STRING, 'Close'),
-  headerTag: makeProp(PROP_TYPE_STRING, 'header'),
+  },
+  bodyClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  busy: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  buttonSize: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  cancelDisabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  cancelTitle: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Cancel'
+  },
+  cancelTitleHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  cancelVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'secondary'
+  },
+  centered: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  contentClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  dialogClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  footerClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  footerTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'footer'
+  },
+  headerClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  headerCloseContent: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: '×'
+  },
+  headerCloseLabel: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Close'
+  },
+  headerTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'header'
+  },
   // TODO: Rename to `noBackdrop` and deprecate `hideBackdrop`
-  hideBackdrop: makeProp(PROP_TYPE_BOOLEAN, false),
+  hideBackdrop: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // TODO: Rename to `noFooter` and deprecate `hideFooter`
-  hideFooter: makeProp(PROP_TYPE_BOOLEAN, false),
+  hideFooter: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // TODO: Rename to `noHeader` and deprecate `hideHeader`
-  hideHeader: makeProp(PROP_TYPE_BOOLEAN, false),
+  hideHeader: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // TODO: Rename to `noHeaderClose` and deprecate `hideHeaderClose`
-  hideHeaderClose: makeProp(PROP_TYPE_BOOLEAN, false),
-  ignoreEnforceFocusSelector: makeProp(PROP_TYPE_ARRAY_STRING),
-  lazy: makeProp(PROP_TYPE_BOOLEAN, false),
-  modalClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  noCloseOnBackdrop: makeProp(PROP_TYPE_BOOLEAN, false),
-  noCloseOnEsc: makeProp(PROP_TYPE_BOOLEAN, false),
-  noEnforceFocus: makeProp(PROP_TYPE_BOOLEAN, false),
-  noFade: makeProp(PROP_TYPE_BOOLEAN, false),
-  noStacking: makeProp(PROP_TYPE_BOOLEAN, false),
-  okDisabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  okOnly: makeProp(PROP_TYPE_BOOLEAN, false),
-  okTitle: makeProp(PROP_TYPE_STRING, 'OK'),
-  okTitleHtml: makeProp(PROP_TYPE_STRING),
-  okVariant: makeProp(PROP_TYPE_STRING, 'primary'),
+  hideHeaderClose: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  ignoreEnforceFocusSelector: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  lazy: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  modalClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  noCloseOnBackdrop: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noCloseOnEsc: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noEnforceFocus: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noFade: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noStacking: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  okDisabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  okOnly: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  okTitle: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'OK'
+  },
+  okTitleHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  okVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'primary'
+  },
   // HTML Element, CSS selector string or Vue component instance
-  returnFocus: makeProp([HTMLElement, PROP_TYPE_OBJECT, PROP_TYPE_STRING]),
-  scrollable: makeProp(PROP_TYPE_BOOLEAN, false),
-  size: makeProp(PROP_TYPE_STRING, 'md'),
-  static: makeProp(PROP_TYPE_BOOLEAN, false),
-  title: makeProp(PROP_TYPE_STRING),
-  titleClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  titleHtml: makeProp(PROP_TYPE_STRING),
-  titleTag: makeProp(PROP_TYPE_STRING, 'h5')
+  returnFocus: {
+    type: [HTMLElement, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  scrollable: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  size: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'md'
+  },
+  static: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  title: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  titleClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  titleHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  titleTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'h5'
+  }
 })
 
 // --- Main component ---

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

@@ -3,10 +3,11 @@ import { NAME_TABLE } from '../../../constants/components'
 import { EVENT_NAME_FILTERED } from '../../../constants/events'
 import {
   PROP_TYPE_REG_EXP,
-  PROP_TYPE_ARRAY_OBJECT_STRING,
-  PROP_TYPE_FUNCTION,
   PROP_TYPE_ARRAY,
-  PROP_TYPE_NUMBER_STRING
+  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'
@@ -15,7 +16,6 @@ import { identity } from '../../../utils/identity'
 import { isFunction, isString, isRegExp } from '../../../utils/inspect'
 import { looseEqual } from '../../../utils/loose-equal'
 import { toInteger } from '../../../utils/number'
-import { makeProp } from '../../../utils/props'
 import { escapeRegExp } from '../../../utils/string'
 import { warn } from '../../../utils/warn'
 import { stringifyRecordValues } from './stringify-record-values'
@@ -28,13 +28,32 @@ const DEBOUNCE_DEPRECATED_MSG =
 // --- Props ---
 
 export const props = {
-  filter: makeProp([...PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_REG_EXP]),
-  filterDebounce: makeProp(PROP_TYPE_NUMBER_STRING, 0, value => {
-    return RX_DIGITS.test(String(value))
-  }),
-  filterFunction: makeProp(PROP_TYPE_FUNCTION),
-  filterIgnoredFields: makeProp(PROP_TYPE_ARRAY, []),
-  filterIncludedFields: makeProp(PROP_TYPE_ARRAY, [])
+  filter: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING, PROP_TYPE_REG_EXP],
+    required: false,
+    default: undefined
+  },
+  filterDebounce: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: 0,
+    validator: value => RX_DIGITS.test(String(value))
+  },
+  filterFunction: {
+    type: PROP_TYPE_FUNCTION,
+    required: false,
+    default: undefined
+  },
+  filterIgnoredFields: {
+    type: PROP_TYPE_ARRAY,
+    required: false,
+    default: () => []
+  },
+  filterIncludedFields: {
+    type: PROP_TYPE_ARRAY,
+    required: false,
+    default: () => []
+  }
 }
 
 // --- Mixin ---

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

@@ -1,7 +1,7 @@
 import { extend } from '../../../vue'
 import { EVENT_NAME_ROW_SELECTED } from '../../../constants/events'
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../../constants/props'
-import { arrayIncludes, createArray } from '../../../utils/array'
+import { createArray } from '../../../utils/array'
 import { identity } from '../../../utils/identity'
 import { isArray, isNumber } from '../../../utils/inspect'
 import { looseEqual } from '../../../utils/loose-equal'
@@ -22,7 +22,7 @@ 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 arrayIncludes(SELECT_MODES, value)
+    return SELECT_MODES.includes(value)
   }),
   selectable: makeProp(PROP_TYPE_BOOLEAN, false),
   selectedVariant: makeProp(PROP_TYPE_STRING, 'active')
@@ -56,7 +56,7 @@ export const selectableMixin = extend({
       )
     },
     selectableIsMultiSelect() {
-      return this.isSelectable && arrayIncludes(['range', 'multi'], this.selectMode)
+      return this.isSelectable && ['range', 'multi'].includes(this.selectMode)
     },
     selectableTableClasses() {
       const { isSelectable } = this

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

@@ -7,7 +7,6 @@ import {
   PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
 } from '../../../constants/props'
-import { arrayIncludes } from '../../../utils/array'
 import { isFunction, isUndefinedOrNull } from '../../../utils/inspect'
 import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
@@ -55,7 +54,7 @@ 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: makeProp(PROP_TYPE_STRING, SORT_DIRECTION_ASC, value => {
-    return arrayIncludes(SORT_DIRECTIONS, value)
+    return SORT_DIRECTIONS.includes(value)
   }),
   // Place the sorting icon on the left of the header cells
   sortIconLeft: makeProp(PROP_TYPE_BOOLEAN, false),

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

@@ -14,7 +14,7 @@ import {
   CODE_UP
 } from '../../../constants/key-codes'
 import { PROP_TYPE_ARRAY_OBJECT_STRING } from '../../../constants/props'
-import { arrayIncludes, from as arrayFrom } from '../../../utils/array'
+import { from as arrayFrom } from '../../../utils/array'
 import { attemptFocus, closest, isActiveElement, isElement } from '../../../utils/dom'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { stopEvent } from '../../../utils/events'
@@ -56,7 +56,7 @@ export const tbodyMixin = extend({
       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
-        ? arrayFrom(tbody.children).filter(tr => arrayIncludes(trs, tr))
+        ? arrayFrom(tbody.children).filter(tr => trs.includes(tr))
         : /* istanbul ignore next */ []
     },
     // Returns index of a particular TBODY item TR
@@ -103,11 +103,11 @@ export const tbodyMixin = extend({
         return
       }
 
-      if (arrayIncludes([CODE_ENTER, CODE_SPACE], keyCode)) {
+      if ([CODE_ENTER, CODE_SPACE].includes(keyCode)) {
         // Emulated click for keyboard users, transfer to click handler
         stopEvent(event)
         this.onTBodyRowClicked(event)
-      } else if (arrayIncludes([CODE_UP, CODE_DOWN, CODE_HOME, CODE_END], keyCode)) {
+      } else if ([CODE_UP, CODE_DOWN, CODE_HOME, CODE_END].includes(keyCode)) {
         // Keyboard navigation
         const rowIndex = this.getTbodyTrIndex(target)
         if (rowIndex > -1) {

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

@@ -1,4 +1,3 @@
-import { arrayIncludes } from '../../../utils/array'
 import { isArray, isFunction } from '../../../utils/inspect'
 import { clone, keys, pick } from '../../../utils/object'
 import { IGNORED_FIELD_KEYS } from './constants'
@@ -31,8 +30,8 @@ export const sanitizeRow = (row, ignoreFields, includeFields, fieldsObj = {}) =>
   const allowedKeys = keys(formattedRow).filter(
     key =>
       !IGNORED_FIELD_KEYS[key] &&
-      !(isArray(ignoreFields) && ignoreFields.length > 0 && arrayIncludes(ignoreFields, key)) &&
-      !(isArray(includeFields) && includeFields.length > 0 && !arrayIncludes(includeFields, key))
+      !(isArray(ignoreFields) && ignoreFields.length > 0 && ignoreFields.includes(key)) &&
+      !(isArray(includeFields) && includeFields.length > 0 && !includeFields.includes(key))
   )
 
   return pick(formattedRow, allowedKeys)

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

@@ -20,9 +20,10 @@ import {
   CODE_UP
 } from '../../constants/key-codes'
 import {
-  PROP_TYPE_ARRAY_OBJECT_STRING,
+  PROP_TYPE_ARRAY,
   PROP_TYPE_BOOLEAN,
   PROP_TYPE_NUMBER,
+  PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
 } from '../../constants/props'
 import {
@@ -45,7 +46,6 @@ import { makeModelMixin } from '../../utils/model'
 import { toInteger } from '../../utils/number'
 import { sortKeys } from '../../utils/object'
 import { observeDom } from '../../utils/observe-dom'
-import { makeProp } from '../../utils/props'
 import { stableSort } from '../../utils/stable-sort'
 import { idMixin, props as idProps } from '../../mixins/id'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
@@ -76,14 +76,41 @@ const BVTabButton = /*#__PURE__*/ extend({
     }
   },
   props: {
-    controls: makeProp(PROP_TYPE_STRING),
-    id: makeProp(PROP_TYPE_STRING),
-    noKeyNav: makeProp(PROP_TYPE_BOOLEAN, false),
-    posInSet: makeProp(PROP_TYPE_NUMBER),
-    setSize: makeProp(PROP_TYPE_NUMBER),
+    controls: {
+      type: PROP_TYPE_STRING,
+      required: false,
+      default: undefined
+    },
+    id: {
+      type: PROP_TYPE_STRING,
+      required: false,
+      default: undefined
+    },
+    noKeyNav: {
+      type: PROP_TYPE_BOOLEAN,
+      required: false,
+      default: false
+    },
+    posInSet: {
+      type: PROP_TYPE_NUMBER,
+      required: false,
+      default: undefined
+    },
+    setSize: {
+      type: PROP_TYPE_NUMBER,
+      required: false,
+      default: undefined
+    },
     // Reference to the child <b-tab> instance
-    tab: makeProp(),
-    tabIndex: makeProp(PROP_TYPE_NUMBER)
+    tab: {
+      required: false,
+      default: undefined
+    },
+    tabIndex: {
+      type: PROP_TYPE_NUMBER,
+      required: false,
+      default: undefined
+    }
   },
   computed: {
     bvTabs() {
@@ -188,11 +215,31 @@ const BVTabButton = /*#__PURE__*/ extend({
 
 // --- Props ---
 const navProps = {
-  align: makeProp(PROP_TYPE_STRING),
-  fill: makeProp(PROP_TYPE_BOOLEAN, false),
-  justified: makeProp(PROP_TYPE_BOOLEAN, false),
-  pills: makeProp(PROP_TYPE_BOOLEAN, false),
-  small: makeProp(PROP_TYPE_BOOLEAN, false)
+  align: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  fill: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  justified: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  pills: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  small: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 }
 
 export const props = sortKeys({
@@ -200,21 +247,65 @@ export const props = sortKeys({
   ...modelProps,
   ...navProps,
   // Only applied to the currently active `li`
-  activeNavItemClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+  activeNavItemClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
   // Only applied to the currently active `<b-tab>`
   // This prop is sniffed by the `<b-tab>` child
-  activeTabClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  contentClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+  activeTabClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  contentClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
   // Synonym for 'bottom'
-  end: makeProp(PROP_TYPE_BOOLEAN, false),
+  end: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // This prop is sniffed by the `<b-tab>` child
-  lazy: makeProp(PROP_TYPE_BOOLEAN, false),
-  navClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  navWrapperClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  noFade: makeProp(PROP_TYPE_BOOLEAN, false),
-  noKeyNav: makeProp(PROP_TYPE_BOOLEAN, false),
-  noNavStyle: makeProp(PROP_TYPE_BOOLEAN, false),
-  tag: makeProp(PROP_TYPE_STRING, 'div')
+  lazy: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  navClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  navWrapperClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  noFade: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noKeyNav: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noNavStyle: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'div'
+  }
 })
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/constants/config.js

@@ -4,7 +4,7 @@ export const PROP_NAME = '$bvConfig'
 export const DEFAULT_BREAKPOINT = ['xs', 'sm', 'md', 'lg', 'xl']
 
 // in milliseconds
-export const TOOLTIP_DELAY = {
+export const TOOLTIP_DELAY = Object.freeze({
   show: 500,
   hide: 0
-}
+})

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

@@ -64,7 +64,7 @@ const parseBindings = (bindings, vnode) => /* istanbul ignore next: not easy to
     html: false,
     interactive: true,
     disabled: false,
-    delay: TOOLTIP_DELAY,
+    delay: { ...TOOLTIP_DELAY },
     boundary: 'scrollParent',
     boundaryPadding: 5,
     variant: undefined,