@gitlab/ui 132.1.0 → 132.2.0

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

@@ -1,9 +1,8 @@
 import { extend, COMPONENT_UID_KEY, REF_FOR_KEY } from '../../vue';
 import { NAME_TABS, NAME_TAB_BUTTON_HELPER } from '../../constants/components';
 import { IS_BROWSER } from '../../constants/env';
-import { EVENT_NAME_CHANGED, EVENT_NAME_ACTIVATE_TAB, EVENT_NAME_CLICK, EVENT_NAME_FIRST, EVENT_NAME_PREV, EVENT_NAME_NEXT, EVENT_NAME_LAST } from '../../constants/events';
+import { EVENT_NAME_CHANGED, EVENT_NAME_ACTIVATE_TAB, EVENT_NAME_CLICK, EVENT_NAME_FIRST, EVENT_NAME_PREV, EVENT_NAME_NEXT, EVENT_NAME_LAST, EVENT_NAME_INPUT } from '../../constants/events';
 import { CODE_SPACE, CODE_UP, CODE_LEFT, CODE_HOME, CODE_DOWN, CODE_RIGHT, CODE_END } from '../../constants/key-codes';
-import { PROP_TYPE_NUMBER, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
 import { SLOT_NAME_TABS_START, SLOT_NAME_TABS_END, SLOT_NAME_TOOLBAR_START, SLOT_NAME_TOOLBAR_END, SLOT_NAME_EMPTY, SLOT_NAME_TITLE } from '../../constants/slots';
 import { BvEvent } from '../../utils/bv-event.class';
 import { selectAll, attemptFocus, requestAF } from '../../utils/dom';
@@ -12,7 +11,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';
@@ -23,14 +21,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 ---
 
@@ -49,27 +41,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
     },
@@ -79,7 +71,7 @@ const BVTabButton = /*#__PURE__*/extend({
       default: undefined
     },
     tabIndex: {
-      type: PROP_TYPE_NUMBER,
+      type: Number,
       required: false,
       default: undefined
     }
@@ -98,11 +90,9 @@ const BVTabButton = /*#__PURE__*/extend({
       if (this.tab.disabled) {
         return;
       }
-      const {
-        type,
-        keyCode,
-        shiftKey
-      } = event;
+      const type = event.type,
+        keyCode = event.keyCode,
+        shiftKey = event.shiftKey;
       if (type === 'click') {
         stopEvent(event);
         this.$emit(EVENT_NAME_CLICK, event);
@@ -133,22 +123,19 @@ const BVTabButton = /*#__PURE__*/extend({
     }
   },
   render(h) {
-    const {
-      id,
-      tabIndex,
-      setSize,
-      posInSet,
-      controls,
-      handleEvent
-    } = this;
-    const {
-      title,
-      localActive,
-      disabled,
-      titleItemClass,
-      titleLinkClass,
-      titleLinkAttributes
-    } = this.tab;
+    const id = this.id,
+      tabIndex = this.tabIndex,
+      setSize = this.setSize,
+      posInSet = this.posInSet,
+      controls = this.controls,
+      handleEvent = this.handleEvent;
+    const _this$tab = this.tab,
+      title = _this$tab.title,
+      localActive = _this$tab.localActive,
+      disabled = _this$tab.disabled,
+      titleItemClass = _this$tab.titleItemClass,
+      titleLinkClass = _this$tab.titleLinkClass,
+      titleLinkAttributes = _this$tab.titleLinkAttributes;
     const $link = h(BLink, {
       staticClass: 'nav-link',
       class: [{
@@ -190,92 +177,94 @@ 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
   }
 };
 const props = sortKeys({
   ...props$1,
-  ...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'
   }
@@ -286,7 +275,11 @@ const props = sortKeys({
 // @vue/component
 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
@@ -439,9 +432,7 @@ const BTabs = /*#__PURE__*/extend({
 
       // Else try setting to `currentTab`
       if (tabIndex < 0) {
-        const {
-          currentTab
-        } = this;
+        const currentTab = this.currentTab;
         if (currentTab >= $tabs.length) {
           // Handle last tab being removed, so find the last non-disabled tab
           tabIndex = $tabs.indexOf($tabs.slice().reverse().find(notDisabled));
@@ -479,10 +470,8 @@ const BTabs = /*#__PURE__*/extend({
     // Activate a tab given a `<b-tab>` instance
     // Also accessed by `<b-tab>`
     activateTab($tab) {
-      const {
-        currentTab,
-        tabs: $tabs
-      } = this;
+      const currentTab = this.currentTab,
+        $tabs = this.tabs;
       let result = false;
       if ($tab) {
         const index = $tabs.indexOf($tab);
@@ -572,21 +561,19 @@ const BTabs = /*#__PURE__*/extend({
     }
   },
   render(h) {
-    const {
-      align,
-      end,
-      fill,
-      firstTab,
-      justified,
-      lastTab,
-      nextTab,
-      noKeyNav,
-      noNavStyle,
-      pills,
-      previousTab,
-      small,
-      tabs: $tabs
-    } = this;
+    const align = this.align,
+      end = this.end,
+      fill = this.fill,
+      firstTab = this.firstTab,
+      justified = this.justified,
+      lastTab = this.lastTab,
+      nextTab = this.nextTab,
+      noKeyNav = this.noKeyNav,
+      noNavStyle = this.noNavStyle,
+      pills = this.pills,
+      previousTab = this.previousTab,
+      small = this.small,
+      $tabs = this.tabs;
 
     // Currently active tab
     const $activeTab = $tabs.find($tab => $tab.localActive && !$tab.disabled);
@@ -596,9 +583,7 @@ const BTabs = /*#__PURE__*/extend({
 
     // For each `<b-tab>` found create the tab buttons
     const $buttons = $tabs.map(($tab, index) => {
-      const {
-        safeId
-      } = $tab;
+      const safeId = $tab.safeId;
 
       // Ensure at least one tab button is focusable when keynav enabled (if possible)
       let tabIndex = null;

package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-popper.js

@@ -120,9 +120,7 @@ const BVPopper = /*#__PURE__*/extend({
       return 'unknown';
     },
     popperConfig() {
-      const {
-        placement
-      } = this;
+      const placement = this.placement;
       return {
         placement: this.getAttachment(placement),
         modifiers: {
@@ -246,9 +244,7 @@ const BVPopper = /*#__PURE__*/extend({
     }
   },
   render(h) {
-    const {
-      noFade
-    } = this;
+    const noFade = this.noFade;
 
     // Note: 'show' and 'fade' classes are only appled during transition
     return h(BVTransition, {

package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js

@@ -47,11 +47,9 @@ const BVTooltipTemplate = /*#__PURE__*/extend({
       return 'tooltip';
     },
     templateClasses() {
-      const {
-        variant,
-        attachment,
-        templateType
-      } = this;
+      const variant = this.variant,
+        attachment = this.attachment,
+        templateType = this.templateType;
       return [{
         // Disables pointer events to hide the tooltip when the user
         // hovers over its content
@@ -62,9 +60,7 @@ const BVTooltipTemplate = /*#__PURE__*/extend({
       }, this.customClass];
     },
     templateAttributes() {
-      const {
-        id
-      } = this;
+      const id = this.id;
       return {
         // Apply attributes from root tooltip component
         ...this.bvParent.bvParent.$attrs,
@@ -95,9 +91,7 @@ const BVTooltipTemplate = /*#__PURE__*/extend({
   },
   methods: {
     renderTemplate(h) {
-      const {
-        title
-      } = this;
+      const title = this.title;
 
       // Title can be a scoped slot function
       const $title = isFunction(title) ? title({}) : title;

package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js

@@ -151,14 +151,12 @@ const BVTooltip = /*#__PURE__*/extend({
       return false;
     },
     computedTemplateData() {
-      const {
-        title,
-        content,
-        variant,
-        customClass,
-        noFade,
-        interactive
-      } = this;
+      const title = this.title,
+        content = this.content,
+        variant = this.variant,
+        customClass = this.customClass,
+        noFade = this.noFade,
+        interactive = this.interactive;
       return {
         title,
         content,
@@ -503,9 +501,7 @@ const BVTooltip = /*#__PURE__*/extend({
     },
     // --- Helper methods ---
     getTarget() {
-      let {
-        target
-      } = this;
+      let target = this.target;
       if (isString(target)) {
         target = getById(target.replace(/^#/, ''));
       } else if (isFunction(target)) {
@@ -637,9 +633,7 @@ const BVTooltip = /*#__PURE__*/extend({
       });
     },
     emitEvent(bvEvent) {
-      const {
-        type
-      } = bvEvent;
+      const type = bvEvent.type;
       this.emitOnRoot(getRootEventName(this.templateType, type), bvEvent);
       this.$emit(type, bvEvent);
     },

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

@@ -1,7 +1,6 @@
 import { extend } from '../../vue';
 import { NAME_TOOLTIP } from '../../constants/components';
 import { EVENT_NAME_DISABLE, EVENT_NAME_ENABLE, EVENT_NAME_SHOW, EVENT_NAME_SHOWN, EVENT_NAME_HIDE, EVENT_NAME_HIDDEN, EVENT_NAME_DISABLED, EVENT_NAME_ENABLED, EVENT_NAME_OPEN, EVENT_NAME_CLOSE, MODEL_EVENT_NAME_PREFIX } from '../../constants/events';
-import { PROP_TYPE_OBJECT, PROP_TYPE_STRING, PROP_TYPE_NUMBER, PROP_TYPE_BOOLEAN, PROP_TYPE_ARRAY, PROP_TYPE_FUNCTION } from '../../constants/props';
 import { HTMLElement, SVGElement } from '../../constants/safe-types';
 import { useParentMixin } from '../../mixins/use-parent';
 import { getScopeId } from '../../utils/get-scope-id';
@@ -26,12 +25,12 @@ 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
   },
@@ -39,61 +38,61 @@ 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
   },
@@ -101,21 +100,21 @@ 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
   }
@@ -149,10 +148,8 @@ const BTooltip = /*#__PURE__*/extend({
     },
     // Used to watch for changes to the title and content props
     templateTitleContent() {
-      const {
-        title,
-        content
-      } = this;
+      const title = this.title,
+        content = this.content;
       return {
         title,
         content

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

@@ -1,6 +1,5 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_TRANSITION } from '../../constants/components';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_OBJECT } from '../../constants/props';
 import { isPlainObject } from '../../utils/inspect';
 
 // Generic Bootstrap v4 fade (no-fade) transition component
@@ -32,26 +31,26 @@ const FADE_PROPS = {
 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
   }
@@ -66,11 +65,9 @@ const BVTransition = /*#__PURE__*/extend({
   functional: true,
   props,
   render(h, _ref) {
-    let {
-      children,
-      data,
-      props
-    } = _ref;
+    let children = _ref.children,
+      data = _ref.data,
+      props = _ref.props;
     let transProps = props.transProps;
     if (!isPlainObject(transProps)) {
       transProps = props.noFade ? NO_FADE_PROPS : FADE_PROPS;

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

@@ -1,7 +1,6 @@
 import { extend, isVue3 } from '../../vue';
 import { NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET } from '../../constants/components';
 import { IS_BROWSER } from '../../constants/env';
-import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_ARRAY, PROP_TYPE_FUNCTION } from '../../constants/props';
 import { HTMLElement } from '../../constants/safe-types';
 import { concat } from '../../utils/array';
 import { select, removeNode } from '../../utils/dom';
@@ -36,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
     }
@@ -50,9 +49,7 @@ const BVTransporterTarget = /*#__PURE__*/extend({
     removeNode(this.$el);
   },
   render(h) {
-    const {
-      updatedNodes
-    } = this;
+    const updatedNodes = this.updatedNodes;
     let $nodes = isFunction(updatedNodes) ? updatedNodes({}) : updatedNodes;
     $nodes = concat($nodes).filter(identity);
     if ($nodes && $nodes.length > 0 && !$nodes[0].text) {
@@ -71,18 +68,18 @@ 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'
   }
@@ -138,9 +135,7 @@ const BVTransporter = /*#__PURE__*/extend({
     getContainer() {
       /* istanbul ignore else */
       if (IS_BROWSER) {
-        const {
-          container
-        } = this;
+        const container = this.container;
         return isString(container) ? select(container) : container;
       } else {
         return null;
@@ -198,9 +193,7 @@ const BVTransporter = /*#__PURE__*/extend({
           return $nodes[0];
         }
       }
-      const {
-        Teleport
-      } = this.$.appContext.config.globalProperties.constructor;
+      const Teleport = this.$.appContext.config.globalProperties.constructor.Teleport;
       return h(Teleport, {
         to: this.container
       }, this.normalizeSlot());