@gitlab/duo-ui 3.0.0 → 4.0.0

package/src/vendor/bootstrap-vue/src/constants/safe-types.js

@@ -1,17 +0,0 @@
-import { HAS_WINDOW_SUPPORT, WINDOW } from './env'
-
-/* istanbul ignore next */
-export const Element = HAS_WINDOW_SUPPORT ? WINDOW.Element : class Element extends Object {}
-
-/* istanbul ignore next */
-export const HTMLElement = HAS_WINDOW_SUPPORT
-  ? WINDOW.HTMLElement
-  : class HTMLElement extends Element {}
-
-/* istanbul ignore next */
-export const SVGElement = HAS_WINDOW_SUPPORT
-  ? WINDOW.SVGElement
-  : class SVGElement extends Element {}
-
-/* istanbul ignore next */
-export const File = HAS_WINDOW_SUPPORT ? WINDOW.File : class File extends Object {}

package/src/vendor/bootstrap-vue/src/constants/slots.js

@@ -1,32 +0,0 @@
-export const SLOT_NAME_APPEND = 'append'
-export const SLOT_NAME_BOTTOM_ROW = 'bottom-row'
-export const SLOT_NAME_BUTTON_CONTENT = 'button-content'
-export const SLOT_NAME_CUSTOM_FOOT = 'custom-foot'
-export const SLOT_NAME_DEFAULT = 'default'
-export const SLOT_NAME_DESCRIPTION = 'description'
-export const SLOT_NAME_EMPTY = 'empty'
-export const SLOT_NAME_EMPTYFILTERED = 'emptyfiltered'
-export const SLOT_NAME_FIRST = 'first'
-export const SLOT_NAME_HEADER = 'header'
-export const SLOT_NAME_INVALID_FEEDBACK = 'invalid-feedback'
-export const SLOT_NAME_LABEL = 'label'
-export const SLOT_NAME_MODAL_BACKDROP = 'modal-backdrop'
-export const SLOT_NAME_MODAL_CANCEL = 'modal-cancel'
-export const SLOT_NAME_MODAL_FOOTER = 'modal-footer'
-export const SLOT_NAME_MODAL_HEADER = 'modal-header'
-export const SLOT_NAME_MODAL_HEADER_CLOSE = 'modal-header-close'
-export const SLOT_NAME_MODAL_OK = 'modal-ok'
-export const SLOT_NAME_MODAL_TITLE = 'modal-title'
-export const SLOT_NAME_PREPEND = 'prepend'
-export const SLOT_NAME_ROW_DETAILS = 'row-details'
-export const SLOT_NAME_TABLE_BUSY = 'table-busy'
-export const SLOT_NAME_TABLE_CAPTION = 'table-caption'
-export const SLOT_NAME_TABLE_COLGROUP = 'table-colgroup'
-export const SLOT_NAME_TABS_END = 'tabs-end'
-export const SLOT_NAME_TABS_START = 'tabs-start'
-export const SLOT_NAME_TEXT = 'text'
-export const SLOT_NAME_THEAD_TOP = 'thead-top'
-export const SLOT_NAME_TITLE = 'title'
-export const SLOT_NAME_TOAST_TITLE = 'toast-title'
-export const SLOT_NAME_TOP_ROW = 'top-row'
-export const SLOT_NAME_VALID_FEEDBACK = 'valid-feedback'

package/src/vendor/bootstrap-vue/src/directives/modal/index.d.ts

@@ -1,8 +0,0 @@
-//
-// VBModal
-//
-import { DirectiveOptions } from 'vue'
-
-
-// directive: v-b-modal
-export declare const VBModal: DirectiveOptions

package/src/vendor/bootstrap-vue/src/directives/modal/index.js

@@ -1,3 +0,0 @@
-import { VBModal } from './modal'
-
-export { VBModal }

package/src/vendor/bootstrap-vue/src/directives/modal/modal.js

@@ -1,115 +0,0 @@
-import { NAME_MODAL } from '../../constants/components'
-import { EVENT_NAME_SHOW, EVENT_OPTIONS_PASSIVE } from '../../constants/events'
-import { CODE_ENTER, CODE_SPACE } from '../../constants/key-codes'
-import { getAttr, hasAttr, isDisabled, matches, select, setAttr } from '../../utils/dom'
-import { getRootActionEventName, eventOn, eventOff } from '../../utils/events'
-import { isString } from '../../utils/inspect'
-import { keys } from '../../utils/object'
-import { getEventRoot } from '../../utils/get-event-root'
-import { getInstanceFromDirective } from '../../utils/get-instance-from-directive'
-
-// Emitted show event for modal
-const ROOT_ACTION_EVENT_NAME_SHOW = getRootActionEventName(NAME_MODAL, EVENT_NAME_SHOW)
-
-// Prop name we use to store info on root element
-const PROPERTY = '__bv_modal_directive__'
-
-const getTarget = ({ modifiers = {}, arg, value }) => {
-  // Try value, then arg, otherwise pick last modifier
-  return isString(value) ? value : isString(arg) ? arg : keys(modifiers).reverse()[0]
-}
-
-const getTriggerElement = el => {
-  // If root element is a dropdown-item or nav-item, we
-  // need to target the inner link or button instead
-  return el && matches(el, '.dropdown-menu > li, li.nav-item') ? select('a, button', el) || el : el
-}
-
-const setRole = trigger => {
-  // Ensure accessibility on non button elements
-  if (trigger && trigger.tagName !== 'BUTTON') {
-    // Only set a role if the trigger element doesn't have one
-    if (!hasAttr(trigger, 'role')) {
-      setAttr(trigger, 'role', 'button')
-    }
-    // Add a tabindex is not a button or link, and tabindex is not provided
-    if (trigger.tagName !== 'A' && !hasAttr(trigger, 'tabindex')) {
-      setAttr(trigger, 'tabindex', '0')
-    }
-  }
-}
-
-const bind = (el, binding, vnode) => {
-  const target = getTarget(binding)
-  const trigger = getTriggerElement(el)
-  if (target && trigger) {
-    const handler = event => {
-      // `currentTarget` is the element with the listener on it
-      const currentTarget = event.currentTarget
-      if (!isDisabled(currentTarget)) {
-        const type = event.type
-        const key = event.keyCode
-        // Open modal only if trigger is not disabled
-        if (
-          type === 'click' ||
-          (type === 'keydown' && (key === CODE_ENTER || key === CODE_SPACE))
-        ) {
-          getEventRoot(getInstanceFromDirective(vnode, binding)).$emit(
-            ROOT_ACTION_EVENT_NAME_SHOW,
-            target,
-            currentTarget
-          )
-        }
-      }
-    }
-    el[PROPERTY] = { handler, target, trigger }
-    // If element is not a button, we add `role="button"` for accessibility
-    setRole(trigger)
-    // Listen for click events
-    eventOn(trigger, 'click', handler, EVENT_OPTIONS_PASSIVE)
-    if (trigger.tagName !== 'BUTTON' && getAttr(trigger, 'role') === 'button') {
-      // If trigger isn't a button but has role button,
-      // we also listen for `keydown.space` && `keydown.enter`
-      eventOn(trigger, 'keydown', handler, EVENT_OPTIONS_PASSIVE)
-    }
-  }
-}
-
-const unbind = el => {
-  const oldProp = el[PROPERTY] || {}
-  const trigger = oldProp.trigger
-  const handler = oldProp.handler
-  if (trigger && handler) {
-    eventOff(trigger, 'click', handler, EVENT_OPTIONS_PASSIVE)
-    eventOff(trigger, 'keydown', handler, EVENT_OPTIONS_PASSIVE)
-    eventOff(el, 'click', handler, EVENT_OPTIONS_PASSIVE)
-    eventOff(el, 'keydown', handler, EVENT_OPTIONS_PASSIVE)
-  }
-  delete el[PROPERTY]
-}
-
-const componentUpdated = (el, binding, vnode) => {
-  const oldProp = el[PROPERTY] || {}
-  const target = getTarget(binding)
-  const trigger = getTriggerElement(el)
-  if (target !== oldProp.target || trigger !== oldProp.trigger) {
-    // We bind and rebind if the target or trigger changes
-    unbind(el, binding, vnode)
-    bind(el, binding, vnode)
-  }
-  // If trigger element is not a button, ensure `role="button"`
-  // is still set for accessibility
-  setRole(trigger)
-}
-
-const updated = () => {}
-
-/*
- * Export our directive
- */
-export const VBModal = {
-  inserted: componentUpdated,
-  updated,
-  componentUpdated,
-  unbind
-}

package/src/vendor/bootstrap-vue/src/directives/modal/modal.spec.js

@@ -1,191 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { VBModal } from './modal'
-
-const EVENT_SHOW = 'bv::show::modal'
-
-describe('v-b-modal directive', () => {
-  it('works on buttons', async () => {
-    const spy = jest.fn()
-    const App = {
-      directives: {
-        bModal: VBModal
-      },
-      mounted() {
-        this.$root.$on(EVENT_SHOW, spy)
-      },
-      beforeDestroy() {
-        this.$root.$off(EVENT_SHOW, spy)
-      },
-      template: '<button v-b-modal.test>button</button>'
-    }
-    const wrapper = mount(App)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.find('button').attributes('tabindex')).toBeUndefined()
-    expect(wrapper.find('button').attributes('role')).toBeUndefined()
-    expect(spy).not.toHaveBeenCalled()
-
-    const $button = wrapper.find('button')
-    await $button.trigger('click')
-    expect(spy).toHaveBeenCalledTimes(1)
-    expect(spy).toBeCalledWith('test', $button.element)
-
-    wrapper.destroy()
-  })
-
-  it('works on links', async () => {
-    const spy = jest.fn()
-    const App = {
-      directives: {
-        bModal: VBModal
-      },
-      data() {
-        return {
-          text: 'link'
-        }
-      },
-      mounted() {
-        this.$root.$on(EVENT_SHOW, spy)
-      },
-      beforeDestroy() {
-        this.$root.$off(EVENT_SHOW, spy)
-      },
-      template: '<a href="#" v-b-modal.test>{{ text }}</a>'
-    }
-    const wrapper = mount(App)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('A')
-    expect(spy).not.toHaveBeenCalled()
-    expect(wrapper.find('a').attributes('role')).toBe('button')
-    expect(wrapper.find('a').attributes('tabindex')).toBeUndefined()
-    expect(wrapper.find('a').text()).toBe('link')
-
-    const $link = wrapper.find('a')
-    await $link.trigger('click')
-    expect(spy).toHaveBeenCalledTimes(1)
-    expect(spy).toBeCalledWith('test', $link.element)
-    expect(wrapper.find('a').attributes('role')).toBe('button')
-    expect(wrapper.find('a').attributes('tabindex')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('works on non-buttons', async () => {
-    const spy = jest.fn()
-    const App = {
-      directives: {
-        bModal: VBModal
-      },
-      data() {
-        return {
-          text: 'span'
-        }
-      },
-      mounted() {
-        this.$root.$on(EVENT_SHOW, spy)
-      },
-      beforeDestroy() {
-        this.$root.$off(EVENT_SHOW, spy)
-      },
-      template: '<span v-b-modal.test>{{ text }}</span>'
-    }
-    const wrapper = mount(App)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(spy).not.toHaveBeenCalled()
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-    expect(wrapper.find('span').attributes('tabindex')).toBe('0')
-    expect(wrapper.find('span').text()).toBe('span')
-
-    const $span = wrapper.find('span')
-    await $span.trigger('click')
-    expect(spy).toHaveBeenCalledTimes(1)
-    expect(spy).toBeCalledWith('test', $span.element)
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-
-    // Test updating component. should maintain role attribute
-    await wrapper.setData({
-      text: 'foobar'
-    })
-    expect(wrapper.find('span').text()).toBe('foobar')
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-
-    wrapper.destroy()
-  })
-
-  it('works on non-buttons using keydown space', async () => {
-    const spy = jest.fn()
-    const App = {
-      directives: {
-        bModal: VBModal
-      },
-      data() {
-        return {
-          text: 'span'
-        }
-      },
-      mounted() {
-        this.$root.$on(EVENT_SHOW, spy)
-      },
-      beforeDestroy() {
-        this.$root.$off(EVENT_SHOW, spy)
-      },
-      template: '<span v-b-modal.test>{{ text }}</span>'
-    }
-    const wrapper = mount(App)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(spy).not.toHaveBeenCalled()
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-    expect(wrapper.find('span').attributes('tabindex')).toBe('0')
-    expect(wrapper.find('span').text()).toBe('span')
-
-    const $span = wrapper.find('span')
-    await $span.trigger('keydown.space')
-    expect(spy).toHaveBeenCalledTimes(1)
-    expect(spy).toBeCalledWith('test', $span.element)
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-
-    wrapper.destroy()
-  })
-
-  it('works on non-buttons using keydown enter', async () => {
-    const spy = jest.fn()
-    const App = {
-      directives: {
-        bModal: VBModal
-      },
-      data() {
-        return {
-          text: 'span'
-        }
-      },
-      mounted() {
-        this.$root.$on(EVENT_SHOW, spy)
-      },
-      beforeDestroy() {
-        this.$root.$off(EVENT_SHOW, spy)
-      },
-      template: '<span tabindex="0" v-b-modal.test>{{ text }}</span>'
-    }
-    const wrapper = mount(App)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(spy).not.toHaveBeenCalled()
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-    expect(wrapper.find('span').text()).toBe('span')
-
-    const $span = wrapper.find('span')
-    await $span.trigger('keydown.enter')
-    expect(spy).toHaveBeenCalledTimes(1)
-    expect(spy).toBeCalledWith('test', $span.element)
-    expect(wrapper.find('span').attributes('role')).toBe('button')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/directives/toggle/README.md

@@ -1,146 +0,0 @@
-# Toggle
-
-> `v-b-toggle` is a light-weight directive for toggling the visibility of collapses,
-> and includes automated [WAI-ARIA accessibility](/docs/reference/accessibility) attribute handling.
-
-## Overview
-
-The `v-b-toggle` directive can be used on interactive elements, such as buttons and to toggle the
-visibility state of the [`<b-collapse>`](/docs/components/collapse) component.
-
-Besides toggling the visibility of the target component, the directive automatically updates ARIA
-accessibility attributes on the element it is applied to so that they reflect the visibility state
-of the target component. Refer to the [Accessibility section](#accessibility) below for additional
-details and caveats.
-
-## Directive syntax and usage
-
-The directive is applied to the element or component that triggers the visibility of the target. The
-target component can be specified (via its ID) as either a directive modifier(s), the directive
-argument, or as a string/array passed to as the directive value:
-
-- `v-b-toggle.my-collapse` - the directive modifier (multiple targets allowed, each modifier is a
-  target ID)
-- `v-b-toggle:my-collapse` - the directive argument
-  ([Vue dynamic argument](https://vuejs.org/v2/guide/syntax.html#Dynamic-Arguments) is supported)
-  <span class="badge badge-info small" aria-label="Available in BootstrapVue v2.14.0+">v2.14.0+</span>
-- `v-b-toggle="'my-collapse'"` - the directive value as a string ID
-- `v-b-toggle="'my-collapse1 my-collapse2'"` - the directive value as a space separated string of
-  IDs
-  <span class="badge badge-info small" aria-label="Available in BootstrapVue v2.14.0+">v2.14.0+</span>
-- `v-b-toggle="['my-collapse1', 'my-collapse2']"` - the directive value as an array of string IDs
-  <span class="badge badge-info small" aria-label="Available in BootstrapVue v2.14.0+">v2.14.0+</span>
-
-Modifiers, argument, and the value can be used at the same time when targeting multiple components.
-
-**Example usage:**
-
-```html
-<template>
-  <div>
-    <div class="mb-3">
-      <b-button v-b-toggle.my-collapse>Toggle Collapse</b-button>
-    </div>
-
-    <b-collapse id="my-collapse">
-      <b-card title="Collapsible card">
-        Hello world!
-      </b-card>
-    </b-collapse>
-  </div>
-</template>
-
-<!-- v-b-toggle-directive.vue -->
-```
-
-## Usage on links
-
-<span class="badge badge-info small">2.15.0+</span>
-
-If placing the directive on a link (or a component that renders a link), the target ID can
-alternatively be specified via the `href` attribute.
-
-Note that the browser URL will change and the page may scroll the target into view. To prevent the
-URL from changing and the page from scrolling, add `@click.prevent` to the link.
-
-**Example usage:**
-
-```html
-<template>
-  <div>
-    <div class="mb-3">
-      <a v-b-toggle href="#example-collapse" @click.prevent>Toggle Collapse</a>
-    </div>
-
-    <b-collapse id="example-collapse">
-      <b-card title="Collapsible card">
-        Hello world!
-      </b-card>
-    </b-collapse>
-  </div>
-</template>
-
-<!-- v-b-toggle-links.vue -->
-```
-
-## Hiding and showing content in the toggle trigger element
-
-When using the `v-b-toggle` directive, the class `collapsed` will automatically be placed on the
-trigger element when the target component is closed, and removed when open. As of BootstrapVue
-`2.14.0`, the class `not-collapsed` will be applied when the target is _not_ closed.
-
-**Example HTML markup:**
-
-```html
-<div>
-  <b-button v-b-toggle:my-collapse>
-    <span class="when-open">Close</span><span class="when-closed">Open</span> My Collapse
-  </b-button>
-  <b-collapse id="my-collapse">
-    <!-- Content here -->
-  </b-collapse>
-</div>
-```
-
-**Example Custom CSS:**
-
-```css
-.collapsed > .when-open,
-.not-collapsed > .when-closed {
-  display: none;
-}
-```
-
-## Preventing the target from opening or closing
-
-To prevent the trigger element from toggling the target, set the `disabled` prop on `<button>`,
-`<b-button>`, or `<b-link>` (or components based on from `<b-link>`) and the toggle event will _not_
-dispatched to the target(s).
-
-## Accessibility
-
-The directive, for accessibility reasons, should be placed on an clickable interactive element such
-as a `<button>` or `<b-button>`, which can easily be accessed by keyboard-only users and screen
-reader users. Elements that do not natively have an accessibility role of `button` (or `link`) will
-have the attributes `role="button"` and `tabindex="0"` applied, and will have the appropriate click
-handler instantiated. Therefore it is _highly recommended_ to _not_ place the directive on form
-controls other than buttons.
-
-The directive applies, and dynamically updates, the following ARIA attributes on the trigger
-element:
-
-- `aria-controls` - the ID(s) of the collapse component(s) being toggled
-- `aria-expanded` - the visibility state of the collapse (see the
-  [caveats section](#caveats-with-multiple-targets) below)
-
-### Caveats with multiple targets
-
-When multiple targets are specified, the value of the `aria-expanded` attribute may not be correct
-if the individual target components can have their collapsed state controlled independently (either
-via `v-model`, other controls with `v-b-toggle` directive, or CSS visibility).
-
-## See also
-
-- [`<b-collapse>`](/docs/components/collapse) Collapsible content with accordion support
-- [`<b-navbar-toggle>`](/docs/components/navbar#b-navbar-toggle-and-b-collapse-is-nav) Navbar
-  hamburger toggle button (based on `v-b-toggle` directive)

package/src/vendor/bootstrap-vue/src/directives/toggle/index.d.ts

@@ -1,7 +0,0 @@
-//
-// VBToggle
-//
-import { DirectiveOptions } from 'vue'
-
-// directive: v-b-toggle
-export declare const VBToggle: DirectiveOptions

package/src/vendor/bootstrap-vue/src/directives/toggle/index.js

@@ -1,3 +0,0 @@
-import { VBToggle } from './toggle'
-
-export { VBToggle }

package/src/vendor/bootstrap-vue/src/directives/toggle/package.json

@@ -1,26 +0,0 @@
-{
-  "name": "@bootstrap-vue/v-b-toggle",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Toggle",
-    "description": "A light-weight directive for toggling visibility state for collapses by ID. It automatically handles the accessibility attributes on the trigger element.",
-    "directive": "VBToggle",
-    "expression": [
-      "String",
-      "Array"
-    ],
-    "arg": {
-      "version": "2.14.0",
-      "pattern": "[a-zA-Z][a-zA-Z0-9_\\-]*",
-      "description": "ID of component to toggle",
-      "required": false
-    },
-    "modifiers": [
-      {
-        "name": "{componentId}",
-        "pattern": "[a-zA-Z][a-zA-Z0-9_\\-]*",
-        "description": "ID of component to toggle"
-      }
-    ]
-  }
-}