@gitlab/ui 92.1.1 → 92.3.0

package/src/vendor/bootstrap-vue/src/utils/config.spec.js

@@ -1,7 +1,7 @@
 import { createLocalVue } from '@vue/test-utils'
 import { isVue3 } from '../../src/vue'
 import { BootstrapVue } from '../../src'
-import { AlertPlugin } from '../../src/components/alert'
+import { BadgePlugin } from '../../src/components/badge'
 import { BVConfigPlugin } from '../../src/bv-config'
 import { setConfig, resetConfig } from './config-set'
 import {
@@ -24,7 +24,7 @@ describe('utils/config', () => {
 
   it('setConfig() works', async () => {
     const config = {
-      BAlert: { variant: 'danger' }
+      BButton: { variant: 'danger' }
     }
     const breakpointsConfig = {
       breakpoints: ['aa', 'bb', 'cc', 'dd', 'ee']
@@ -35,9 +35,9 @@ describe('utils/config', () => {
     setConfig(config)
     expect(getConfig()).toEqual(config)
     expect(getConfig()).not.toBe(config)
-    expect(getComponentConfig('BAlert')).toEqual(config.BAlert)
-    expect(getComponentConfig('BAlert')).not.toBe(config.BAlert)
-    expect(getComponentConfig('BAlert', 'variant')).toEqual('danger')
+    expect(getComponentConfig('BButton')).toEqual(config.BButton)
+    expect(getComponentConfig('BButton')).not.toBe(config.BButton)
+    expect(getComponentConfig('BButton', 'variant')).toEqual('danger')
 
     // Try breakpoint config (should merge)
     setConfig(breakpointsConfig)
@@ -45,7 +45,7 @@ describe('utils/config', () => {
     expect(getBreakpoints()).not.toBe(breakpointsConfig.breakpoints)
     expect(getConfigValue('breakpoints')).toEqual(breakpointsConfig.breakpoints)
     // should leave previous config
-    expect(getComponentConfig('BAlert', 'variant')).toEqual('danger')
+    expect(getComponentConfig('BButton', 'variant')).toEqual('danger')
     // Should merge config
     expect(getConfig()).toEqual({ ...config, ...breakpointsConfig })
 
@@ -59,7 +59,7 @@ describe('utils/config', () => {
     it('config via Vue.use(BootstrapVue) works', async () => {
       const localVue = createLocalVue()
       const config = {
-        BAlert: { variant: 'foobar' }
+        BButton: { variant: 'foobar' }
       }
 
       expect(getConfig()).toEqual({})
@@ -75,12 +75,12 @@ describe('utils/config', () => {
     it('config via Vue.use(ComponentPlugin) works', async () => {
       const localVue = createLocalVue()
       const config = {
-        BAlert: { variant: 'foobar' }
+        BButton: { variant: 'foobar' }
       }
 
       expect(getConfig()).toEqual({})
 
-      localVue.use(AlertPlugin, config)
+      localVue.use(BadgePlugin, config)
       expect(getConfig()).toEqual(config)
 
       // Reset the configuration
@@ -91,7 +91,7 @@ describe('utils/config', () => {
     it('config via Vue.use(BVConfig) works', async () => {
       const localVue = createLocalVue()
       const config = {
-        BAlert: { variant: 'foobar' }
+        BButton: { variant: 'foobar' }
       }
 
       expect(getConfig()).toEqual({})
@@ -122,20 +122,20 @@ describe('utils/config', () => {
 
   it('getComponentConfig() works', async () => {
     const config = {
-      BAlert: { variant: 'info' }
+      BButton: { variant: 'info' }
     }
     setConfig(config)
 
     // Specific component config key
-    expect(getComponentConfig('BAlert', 'variant')).toEqual('info')
+    expect(getComponentConfig('BButton', 'variant')).toEqual('info')
     // Component's full config
-    expect(getComponentConfig('BAlert')).toEqual(config.BAlert)
+    expect(getComponentConfig('BButton')).toEqual(config.BButton)
     // Should return a deep clone for full config
-    expect(getComponentConfig('BAlert')).not.toBe(config.BAlert)
+    expect(getComponentConfig('BButton')).not.toBe(config.BButton)
     // Should return empty object for not found component
     expect(getComponentConfig('foobar')).toEqual({})
     // Should return undefined for not found component key
-    expect(getComponentConfig('BAlert', 'foobar')).toBeUndefined()
+    expect(getComponentConfig('BButton', 'foobar')).toBeUndefined()
   })
 
   it('getBreakpoints() works', async () => {

package/src/vendor/bootstrap-vue/src/utils/inspect.js

@@ -13,12 +13,8 @@ export const isUndefined = value => value === undefined
 
 export const isNull = value => value === null
 
-export const isEmptyString = value => value === ''
-
 export const isUndefinedOrNull = value => isUndefined(value) || isNull(value)
 
-export const isUndefinedOrNullOrEmpty = value => isUndefinedOrNull(value) || isEmptyString(value)
-
 export const isFunction = value => toType(value) === 'function'
 
 export const isBoolean = value => toType(value) === 'boolean'

package/src/vendor/bootstrap-vue/src/utils/math.js

@@ -4,12 +4,8 @@ export const mathMin = Math.min
 
 export const mathMax = Math.max
 
-export const mathAbs = Math.abs
-
 export const mathCeil = Math.ceil
 
-export const mathFloor = Math.floor
-
 export const mathPow = Math.pow
 
 export const mathRound = Math.round

package/src/vendor/bootstrap-vue/src/utils/object.js

@@ -7,13 +7,8 @@ export const create = (proto, optionalProps) => Object.create(proto, optionalPro
 export const defineProperties = (obj, props) => Object.defineProperties(obj, props)
 export const defineProperty = (obj, prop, descriptor) =>
   Object.defineProperty(obj, prop, descriptor)
-export const freeze = obj => Object.freeze(obj)
 export const getOwnPropertyNames = obj => Object.getOwnPropertyNames(obj)
-export const getOwnPropertyDescriptor = (obj, prop) => Object.getOwnPropertyDescriptor(obj, prop)
-export const getOwnPropertySymbols = obj => Object.getOwnPropertySymbols(obj)
-export const getPrototypeOf = obj => Object.getPrototypeOf(obj)
 export const is = (value1, value2) => Object.is(value1, value2)
-export const isFrozen = obj => Object.isFrozen(obj)
 export const keys = obj => Object.keys(obj)
 
 // --- "Instance" ---

package/src/vendor/bootstrap-vue/src/utils/props.js

@@ -4,13 +4,7 @@ import { getComponentConfig } from './config'
 import { identity } from './identity'
 import { isArray, isFunction, isObject, isUndefined } from './inspect'
 import { clone, hasOwnProperty, keys } from './object'
-import { lowerFirst, upperFirst } from './string'
-
-// Prefix a property
-export const prefixPropName = (prefix, value) => prefix + upperFirst(value)
-
-// Remove a prefix from a property
-export const unprefixPropName = (prefix, value) => lowerFirst(value.replace(prefix, ''))
+import { upperFirst } from './string'
 
 // Suffix can be a falsey value so nothing is appended to string
 // (helps when looping over props & some shouldn't change)

package/src/vendor/bootstrap-vue/src/utils/string.js

@@ -33,12 +33,6 @@ export const startCase = str =>
     .replace(RX_LOWER_UPPER, (str, $1, $2) => $1 + ' ' + $2)
     .replace(RX_START_SPACE_WORD, (str, $1, $2) => $1 + $2.toUpperCase())
 
-// Lowercases the first letter of a string and returns a new string
-export const lowerFirst = str => {
-  str = isString(str) ? str.trim() : String(str)
-  return str.charAt(0).toLowerCase() + str.slice(1)
-}
-
 // Uppercases the first letter of a string and returns a new string
 export const upperFirst = str => {
   str = isString(str) ? str.trim() : String(str)
@@ -70,6 +64,3 @@ export const trim = str => toString(str).trim()
 
 // Lower case a string
 export const lowerCase = str => toString(str).toLowerCase()
-
-// Upper case a string
-export const upperCase = str => toString(str).toUpperCase()

package/src/vendor/bootstrap-vue/src/utils/string.spec.js

@@ -1,12 +1,4 @@
-import {
-  escapeRegExp,
-  kebabCase,
-  lowerFirst,
-  pascalCase,
-  startCase,
-  toString,
-  upperFirst
-} from './string'
+import { escapeRegExp, kebabCase, pascalCase, startCase, toString, upperFirst } from './string'
 
 describe('utils/string', () => {
   it('kebabCase() works', async () => {
@@ -35,17 +27,6 @@ describe('utils/string', () => {
     expect(startCase('fooBar')).toBe('Foo Bar')
   })
 
-  it('lowerFirst() works', async () => {
-    expect(lowerFirst('Upper')).toBe('upper')
-    expect(lowerFirst(' Upper ')).toBe('upper')
-    expect(lowerFirst('Upper case')).toBe('upper case')
-    expect(lowerFirst(null)).toBe('null')
-    expect(lowerFirst(undefined)).toBe('undefined')
-    expect(lowerFirst({})).toBe('[object Object]')
-    expect(lowerFirst([])).toBe('')
-    expect(lowerFirst(['Foo', 'bar'])).toBe('foo,bar')
-  })
-
   it('upperFirst() works', async () => {
     expect(upperFirst('lower')).toBe('Lower')
     expect(upperFirst(' lower ')).toBe('Lower')

package/translations.js

@@ -3,6 +3,9 @@ export default {
   'ClearIconButton.title': 'Clear',
   'CloseButton.title': 'Close',
   'DuoChatContextItemPopover.DisabledReason': 'This item is disabled',
+  'DuoChatContextItemPopover.File': 'Project file',
+  'DuoChatContextItemPopover.Issue': 'Issue',
+  'DuoChatContextItemPopover.MergeRequest': 'Merge request',
   'GlAlert.closeButtonTitle': 'Dismiss',
   'GlBanner.closeButtonTitle': 'Dismiss',
   'GlBreadcrumb.showMoreLabel': 'Show more breadcrumbs',

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

@@ -1,179 +0,0 @@
-import { NAME_ALERT } from '../../constants/components';
-import { EVENT_NAME_DISMISS_COUNT_DOWN, EVENT_NAME_DISMISSED } from '../../constants/events';
-import { PROP_TYPE_BOOLEAN_NUMBER_STRING, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { SLOT_NAME_DISMISS } from '../../constants/slots';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { requestAF } from '../../utils/dom';
-import { isNumeric, isBoolean } from '../../utils/inspect';
-import { makeModelMixin } from '../../utils/model';
-import { toInteger } from '../../utils/number';
-import { sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { extend, COMPONENT_UID_KEY } from '../../vue';
-import { BButtonClose } from '../button/button-close';
-import { BVTransition } from '../transition/bv-transition';
-
-// --- Constants ---
-
-const {
-  mixin: modelMixin,
-  props: modelProps,
-  prop: MODEL_PROP_NAME,
-  event: MODEL_EVENT_NAME
-} = makeModelMixin('show', {
-  type: PROP_TYPE_BOOLEAN_NUMBER_STRING,
-  defaultValue: false
-});
-
-// --- Helper methods ---
-
-// Convert `show` value to a number
-const parseCountDown = show => {
-  if (show === '' || isBoolean(show)) {
-    return 0;
-  }
-  show = toInteger(show, 0);
-  return show > 0 ? show : 0;
-};
-
-// Convert `show` value to a boolean
-const parseShow = show => {
-  if (show === '' || show === true) {
-    return true;
-  }
-  if (toInteger(show, 0) < 1) {
-    // Boolean will always return false for the above comparison
-    return false;
-  }
-  return !!show;
-};
-
-// --- Props ---
-
-const props = makePropsConfigurable(sortKeys({
-  ...modelProps,
-  dismissLabel: makeProp(PROP_TYPE_STRING, 'Close'),
-  dismissible: makeProp(PROP_TYPE_BOOLEAN, false),
-  fade: makeProp(PROP_TYPE_BOOLEAN, false),
-  variant: makeProp(PROP_TYPE_STRING, 'info')
-}), NAME_ALERT);
-
-// --- Main component ---
-
-// @vue/component
-const BAlert = /*#__PURE__*/extend({
-  name: NAME_ALERT,
-  mixins: [modelMixin, normalizeSlotMixin],
-  props,
-  data() {
-    return {
-      countDown: 0,
-      // If initially shown, we need to set these for SSR
-      localShow: parseShow(this[MODEL_PROP_NAME])
-    };
-  },
-  watch: {
-    [MODEL_PROP_NAME](newValue) {
-      this.countDown = parseCountDown(newValue);
-      this.localShow = parseShow(newValue);
-    },
-    countDown(newValue) {
-      this.clearCountDownInterval();
-      const show = this[MODEL_PROP_NAME];
-      // Ignore if `show` transitions to a boolean value
-      if (isNumeric(show)) {
-        this.$emit(EVENT_NAME_DISMISS_COUNT_DOWN, newValue);
-        // Update the v-model if needed
-        if (show !== newValue) {
-          this.$emit(MODEL_EVENT_NAME, newValue);
-        }
-        if (newValue > 0) {
-          this.localShow = true;
-          this.$_countDownTimeout = setTimeout(() => {
-            this.countDown--;
-          }, 1000);
-        } else {
-          // Slightly delay the hide to allow any UI updates
-          this.$nextTick(() => {
-            requestAF(() => {
-              this.localShow = false;
-            });
-          });
-        }
-      }
-    },
-    localShow(newValue) {
-      const show = this[MODEL_PROP_NAME];
-      // Only emit dismissed events for dismissible or auto-dismissing alerts
-      if (!newValue && (this.dismissible || isNumeric(show))) {
-        this.$emit(EVENT_NAME_DISMISSED);
-      }
-      // Only emit booleans if we weren't passed a number via v-model
-      if (!isNumeric(show) && show !== newValue) {
-        this.$emit(MODEL_EVENT_NAME, newValue);
-      }
-    }
-  },
-  created() {
-    // Create private non-reactive props
-    this.$_filterTimer = null;
-    const show = this[MODEL_PROP_NAME];
-    this.countDown = parseCountDown(show);
-    this.localShow = parseShow(show);
-  },
-  beforeDestroy() {
-    this.clearCountDownInterval();
-  },
-  methods: {
-    dismiss() {
-      this.clearCountDownInterval();
-      this.countDown = 0;
-      this.localShow = false;
-    },
-    clearCountDownInterval() {
-      clearTimeout(this.$_countDownTimeout);
-      this.$_countDownTimeout = null;
-    }
-  },
-  render(h) {
-    let $alert = h();
-    if (this.localShow) {
-      const {
-        dismissible,
-        variant
-      } = this;
-      let $dismissButton = h();
-      if (dismissible) {
-        // Add dismiss button
-        $dismissButton = h(BButtonClose, {
-          attrs: {
-            'aria-label': this.dismissLabel
-          },
-          on: {
-            click: this.dismiss
-          }
-        }, [this.normalizeSlot(SLOT_NAME_DISMISS)]);
-      }
-      $alert = h('div', {
-        staticClass: 'alert',
-        class: {
-          'alert-dismissible': dismissible,
-          [`alert-${variant}`]: variant
-        },
-        attrs: {
-          role: 'alert',
-          'aria-live': 'polite',
-          'aria-atomic': true
-        },
-        key: this[COMPONENT_UID_KEY]
-      }, [$dismissButton, this.normalizeSlot()]);
-    }
-    return h(BVTransition, {
-      props: {
-        noFade: !this.fade
-      }
-    }, [$alert]);
-  }
-});
-
-export { BAlert, props };

package/dist/vendor/bootstrap-vue/src/components/alert/index.js

@@ -1,11 +0,0 @@
-import { BAlert } from './alert';
-export { BAlert } from './alert';
-import { pluginFactory } from '../../utils/plugins';
-
-const AlertPlugin = /*#__PURE__*/pluginFactory({
-  components: {
-    BAlert
-  }
-});
-
-export { AlertPlugin };

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

@@ -1,67 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_ASPECT } from '../../constants/components';
-import { PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props';
-import { RX_ASPECT, RX_ASPECT_SEPARATOR } from '../../constants/regex';
-import { mathAbs } from '../../utils/math';
-import { toFloat } from '../../utils/number';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-
-// --- Constants ---
-
-const CLASS_NAME = 'b-aspect';
-
-// --- Props ---
-
-const props = makePropsConfigurable({
-  // Accepts a number (i.e. `16 / 9`, `1`, `4 / 3`)
-  // Or a string (i.e. '16/9', '16:9', '4:3' '1:1')
-  aspect: makeProp(PROP_TYPE_NUMBER_STRING, '1:1'),
-  tag: makeProp(PROP_TYPE_STRING, 'div')
-}, NAME_ASPECT);
-
-// --- Main component ---
-
-// @vue/component
-const BAspect = /*#__PURE__*/extend({
-  name: NAME_ASPECT,
-  mixins: [normalizeSlotMixin],
-  props,
-  computed: {
-    padding() {
-      const {
-        aspect
-      } = this;
-      let ratio = 1;
-      if (RX_ASPECT.test(aspect)) {
-        // Width and/or Height can be a decimal value below `1`, so
-        // we only fallback to `1` if the value is `0` or `NaN`
-        const [width, height] = aspect.split(RX_ASPECT_SEPARATOR).map(v => toFloat(v) || 1);
-        ratio = width / height;
-      } else {
-        ratio = toFloat(aspect) || 1;
-      }
-      return `${100 / mathAbs(ratio)}%`;
-    }
-  },
-  render(h) {
-    const $sizer = h('div', {
-      staticClass: `${CLASS_NAME}-sizer flex-grow-1`,
-      style: {
-        paddingBottom: this.padding,
-        height: 0
-      }
-    });
-    const $content = h('div', {
-      staticClass: `${CLASS_NAME}-content flex-grow-1 w-100 mw-100`,
-      style: {
-        marginLeft: '-100%'
-      }
-    }, this.normalizeSlot());
-    return h(this.tag, {
-      staticClass: `${CLASS_NAME} d-flex`
-    }, [$sizer, $content]);
-  }
-});
-
-export { BAspect, props };

package/dist/vendor/bootstrap-vue/src/components/aspect/index.js

@@ -1,11 +0,0 @@
-import { BAspect } from './aspect';
-export { BAspect } from './aspect';
-import { pluginFactory } from '../../utils/plugins';
-
-const AspectPlugin = /*#__PURE__*/pluginFactory({
-  components: {
-    BAspect
-  }
-});
-
-export { AspectPlugin };

package/dist/vendor/bootstrap-vue/src/components/avatar/avatar-group.js

@@ -1,67 +0,0 @@
-import { NAME_AVATAR_GROUP } from '../../constants/components';
-import { PROP_TYPE_NUMBER_STRING, PROP_TYPE_BOOLEAN_STRING, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { mathMin, mathMax } from '../../utils/math';
-import { toFloat } from '../../utils/number';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { extend } from '../../vue';
-import { computeSize } from './avatar';
-
-// --- Props ---
-
-const props = makePropsConfigurable({
-  overlap: makeProp(PROP_TYPE_NUMBER_STRING, 0.3),
-  // Child avatars will prefer this prop (if set) over their own
-  rounded: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  // Child avatars will always use this over their own size
-  size: makeProp(PROP_TYPE_STRING),
-  // Child avatars will prefer this prop (if set) over their own
-  square: makeProp(PROP_TYPE_BOOLEAN, false),
-  tag: makeProp(PROP_TYPE_STRING, 'div'),
-  // Child avatars will prefer this variant over their own
-  variant: makeProp(PROP_TYPE_STRING)
-}, NAME_AVATAR_GROUP);
-
-// --- Main component ---
-
-// @vue/component
-const BAvatarGroup = /*#__PURE__*/extend({
-  name: NAME_AVATAR_GROUP,
-  mixins: [normalizeSlotMixin],
-  provide() {
-    return {
-      getBvAvatarGroup: () => this
-    };
-  },
-  props,
-  computed: {
-    computedSize() {
-      return computeSize(this.size);
-    },
-    overlapScale() {
-      return mathMin(mathMax(toFloat(this.overlap, 0), 0), 1) / 2;
-    },
-    paddingStyle() {
-      let value = this.computedSize;
-      value = value ? `calc(${value} * ${this.overlapScale})` : null;
-      return value ? {
-        paddingLeft: value,
-        paddingRight: value
-      } : {};
-    }
-  },
-  render(h) {
-    const $inner = h('div', {
-      staticClass: 'b-avatar-group-inner',
-      style: this.paddingStyle
-    }, this.normalizeSlot());
-    return h(this.tag, {
-      staticClass: 'b-avatar-group',
-      attrs: {
-        role: 'group'
-      }
-    }, [$inner]);
-  }
-});
-
-export { BAvatarGroup, props };