@gitlab/duo-ui 3.0.0 → 4.0.0

package/src/vendor/bootstrap-vue/src/components/button-group/README.md

@@ -1,112 +0,0 @@
-# Button Group
-
-> Group a series of buttons together on a single line with `<b-button-group>`.
-
-## Overview
-
-Button Groups are an easy way to group a series of buttons together.
-
-```html
-<div>
-  <div>
-    <b-button-group>
-      <b-button>Button 1</b-button>
-      <b-button>Button 2</b-button>
-      <b-button>Button 3</b-button>
-    </b-button-group>
-  </div>
-  <div class="mt-3">
-    <b-button-group>
-      <b-button variant="success">Success</b-button>
-      <b-button variant="info">Info</b-button>
-      <b-button variant="warning">Warning</b-button>
-    </b-button-group>
-  </div>
-</div>
-
-<!-- b-button-group.vue -->
-```
-
-## Sizing
-
-Set the `size` prop to `lg` or `sm` to render larger or smaller, respectively, buttons. There is no
-need to specify the size on the individual buttons.
-
-```html
-<div>
-  <div>
-    <b-button-group>
-      <b-button>Button 1</b-button>
-      <b-button>Button 2</b-button>
-      <b-button>Button 3</b-button>
-    </b-button-group>
-  </div>
-  <div class="mt-3">
-    <b-button-group size="sm">
-      <b-button>Left</b-button>
-      <b-button>Middle</b-button>
-      <b-button>Right</b-button>
-    </b-button-group>
-  </div>
-  <div class="mt-3">
-    <b-button-group size="lg">
-      <b-button>Left</b-button>
-      <b-button>Middle</b-button>
-      <b-button>Right</b-button>
-    </b-button-group>
-  </div>
-</div>
-
-<!-- b-button-group-sizes.vue -->
-```
-
-## Vertical variation
-
-Make a set of buttons appear vertically stacked rather than horizontally by setting the `vertical`
-prop. Split button dropdowns are not supported here.
-
-```html
-<div>
-  <b-button-group vertical>
-    <b-button>Top</b-button>
-    <b-button>Middle</b-button>
-    <b-button>Bottom</b-button>
-  </b-button-group>
-</div>
-
-<!-- b-button-group-vertical.vue -->
-```
-
-## Dropdown menu support
-
-Add [`<b-dropdown>`](/docs/components/dropdown) menus directly inside your `<b-button-group>`. Note
-that split dropdown menus are not supported when prop `vertical` is set.
-
-```html
-<div>
-  <b-button-group>
-    <b-button>Button</b-button>
-    <b-dropdown right text="Menu">
-      <b-dropdown-item>Item 1</b-dropdown-item>
-      <b-dropdown-item>Item 2</b-dropdown-item>
-      <b-dropdown-divider></b-dropdown-divider>
-      <b-dropdown-item>Item 3</b-dropdown-item>
-    </b-dropdown>
-    <b-dropdown right split text="Split Menu">
-      <b-dropdown-item>Item 1</b-dropdown-item>
-      <b-dropdown-item>Item 2</b-dropdown-item>
-      <b-dropdown-divider></b-dropdown-divider>
-      <b-dropdown-item>Item 3</b-dropdown-item>
-    </b-dropdown>
-  </b-button-group>
-</div>
-
-<!-- b-button-group-menu.vue -->
-```
-
-## See also
-
-Also check out the [`<b-button-toolbar>`](/docs/components/button-toolbar) component for generating
-toolbars containing button groups and input groups.
-
-<!-- Component reference added automatically from component package.json -->

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

@@ -1,42 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_BUTTON_GROUP } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { pick, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { props as buttonProps } from '../button/button'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...pick(buttonProps, ['size']),
-    ariaRole: makeProp(PROP_TYPE_STRING, 'group'),
-    size: makeProp(PROP_TYPE_STRING),
-    tag: makeProp(PROP_TYPE_STRING, 'div'),
-    vertical: makeProp(PROP_TYPE_BOOLEAN, false)
-  }),
-  NAME_BUTTON_GROUP
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BButtonGroup = /*#__PURE__*/ extend({
-  name: NAME_BUTTON_GROUP,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    return h(
-      props.tag,
-      mergeData(data, {
-        class: {
-          'btn-group': !props.vertical,
-          'btn-group-vertical': props.vertical,
-          [`btn-group-${props.size}`]: props.size
-        },
-        attrs: { role: props.ariaRole }
-      }),
-      children
-    )
-  }
-})

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

@@ -1,98 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BButtonGroup } from './button-group'
-
-describe('button-group', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BButtonGroup)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.attributes('role')).toBeDefined()
-    expect(wrapper.attributes('role')).toBe('group')
-    expect(wrapper.text()).toBe('')
-
-    wrapper.destroy()
-  })
-
-  it('should render default slot', async () => {
-    const wrapper = mount(BButtonGroup, {
-      slots: {
-        default: '<span>foobar</span>'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.attributes('role')).toBeDefined()
-    expect(wrapper.attributes('role')).toBe('group')
-    expect(wrapper.find('span').exists()).toBe(true)
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('should apply vertical class', async () => {
-    const wrapper = mount(BButtonGroup, {
-      propsData: {
-        vertical: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group-vertical')
-    expect(wrapper.classes()).not.toContain('btn-group')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('should apply size class', async () => {
-    const wrapper = mount(BButtonGroup, {
-      propsData: {
-        size: 'sm'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group')
-    expect(wrapper.classes()).toContain('btn-group-sm')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('should apply size class when vertical', async () => {
-    const wrapper = mount(BButtonGroup, {
-      propsData: {
-        size: 'sm',
-        vertical: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group-sm')
-    expect(wrapper.classes()).toContain('btn-group-vertical')
-    expect(wrapper.classes()).not.toContain('btn-group')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has custom role when aria-role prop set', async () => {
-    const wrapper = mount(BButtonGroup, {
-      propsData: {
-        ariaRole: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('btn-group')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.attributes('role')).toBeDefined()
-    expect(wrapper.attributes('role')).toBe('foobar')
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,7 +0,0 @@
-//
-// Button Group
-//
-import { BvComponent } from '../../'
-
-// Component: b-button-group
-export declare class BButtonGroup extends BvComponent {}

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

@@ -1,3 +0,0 @@
-import { BButtonGroup } from './button-group'
-
-export { BButtonGroup }

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

@@ -1,29 +0,0 @@
-{
-  "name": "@bootstrap-vue/button-group",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Button Group",
-    "description": "Group a series of buttons together on a single line with <b-button-group>.",
-    "components": [
-      {
-        "component": "BButtonGroup",
-        "description": "Group a series of buttons together on a single line",
-        "aliases": [
-          "BBtnGroup"
-        ],
-        "props": [
-          {
-            "prop": "vertical",
-            "description": "When set, rendered the button group in vertical mode"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content (buttons) to place in the button group"
-          }
-        ]
-      }
-    ]
-  }
-}

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

@@ -1,321 +0,0 @@
-# Collapse
-
-> Easily toggle visibility of almost any content on your pages in a vertically collapsing container.
-> Includes support for making accordions. Visibility can be easily toggled with our
-> [`v-b-toggle` directive](/docs/directives/toggle), or via `v-model`.
-
-```html
-<div>
-  <b-button v-b-toggle.collapse-1 variant="primary">Toggle Collapse</b-button>
-  <b-collapse id="collapse-1" class="mt-2">
-    <b-card>
-      <p class="card-text">Collapse contents Here</p>
-      <b-button v-b-toggle.collapse-1-inner size="sm">Toggle Inner Collapse</b-button>
-      <b-collapse id="collapse-1-inner" class="mt-2">
-        <b-card>Hello!</b-card>
-      </b-collapse>
-    </b-card>
-  </b-collapse>
-</div>
-
-<!-- b-collapse.vue -->
-```
-
-## Usage
-
-Other elements can easily toggle `<b-collapse>` components using the
-[`v-b-toggle` directive](/docs/directives/toggle).
-
-```html
-<div>
-  <!-- Using modifiers -->
-  <b-button v-b-toggle.collapse-2 class="m-1">Toggle Collapse</b-button>
-
-  <!-- Using value -->
-  <b-button v-b-toggle="'collapse-2'" class="m-1">Toggle Collapse</b-button>
-
-  <!-- Element to collapse -->
-  <b-collapse id="collapse-2">
-    <b-card>I am collapsible content!</b-card>
-  </b-collapse>
-</div>
-
-<!-- b-collapse-usage.vue -->
-```
-
-See the [`v-b-toggle` directive documentation](/docs/directives/toggle) for detailed usage
-information.
-
-## Initial visibility (start expanded)
-
-To make the `<b-collapse>` show initially, set the `visible` prop:
-
-```html
-<div>
-  <b-button v-b-toggle.collapse-3 class="m-1">Toggle Collapse</b-button>
-  <b-collapse visible id="collapse-3">
-    <b-card>I should start open!</b-card>
-  </b-collapse>
-</div>
-
-<!-- b-collapse-visible.vue -->
-```
-
-By default, an initially visible collapse will not animate on mount. To enable the collapse
-expanding animation on mount (when `visible` or `v-model` is `true`), set the `appear` prop on
-`<b-collapse>`.
-
-## `v-model` support
-
-The component's collapsed (visible) state can also be set with `v-model` which binds internally to
-the `visible` prop.
-
-Note, when using `v-model` to control `<b-collapse>`, the `aria-*` attributes and class `collapsed`
-are not automatically placed on the trigger button (as is the case when using the `v-b-toggle`
-directive). In this example we **must control the attributes ourselves** for proper accessibility
-support.
-
-```html
-<template>
-  <div>
-    <b-button
-      :class="visible ? null : 'collapsed'"
-      :aria-expanded="visible ? 'true' : 'false'"
-      aria-controls="collapse-4"
-      @click="visible = !visible"
-    >
-      Toggle Collapse
-    </b-button>
-    <b-collapse id="collapse-4" v-model="visible" class="mt-2">
-      <b-card>I should start open!</b-card>
-    </b-collapse>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        visible: true
-      }
-    }
-  }
-</script>
-
-<!-- b-collapse-v-model.vue -->
-```
-
-## Trigger multiple collapse elements
-
-You can even collapse multiple `<b-collapse>` components via a single `v-b-toggle` by providing
-multiple target IDs using _modifiers_.
-
-You can also pass multiple target IDs via the directive _value_ in BootstrapVue release v2.14.0+.
-
-```html
-<div>
-  <!-- Via multiple directive modifiers -->
-  <b-button v-b-toggle.collapse-a.collapse-b>Toggle Collapse A and B</b-button>
-
-  <!-- Via space separated string of IDs passed to directive value -->
-  <b-button v-b-toggle="'collapse-a collapse-b'">Toggle Collapse A and B</b-button>
-
-  <!-- Via array of string IDs passed to directive value -->
-  <b-button v-b-toggle="['collapse-a', 'collapse-b']">Toggle Collapse A and B</b-button>
-
-  <!-- Elements to collapse -->
-  <b-collapse id="collapse-a" class="mt-2">
-    <b-card>I am collapsible content A!</b-card>
-  </b-collapse>
-  <b-collapse id="collapse-b" class="mt-2">
-    <b-card>I am collapsible content B!</b-card>
-  </b-collapse>
-</div>
-
-<!-- b-collapse-trigger-multiple.vue -->
-```
-
-## Accordion support
-
-Turn a group of `<b-collapse>` components into an accordion by supplying an accordion group
-identifier via the `accordion` prop. Note that only one collapse in an accordion group can be open
-at a time.
-
-```html
-<template>
-  <div class="accordion" role="tablist">
-    <b-card no-body class="mb-1">
-      <b-card-header header-tag="header" class="p-1" role="tab">
-        <b-button block v-b-toggle.accordion-1 variant="info">Accordion 1</b-button>
-      </b-card-header>
-      <b-collapse id="accordion-1" visible accordion="my-accordion" role="tabpanel">
-        <b-card-body>
-          <b-card-text>I start opened because <code>visible</code> is <code>true</code></b-card-text>
-          <b-card-text>{{ text }}</b-card-text>
-        </b-card-body>
-      </b-collapse>
-    </b-card>
-
-    <b-card no-body class="mb-1">
-      <b-card-header header-tag="header" class="p-1" role="tab">
-        <b-button block v-b-toggle.accordion-2 variant="info">Accordion 2</b-button>
-      </b-card-header>
-      <b-collapse id="accordion-2" accordion="my-accordion" role="tabpanel">
-        <b-card-body>
-          <b-card-text>{{ text }}</b-card-text>
-        </b-card-body>
-      </b-collapse>
-    </b-card>
-
-    <b-card no-body class="mb-1">
-      <b-card-header header-tag="header" class="p-1" role="tab">
-        <b-button block v-b-toggle.accordion-3 variant="info">Accordion 3</b-button>
-      </b-card-header>
-      <b-collapse id="accordion-3" accordion="my-accordion" role="tabpanel">
-        <b-card-body>
-          <b-card-text>{{ text }}</b-card-text>
-        </b-card-body>
-      </b-collapse>
-    </b-card>
-  </div>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        text: `
-          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
-          richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor
-          brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
-          tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
-          assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
-          wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
-          vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
-          synth nesciunt you probably haven't heard of them accusamus labore VHS.
-        `
-      }
-    }
-  }
-</script>
-
-<!-- b-accordion.vue -->
-```
-
-**Notes:**
-
-- When using accordion mode, make sure you place the trigger elements and `<b-collapse>` components
-  inside an element with `role="tablist"` and set `role="tab"` on each trigger element's container
-  (each trigger element should be wrapped) in order to help screen reader users navigate the
-  accordion group.
-- If using the `v-model` feature of `<b-collapse>` in accordion mode, do not bind the `v-model` or
-  `visible` prop of all the collapses in the accordion group to the same variable!
-- Ensure, at most, only one `<b-collapse>` in the accordion group has the `visible` prop and/or
-  `v-model` set to `true`. Only one collapse in an accordion group can be open at a time.
-
-## Hiding and showing content in the toggle button based on collapse state
-
-When using the `v-b-toggle` directive, the class `collapsed` will automatically be placed on the
-trigger element when the collapse is closed, and removed when open. You can use this class to
-display or hide content within the toggle via custom CSS. As of BootstrapVue 2.14.0, the class
-`not-collapsed` will be applied when the target(s) are 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;
-}
-```
-
-## 'Global' \$root instance events
-
-Using `$root` instance it is possible to emit and listen events somewhere out of a component, where
-`<b-collapse>` is used. In short, `$root` behaves like a global event emitters and listener. Details
-about `$root` instance can be found in
-[the official Vue docs](https://vuejs.org/v2/guide/components-edge-cases.html#Accessing-the-Root-Instance).
-
-### Listening to collapses state changes via \$root events
-
-To listen to any collapse state changes, use:
-
-```js
-export default {
-  mounted() {
-    this.$root.$on('bv::collapse::state', (collapseId, isJustShown) => {
-      console.log('collapseId:', collapseId)
-      console.log('isJustShown:', isJustShown)
-    })
-  }
-}
-```
-
-where `collapseId` is collapse id which changed its state; `isJustShown` is true/false, i.e.
-shown/hidden collapse.
-
-### Toggling collapses via \$root events
-
-To toggle (open/close) a **specific collapse**, pass the collapse `id`:
-
-```js
-this.$root.$emit('bv::toggle::collapse', 'my-collapse-id')
-```
-
-## Optionally scoped default slot
-
-<span class="badge badge-info small">New in v2.2.0</span>
-
-The default slot can be optionally scoped. The following scope properties are available:
-
-| Property  | Type     | Description                          |
-| --------- | -------- | ------------------------------------ |
-| `visible` | Boolean  | Visible state of the collapse        |
-| `close`   | Function | When called, will close the collapse |
-
-## Accessibility
-
-The `v-b-toggle` directive will automatically add the ARIA attributes `aria-controls` and
-`aria-expanded` to the component that the directive appears on (as well as add the class `collapsed`
-when not expanded). `aria-expanded` will reflect the state of the target `<b-collapse>` component,
-while `aria-controls` will be set to the ID(s) of the target `<b-collapse>` component(s).
-
-If using `v-model` to set the visible state instead of the directive `v-b-toggle`, you will be
-required to, on the toggle element, add the `aria-controls` and other appropriate attributes and
-classes yourself.
-
-While the `v-b-toggle` directive can be placed on almost any HTML element or Vue component, it is
-recommended to use a button or link (or similar component) to act as your toggler. Otherwise your
-trigger elements may be inaccessible to keyboard or screen reader users. If you do place them on
-something other than a button or link (or similar component), you should add the attributes
-`tabindex="0"` and `role="button"` to allow users of assistive technology to reach your trigger
-element.
-
-When using accordion mode, make sure you place the trigger elements and `<b-collapse>` components
-inside an element with `role="tablist"` and set `role="tab"` on each trigger element's container in
-order to help screen reader users navigate the accordion group. Unfortunately, BootstrapVue cannot
-apply those roles for you automatically, as it depends on your final document markup.
-
-**Note:** The animation effect of this component is dependent on the `prefers-reduced-motion` media
-query. See the
-[reduced motion section of our accessibility documentation](/docs/reference/accessibility) for
-additional details.
-
-## See also
-
-- [`v-b-toggle` directive](/docs/directives/toggle)
-
-<!-- Component reference added automatically from component package.json -->