@gitlab/duo-ui 3.0.0 → 4.0.0

package/src/vendor/bootstrap-vue/src/components/dropdown/_dropdown-form.scss

@@ -1,38 +0,0 @@
-$bv-dropdown-form-defined: false !default;
-
-@if $bv-dropdown-form-defined == false {
-  // This test will only include these style definitions once
-  $bv-dropdown-form-defined: true;
-
-  // Custom styles for <b-dropdown-form>
-  // Based on class `.dropdown-item`
-  .b-dropdown-form {
-    display: inline-block;
-    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
-    width: 100%;
-    clear: both;
-    font-weight: $font-weight-normal;
-
-    &:focus {
-      // From https://github.com/twbs/bootstrap/blob/master/scss/_reboot.scss
-      // mimicking button:focus styling.
-      // We add important here as anything with tabindex `-1` and focused will not
-      // have a focus ring due to reboot.scss and its `!important` override.
-      // Needed for keyboard navigation high-lighting
-      outline: 1px dotted !important;
-      outline: 5px auto -webkit-focus-ring-color !important;
-    }
-
-    &.disabled,
-    &:disabled {
-      outline: 0 !important;
-      color: $dropdown-link-disabled-color;
-      pointer-events: none;
-      // background-color: transparent;
-      // Remove CSS gradients if they're enabled
-      // @if $enable-gradients {
-      //   background-image: none;
-      // }
-    }
-  }
-}

package/src/vendor/bootstrap-vue/src/components/dropdown/_dropdown-text.scss

@@ -1,17 +0,0 @@
-$bv-dropdown-text-defined: false !default;
-
-@if $bv-dropdown-text-defined == false {
-  // This test will only include these style definitions once
-  $bv-dropdown-text-defined: true;
-
-  // Custom styles for <b-dropdown-text>
-  // Based on class `.dropdown-item`
-  .b-dropdown-text {
-    display: inline-block;
-    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
-    margin-bottom: 0;
-    width: 100%;
-    clear: both;
-    font-weight: $font-weight-lighter;
-  }
-}

package/src/vendor/bootstrap-vue/src/components/dropdown/_dropdown.scss

@@ -1,58 +0,0 @@
-$bv-dropdown-defined: false !default;
-
-// Make sure to include these style definitions only once
-@if $bv-dropdown-defined == false {
-  $bv-dropdown-defined: true;
-
-  // Hide the caret for `no-caret` setting
-  // See: https://github.com/bootstrap-vue/bootstrap-vue/issues/1473
-  // See: https://github.com/twbs/bootstrap/issues/23724
-  .dropdown {
-    &:not(.dropleft) {
-      .dropdown-toggle {
-        &.dropdown-toggle-no-caret::after {
-          display: none !important;
-        }
-      }
-    }
-
-    // See: https://github.com/bootstrap-vue/bootstrap-vue/issues/2909
-    &.dropleft {
-      .dropdown-toggle {
-        &.dropdown-toggle-no-caret::before {
-          display: none !important;
-        }
-      }
-    }
-
-    // Hide the focus ring introduced by Bootstratp v4.4 reboot
-    // on items with tabindex="-1", as we know how users feel
-    // about blue rings where they don't expect them.
-    .dropdown-menu:focus {
-      outline: none;
-    }
-
-    // Prevent dropdown background overflow if there's no padding
-    // See https://github.com/twbs/bootstrap/pull/27703
-    // Added here to address <li> wrapping of items
-    @if $dropdown-padding-y == 0 {
-      .dropdown-menu {
-        > :first-child {
-          .dropdown-item,
-          .dropdown-form,
-          .dropdown-text {
-            @include border-top-radius($dropdown-inner-border-radius);
-          }
-        }
-
-        > :last-child {
-          .dropdown-item,
-          .dropdown-form,
-          .dropdown-text {
-            @include border-bottom-radius($dropdown-inner-border-radius);
-          }
-        }
-      }
-    }
-  }
-}

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js

@@ -1,36 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_DROPDOWN_DIVIDER } from '../../constants/components'
-import { PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { omit } from '../../utils/object'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    tag: makeProp(PROP_TYPE_STRING, 'hr')
-  },
-  NAME_DROPDOWN_DIVIDER
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BDropdownDivider = /*#__PURE__*/ extend({
-  name: NAME_DROPDOWN_DIVIDER,
-  functional: true,
-  props,
-  render(h, { props, data }) {
-    return h('li', mergeData(omit(data, ['attrs']), { attrs: { role: 'presentation' } }), [
-      h(props.tag, {
-        staticClass: 'dropdown-divider',
-        attrs: {
-          ...(data.attrs || {}),
-          role: 'separator',
-          'aria-orientation': 'horizontal'
-        },
-        ref: 'divider'
-      })
-    ])
-  }
-})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.spec.js

@@ -1,58 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BDropdownDivider } from './dropdown-divider'
-
-describe('dropdown > dropdown-divider', () => {
-  it('works', async () => {
-    const wrapper = mount(BDropdownDivider)
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const divider = wrapper.find('hr')
-    expect(divider.element.tagName).toBe('HR')
-    expect(divider.classes()).toContain('dropdown-divider')
-    expect(divider.classes().length).toBe(1)
-    expect(divider.attributes('role')).toBeDefined()
-    expect(divider.attributes('role')).toEqual('separator')
-    expect(divider.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders custom root element when prop tag set', async () => {
-    const wrapper = mount(BDropdownDivider, {
-      context: {
-        props: { tag: 'span' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const divider = wrapper.find('span')
-    expect(divider.element.tagName).toBe('SPAN')
-    expect(divider.classes()).toContain('dropdown-divider')
-    expect(divider.classes().length).toBe(1)
-    expect(divider.attributes('role')).toBeDefined()
-    expect(divider.attributes('role')).toEqual('separator')
-    expect(divider.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('does not render default slot content', async () => {
-    const wrapper = mount(BDropdownDivider, {
-      slots: { default: 'foobar' }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const divider = wrapper.find('hr')
-    expect(divider.element.tagName).toBe('HR')
-    expect(divider.classes()).toContain('dropdown-divider')
-    expect(divider.classes().length).toBe(1)
-    expect(divider.attributes('role')).toBeDefined()
-    expect(divider.attributes('role')).toEqual('separator')
-    expect(divider.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js

@@ -1,47 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_DROPDOWN_FORM } from '../../constants/components'
-import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props'
-import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { BForm, props as formControlProps } from '../form/form'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...formControlProps,
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    formClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
-  }),
-  NAME_DROPDOWN_FORM
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BDropdownForm = /*#__PURE__*/ extend({
-  name: NAME_DROPDOWN_FORM,
-  functional: true,
-  props,
-  render(h, { props, data, listeners, children }) {
-    return h('li', mergeData(omit(data, ['attrs', 'on']), { attrs: { role: 'presentation' } }), [
-      h(
-        BForm,
-        {
-          staticClass: 'b-dropdown-form',
-          class: [props.formClass, { disabled: props.disabled }],
-          props,
-          attrs: {
-            ...(data.attrs || {}),
-            disabled: props.disabled,
-            // Tab index of -1 for keyboard navigation
-            tabindex: props.disabled ? null : '-1'
-          },
-          on: listeners,
-          ref: 'form'
-        },
-        children
-      )
-    ])
-  }
-})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.spec.js

@@ -1,110 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BDropdownForm } from './dropdown-form'
-
-describe('dropdown-form', () => {
-  it('renders with tag "form"', async () => {
-    const wrapper = mount(BDropdownForm)
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const form = wrapper.find('form')
-    expect(form.element.tagName).toBe('FORM')
-
-    wrapper.destroy()
-  })
-
-  it('default has expected classes', async () => {
-    const wrapper = mount(BDropdownForm)
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const form = wrapper.find('form')
-    expect(form.classes()).toContain('b-dropdown-form')
-    expect(form.classes()).not.toContain('was-validated')
-    expect(form.classes()).not.toContain('disabled')
-
-    wrapper.destroy()
-  })
-
-  it('should have custom form classes on form', async () => {
-    const wrapper = mount(BDropdownForm, {
-      propsData: {
-        formClass: ['form-class-custom', 'form-class-custom-2']
-      }
-    })
-
-    const form = wrapper.find('form')
-    expect(form.classes()).toEqual(['b-dropdown-form', 'form-class-custom', 'form-class-custom-2'])
-
-    wrapper.destroy()
-  })
-
-  it('has tabindex on form', async () => {
-    const wrapper = mount(BDropdownForm)
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const form = wrapper.find('form')
-    expect(form.element.tagName).toBe('FORM')
-    expect(form.attributes('tabindex')).toBeDefined()
-    expect(form.attributes('tabindex')).toEqual('-1')
-
-    wrapper.destroy()
-  })
-
-  it('does not have tabindex on form when disabled', async () => {
-    const wrapper = mount(BDropdownForm, {
-      propsData: {
-        disabled: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const form = wrapper.find('form')
-    expect(form.element.tagName).toBe('FORM')
-    expect(form.attributes('tabindex')).toBeUndefined()
-    expect(form.attributes('disabled')).toBeDefined()
-    expect(form.classes()).toContain('disabled')
-
-    wrapper.destroy()
-  })
-
-  it('has class "was-validated" when validated=true', async () => {
-    const wrapper = mount(BDropdownForm, {
-      propsData: { validated: true }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const form = wrapper.find('form')
-    expect(form.classes()).toContain('was-validated')
-    expect(form.classes()).toContain('b-dropdown-form')
-
-    wrapper.destroy()
-  })
-
-  it('does not have attribute novalidate by default', async () => {
-    const wrapper = mount(BDropdownForm)
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const form = wrapper.find('form')
-    expect(form.attributes('novalidate')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('has attribute novalidate when novalidate=true', async () => {
-    const wrapper = mount(BDropdownForm, {
-      propsData: { novalidate: true }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const form = wrapper.find('form')
-    expect(form.attributes('novalidate')).toBeDefined()
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js

@@ -1,76 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_DROPDOWN_GROUP } from '../../constants/components'
-import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { SLOT_NAME_DEFAULT, SLOT_NAME_HEADER } from '../../constants/slots'
-import { isTag } from '../../utils/dom'
-import { identity } from '../../utils/identity'
-import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot'
-import { omit } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    ariaDescribedby: makeProp(PROP_TYPE_STRING),
-    header: makeProp(PROP_TYPE_STRING),
-    headerClasses: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    headerTag: makeProp(PROP_TYPE_STRING, 'header'),
-    headerVariant: makeProp(PROP_TYPE_STRING),
-    id: makeProp(PROP_TYPE_STRING)
-  },
-  NAME_DROPDOWN_GROUP
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BDropdownGroup = /*#__PURE__*/ extend({
-  name: NAME_DROPDOWN_GROUP,
-  functional: true,
-  props,
-  render(h, { props, data, slots, scopedSlots }) {
-    const { id, variant, header, headerTag } = props
-    const $slots = slots()
-    const $scopedSlots = scopedSlots || {}
-    const slotScope = {}
-    const headerId = id ? `_bv_${id}_group_dd_header` : null
-
-    let $header = h()
-    if (hasNormalizedSlot(SLOT_NAME_HEADER, $scopedSlots, $slots) || header) {
-      $header = h(
-        headerTag,
-        {
-          staticClass: 'dropdown-header',
-          class: [props.headerClasses, { [`text-${variant}`]: variant }],
-          attrs: {
-            id: headerId,
-            role: isTag(headerTag, 'header') ? null : 'heading'
-          }
-        },
-        normalizeSlot(SLOT_NAME_HEADER, slotScope, $scopedSlots, $slots) || header
-      )
-    }
-
-    return h('li', mergeData(omit(data, ['attrs']), { attrs: { role: 'presentation' } }), [
-      $header,
-      h(
-        'ul',
-        {
-          staticClass: 'list-unstyled',
-          attrs: {
-            ...(data.attrs || {}),
-            id,
-            role: 'group',
-            'aria-describedby':
-              [headerId, props.ariaDescribedBy]
-                .filter(identity)
-                .join(' ')
-                .trim() || null
-          }
-        },
-        normalizeSlot(SLOT_NAME_DEFAULT, slotScope, $scopedSlots, $slots)
-      )
-    ])
-  }
-})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.spec.js

@@ -1,94 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BDropdownGroup } from './dropdown-group'
-
-describe('dropdown > dropdown-header', () => {
-  it('works', async () => {
-    const wrapper = mount(BDropdownGroup)
-
-    expect(wrapper.element.tagName).toBe('LI')
-    expect(wrapper.classes().length).toBe(0)
-
-    const header = wrapper.find('header')
-    expect(header.exists()).toBe(false)
-
-    const ul = wrapper.find('ul')
-    expect(ul).toBeDefined()
-    expect(ul.element.tagName).toBe('UL')
-    expect(ul.classes()).toContain('list-unstyled')
-    expect(ul.classes().length).toBe(1)
-    expect(ul.attributes('id')).toBeUndefined()
-
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders header element when prop header set', async () => {
-    const wrapper = mount(BDropdownGroup, {
-      context: {
-        props: { header: 'foobar' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const header = wrapper.find('header')
-    expect(header.element.tagName).toBe('HEADER')
-    expect(header.classes()).toContain('dropdown-header')
-    expect(header.classes().length).toBe(1)
-    expect(header.attributes('id')).toBeUndefined()
-    expect(header.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('renders custom header element when prop header-tag set', async () => {
-    const wrapper = mount(BDropdownGroup, {
-      context: {
-        props: {
-          header: 'foobar',
-          headerTag: 'h6'
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const header = wrapper.find('.dropdown-header')
-    expect(header.element.tagName).toBe('H6')
-    expect(header.classes().length).toBe(1)
-    expect(header.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('user supplied id when prop id set', async () => {
-    const wrapper = mount(BDropdownGroup, {
-      context: {
-        props: { id: 'foo' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const ul = wrapper.find('ul')
-    expect(ul.attributes('id')).toBeDefined()
-    expect(ul.attributes('id')).toEqual('foo')
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BDropdownGroup, {
-      slots: { default: '<li>foobar</li>' }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const ul = wrapper.find('ul')
-    expect(ul.element.tagName).toBe('UL')
-    expect(ul.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js

@@ -1,46 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_DROPDOWN_HEADER } from '../../constants/components'
-import { PROP_TYPE_STRING } from '../../constants/props'
-import { isTag } from '../../utils/dom'
-import { omit } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    id: makeProp(PROP_TYPE_STRING),
-    tag: makeProp(PROP_TYPE_STRING, 'header'),
-    variant: makeProp(PROP_TYPE_STRING)
-  },
-  NAME_DROPDOWN_HEADER
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BDropdownHeader = /*#__PURE__*/ extend({
-  name: NAME_DROPDOWN_HEADER,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { tag, variant } = props
-
-    return h('li', mergeData(omit(data, ['attrs']), { attrs: { role: 'presentation' } }), [
-      h(
-        tag,
-        {
-          staticClass: 'dropdown-header',
-          class: { [`text-${variant}`]: variant },
-          attrs: {
-            ...(data.attrs || {}),
-            id: props.id || null,
-            role: isTag(tag, 'header') ? null : 'heading'
-          },
-          ref: 'header'
-        },
-        children
-      )
-    ])
-  }
-})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.spec.js

@@ -1,73 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BDropdownHeader } from './dropdown-header'
-
-describe('dropdown > dropdown-header', () => {
-  it('works', async () => {
-    const wrapper = mount(BDropdownHeader)
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const header = wrapper.find('header')
-    expect(header.element.tagName).toBe('HEADER')
-    expect(header.classes()).toContain('dropdown-header')
-    expect(header.classes().length).toBe(1)
-    expect(header.attributes('id')).toBeUndefined()
-    expect(header.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders custom header element when prop tag set', async () => {
-    const wrapper = mount(BDropdownHeader, {
-      context: {
-        props: { tag: 'h2' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const header = wrapper.find('h2')
-    expect(header.element.tagName).toBe('H2')
-    expect(header.classes()).toContain('dropdown-header')
-    expect(header.classes().length).toBe(1)
-    expect(header.attributes('id')).toBeUndefined()
-    expect(header.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('user supplied id when prop id set', async () => {
-    const wrapper = mount(BDropdownHeader, {
-      context: {
-        props: { id: 'foo' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const header = wrapper.find('header')
-    expect(header.element.tagName).toBe('HEADER')
-    expect(header.classes()).toContain('dropdown-header')
-    expect(header.classes().length).toBe(1)
-    expect(header.attributes('id')).toBeDefined()
-    expect(header.attributes('id')).toEqual('foo')
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BDropdownHeader, {
-      slots: { default: 'foobar' }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const header = wrapper.find('header')
-    expect(header.element.tagName).toBe('HEADER')
-    expect(header.classes()).toContain('dropdown-header')
-    expect(header.classes().length).toBe(1)
-    expect(header.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-})