@gitlab/ui 92.2.0 → 92.3.0

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

@@ -1,42 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_LIST_GROUP } from '../../constants/components'
-import {
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_BOOLEAN_STRING,
-  PROP_TYPE_STRING
-} from '../../constants/props'
-import { isString } from '../../utils/inspect'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    flush: makeProp(PROP_TYPE_BOOLEAN, false),
-    horizontal: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-    tag: makeProp(PROP_TYPE_STRING, 'div')
-  },
-  NAME_LIST_GROUP
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BListGroup = /*#__PURE__*/ extend({
-  name: NAME_LIST_GROUP,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    let horizontal = props.horizontal === '' ? true : props.horizontal
-    horizontal = props.flush ? false : horizontal
-    const componentData = {
-      staticClass: 'list-group',
-      class: {
-        'list-group-flush': props.flush,
-        'list-group-horizontal': horizontal === true,
-        [`list-group-horizontal-${horizontal}`]: isString(horizontal)
-      }
-    }
-    return h(props.tag, mergeData(data, componentData), children)
-  }
-})

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

@@ -1,132 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BListGroup } from './list-group'
-
-describe('list-group', () => {
-  it('default should have tag div', async () => {
-    const wrapper = mount(BListGroup)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-
-    wrapper.destroy()
-  })
-
-  it('default should contain only single class of list-group', async () => {
-    const wrapper = mount(BListGroup)
-
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.classes()).toContain('list-group')
-    expect(wrapper.classes()).not.toContain('list-group-flush')
-    expect(wrapper.classes()).not.toContain('list-group-horizontal')
-
-    wrapper.destroy()
-  })
-
-  it('should have tag ul then prop tag=ul', async () => {
-    const wrapper = mount(BListGroup, {
-      context: {
-        props: { tag: 'ul' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('UL')
-
-    wrapper.destroy()
-  })
-
-  it('should have class list-group-flush when prop flush=true', async () => {
-    const wrapper = mount(BListGroup, {
-      context: {
-        props: { flush: true }
-      }
-    })
-
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.classes()).toContain('list-group')
-    expect(wrapper.classes()).toContain('list-group-flush')
-    expect(wrapper.classes()).not.toContain('list-group-horizontal')
-
-    wrapper.destroy()
-  })
-
-  it('should have class list-group-horizontal when prop horizontal=true', async () => {
-    const wrapper = mount(BListGroup, {
-      context: {
-        props: { horizontal: true }
-      }
-    })
-
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.classes()).not.toContain('list-group-flush')
-    expect(wrapper.classes()).toContain('list-group')
-    expect(wrapper.classes()).toContain('list-group-horizontal')
-
-    wrapper.destroy()
-  })
-
-  it('should have class list-group-horizontal-md when prop horizontal=md', async () => {
-    const wrapper = mount(BListGroup, {
-      context: {
-        props: { horizontal: 'md' }
-      }
-    })
-
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.classes()).not.toContain('list-group-flush')
-    expect(wrapper.classes()).not.toContain('list-group-horizontal')
-    expect(wrapper.classes()).toContain('list-group')
-    expect(wrapper.classes()).toContain('list-group-horizontal-md')
-
-    wrapper.destroy()
-  })
-
-  it('should not have class list-group-horizontal when prop horizontal=true and flush=true', async () => {
-    const wrapper = mount(BListGroup, {
-      context: {
-        props: {
-          horizontal: true,
-          flush: true
-        }
-      }
-    })
-
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.classes()).not.toContain('list-group-horizontal')
-    expect(wrapper.classes()).toContain('list-group')
-    expect(wrapper.classes()).toContain('list-group-flush')
-
-    wrapper.destroy()
-  })
-
-  it('should not have class list-group-horizontal-lg when prop horizontal=lg and flush=true', async () => {
-    const wrapper = mount(BListGroup, {
-      context: {
-        props: {
-          horizontal: 'lg',
-          flush: true
-        }
-      }
-    })
-
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.classes()).not.toContain('list-group-horizontal-lg')
-    expect(wrapper.classes()).not.toContain('list-group-horizontal')
-    expect(wrapper.classes()).toContain('list-group')
-    expect(wrapper.classes()).toContain('list-group-flush')
-
-    wrapper.destroy()
-  })
-
-  it('should accept custom classes', async () => {
-    const wrapper = mount(BListGroup, {
-      context: {
-        class: 'foobar'
-      }
-    })
-
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.classes()).toContain('list-group')
-    expect(wrapper.classes()).toContain('foobar')
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,52 +0,0 @@
-{
-  "name": "@bootstrap-vue/list-group",
-  "version": "1.0.0",
-  "meta": {
-    "title": "List Group",
-    "description": "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.",
-    "components": [
-      {
-        "component": "BListGroup",
-        "props": [
-          {
-            "prop": "flush",
-            "description": "When set, renders a flush list group with no left and right borders"
-          },
-          {
-            "prop": "horizontal",
-            "description": "When set, renders the list-group horizontally rather than the default of vertical"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content (items) to place in the list group"
-          }
-        ]
-      },
-      {
-        "component": "BListGroupItem",
-        "props": [
-          {
-            "prop": "action",
-            "description": "When set, give the item the appearance of having an action. Not needed when props 'to', 'href' or 'button' are used"
-          },
-          {
-            "prop": "button",
-            "description": "When true renders the list-group-item as a button element"
-          },
-          {
-            "prop": "variant",
-            "description": "Applies one of the Bootstrap theme color variants to the component"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the list group item"
-          }
-        ]
-      }
-    ]
-  }
-}

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

@@ -1,183 +0,0 @@
-# Media
-
-> The media object helps build complex and repetitive components where some media is positioned
-> alongside content that doesn't wrap around said media. Plus, it does this with only two required
-> classes thanks to flexbox.
-
-```html
-<div>
-  <b-card>
-    <b-media>
-      <template #aside>
-        <b-img blank blank-color="#ccc" width="64" alt="placeholder"></b-img>
-      </template>
-
-      <h5 class="mt-0">Media Title</h5>
-      <p>
-        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
-        Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc
-        ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-      </p>
-      <p>
-        Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque
-        penatibus et magnis dis parturient montes, nascetur ridiculus mus.
-      </p>
-
-      <b-media>
-        <template #aside>
-          <b-img blank blank-color="#ccc" width="64" alt="placeholder"></b-img>
-        </template>
-
-        <h5 class="mt-0">Nested Media</h5>
-        <p class="mb-0">
-          Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
-          faucibus.
-        </p>
-      </b-media>
-    </b-media>
-  </b-card>
-</div>
-
-<!-- b-media.vue -->
-```
-
-## Usage
-
-```html
-<div>
-  <b-media>
-    <template #aside>
-      <img src="..." alt="Media Aside">
-    </template>
-
-    <h2>Media Body</h2>
-    <p>Some text</p>
-
-    <!-- b-[Optional: add media children here for nesting] -->
-  </b-media>
-</div>
-```
-
-## No body (with sub-components)
-
-```html
-<div>
-  <b-card>
-    <b-media no-body>
-      <b-media-aside vertical-align="center">
-        <b-img blank blank-color="#ccc" width="64" height="128" alt="placeholder"></b-img>
-      </b-media-aside>
-
-      <b-media-body>
-        <h5 class="mt-0">Media Title</h5>
-        <p>
-          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
-          sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce
-          condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-        </p>
-        <p class="mb-0">
-          Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis
-          natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
-        </p>
-
-        <b-media>
-          <template #aside>
-            <b-img blank blank-color="#ccc" width="64" alt="placeholder"></b-img>
-          </template>
-          <h5 class="mt-0">Nested Media</h5>
-          Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
-          faucibus.
-        </b-media>
-      </b-media-body>
-    </b-media>
-  </b-card>
-</div>
-
-<!-- b-media-no-body.vue -->
-```
-
-## Order
-
-Change the order of content in media objects by adding `right-align` property.
-
-```html
-<div>
-  <b-media right-align vertical-align="center">
-    <template #aside>
-      <b-img blank blank-color="#ccc" width="80" alt="placeholder"></b-img>
-    </template>
-    <h5 class="mt-0 mb-1">Media object</h5>
-    <p class="mb-0">
-      Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
-      Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac
-      nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-    </p>
-  </b-media>
-</div>
-
-<!-- b-media-order.vue -->
-```
-
-## Nesting
-
-You can easily nest media objects by including another `<b-media>` inside parent's body.
-
-## Vertical align
-
-Aside can be vertically aligned using `vertical-align` prop, set to `top`, `center` or `end`. The
-default alignment is `top`.
-
-## Media list
-
-Because the media object has few structural requirements, you can use this component as a list item
-in HTML lists. On your `<ul>` or `<ol>`, add the class `list-unstyled` to remove any browser default
-list styles, and then use the `<b-media>` component with `tag` prop set to `li`. As always, use
-spacing utilities wherever needed to fine tune.
-
-```html
-<div>
-  <ul class="list-unstyled">
-    <b-media tag="li">
-      <template #aside>
-        <b-img blank blank-color="#abc" width="64" alt="placeholder"></b-img>
-      </template>
-      <h5 class="mt-0 mb-1">List-based media object</h5>
-      <p class="mb-0">
-        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
-        Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc
-        ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-      </p>
-    </b-media>
-
-    <b-media tag="li" class="my-4">
-      <template #aside>
-       <b-img blank blank-color="#cba" width="64" alt="placeholder"></b-img>
-      </template>
-
-      <h5 class="mt-0 mb-1">List-based media object</h5>
-      <p class="mb-0">
-        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
-        Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc
-        ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-      </p>
-    </b-media>
-
-    <b-media tag="li">
-      <template #aside>
-        <b-img blank blank-color="#bac" width="64" alt="placeholder"></b-img>
-      </template>
-
-      <h5 class="mt-0 mb-1">List-based media object</h5>
-      <p class="mb-0">
-        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
-        Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc
-        ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-      </p>
-    </b-media>
-  </ul>
-</div>
-
-<!-- b-media-list.vue -->
-```
-
-<!-- Component reference added automatically from component package.json -->

package/src/vendor/bootstrap-vue/src/components/media/_media.scss

@@ -1,9 +0,0 @@
-.media-aside {
-  display: flex;
-  margin-right: 1rem;
-}
-
-.media-aside-right {
-  margin-right: 0;
-  margin-left: 1rem;
-}

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

@@ -1,17 +0,0 @@
-//
-// Media
-//
-import Vue from 'vue'
-import { BvPlugin, BvComponent } from '../../'
-
-// Plugin
-export declare const MediaPlugin: BvPlugin
-
-// Component: b-media
-export declare class BMedia extends BvComponent {}
-
-// Component: b-media-aside
-export declare class BMediaAside extends BvComponent {}
-
-// Component: b-media-body
-export declare class BMediaBody extends BvComponent {}

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

@@ -1,14 +0,0 @@
-import { BMedia } from './media'
-import { BMediaAside } from './media-aside'
-import { BMediaBody } from './media-body'
-import { pluginFactory } from '../../utils/plugins'
-
-const MediaPlugin = /*#__PURE__*/ pluginFactory({
-  components: {
-    BMedia,
-    BMediaAside,
-    BMediaBody
-  }
-})
-
-export { MediaPlugin, BMedia, BMediaAside, BMediaBody }

package/src/vendor/bootstrap-vue/src/components/media/index.scss

@@ -1 +0,0 @@
-@import "media";

package/src/vendor/bootstrap-vue/src/components/media/media-aside.js

@@ -1,45 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_MEDIA_ASIDE } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    right: makeProp(PROP_TYPE_BOOLEAN, false),
-    tag: makeProp(PROP_TYPE_STRING, 'div'),
-    verticalAlign: makeProp(PROP_TYPE_STRING, 'top')
-  },
-  NAME_MEDIA_ASIDE
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BMediaAside = /*#__PURE__*/ extend({
-  name: NAME_MEDIA_ASIDE,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { verticalAlign } = props
-    const align =
-      verticalAlign === 'top'
-        ? 'start'
-        : verticalAlign === 'bottom'
-          ? 'end'
-          : /* istanbul ignore next */ verticalAlign
-
-    return h(
-      props.tag,
-      mergeData(data, {
-        staticClass: 'media-aside',
-        class: {
-          'media-aside-right': props.right,
-          [`align-self-${align}`]: align
-        }
-      }),
-      children
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/media/media-aside.spec.js

@@ -1,79 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BMediaAside } from './media-aside'
-
-describe('media-aside', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BMediaAside)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media-aside')
-    expect(wrapper.classes()).toContain('align-self-start')
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('has custom root element when prop `tag` set', async () => {
-    const wrapper = mount(BMediaAside, {
-      propsData: {
-        tag: 'span'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('media-aside')
-    expect(wrapper.classes()).toContain('align-self-start')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('has correct class when prop `right` set', async () => {
-    const wrapper = mount(BMediaAside, {
-      propsData: {
-        right: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media-aside')
-    expect(wrapper.classes()).toContain('media-aside-right')
-    expect(wrapper.classes()).toContain('align-self-start')
-    expect(wrapper.classes().length).toBe(3)
-
-    wrapper.destroy()
-  })
-
-  it('has alignment class when prop `vertical-align` set', async () => {
-    const wrapper = mount(BMediaAside, {
-      propsData: {
-        verticalAlign: 'bottom'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media-aside')
-    expect(wrapper.classes()).toContain('align-self-end')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BMediaAside, {
-      slots: {
-        default: '<b>foobar</b>'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media-aside')
-    expect(wrapper.classes()).toContain('align-self-start')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.findAll('b').length).toBe(1)
-    expect(wrapper.find('b').text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/media/media-body.js

@@ -1,25 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_MEDIA_BODY } from '../../constants/components'
-import { PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    tag: makeProp(PROP_TYPE_STRING, 'div')
-  },
-  NAME_MEDIA_BODY
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BMediaBody = /*#__PURE__*/ extend({
-  name: NAME_MEDIA_BODY,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    return h(props.tag, mergeData(data, { staticClass: 'media-body' }), children)
-  }
-})

package/src/vendor/bootstrap-vue/src/components/media/media-body.spec.js

@@ -1,47 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BMediaBody } from './media-body'
-
-describe('media-body', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BMediaBody)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media-body')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('custom root element when prop `tag` is set', async () => {
-    const wrapper = mount(BMediaBody, {
-      propsData: {
-        tag: 'article'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('ARTICLE')
-    expect(wrapper.classes()).toContain('media-body')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BMediaBody, {
-      slots: {
-        default: '<b>foobar</b>'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media-body')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('b').length).toBe(1)
-    expect(wrapper.find('b').text()).toEqual('foobar')
-    expect(wrapper.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-})