@gitlab/duo-ui 3.0.0 → 3.0.1

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js

@@ -1,93 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_DROPDOWN_ITEM_BUTTON } from '../../constants/components'
-import { EVENT_NAME_CLICK } from '../../constants/events'
-import {
-  PROP_TYPE_ARRAY_OBJECT_STRING,
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_STRING
-} from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { attrsMixin } from '../../mixins/attrs'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    active: makeProp(PROP_TYPE_BOOLEAN, false),
-    activeClass: makeProp(PROP_TYPE_STRING, 'active'),
-    buttonClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    variant: makeProp(PROP_TYPE_STRING)
-  },
-  NAME_DROPDOWN_ITEM_BUTTON
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BDropdownItemButton = /*#__PURE__*/ extend({
-  name: NAME_DROPDOWN_ITEM_BUTTON,
-  mixins: [attrsMixin, normalizeSlotMixin],
-  inject: {
-    getBvDropdown: { default: () => () => null }
-  },
-  inheritAttrs: false,
-  props,
-  computed: {
-    bvDropdown() {
-      return this.getBvDropdown()
-    },
-
-    computedAttrs() {
-      return {
-        ...this.bvAttrs,
-        role: 'menuitem',
-        type: 'button',
-        disabled: this.disabled
-      }
-    }
-  },
-  methods: {
-    closeDropdown() {
-      if (this.bvDropdown) {
-        this.bvDropdown.hide(true)
-      }
-    },
-    onClick(event) {
-      this.$emit(EVENT_NAME_CLICK, event)
-      this.closeDropdown()
-    }
-  },
-  render(h) {
-    const { active, variant, bvAttrs } = this
-
-    return h(
-      'li',
-      {
-        class: bvAttrs.class,
-        style: bvAttrs.style,
-        attrs: { role: 'presentation' }
-      },
-      [
-        h(
-          'button',
-          {
-            staticClass: 'dropdown-item',
-            class: [
-              this.buttonClass,
-              {
-                [this.activeClass]: active,
-                [`text-${variant}`]: variant && !(active || this.disabled)
-              }
-            ],
-            attrs: this.computedAttrs,
-            on: { click: this.onClick },
-            ref: 'button'
-          },
-          this.normalizeSlot()
-        )
-      ]
-    )
-  }
-})

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

@@ -1,117 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BDropdownItemButton } from './dropdown-item-button'
-
-describe('dropdown-item-button', () => {
-  it('renders with tag "button" and type="button" by default', async () => {
-    const wrapper = mount(BDropdownItemButton)
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const button = wrapper.find('button')
-    expect(button.element.tagName).toBe('BUTTON')
-    expect(button.attributes('type')).toBe('button')
-
-    wrapper.destroy()
-  })
-
-  it('has class "dropdown-item"', async () => {
-    const wrapper = mount(BDropdownItemButton)
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const button = wrapper.find('button')
-    expect(button.classes()).toContain('dropdown-item')
-    expect(button.classes()).not.toContain('active')
-
-    wrapper.destroy()
-  })
-
-  it('has class "active" when active=true', async () => {
-    const wrapper = mount(BDropdownItemButton, {
-      propsData: { active: true }
-    })
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const button = wrapper.find('button')
-    expect(button.classes()).toContain('active')
-    expect(button.classes()).toContain('dropdown-item')
-
-    wrapper.destroy()
-  })
-
-  it('has attribute "disabled" when disabled=true', async () => {
-    const wrapper = mount(BDropdownItemButton, {
-      propsData: { disabled: true }
-    })
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const button = wrapper.find('button')
-    expect(button.attributes('disabled')).toBeDefined()
-
-    wrapper.destroy()
-  })
-
-  it('calls dropdown hide(true) method when clicked', async () => {
-    let called = false
-    let refocus = null
-    const wrapper = mount(BDropdownItemButton, {
-      provide: {
-        getBvDropdown: () => ({
-          hide(arg) {
-            called = true
-            refocus = arg
-          }
-        })
-      }
-    })
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const button = wrapper.find('button')
-    expect(button).toBeDefined()
-    await button.trigger('click')
-    expect(called).toBe(true)
-    expect(refocus).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('does not call dropdown hide(true) method when clicked and disabled', async () => {
-    let called = false
-    let refocus = null
-    const wrapper = mount(BDropdownItemButton, {
-      propsData: {
-        disabled: true
-      },
-      provide: {
-        getBvDropdown: () => ({
-          hide(arg) {
-            called = true
-            refocus = arg
-          }
-        })
-      }
-    })
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const button = wrapper.find('button')
-    expect(button).toBeDefined()
-    await button.trigger('click')
-    expect(called).toBe(false)
-    expect(refocus).toBe(null)
-
-    wrapper.destroy()
-  })
-
-  it('has buttonClass when prop is passed a value', () => {
-    const wrapper = mount(BDropdownItemButton, {
-      propsData: {
-        buttonClass: 'button-class'
-      }
-    })
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const button = wrapper.find('button')
-    expect(button.classes()).toContain('button-class')
-    expect(button.classes()).toContain('dropdown-item')
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,87 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_DROPDOWN_ITEM } from '../../constants/components'
-import { EVENT_NAME_CLICK } from '../../constants/events'
-import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { requestAF } from '../../utils/dom'
-import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
-import { attrsMixin } from '../../mixins/attrs'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { BLink, props as BLinkProps } from '../link/link'
-
-// --- Props ---
-
-const linkProps = omit(BLinkProps, ['event', 'routerTag'])
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...linkProps,
-    linkClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    variant: makeProp(PROP_TYPE_STRING)
-  }),
-  NAME_DROPDOWN_ITEM
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BDropdownItem = /*#__PURE__*/ extend({
-  name: NAME_DROPDOWN_ITEM,
-  mixins: [attrsMixin, normalizeSlotMixin],
-  inject: {
-    getBvDropdown: { default: () => () => null }
-  },
-  inheritAttrs: false,
-  props,
-  computed: {
-    bvDropdown() {
-      return this.getBvDropdown()
-    },
-    computedAttrs() {
-      return {
-        ...this.bvAttrs,
-        role: 'menuitem'
-      }
-    }
-  },
-  methods: {
-    closeDropdown() {
-      // Close on next animation frame to allow <b-link> time to process
-      requestAF(() => {
-        if (this.bvDropdown) {
-          this.bvDropdown.hide(true)
-        }
-      })
-    },
-    onClick(event) {
-      this.$emit(EVENT_NAME_CLICK, event)
-      this.closeDropdown()
-    }
-  },
-  render(h) {
-    const { linkClass, variant, active, disabled, onClick, bvAttrs } = this
-
-    return h(
-      'li',
-      {
-        class: bvAttrs.class,
-        style: bvAttrs.style,
-        attrs: { role: 'presentation' }
-      },
-      [
-        h(
-          BLink,
-          {
-            staticClass: 'dropdown-item',
-            class: [linkClass, { [`text-${variant}`]: variant && !(active || disabled) }],
-            props: pluckProps(linkProps, this.$props),
-            attrs: this.computedAttrs,
-            on: { click: onClick },
-            ref: 'item'
-          },
-          this.normalizeSlot()
-        )
-      ]
-    )
-  }
-})

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

@@ -1,147 +0,0 @@
-import VueRouter from 'vue-router'
-import { mount } from '@vue/test-utils'
-import { waitRAF } from '../../../tests/utils'
-import { Vue } from '../../vue'
-import { BDropdownItem } from './dropdown-item'
-
-Vue.use(VueRouter)
-
-describe('dropdown-item', () => {
-  it('renders with tag "a" and href="#" by default', async () => {
-    const wrapper = mount(BDropdownItem)
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const item = wrapper.find('a')
-    expect(item.element.tagName).toBe('A')
-    expect(item.attributes('href')).toBe('#')
-
-    wrapper.destroy()
-  })
-
-  it('has class "dropdown-item"', async () => {
-    const wrapper = mount(BDropdownItem)
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const item = wrapper.find('a')
-    expect(item.classes()).toContain('dropdown-item')
-    expect(item.attributes('href')).toBe('#')
-
-    wrapper.destroy()
-  })
-
-  it('calls dropdown hide(true) method when clicked', async () => {
-    let called = false
-    let refocus = null
-    const wrapper = mount(BDropdownItem, {
-      provide: {
-        getBvDropdown: () => ({
-          hide(arg) {
-            called = true
-            refocus = arg
-          }
-        })
-      }
-    })
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const item = wrapper.find('a')
-    expect(item).toBeDefined()
-    await item.trigger('click')
-    await waitRAF()
-    expect(called).toBe(true)
-    expect(refocus).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('does not call dropdown hide(true) method when clicked and disabled', async () => {
-    let called = false
-    let refocus = null
-    const wrapper = mount(BDropdownItem, {
-      propsData: { disabled: true },
-      provide: {
-        getBvDropdown: () => ({
-          hide(arg) {
-            called = true
-            refocus = arg
-          }
-        })
-      }
-    })
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const item = wrapper.find('a')
-    expect(item).toBeDefined()
-    await item.trigger('click')
-    await waitRAF()
-    expect(called).toBe(false)
-    expect(refocus).toBe(null)
-
-    wrapper.destroy()
-  })
-
-  it('has linkClass when prop is passed a value', () => {
-    const wrapper = mount(BDropdownItem, {
-      propsData: {
-        linkClass: 'link-class'
-      }
-    })
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const item = wrapper.find('a')
-    expect(item.classes()).toContain('link-class')
-    expect(item.classes()).toContain('dropdown-item')
-
-    wrapper.destroy()
-  })
-
-  describe('router-link support', () => {
-    it('works', async () => {
-      const router = new VueRouter({
-        mode: 'abstract',
-        routes: [
-          { path: '/', component: { name: 'R', template: '<div class="r">ROOT</div>' } },
-          { path: '/a', component: { name: 'A', template: '<div class="a">A</div>' } },
-          { path: '/b', component: { name: 'B', template: '<div class="a">B</div>' } }
-        ]
-      })
-
-      const App = {
-        router,
-        render(h) {
-          return h('ul', [
-            // <router-link>
-            h(BDropdownItem, { props: { to: '/a' } }, ['to-a']),
-            // Regular link
-            h(BDropdownItem, { props: { href: '/a' } }, ['href-a']),
-            // <router-link>
-            h(BDropdownItem, { props: { to: { path: '/b' } } }, ['to-path-b']),
-            h('router-view')
-          ])
-        }
-      }
-
-      const wrapper = mount(App, {
-        attachTo: document.body
-      })
-
-      expect(wrapper.vm).toBeDefined()
-      expect(wrapper.element.tagName).toBe('UL')
-
-      expect(wrapper.findAll('li').length).toBe(3)
-      expect(wrapper.findAll('a').length).toBe(3)
-
-      const $links = wrapper.findAllComponents('a')
-
-      $links.wrappers.forEach($link => {
-        expect($link.vm).toBeDefined()
-        expect($links.at(0).vm.$options.name).toBe('BLink')
-      })
-      expect(
-        $links.wrappers.map($link => $link.findComponent({ name: 'RouterLink' }).exists())
-      ).toStrictEqual([true, false, true])
-
-      wrapper.destroy()
-    })
-  })
-})

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

@@ -1,42 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_DROPDOWN_TEXT } from '../../constants/components'
-import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { omit } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    tag: makeProp(PROP_TYPE_STRING, 'p'),
-    textClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    variant: makeProp(PROP_TYPE_STRING)
-  },
-  NAME_DROPDOWN_TEXT
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BDropdownText = /*#__PURE__*/ extend({
-  name: NAME_DROPDOWN_TEXT,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { tag, textClass, variant } = props
-
-    return h('li', mergeData(omit(data, ['attrs']), { attrs: { role: 'presentation' } }), [
-      h(
-        tag,
-        {
-          staticClass: 'b-dropdown-text',
-          class: [textClass, { [`text-${variant}`]: variant }],
-          props,
-          attrs: data.attrs || {},
-          ref: 'text'
-        },
-        children
-      )
-    ])
-  }
-})

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

@@ -1,59 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BDropdownText } from './dropdown-text'
-
-describe('dropdown-text', () => {
-  it('renders with tag "p" by default', async () => {
-    const wrapper = mount(BDropdownText)
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const text = wrapper.find('p')
-    expect(text.element.tagName).toBe('P')
-
-    wrapper.destroy()
-  })
-
-  it('has custom class "b-dropdown-text"', async () => {
-    const wrapper = mount(BDropdownText)
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const text = wrapper.find('p')
-    expect(text.classes()).toContain('b-dropdown-text')
-
-    wrapper.destroy()
-  })
-
-  it('renders with tag "div" when tag=div', async () => {
-    const wrapper = mount(BDropdownText, {
-      context: {
-        props: { tag: 'div' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const text = wrapper.find('div')
-    expect(text.element.tagName).toBe('DIV')
-    expect(text.classes()).toContain('b-dropdown-text')
-
-    wrapper.destroy()
-  })
-
-  it('adds classes from `text-class` prop to child', async () => {
-    const wrapper = mount(BDropdownText, {
-      context: {
-        props: { textClass: 'some-custom-class' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-
-    const text = wrapper.find('p')
-    expect(text.element.tagName).toBe('P')
-    expect(text.classes()).toContain('b-dropdown-text')
-    expect(text.classes()).toContain('some-custom-class')
-
-    wrapper.destroy()
-  })
-})