@gitlab/duo-ui 3.0.0 → 4.0.0

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

@@ -1,179 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_BUTTON } from '../../constants/components'
-import { CODE_ENTER, CODE_SPACE } from '../../constants/key-codes'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { concat } from '../../utils/array'
-import { addClass, isTag, removeClass } from '../../utils/dom'
-import { stopEvent } from '../../utils/events'
-import { isBoolean, isEvent, isFunction } from '../../utils/inspect'
-import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
-import { isLink as isLinkStrict } from '../../utils/router'
-import { BLink, props as BLinkProps } from '../link/link'
-
-// --- Props ---
-
-const linkProps = omit(BLinkProps, ['event', 'routerTag'])
-delete linkProps.href.default
-delete linkProps.to.default
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...linkProps,
-    block: makeProp(PROP_TYPE_BOOLEAN, false),
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    pill: makeProp(PROP_TYPE_BOOLEAN, false),
-    // Tri-state: `true`, `false` or `null`
-    // => On, off, not a toggle
-    pressed: makeProp(PROP_TYPE_BOOLEAN, null),
-    size: makeProp(PROP_TYPE_STRING),
-    squared: makeProp(PROP_TYPE_BOOLEAN, false),
-    tag: makeProp(PROP_TYPE_STRING, 'button'),
-    type: makeProp(PROP_TYPE_STRING, 'button'),
-    variant: makeProp(PROP_TYPE_STRING, 'secondary')
-  }),
-  NAME_BUTTON
-)
-
-// --- Helper methods ---
-
-// Focus handler for toggle buttons
-// Needs class of 'focus' when focused
-const handleFocus = event => {
-  if (event.type === 'focusin') {
-    addClass(event.target, 'focus')
-  } else if (event.type === 'focusout') {
-    removeClass(event.target, 'focus')
-  }
-}
-
-// Is the requested button a link?
-// If tag prop is set to `a`, we use a <b-link> to get proper disabled handling
-const isLink = props => isLinkStrict(props) || isTag(props.tag, 'a')
-
-// Is the button to be a toggle button?
-const isToggle = props => isBoolean(props.pressed)
-
-// Is the button "really" a button?
-const isButton = props => !(isLink(props) || (props.tag && !isTag(props.tag, 'button')))
-
-// Is the requested tag not a button or link?
-const isNonStandardTag = props => !isLink(props) && !isButton(props)
-
-// Compute required classes (non static classes)
-const computeClass = props => [
-  `btn-${props.variant || 'secondary'}`,
-  {
-    [`btn-${props.size}`]: props.size,
-    'btn-block': props.block,
-    'rounded-pill': props.pill,
-    'rounded-0': props.squared && !props.pill,
-    disabled: props.disabled,
-    active: props.pressed
-  }
-]
-
-// Compute the link props to pass to b-link (if required)
-const computeLinkProps = props => (isLink(props) ? pluckProps(linkProps, props) : {})
-
-// Compute the attributes for a button
-const computeAttrs = (props, data) => {
-  const button = isButton(props)
-  const link = isLink(props)
-  const toggle = isToggle(props)
-  const nonStandardTag = isNonStandardTag(props)
-  const hashLink = link && props.href === '#'
-  const role = data.attrs && data.attrs.role ? data.attrs.role : null
-  let tabindex = data.attrs ? data.attrs.tabindex : null
-  if (nonStandardTag || hashLink) {
-    tabindex = '0'
-  }
-  return {
-    // Type only used for "real" buttons
-    type: button && !link ? props.type : null,
-    // Disabled only set on "real" buttons
-    disabled: button ? props.disabled : null,
-    // We add a role of button when the tag is not a link or button for ARIA
-    // Don't bork any role provided in `data.attrs` when `isLink` or `isButton`
-    // Except when link has `href` of `#`
-    role: nonStandardTag || hashLink ? 'button' : role,
-    // We set the `aria-disabled` state for non-standard tags
-    'aria-disabled': nonStandardTag ? String(props.disabled) : null,
-    // For toggles, we need to set the pressed state for ARIA
-    'aria-pressed': toggle ? String(props.pressed) : null,
-    // `autocomplete="off"` is needed in toggle mode to prevent some browsers
-    // from remembering the previous setting when using the back button
-    autocomplete: toggle ? 'off' : null,
-    // `tabindex` is used when the component is not a button
-    // Links are tabbable, but don't allow disabled, while non buttons or links
-    // are not tabbable, so we mimic that functionality by disabling tabbing
-    // when disabled, and adding a `tabindex="0"` to non buttons or non links
-    tabindex: props.disabled && !button ? '-1' : tabindex
-  }
-}
-
-// --- Main component ---
-
-// @vue/component
-export const BButton = /*#__PURE__*/ extend({
-  name: NAME_BUTTON,
-  functional: true,
-  props,
-  render(h, { props, data, listeners, children }) {
-    const toggle = isToggle(props)
-    const link = isLink(props)
-    const nonStandardTag = isNonStandardTag(props)
-    const hashLink = link && props.href === '#'
-    const on = {
-      keydown(event) {
-        // When the link is a `href="#"` or a non-standard tag (has `role="button"`),
-        // we add a keydown handlers for CODE_SPACE/CODE_ENTER
-        /* istanbul ignore next */
-        if (props.disabled || !(nonStandardTag || hashLink)) {
-          return
-        }
-        const { keyCode } = event
-        // Add CODE_SPACE handler for `href="#"` and CODE_ENTER handler for non-standard tags
-        if (keyCode === CODE_SPACE || (keyCode === CODE_ENTER && nonStandardTag)) {
-          const target = event.currentTarget || event.target
-          stopEvent(event, { propagation: false })
-          target.click()
-        }
-      },
-      click(event) {
-        /* istanbul ignore if: blink/button disabled should handle this */
-        if (props.disabled && isEvent(event)) {
-          stopEvent(event)
-        } else if (toggle && listeners && listeners['update:pressed']) {
-          // Send `.sync` updates to any "pressed" prop (if `.sync` listeners)
-          // `concat()` will normalize the value to an array without
-          // double wrapping an array value in an array
-          concat(listeners['update:pressed']).forEach(fn => {
-            if (isFunction(fn)) {
-              fn(!props.pressed)
-            }
-          })
-        }
-      }
-    }
-
-    if (toggle) {
-      on.focusin = handleFocus
-      on.focusout = handleFocus
-    }
-
-    const componentData = {
-      staticClass: 'btn',
-      class: computeClass(props),
-      props: computeLinkProps(props),
-      attrs: computeAttrs(props, data),
-      on
-    }
-
-    return h(
-      link ? BLink : props.tag,
-      mergeData({ ...data, props: undefined }, componentData),
-      children
-    )
-  }
-})

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

@@ -1,385 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BButton } from './button'
-
-describe('button', () => {
-  it('has default structure and classes', async () => {
-    const wrapper = mount(BButton)
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.attributes('href')).toBeUndefined()
-    expect(wrapper.attributes('role')).toBeUndefined()
-    expect(wrapper.attributes('disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    expect(wrapper.attributes('autocomplete')).toBeUndefined()
-    expect(wrapper.attributes('tabindex')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('renders a link when href provided', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        href: '/foo/bar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-    expect(wrapper.attributes('href')).toBeDefined()
-    expect(wrapper.attributes('href')).toBe('/foo/bar')
-    expect(wrapper.attributes('type')).toBeUndefined()
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.attributes('role')).toBeUndefined()
-    expect(wrapper.attributes('disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    expect(wrapper.attributes('autocomplete')).toBeUndefined()
-    expect(wrapper.attributes('tabindex')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BButton, {
-      slots: {
-        default: '<span>foobar</span>'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.find('span').exists()).toBe(true)
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('applies variant class', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        variant: 'danger'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-danger')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('applies block class', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        block: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).toContain('btn-block')
-    expect(wrapper.classes().length).toBe(3)
-
-    wrapper.destroy()
-  })
-
-  it('applies rounded-pill class when pill prop set', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        pill: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).toContain('rounded-pill')
-    expect(wrapper.classes().length).toBe(3)
-
-    wrapper.destroy()
-  })
-
-  it('applies rounded-0 class when squared prop set', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        squared: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).toContain('rounded-0')
-    expect(wrapper.classes().length).toBe(3)
-
-    wrapper.destroy()
-  })
-
-  it('renders custom root element', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        tag: 'div'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.attributes('type')).toBeUndefined()
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.attributes('role')).toBe('button')
-    expect(wrapper.attributes('aria-disabled')).toBe('false')
-    expect(wrapper.attributes('tabindex')).toBe('0')
-    expect(wrapper.attributes('disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    expect(wrapper.attributes('autocomplete')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('button has attribute disabled when disabled set', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        disabled: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).toContain('disabled')
-    expect(wrapper.classes().length).toBe(3)
-    expect(wrapper.attributes('aria-disabled')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('link has attribute aria-disabled when disabled set', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        href: '/foo/bar',
-        disabled: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).toContain('disabled')
-    // Both <b-button> and <b-link> add the class 'disabled'
-    // `vue-functional-data-merge` or Vue doesn't appear to de-dup classes
-    // expect(wrapper.classes().length).toBe(3)
-    // Actually returns 4, as disabled is there twice
-    expect(wrapper.attributes('aria-disabled')).toBeDefined()
-    expect(wrapper.attributes('aria-disabled')).toBe('true')
-    // Shouldn't have a role with href not `#`
-    expect(wrapper.attributes('role')).not.toEqual('button')
-
-    wrapper.destroy()
-  })
-
-  it('link with href="#" should have role="button"', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        href: '#'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).not.toContain('disabled')
-    expect(wrapper.attributes('role')).toEqual('button')
-
-    wrapper.destroy()
-  })
-
-  it('should emit click event when clicked', async () => {
-    let called = 0
-    let event = null
-    const wrapper = mount(BButton, {
-      listeners: {
-        click: e => {
-          event = e
-          called++
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(called).toBe(0)
-    expect(event).toEqual(null)
-    await wrapper.find('button').trigger('click')
-    expect(called).toBe(1)
-    expect(event).toBeInstanceOf(MouseEvent)
-
-    wrapper.destroy()
-  })
-
-  it('link with href="#" should treat keydown.space as click', async () => {
-    let called = 0
-    let event = null
-    const wrapper = mount(BButton, {
-      propsData: {
-        href: '#'
-      },
-      listeners: {
-        click: e => {
-          event = e
-          called++
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).not.toContain('disabled')
-    expect(wrapper.attributes('role')).toEqual('button')
-
-    expect(called).toBe(0)
-    expect(event).toEqual(null)
-
-    // We add keydown.space to make links act like buttons
-    await wrapper.find('.btn').trigger('keydown.space')
-    expect(called).toBe(1)
-    expect(event).toBeInstanceOf(Event)
-
-    // Links treat keydown.enter natively as a click
-
-    wrapper.destroy()
-  })
-
-  it('should not emit click event when clicked and disabled', async () => {
-    let called = 0
-    const wrapper = mount(BButton, {
-      propsData: {
-        disabled: true
-      },
-      listeners: {
-        click: () => {
-          called++
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(called).toBe(0)
-    await wrapper.find('button').trigger('click')
-    expect(called).toBe(0)
-
-    wrapper.destroy()
-  })
-
-  it('should not have `.active` class and `aria-pressed` when pressed is null', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: null
-      }
-    })
-
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    await wrapper.find('button').trigger('click')
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    expect(wrapper.attributes('autocomplete')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should not have `.active` class and have `aria-pressed="false"` when pressed is false', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: false
-      }
-    })
-
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.attributes('aria-pressed')).toBeDefined()
-    expect(wrapper.attributes('aria-pressed')).toBe('false')
-    expect(wrapper.attributes('autocomplete')).toBeDefined()
-    expect(wrapper.attributes('autocomplete')).toBe('off')
-
-    wrapper.destroy()
-  })
-
-  it('should have `.active` class and have `aria-pressed="true"` when pressed is true', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: true
-      }
-    })
-
-    expect(wrapper.classes()).toContain('active')
-    expect(wrapper.attributes('aria-pressed')).toBeDefined()
-    expect(wrapper.attributes('aria-pressed')).toBe('true')
-    expect(wrapper.attributes('autocomplete')).toBeDefined()
-    expect(wrapper.attributes('autocomplete')).toBe('off')
-
-    wrapper.destroy()
-  })
-
-  it('pressed should have `.focus` class when focused', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: false
-      }
-    })
-
-    expect(wrapper.classes()).not.toContain('focus')
-    await wrapper.trigger('focusin')
-    expect(wrapper.classes()).toContain('focus')
-    await wrapper.trigger('focusout')
-    expect(wrapper.classes()).not.toContain('focus')
-
-    wrapper.destroy()
-  })
-
-  it('should update the parent sync value on click and when pressed is not null', async () => {
-    let called = 0
-    const values = []
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: false
-      },
-      listeners: {
-        'update:pressed': value => {
-          values.push(value)
-          called++
-        }
-      }
-    })
-
-    expect(called).toBe(0)
-
-    await wrapper.find('button').trigger('click')
-
-    expect(called).toBe(1)
-    expect(values[0]).toBe(true)
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,10 +0,0 @@
-//
-// Buttons
-//
-import { BvComponent } from '../../'
-
-// Component: b-button
-export declare class BButton extends BvComponent {}
-
-// Component: b-button-close
-export declare class BButtonClose extends BvComponent {}

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

@@ -1,4 +0,0 @@
-import { BButton } from './button'
-import { BButtonClose } from './button-close'
-
-export { BButton, BButtonClose }

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

@@ -1,105 +0,0 @@
-{
-  "name": "@bootstrap-vue/button",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Button",
-    "description": "Use BootstrapVue's <b-button> component for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.",
-    "components": [
-      {
-        "component": "BButton",
-        "aliases": [
-          "BBtn"
-        ],
-        "props": [
-          {
-            "prop": "block",
-            "description": "Renders a 100% width button (expands to the width of its parent container)"
-          },
-          {
-            "prop": "pill",
-            "description": "Renders the button with the pill style appearance when set to 'true'"
-          },
-          {
-            "prop": "pressed",
-            "description": "When set to 'true', gives the button the appearance of being pressed and adds attribute 'aria-pressed=\"true\"'. When set to `false` adds attribute 'aria-pressed=\"false\"'. Tri-state prop. Syncable with the .sync modifier"
-          },
-          {
-            "prop": "size",
-            "description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'"
-          },
-          {
-            "prop": "squared",
-            "description": "Renders the button with non-rounded corners when set to 'true'"
-          },
-          {
-            "prop": "type",
-            "description": "The value to set the button's 'type' attribute to. Can be one of 'button', 'submit', or 'reset'"
-          },
-          {
-            "prop": "variant",
-            "description": "Applies one of the Bootstrap theme color variants to the component"
-          }
-        ],
-        "events": [
-          {
-            "event": "click",
-            "description": "Emitted when non-disabled button clicked",
-            "args": [
-              {
-                "name": "event",
-                "type": "MouseEvent",
-                "description": "Native click event object"
-              }
-            ]
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the button"
-          }
-        ]
-      },
-      {
-        "component": "BButtonClose",
-        "aliases": [
-          "BBtnClose"
-        ],
-        "props": [
-          {
-            "prop": "ariaLabel",
-            "description": "Sets the value of 'aria-label' attribute on the rendered element"
-          },
-          {
-            "prop": "content",
-            "version": "2.3.0",
-            "description": "The content of the close button"
-          },
-          {
-            "prop": "textVariant",
-            "description": "Applies one of the Bootstrap theme color variants to the text"
-          }
-        ],
-        "events": [
-          {
-            "event": "click",
-            "description": "Emitted when non-disabled button clicked",
-            "args": [
-              {
-                "name": "event",
-                "type": "MouseEvent",
-                "description": "Native click event object"
-              }
-            ]
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the button. Overrides the `content` prop"
-          }
-        ]
-      }
-    ]
-  }
-}