@gitlab/ui 92.2.0 → 92.3.0

package/src/vendor/bootstrap-vue/src/components/card/_card-img.scss

@@ -1,7 +0,0 @@
-.card-img-left {
-  @include border-left-radius($card-inner-border-radius);
-}
-
-.card-img-right {
-  @include border-right-radius($card-inner-border-radius);
-}

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

@@ -1,69 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_CARD_BODY } from '../../constants/components'
-import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props'
-import { sortKeys } from '../../utils/object'
-import {
-  copyProps,
-  makeProp,
-  makePropsConfigurable,
-  pluckProps,
-  prefixPropName
-} from '../../utils/props'
-import { props as cardProps } from '../../mixins/card'
-import { BCardTitle, props as titleProps } from './card-title'
-import { BCardSubTitle, props as subTitleProps } from './card-sub-title'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...titleProps,
-    ...subTitleProps,
-    ...copyProps(cardProps, prefixPropName.bind(null, 'body')),
-    bodyClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    overlay: makeProp(PROP_TYPE_BOOLEAN, false)
-  }),
-  NAME_CARD_BODY
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BCardBody = /*#__PURE__*/ extend({
-  name: NAME_CARD_BODY,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { bodyBgVariant, bodyBorderVariant, bodyTextVariant } = props
-
-    let $title = h()
-    if (props.title) {
-      $title = h(BCardTitle, { props: pluckProps(titleProps, props) })
-    }
-
-    let $subTitle = h()
-    if (props.subTitle) {
-      $subTitle = h(BCardSubTitle, {
-        props: pluckProps(subTitleProps, props),
-        class: ['mb-2']
-      })
-    }
-
-    return h(
-      props.bodyTag,
-      mergeData(data, {
-        staticClass: 'card-body',
-        class: [
-          {
-            'card-img-overlay': props.overlay,
-            [`bg-${bodyBgVariant}`]: bodyBgVariant,
-            [`border-${bodyBorderVariant}`]: bodyBorderVariant,
-            [`text-${bodyTextVariant}`]: bodyTextVariant
-          },
-          props.bodyClass
-        ]
-      }),
-      [$title, $subTitle, children]
-    )
-  }
-})

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

@@ -1,142 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BCardBody } from './card-body'
-
-describe('card-body', () => {
-  it('has root element "div"', async () => {
-    const wrapper = mount(BCardBody)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-
-    wrapper.destroy()
-  })
-
-  it('has class card-body', async () => {
-    const wrapper = mount(BCardBody)
-
-    expect(wrapper.classes()).toContain('card-body')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('has custom root element when prop bodyTag is set', async () => {
-    const wrapper = mount(BCardBody, {
-      context: {
-        props: {
-          bodyTag: 'article'
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('ARTICLE')
-    expect(wrapper.classes()).toContain('card-body')
-
-    wrapper.destroy()
-  })
-
-  it('has class bg-info when prop bodyBgVariant=info', async () => {
-    const wrapper = mount(BCardBody, {
-      context: {
-        props: { bodyBgVariant: 'info' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-body')
-    expect(wrapper.classes()).toContain('bg-info')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has class text-info when prop bodyTextVariant=info', async () => {
-    const wrapper = mount(BCardBody, {
-      context: {
-        props: { bodyTextVariant: 'info' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-body')
-    expect(wrapper.classes()).toContain('text-info')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has class border-info when prop bodyBorderVariant=info', async () => {
-    const wrapper = mount(BCardBody, {
-      context: {
-        props: { bodyBorderVariant: 'info' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-body')
-    expect(wrapper.classes()).toContain('border-info')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has all variant classes when all variant props set', async () => {
-    const wrapper = mount(BCardBody, {
-      context: {
-        props: {
-          bodyTextVariant: 'info',
-          bodyBgVariant: 'danger',
-          bodyBorderVariant: 'dark'
-        }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-body')
-    expect(wrapper.classes()).toContain('text-info')
-    expect(wrapper.classes()).toContain('bg-danger')
-    expect(wrapper.classes()).toContain('border-dark')
-    expect(wrapper.classes().length).toBe(4)
-
-    wrapper.destroy()
-  })
-
-  it('has class "card-img-overlay" when overlay="true"', async () => {
-    const wrapper = mount(BCardBody, {
-      context: {
-        props: {
-          overlay: true
-        }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-body')
-    expect(wrapper.classes()).toContain('card-img-overlay')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has card-title when title prop is set', async () => {
-    const wrapper = mount(BCardBody, {
-      context: {
-        props: {
-          title: 'title'
-        }
-      }
-    })
-
-    expect(wrapper.find('div.card-title')).toBeDefined()
-
-    wrapper.destroy()
-  })
-
-  it('has card-sub-title when sub-title prop is set', async () => {
-    const wrapper = mount(BCardBody, {
-      context: {
-        props: {
-          subTitle: 'sub title'
-        }
-      }
-    })
-
-    expect(wrapper.find('div.card-subtitle')).toBeDefined()
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/card/card-footer.js

@@ -1,48 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_CARD_FOOTER } from '../../constants/components'
-import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { htmlOrText } from '../../utils/html'
-import { sortKeys } from '../../utils/object'
-import { copyProps, makeProp, makePropsConfigurable, prefixPropName } from '../../utils/props'
-import { props as BCardProps } from '../../mixins/card'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...copyProps(BCardProps, prefixPropName.bind(null, 'footer')),
-    footer: makeProp(PROP_TYPE_STRING),
-    footerClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    footerHtml: makeProp(PROP_TYPE_STRING)
-  }),
-  NAME_CARD_FOOTER
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BCardFooter = /*#__PURE__*/ extend({
-  name: NAME_CARD_FOOTER,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { footerBgVariant, footerBorderVariant, footerTextVariant } = props
-
-    return h(
-      props.footerTag,
-      mergeData(data, {
-        staticClass: 'card-footer',
-        class: [
-          props.footerClass,
-          {
-            [`bg-${footerBgVariant}`]: footerBgVariant,
-            [`border-${footerBorderVariant}`]: footerBorderVariant,
-            [`text-${footerTextVariant}`]: footerTextVariant
-          }
-        ],
-        domProps: children ? {} : htmlOrText(props.footerHtml, props.footer)
-      }),
-      children
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/card/card-footer.spec.js

@@ -1,98 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BCardFooter } from './card-footer'
-
-describe('card-footer', () => {
-  it('has root element "div"', async () => {
-    const wrapper = mount(BCardFooter)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-
-    wrapper.destroy()
-  })
-
-  it('has class card-header', async () => {
-    const wrapper = mount(BCardFooter)
-
-    expect(wrapper.classes()).toContain('card-footer')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('has custom root element when prop footerTag is set', async () => {
-    const wrapper = mount(BCardFooter, {
-      context: {
-        props: {
-          footerTag: 'footer'
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('FOOTER')
-    expect(wrapper.classes()).toContain('card-footer')
-
-    wrapper.destroy()
-  })
-
-  it('has class bg-info when prop footerBgVariant=info', async () => {
-    const wrapper = mount(BCardFooter, {
-      context: {
-        props: { footerBgVariant: 'info' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-footer')
-    expect(wrapper.classes()).toContain('bg-info')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has class text-info when prop footerTextVariant=info', async () => {
-    const wrapper = mount(BCardFooter, {
-      context: {
-        props: { footerTextVariant: 'info' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-footer')
-    expect(wrapper.classes()).toContain('text-info')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has class border-info when prop footerBorderVariant=info', async () => {
-    const wrapper = mount(BCardFooter, {
-      context: {
-        props: { footerBorderVariant: 'info' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-footer')
-    expect(wrapper.classes()).toContain('border-info')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has all variant classes when all variant props set', async () => {
-    const wrapper = mount(BCardFooter, {
-      context: {
-        props: {
-          footerTextVariant: 'info',
-          footerBgVariant: 'danger',
-          footerBorderVariant: 'dark'
-        }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-footer')
-    expect(wrapper.classes()).toContain('text-info')
-    expect(wrapper.classes()).toContain('bg-danger')
-    expect(wrapper.classes()).toContain('border-dark')
-    expect(wrapper.classes().length).toBe(4)
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,33 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_CARD_GROUP } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    columns: makeProp(PROP_TYPE_BOOLEAN, false),
-    deck: makeProp(PROP_TYPE_BOOLEAN, false),
-    tag: makeProp(PROP_TYPE_STRING, 'div')
-  },
-  NAME_CARD_GROUP
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BCardGroup = /*#__PURE__*/ extend({
-  name: NAME_CARD_GROUP,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    return h(
-      props.tag,
-      mergeData(data, {
-        class: props.deck ? 'card-deck' : props.columns ? 'card-columns' : 'card-group'
-      }),
-      children
-    )
-  }
-})

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

@@ -1,75 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BCardGroup } from './card-group'
-
-describe('card-group', () => {
-  it('has root element "div"', async () => {
-    const wrapper = mount(BCardGroup)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-
-    wrapper.destroy()
-  })
-
-  it('has class card-group', async () => {
-    const wrapper = mount(BCardGroup)
-
-    expect(wrapper.classes()).toContain('card-group')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('has custom root element when prop tag is set', async () => {
-    const wrapper = mount(BCardGroup, {
-      context: {
-        props: {
-          tag: 'article'
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('ARTICLE')
-    expect(wrapper.classes()).toContain('card-group')
-
-    wrapper.destroy()
-  })
-
-  it('has class card-deck when prop deck=true', async () => {
-    const wrapper = mount(BCardGroup, {
-      context: {
-        props: { deck: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-deck')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('has class card-columns when prop columns=true', async () => {
-    const wrapper = mount(BCardGroup, {
-      context: {
-        props: { columns: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-columns')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('accepts custom classes', async () => {
-    const wrapper = mount(BCardGroup, {
-      context: {
-        class: ['foobar']
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-group')
-    expect(wrapper.classes()).toContain('foobar')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/card/card-header.js

@@ -1,48 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_CARD_HEADER } from '../../constants/components'
-import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { htmlOrText } from '../../utils/html'
-import { sortKeys } from '../../utils/object'
-import { copyProps, makeProp, makePropsConfigurable, prefixPropName } from '../../utils/props'
-import { props as BCardProps } from '../../mixins/card'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...copyProps(BCardProps, prefixPropName.bind(null, 'header')),
-    header: makeProp(PROP_TYPE_STRING),
-    headerClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-    headerHtml: makeProp(PROP_TYPE_STRING)
-  }),
-  NAME_CARD_HEADER
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BCardHeader = /*#__PURE__*/ extend({
-  name: NAME_CARD_HEADER,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { headerBgVariant, headerBorderVariant, headerTextVariant } = props
-
-    return h(
-      props.headerTag,
-      mergeData(data, {
-        staticClass: 'card-header',
-        class: [
-          props.headerClass,
-          {
-            [`bg-${headerBgVariant}`]: headerBgVariant,
-            [`border-${headerBorderVariant}`]: headerBorderVariant,
-            [`text-${headerTextVariant}`]: headerTextVariant
-          }
-        ],
-        domProps: children ? {} : htmlOrText(props.headerHtml, props.header)
-      }),
-      children
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/card/card-header.spec.js

@@ -1,98 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BCardHeader } from './card-header'
-
-describe('card-header', () => {
-  it('has root element "div"', async () => {
-    const wrapper = mount(BCardHeader)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-
-    wrapper.destroy()
-  })
-
-  it('has class card-header', async () => {
-    const wrapper = mount(BCardHeader)
-
-    expect(wrapper.classes()).toContain('card-header')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('has custom root element when prop headerTag is set', async () => {
-    const wrapper = mount(BCardHeader, {
-      context: {
-        props: {
-          headerTag: 'header'
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('HEADER')
-    expect(wrapper.classes()).toContain('card-header')
-
-    wrapper.destroy()
-  })
-
-  it('has class bg-info when prop headerBgVariant=info', async () => {
-    const wrapper = mount(BCardHeader, {
-      context: {
-        props: { headerBgVariant: 'info' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-header')
-    expect(wrapper.classes()).toContain('bg-info')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has class text-info when prop headerTextVariant=info', async () => {
-    const wrapper = mount(BCardHeader, {
-      context: {
-        props: { headerTextVariant: 'info' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-header')
-    expect(wrapper.classes()).toContain('text-info')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has class border-info when prop headerBorderVariant=info', async () => {
-    const wrapper = mount(BCardHeader, {
-      context: {
-        props: { headerBorderVariant: 'info' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-header')
-    expect(wrapper.classes()).toContain('border-info')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has all variant classes when all variant props set', async () => {
-    const wrapper = mount(BCardHeader, {
-      context: {
-        props: {
-          headerTextVariant: 'info',
-          headerBgVariant: 'danger',
-          headerBorderVariant: 'dark'
-        }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('card-header')
-    expect(wrapper.classes()).toContain('text-info')
-    expect(wrapper.classes()).toContain('bg-danger')
-    expect(wrapper.classes()).toContain('border-dark')
-    expect(wrapper.classes().length).toBe(4)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/card/card-img-lazy.js

@@ -1,47 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_CARD_IMG_LAZY } from '../../constants/components'
-import { keys, omit, sortKeys } from '../../utils/object'
-import { makePropsConfigurable } from '../../utils/props'
-import { props as BImgProps } from '../image/img'
-import { BImgLazy, props as BImgLazyProps } from '../image/img-lazy'
-import { props as BCardImgProps } from './card-img'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...omit(BImgLazyProps, keys(BImgProps)),
-    ...omit(BCardImgProps, ['src', 'alt', 'width', 'height'])
-  }),
-  NAME_CARD_IMG_LAZY
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BCardImgLazy = /*#__PURE__*/ extend({
-  name: NAME_CARD_IMG_LAZY,
-  functional: true,
-  props,
-  render(h, { props, data }) {
-    let baseClass = 'card-img'
-    if (props.top) {
-      baseClass += '-top'
-    } else if (props.right || props.end) {
-      baseClass += '-right'
-    } else if (props.bottom) {
-      baseClass += '-bottom'
-    } else if (props.left || props.start) {
-      baseClass += '-left'
-    }
-
-    return h(
-      BImgLazy,
-      mergeData(data, {
-        class: [baseClass],
-        // Exclude `left` and `right` props before passing to `<b-img-lazy>`
-        props: omit(props, ['left', 'right'])
-      })
-    )
-  }
-})