@gitlab/ui 92.2.0 → 92.3.1

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

@@ -1,442 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { waitNT, waitRAF } from '../../../tests/utils'
-import { BAlert } from './alert'
-
-describe('alert', () => {
-  it('hidden alert renders comment node', async () => {
-    const wrapper = mount(BAlert)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    wrapper.destroy()
-  })
-
-  it('hidden alert (show = "0") renders comment node', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: '0'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    wrapper.destroy()
-  })
-
-  it('hidden alert (show = 0) renders comment node', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: 0
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    wrapper.destroy()
-  })
-
-  it('visible alert has default class names and attributes', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('alert')
-    expect(wrapper.classes()).toContain('alert-info')
-    expect(wrapper.classes()).not.toContain('fade')
-    expect(wrapper.classes()).not.toContain('show')
-
-    expect(wrapper.attributes('role')).toBe('alert')
-    expect(wrapper.attributes('aria-live')).toBe('polite')
-    expect(wrapper.attributes('aria-atomic')).toBe('true')
-
-    wrapper.destroy()
-  })
-
-  it('visible alert (show = "") has default class names and attributes', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: ''
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('alert')
-    expect(wrapper.classes()).toContain('alert-info')
-    expect(wrapper.classes()).not.toContain('fade')
-    expect(wrapper.classes()).not.toContain('show')
-
-    expect(wrapper.attributes('role')).toBe('alert')
-    expect(wrapper.attributes('aria-live')).toBe('polite')
-    expect(wrapper.attributes('aria-atomic')).toBe('true')
-
-    wrapper.destroy()
-  })
-
-  it('visible alert has variant when prop variant is set', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: true,
-        variant: 'success'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('alert')
-    expect(wrapper.classes()).toContain('alert-success')
-    expect(wrapper.attributes('role')).toBe('alert')
-    expect(wrapper.attributes('aria-live')).toBe('polite')
-    expect(wrapper.attributes('aria-atomic')).toBe('true')
-
-    wrapper.destroy()
-  })
-
-  it('renders content from default slot', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: true
-      },
-      slots: {
-        default: '<article>foobar</article>'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-
-    expect(wrapper.find('article').exists()).toBe(true)
-    expect(wrapper.find('article').text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('hidden alert shows when show prop set', async () => {
-    const wrapper = mount(BAlert)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    await wrapper.setProps({ show: true })
-
-    expect(wrapper.html()).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('alert')
-    expect(wrapper.classes()).toContain('alert-info')
-
-    wrapper.destroy()
-  })
-
-  it('dismissible alert should have class alert-dismissible', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: true,
-        dismissible: true
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('alert')
-    expect(wrapper.classes()).toContain('alert-info')
-    expect(wrapper.classes()).toContain('alert-dismissible')
-
-    wrapper.destroy()
-  })
-
-  it('dismissible alert should have close button', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: true,
-        dismissible: true
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.find('button').exists()).toBe(true)
-    expect(wrapper.find('button').classes()).toContain('close')
-    expect(wrapper.find('button').attributes('aria-label')).toBe('Close')
-
-    wrapper.destroy()
-  })
-
-  it('dismissible alert should have close button with custom aria-label', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: true,
-        dismissible: true,
-        dismissLabel: 'foobar'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.find('button').exists()).toBe(true)
-    expect(wrapper.find('button').classes()).toContain('close')
-    expect(wrapper.find('button').attributes('aria-label')).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('dismiss button click should close alert', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: true,
-        dismissible: true
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('alert-dismissible')
-    expect(wrapper.classes()).toContain('alert')
-    expect(wrapper.find('button').exists()).toBe(true)
-    expect(wrapper.emitted('dismissed')).toBeUndefined()
-    expect(wrapper.emitted('input')).toBeUndefined()
-
-    await wrapper.find('button').trigger('click')
-
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-    expect(wrapper.emitted('dismissed')).toBeDefined()
-    expect(wrapper.emitted('dismissed').length).toBe(1)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toBe(1)
-    expect(wrapper.emitted('input')[0][0]).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('fade transition works', async () => {
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: false,
-        fade: true
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    await wrapper.setProps({ show: true })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('alert')
-    expect(wrapper.classes()).toContain('alert-info')
-    expect(wrapper.classes()).toContain('fade')
-    await waitRAF()
-    await waitRAF()
-    await waitRAF()
-
-    await wrapper.setProps({ show: false })
-    await waitRAF()
-
-    // Dismissed won't be emitted unless dismissible=true or show is a number
-    expect(wrapper.emitted('dismissed')).toBeUndefined()
-
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    wrapper.destroy()
-  })
-
-  it('dismiss countdown emits dismiss-count-down event', async () => {
-    jest.useFakeTimers()
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: 3
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.html()).toBeDefined()
-
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismissed')).toBeUndefined()
-    expect(wrapper.emitted('dismiss-count-down')).toBeDefined()
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(1)
-    expect(wrapper.emitted('dismiss-count-down')[0][0]).toBe(3) // 3 - 0
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(2)
-    expect(wrapper.emitted('dismiss-count-down')[1][0]).toBe(2) // 3 - 1
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(3)
-    expect(wrapper.emitted('dismiss-count-down')[2][0]).toBe(1) // 3 - 2
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(4)
-    expect(wrapper.emitted('dismiss-count-down')[3][0]).toBe(0) // 3 - 3
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    expect(wrapper.emitted('dismissed')).toBeDefined()
-    expect(wrapper.emitted('dismissed').length).toBe(1)
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    wrapper.destroy()
-  })
-
-  it('dismiss countdown emits dismiss-count-down event when show is number as string', async () => {
-    jest.useFakeTimers()
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: '3'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.html()).toBeDefined()
-
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismissed')).toBeUndefined()
-    expect(wrapper.emitted('dismiss-count-down')).toBeDefined()
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(1)
-    expect(wrapper.emitted('dismiss-count-down')[0][0]).toBe(3) // 3 - 0
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(2)
-    expect(wrapper.emitted('dismiss-count-down')[1][0]).toBe(2) // 3 - 1
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(3)
-    expect(wrapper.emitted('dismiss-count-down')[2][0]).toBe(1) // 3 - 2
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(4)
-    expect(wrapper.emitted('dismiss-count-down')[3][0]).toBe(0) // 3 - 3
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    expect(wrapper.emitted('dismissed')).toBeDefined()
-    expect(wrapper.emitted('dismissed').length).toBe(1)
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    wrapper.destroy()
-  })
-
-  it('dismiss countdown handles when show value is changed', async () => {
-    jest.useFakeTimers()
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: 2
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.html()).toBeDefined()
-
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismissed')).toBeUndefined()
-    expect(wrapper.emitted('dismiss-count-down')).toBeDefined()
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(1)
-    expect(wrapper.emitted('dismiss-count-down')[0][0]).toBe(2) // 2 - 0
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(2)
-    expect(wrapper.emitted('dismiss-count-down')[1][0]).toBe(1) // 2 - 1
-
-    // Reset countdown
-    await wrapper.setProps({ show: 3 })
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(3)
-    expect(wrapper.emitted('dismiss-count-down')[2][0]).toBe(3) // 3 - 0
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(4)
-    expect(wrapper.emitted('dismiss-count-down')[3][0]).toBe(2) // 3 - 1
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(5)
-    expect(wrapper.emitted('dismiss-count-down')[4][0]).toBe(1) // 3 - 2
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(6)
-    expect(wrapper.emitted('dismiss-count-down')[5][0]).toBe(0) // 3 - 3
-
-    // Just to make sure there aren't any more timers pending
-    jest.runAllTimers()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(6)
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    expect(wrapper.emitted('dismissed')).toBeDefined()
-    expect(wrapper.emitted('dismissed').length).toBe(1)
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    wrapper.destroy()
-  })
-
-  it('dismiss countdown handles when alert dismissed early', async () => {
-    jest.useFakeTimers()
-    const wrapper = mount(BAlert, {
-      propsData: {
-        show: 2,
-        dismissible: true
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.html()).toBeDefined()
-
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismissed')).toBeUndefined()
-    expect(wrapper.emitted('dismiss-count-down')).toBeDefined()
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(1)
-    expect(wrapper.emitted('dismiss-count-down')[0][0]).toBe(2) // 2 - 0
-
-    jest.runTimersToTime(1000)
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(2)
-    expect(wrapper.emitted('dismiss-count-down')[1][0]).toBe(1) // 2 - 1
-
-    await wrapper.find('button').trigger('click')
-    await waitRAF()
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(3)
-    expect(wrapper.emitted('dismiss-count-down')[2][0]).toBe(0)
-
-    // Should not emit any new countdown values
-    jest.runAllTimers()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.emitted('dismiss-count-down').length).toBe(3)
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    expect(wrapper.emitted('dismissed')).toBeDefined()
-    expect(wrapper.emitted('dismissed').length).toBe(1)
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/alert/index.d.ts

@@ -1,13 +0,0 @@
-//
-// Alert
-//
-import Vue from 'vue'
-import { BvPlugin, BvComponent } from '../../'
-
-// Plugin
-export declare const AlertPlugin: BvPlugin
-
-// Component: b-alert
-export declare class BAlert extends BvComponent {
-  dismiss: () => void
-}

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

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

package/src/vendor/bootstrap-vue/src/components/alert/package.json

@@ -1,72 +0,0 @@
-{
-  "name": "@bootstrap-vue/alert",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Alert",
-    "description": "Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.",
-    "components": [
-      {
-        "component": "BAlert",
-        "props": [
-          {
-            "prop": "dismissLabel",
-            "description": "Value for the 'aria-label' attribute on the dismiss button"
-          },
-          {
-            "prop": "dismissible",
-            "description": "When set, enables the dismiss close button"
-          },
-          {
-            "prop": "show",
-            "description": "When set, shows the alert. Set to a number (seconds) to show and automatically dismiss the alert after the number of seconds has elapsed"
-          },
-          {
-            "prop": "variant",
-            "description": "Applies one of the Bootstrap theme color variants to the component"
-          }
-        ],
-        "events": [
-          {
-            "event": "dismiss-count-down",
-            "description": "When prop show is a number, this event emits every second on countdown",
-            "args": [
-              {
-                "arg": "dismissCountDown",
-                "type": "Number",
-                "description": "Time remaining to dismissed"
-              }
-            ]
-          },
-          {
-            "event": "dismissed",
-            "description": "Alert dismissed either via the dismiss close button or when the dismiss countdown has expired"
-          },
-          {
-            "event": "input",
-            "description": "Used to update the v-model show value",
-            "args": [
-              {
-                "arg": "show",
-                "type": [
-                  "Boolean",
-                  "Number"
-                ],
-                "description": "Boolean state of alert, or Number for current countdown value"
-              }
-            ]
-          }
-        ],
-        "slots": [
-          {
-            "name": "dismiss",
-            "description": "Content for the dismiss button"
-          },
-          {
-            "name": "default",
-            "description": "Content to place in the alert"
-          }
-        ]
-      }
-    ]
-  }
-}

package/src/vendor/bootstrap-vue/src/components/aspect/README.md

@@ -1,65 +0,0 @@
-# Aspect
-
-> The `<b-aspect>` component can be used to maintain a minimum responsive aspect ratio for content.
-> When the content is longer than the available height, then the component will expand vertically to
-> fit all content. If the content is shorter than the computed aspect height, the component will
-> ensure a minimum height is maintained.
-
-## Overview
-
-The default [aspect](<https://en.wikipedia.org/wiki/Aspect_ratio_(image)>) ratio is `1:1` (ratio of
-`1`), which makes the height always be at least the same as the width. The `aspect` prop can be used
-to specify an arbitrary aspect ratio (i.e. `1.5`) or a ratio as a string such as `'16:9'` or
-`'4:3'`.
-
-The width will always be 100% of the available width in the parent element/component.
-
-```html
-<template>
-  <div>
-    <b-form-group label="Aspect ratio" label-for="ratio" label-cols-md="auto" class="mb-3">
-      <b-form-select id="ratio" v-model="aspect" :options="aspects"></b-form-select>
-    </b-form-group>
-    <b-card>
-      <b-aspect :aspect="aspect">
-        This will always be an aspect of "{{ aspect }}",
-        except when the content is too tall.
-      </b-aspect>
-    </b-card>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        aspect: '16:9',
-        aspects: [
-          { text: '4:3 (SD)', value: '4:3' },
-          { text: '1:1 (Square)', value: '1:1' },
-          { text: '16:9 (HD)', value: '16:9' },
-          { text: '1.85:1 (Widescreen)', value: '1.85:1' },
-          { text: '2:1 (Univisium/Superscope)', value: '2:1' },
-          { text: '21:9 (Anamorphic)', value: '21:9' },
-          { text: '1.43:1 (IMAX)', value: '1.43:1' },
-          { text: '3:2 (35mm Film)', value: '3:2' },
-          { text: '3:1 (APS-P)', value: '3:1' },
-          { text: '4/3 (Same as 4:3)', value: 4 / 3 },
-          { text: '16/9 (Same as 16:9)', value: 16 / 9 },
-          { text: '3 (Same as 3:1)', value: 3 },
-          { text: '2 (Same as 2:1)', value: 2 },
-          { text: '1.85 (Same as 1.85:1)', value: 1.85 },
-          { text: '1.5', value: 1.5 },
-          { text: '1 (Same as 1:1)', value: 1 }
-        ]
-      }
-    }
-  }
-</script>
-
-<!-- b-aspect.vue -->
-```
-
-## See also
-
-- [`<b-embed>` component](/docs/components/embed) for responsive embeds (videos, iframes, etc.)

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

@@ -1,65 +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 { makeProp, makePropsConfigurable } from '../../utils/props'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-
-// --- Constants ---
-
-const CLASS_NAME = 'b-aspect'
-
-// --- Props ---
-
-export 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
-export 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])
-  }
-})