@gitlab/ui 92.2.0 → 92.3.0

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

@@ -1,291 +0,0 @@
-# List Group
-
-> List Groups are a flexible and powerful component for displaying a series of content. List Group
-> items can be modified to support just about any content within. They can also be used as
-> navigation via various props.
-
-```html
-<b-list-group>
-  <b-list-group-item>Cras justo odio</b-list-group-item>
-  <b-list-group-item>Dapibus ac facilisis in</b-list-group-item>
-  <b-list-group-item>Morbi leo risus</b-list-group-item>
-  <b-list-group-item>Porta ac consectetur ac</b-list-group-item>
-  <b-list-group-item>Vestibulum at eros</b-list-group-item>
-</b-list-group>
-
-<!-- b-list-group.vue -->
-```
-
-## Active items
-
-Set the `active` prop on a `<b-list-group-item>` to indicate the current active selection.
-
-```html
-<b-list-group>
-  <b-list-group-item>Cras justo odio</b-list-group-item>
-  <b-list-group-item active>Dapibus ac facilisis in</b-list-group-item>
-  <b-list-group-item>Morbi leo risus</b-list-group-item>
-  <b-list-group-item>Porta ac consectetur ac</b-list-group-item>
-  <b-list-group-item>Vestibulum at eros</b-list-group-item>
-</b-list-group>
-
-<!-- b-list-group-active.vue -->
-```
-
-## Disabled items
-
-Set the `disabled` prop on a `<b-list-group-item>` to make it appear disabled (also works with
-actionable items. see below).
-
-```html
-<b-list-group>
-  <b-list-group-item disabled>Cras justo odio</b-list-group-item>
-  <b-list-group-item>Dapibus ac facilisis in</b-list-group-item>
-  <b-list-group-item>Morbi leo risus</b-list-group-item>
-  <b-list-group-item disabled>Porta ac consectetur ac</b-list-group-item>
-  <b-list-group-item>Vestibulum at eros</b-list-group-item>
-</b-list-group>
-
-<!-- b-list-group-disabled.vue -->
-```
-
-## Actionable list group items
-
-Turn a `<b-list-group-item>` into an actionable _link_ (`<a href="...">`) by specifying either an
-`href` prop or [router-link](/docs/reference/router-links) `to` prop.
-
-```html
-<b-list-group>
-  <b-list-group-item href="#some-link">Awesome link</b-list-group-item>
-  <b-list-group-item href="#" active>Link with active state</b-list-group-item>
-  <b-list-group-item href="#">Action links are easy</b-list-group-item>
-  <b-list-group-item href="#foobar" disabled>Disabled link</b-list-group-item>
-</b-list-group>
-
-<!-- b-list-group-link.vue -->
-```
-
-Or if you prefer `<button>` elements over links, set the `button` prop to `true`.
-
-```html
-<b-list-group>
-  <b-list-group-item button>Button item</b-list-group-item>
-  <b-list-group-item button>I am a button</b-list-group-item>
-  <b-list-group-item button disabled>Disabled button</b-list-group-item>
-  <b-list-group-item button>This is a button too</b-list-group-item>
-</b-list-group>
-
-<!-- b-list-group-button.vue -->
-```
-
-**Notes:**
-
-- When the prop `button` is `true`, all [link related props](/docs/components/link) (other than
-  `active`) and the `tag` prop will have no effect.
-- When `href` or `to` are set, the `tag` prop has no effect.
-
-Refer to the [Router support](/docs/reference/router-links) reference page for router-link specific
-props.
-
-## Contextual variants
-
-Use contextual variants to style list items with a stateful background and color, via the `variant`
-prop.
-
-```html
-<b-list-group>
-  <b-list-group-item>Default list group item</b-list-group-item>
-  <b-list-group-item variant="primary">Primary list group item</b-list-group-item>
-  <b-list-group-item variant="secondary">Secondary list group item</b-list-group-item>
-  <b-list-group-item variant="success">Success list group item</b-list-group-item>
-  <b-list-group-item variant="danger">Danger list group item</b-list-group-item>
-  <b-list-group-item variant="warning">Warning list group item</b-list-group-item>
-  <b-list-group-item variant="info">Info list group item</b-list-group-item>
-  <b-list-group-item variant="light">Light list group item</b-list-group-item>
-  <b-list-group-item variant="dark">Dark list group item</b-list-group-item>
-</b-list-group>
-
-<!-- b-list-group-variant.vue -->
-```
-
-Contextual variants also work with action items. Note the addition of the hover styling here not
-present in the previous example. Also supported is the `active` state; set it to indicate an active
-selection on a contextual list group item.
-
-```html
-<b-list-group>
-  <b-list-group-item href="#">Default list group item</b-list-group-item>
-  <b-list-group-item href="#" variant="primary">Primary list group item</b-list-group-item>
-  <b-list-group-item href="#" variant="secondary">Secondary list group item</b-list-group-item>
-  <b-list-group-item href="#" variant="success">Success list group item</b-list-group-item>
-  <b-list-group-item href="#" variant="danger">Danger list group item</b-list-group-item>
-  <b-list-group-item href="#" variant="warning">Warning list group item</b-list-group-item>
-  <b-list-group-item href="#" variant="info">Info list group item</b-list-group-item>
-  <b-list-group-item href="#" variant="light">Light list group item</b-list-group-item>
-  <b-list-group-item href="#" variant="dark">Dark list group item</b-list-group-item>
-</b-list-group>
-
-<!-- b-list-group-variant-action.vue -->
-```
-
-### Conveying meaning to assistive technologies
-
-Using color to add meaning only provides a visual indication, which will not be conveyed to users of
-assistive technologies – such as screen readers. Ensure that information denoted by the color is
-either obvious from the content itself (e.g. the visible text), or is included through alternative
-means, such as additional text hidden using the `.sr-only` class.
-
-## With badges
-
-Add [badges](/docs/components/badge) to any list group item to show unread counts, activity, and
-more with the help of some [flex utility classes](/docs/reference/utility-classes).
-
-```html
-<b-list-group>
-  <b-list-group-item class="d-flex justify-content-between align-items-center">
-    Cras justo odio
-    <b-badge variant="primary" pill>14</b-badge>
-  </b-list-group-item>
-
-  <b-list-group-item class="d-flex justify-content-between align-items-center">
-    Dapibus ac facilisis in
-    <b-badge variant="primary" pill>2</b-badge>
-  </b-list-group-item>
-
-  <b-list-group-item class="d-flex justify-content-between align-items-center">
-    Morbi leo risus
-    <b-badge variant="primary" pill>1</b-badge>
-  </b-list-group-item>
-</b-list-group>
-
-<!-- b-list-group-badges.vue -->
-```
-
-## List Groups inside cards
-
-Incorporate list groups into [cards](/docs/components/card). Use the `<b-list-group>` prop `flush`
-prop when using cards with `no-body` to make the sides of the list group flush with the card.
-
-```html
-<b-card-group deck>
-  <b-card header="Card with list group">
-    <b-list-group>
-      <b-list-group-item href="#">Cras justo odio</b-list-group-item>
-      <b-list-group-item href="#">Dapibus ac facilisis in</b-list-group-item>
-      <b-list-group-item href="#">Vestibulum at eros</b-list-group-item>
-    </b-list-group>
-
-    <p class="card-text mt-2">
-      Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex nulla tempor. Laborum
-      consequat non elit enim exercitation cillum aliqua consequat id aliqua. Esse ex consectetur
-      mollit voluptate est in duis laboris ad sit ipsum anim Lorem.
-    </p>
-  </b-card>
-
-  <b-card no-body header="Card with flush list group">
-    <b-list-group flush>
-      <b-list-group-item href="#">Cras justo odio</b-list-group-item>
-      <b-list-group-item href="#">Dapibus ac facilisis in</b-list-group-item>
-      <b-list-group-item href="#">Vestibulum at eros</b-list-group-item>
-    </b-list-group>
-
-    <b-card-body>
-      Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex nulla tempor. Laborum
-      consequat non elit enim exercitation cillum aliqua consequat id aliqua. Esse ex consectetur
-      mollit voluptate est in duis laboris ad sit ipsum anim Lorem.
-    </b-card-body>
-  </b-card>
-</b-card-group>
-
-<!-- b-list-group-card.vue -->
-```
-
-## Horizontal list groups
-
-Set the prop `horizontal` to `true` to change the layout of list group items from vertical to
-horizontal across all breakpoints. Alternatively, set `horizontal` to a responsive breakpoint (`sm`,
-`md`, `lg` or `xl`) to make a list group horizontal starting at that breakpoint's min-width.
-Currently horizontal list groups cannot be combined with `flush` list groups.
-
-**ProTip:** Want equal-width list group items when horizontal? Add the class `flex-fill` to each
-list group item.
-
-**Always horizontal:**
-
-```html
-<div>
-  <b-list-group horizontal>
-    <b-list-group-item>Cras justo odio</b-list-group-item>
-    <b-list-group-item>Dapibus ac facilisis in</b-list-group-item>
-    <b-list-group-item>Morbi leo risus</b-list-group-item>
-  </b-list-group>
-</div>
-
-<!-- b-list-group-horizontal.vue -->
-```
-
-**Horizontal at breakpoint `md` and above:**
-
-```html
-<div>
-  <b-list-group horizontal="md">
-    <b-list-group-item>Cras justo odio</b-list-group-item>
-    <b-list-group-item>Dapibus ac facilisis in</b-list-group-item>
-    <b-list-group-item>Morbi leo risus</b-list-group-item>
-  </b-list-group>
-</div>
-
-<!-- b-list-group-horizontal-md.vue -->
-```
-
-## Custom content
-
-Add nearly any HTML or component within, even for linked list groups like the one below, with the
-help of [flexbox utility classes](/docs/reference/utility-classes).
-
-```html
-<b-list-group>
-  <b-list-group-item href="#" active class="flex-column align-items-start">
-    <div class="d-flex w-100 justify-content-between">
-      <h5 class="mb-1">List Group item heading</h5>
-      <small>3 days ago</small>
-    </div>
-
-    <p class="mb-1">
-      Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
-    </p>
-
-    <small>Donec id elit non mi porta.</small>
-  </b-list-group-item>
-
-  <b-list-group-item href="#" class="flex-column align-items-start">
-    <div class="d-flex w-100 justify-content-between">
-      <h5 class="mb-1">List Group item heading</h5>
-      <small class="text-muted">3 days ago</small>
-    </div>
-
-    <p class="mb-1">
-      Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
-    </p>
-
-    <small class="text-muted">Donec id elit non mi porta.</small>
-  </b-list-group-item>
-
-  <b-list-group-item href="#" disabled class="flex-column align-items-start">
-    <div class="d-flex w-100 justify-content-between">
-      <h5 class="mb-1">Disabled List Group item</h5>
-      <small class="text-muted">3 days ago</small>
-    </div>
-
-    <p class="mb-1">
-      Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
-    </p>
-
-    <small class="text-muted">Donec id elit non mi porta.</small>
-  </b-list-group-item>
-</b-list-group>
-
-<!-- b-list-group-content.vue -->
-```
-
-<!-- Component reference added automatically from component package.json -->

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

@@ -1,14 +0,0 @@
-//
-// ListGroup
-//
-import Vue from 'vue'
-import { BvPlugin, BvComponent } from '../../'
-
-// Plugin
-export declare const ListGroupPlugin: BvPlugin
-
-// Component: b-list-group
-export declare class BListGroup extends BvComponent {}
-
-// Component: b-list-group-item
-export declare class BListGroupItem extends BvComponent {}

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

@@ -1,12 +0,0 @@
-import { BListGroup } from './list-group'
-import { BListGroupItem } from './list-group-item'
-import { pluginFactory } from '../../utils/plugins'
-
-const ListGroupPlugin = /*#__PURE__*/ pluginFactory({
-  components: {
-    BListGroup,
-    BListGroupItem
-  }
-})
-
-export { ListGroupPlugin, BListGroup, BListGroupItem }

package/src/vendor/bootstrap-vue/src/components/list-group/list-group-item.js

@@ -1,76 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_LIST_GROUP_ITEM } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { arrayIncludes } from '../../utils/array'
-import { isTag } from '../../utils/dom'
-import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
-import { isLink } from '../../utils/router'
-import { BLink, props as BLinkProps } from '../link/link'
-
-// --- Constants ---
-
-const actionTags = ['a', 'router-link', 'button', 'b-link']
-
-// --- Props ---
-
-const linkProps = omit(BLinkProps, ['event', 'routerTag'])
-delete linkProps.href.default
-delete linkProps.to.default
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...linkProps,
-    action: makeProp(PROP_TYPE_BOOLEAN, false),
-    button: makeProp(PROP_TYPE_BOOLEAN, false),
-    tag: makeProp(PROP_TYPE_STRING, 'div'),
-    variant: makeProp(PROP_TYPE_STRING)
-  }),
-  NAME_LIST_GROUP_ITEM
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BListGroupItem = /*#__PURE__*/ extend({
-  name: NAME_LIST_GROUP_ITEM,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { button, variant, active, disabled } = props
-    const link = isLink(props)
-    const tag = button ? 'button' : !link ? props.tag : BLink
-    const action = !!(props.action || link || button || arrayIncludes(actionTags, props.tag))
-
-    const attrs = {}
-    let itemProps = {}
-    if (isTag(tag, 'button')) {
-      if (!data.attrs || !data.attrs.type) {
-        // Add a type for button is one not provided in passed attributes
-        attrs.type = 'button'
-      }
-      if (props.disabled) {
-        // Set disabled attribute if button and disabled
-        attrs.disabled = true
-      }
-    } else {
-      itemProps = pluckProps(linkProps, props)
-    }
-
-    return h(
-      tag,
-      mergeData(data, {
-        attrs,
-        props: itemProps,
-        staticClass: 'list-group-item',
-        class: {
-          [`list-group-item-${variant}`]: variant,
-          'list-group-item-action': action,
-          active,
-          disabled
-        }
-      }),
-      children
-    )
-  }
-})

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

@@ -1,286 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BListGroupItem } from './list-group-item'
-
-describe('list-group > list-group-item', () => {
-  it('default should have tag div', async () => {
-    const wrapper = mount(BListGroupItem)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-
-    wrapper.destroy()
-  })
-
-  it('default should contain only single class of list-group-item', async () => {
-    const wrapper = mount(BListGroupItem)
-
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.classes()).toContain('list-group-item')
-
-    wrapper.destroy()
-  })
-
-  it('default should not have class list-group-item-action', async () => {
-    const wrapper = mount(BListGroupItem)
-
-    expect(wrapper.classes()).not.toContain('list-group-item-action')
-
-    wrapper.destroy()
-  })
-
-  it('default should not have class active', async () => {
-    const wrapper = mount(BListGroupItem)
-
-    expect(wrapper.classes()).not.toContain('active')
-
-    wrapper.destroy()
-  })
-
-  it('default should not have class disabled', async () => {
-    const wrapper = mount(BListGroupItem)
-
-    expect(wrapper.classes()).not.toContain('disabled')
-
-    wrapper.destroy()
-  })
-
-  it('default should not have type attribute', async () => {
-    const wrapper = mount(BListGroupItem)
-
-    expect(wrapper.attributes('type')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('default should not have disabled attribute', async () => {
-    const wrapper = mount(BListGroupItem)
-
-    expect(wrapper.attributes('disabled')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should have disabled class when disabled=true', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { disabled: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('disabled')
-
-    wrapper.destroy()
-  })
-
-  it('should have active class when active=true', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { active: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('active')
-
-    wrapper.destroy()
-  })
-
-  it('should have variant class and base class when variant set', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { variant: 'danger' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('list-group-item')
-    expect(wrapper.classes()).toContain('list-group-item-danger')
-
-    wrapper.destroy()
-  })
-
-  it('should have tag a when href is set', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { href: '/foobar' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-
-    wrapper.destroy()
-  })
-
-  it('should have class list-group-item-action when href is set', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { href: '/foobar' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('list-group-item-action')
-
-    wrapper.destroy()
-  })
-
-  it('should have class list-group-item-action when action=true', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { action: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('list-group-item-action')
-
-    wrapper.destroy()
-  })
-
-  it('should have class list-group-item-action when tag=a', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { tag: 'a' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('list-group-item-action')
-
-    wrapper.destroy()
-  })
-
-  it('should have href attribute when href is set', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { href: '/foobar' }
-      }
-    })
-
-    expect(wrapper.attributes('href')).toBe('/foobar')
-
-    wrapper.destroy()
-  })
-
-  it('should have tag button when tag=button', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { tag: 'button' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-
-    wrapper.destroy()
-  })
-
-  it('should have tag a when tag=a', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { tag: 'a' }
-      }
-    })
-    expect(wrapper.element.tagName).toBe('A')
-  })
-
-  it('should have tag button when button=true', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { button: true }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-
-    wrapper.destroy()
-  })
-
-  it('should have tag button when button=true and tag=foo', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: {
-          button: true,
-          tag: 'foo'
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-
-    wrapper.destroy()
-  })
-
-  it('should not have href when button=true and href set', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: {
-          button: true,
-          href: '/foobar'
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('href')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should have class list-group-item-action when button=true', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { button: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('list-group-item-action')
-
-    wrapper.destroy()
-  })
-
-  it('should have type=button when button=true', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { button: true }
-      }
-    })
-
-    expect(wrapper.attributes('type')).toEqual('button')
-
-    wrapper.destroy()
-  })
-
-  it('should have type=submit when button=true and attr type=submit', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { button: true },
-        attrs: { type: 'submit' }
-      }
-    })
-
-    expect(wrapper.attributes('type')).toEqual('submit')
-
-    wrapper.destroy()
-  })
-
-  it('should not have attribute disabled when button=true and disabled not set', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: { button: true }
-      }
-    })
-
-    expect(wrapper.attributes('disabled')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should have attribute disabled when button=true and disabled=true', async () => {
-    const wrapper = mount(BListGroupItem, {
-      context: {
-        props: {
-          button: true,
-          disabled: true
-        }
-      }
-    })
-
-    expect(wrapper.attributes('disabled')).toBeDefined()
-
-    wrapper.destroy()
-  })
-})