@gitlab/ui 92.2.0 → 92.3.1

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

@@ -1,52 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_MEDIA } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { SLOT_NAME_ASIDE, SLOT_NAME_DEFAULT } from '../../constants/slots'
-import { normalizeSlot } from '../../utils/normalize-slot'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { BMediaAside } from './media-aside'
-import { BMediaBody } from './media-body'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    noBody: makeProp(PROP_TYPE_BOOLEAN, false),
-    rightAlign: makeProp(PROP_TYPE_BOOLEAN, false),
-    tag: makeProp(PROP_TYPE_STRING, 'div'),
-    verticalAlign: makeProp(PROP_TYPE_STRING, 'top')
-  },
-  NAME_MEDIA
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BMedia = /*#__PURE__*/ extend({
-  name: NAME_MEDIA,
-  functional: true,
-  props,
-  render(h, { props, data, slots, scopedSlots, children }) {
-    const { noBody, rightAlign, verticalAlign } = props
-    const $children = noBody ? children : []
-
-    if (!noBody) {
-      const slotScope = {}
-      const $slots = slots()
-      const $scopedSlots = scopedSlots || {}
-
-      $children.push(
-        h(BMediaBody, normalizeSlot(SLOT_NAME_DEFAULT, slotScope, $scopedSlots, $slots))
-      )
-
-      const $aside = normalizeSlot(SLOT_NAME_ASIDE, slotScope, $scopedSlots, $slots)
-      if ($aside) {
-        $children[rightAlign ? 'push' : 'unshift'](
-          h(BMediaAside, { props: { right: rightAlign, verticalAlign } }, $aside)
-        )
-      }
-    }
-
-    return h(props.tag, mergeData(data, { staticClass: 'media' }), $children)
-  }
-})

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

@@ -1,149 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BMedia } from './media'
-
-describe('media', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BMedia)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.media-body').length).toBe(1)
-    expect(wrapper.findAll('.media-aside').length).toBe(0)
-    expect(wrapper.text()).toEqual('')
-    expect(wrapper.findAll('.media > *').length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('renders custom root element when `tag` prop set', async () => {
-    const wrapper = mount(BMedia, {
-      propsData: {
-        tag: 'section'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SECTION')
-    expect(wrapper.classes()).toContain('media')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('has expected structure when slot `aside` present', async () => {
-    const wrapper = mount(BMedia, {
-      slots: {
-        aside: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.media-body').length).toBe(1)
-    expect(wrapper.findAll('.media-aside').length).toBe(1)
-    expect(wrapper.findAll('.media > *').length).toBe(2)
-    expect(wrapper.find('.media > .media-aside + .media-body').exists()).toBe(true)
-    expect(wrapper.find('.media > .media-body + .media-aside').exists()).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('has expected structure when prop `right-align` is set and slot `aside` present', async () => {
-    const wrapper = mount(BMedia, {
-      propsData: {
-        rightAlign: true
-      },
-      slots: {
-        aside: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.media-body').length).toBe(1)
-    expect(wrapper.findAll('.media-aside').length).toBe(1)
-    expect(wrapper.findAll('.media > *').length).toBe(2)
-    expect(wrapper.find('.media > .media-body + .media-aside').exists()).toBe(true)
-    expect(wrapper.find('.media > .media-aside + .media-body').exists()).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('places default slot inside `media-body`', async () => {
-    const wrapper = mount(BMedia, {
-      slots: {
-        default: '<b>foobar</b>'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.media-body').length).toBe(1)
-    expect(wrapper.text()).toEqual('foobar')
-    expect(wrapper.find('.media-body').text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('does not have child `media-body` when prop `no-body` set', async () => {
-    const wrapper = mount(BMedia, {
-      propsData: {
-        noBody: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.media-body').length).toBe(0)
-    expect(wrapper.text()).toEqual('')
-    expect(wrapper.findAll('.media > *').length).toBe(0)
-
-    wrapper.destroy()
-  })
-
-  it('places default slot inside self when `no-body` set', async () => {
-    const wrapper = mount(BMedia, {
-      propsData: {
-        noBody: true
-      },
-      slots: {
-        default: '<b>foobar</b>'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.media-body').length).toBe(0)
-    expect(wrapper.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('sets `vertical-align` prop on `media-aside` child', async () => {
-    const wrapper = mount(BMedia, {
-      propsData: {
-        verticalAlign: 'bottom'
-      },
-      slots: {
-        aside: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('media')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.media-body').length).toBe(1)
-    expect(wrapper.findAll('.media-aside').length).toBe(1)
-    expect(wrapper.text()).toEqual('foobar')
-    expect(wrapper.findAll('.media > *').length).toBe(2)
-    expect(wrapper.find('.media-aside').classes()).toContain('align-self-end')
-    expect(wrapper.find('.media-aside').text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/media/package.json

@@ -1,65 +0,0 @@
-{
-  "name": "@bootstrap-vue/media",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Media",
-    "description": "The media object helps build complex and repetitive components where some media is positioned alongside content that doesn't wrap around said media.",
-    "components": [
-      {
-        "component": "BMedia",
-        "props": [
-          {
-            "prop": "noBody",
-            "description": "When set, does not render a 'b-media-body' wrapper around the default slot content"
-          },
-          {
-            "prop": "rightAlign",
-            "description": "Render the 'aside' slot on the right. Default is on the left"
-          },
-          {
-            "prop": "verticalAlign",
-            "description": "Vertical alignment of the 'aside' slot: 'start' (or 'top'), 'center', or 'end' (or 'bottom')"
-          }
-        ],
-        "slots": [
-          {
-            "name": "aside",
-            "description": "Media aside"
-          },
-          {
-            "name": "default",
-            "description": "Content to place in the media element"
-          }
-        ]
-      },
-      {
-        "component": "BMediaAside",
-        "props": [
-          {
-            "prop": "right",
-            "description": "Position the 'aside' on the right. Default is on the left"
-          },
-          {
-            "prop": "verticalAlign",
-            "description": "Vertical alignment of the aside: 'start' (or 'top'), 'center', or 'end' (or 'bottom')"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the media aside"
-          }
-        ]
-      },
-      {
-        "component": "BMediaBody",
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the media body"
-          }
-        ]
-      }
-    ]
-  }
-}

package/src/vendor/bootstrap-vue/src/components/nav/nav-form.js

@@ -1,50 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_NAV_FORM } from '../../constants/components'
-import { PROP_TYPE_ARRAY_OBJECT_STRING } from '../../constants/props'
-import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
-import { BForm, props as BFormProps } from '../form/form'
-
-// --- Props ---
-
-const formProps = omit(BFormProps, ['inline'])
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...formProps,
-    formClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
-  }),
-  NAME_NAV_FORM
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BNavForm = /*#__PURE__*/ extend({
-  name: NAME_NAV_FORM,
-  functional: true,
-  props,
-  render(h, { props, data, children, listeners }) {
-    const $form = h(
-      BForm,
-      {
-        class: props.formClass,
-        props: {
-          ...pluckProps(formProps, props),
-          inline: true
-        },
-        attrs: data.attrs,
-        on: listeners
-      },
-      children
-    )
-
-    return h(
-      'li',
-      mergeData(omit(data, ['attrs', 'on']), {
-        staticClass: 'form-inline'
-      }),
-      [$form]
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/nav/nav-form.spec.js

@@ -1,93 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BNavForm } from './nav-form'
-
-describe('nav > nav-form', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BNavForm)
-
-    expect(wrapper.element.tagName).toBe('LI')
-    expect(wrapper.classes()).toContain('form-inline')
-    expect(wrapper.classes().length).toBe(1)
-
-    const $form = wrapper.find('form')
-    expect($form.exists()).toBe(true)
-    expect($form.classes()).toContain('form-inline')
-    expect($form.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BNavForm, {
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-    expect(wrapper.classes()).toContain('form-inline')
-    expect(wrapper.classes().length).toBe(1)
-
-    const $form = wrapper.find('form')
-    expect($form.exists()).toBe(true)
-    expect($form.classes()).toContain('form-inline')
-    expect($form.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('applies ID to form when prop ID is set', async () => {
-    const wrapper = mount(BNavForm, {
-      propsData: {
-        id: 'baz'
-      },
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-    expect(wrapper.classes()).toContain('form-inline')
-    expect(wrapper.classes().length).toBe(1)
-
-    const $form = wrapper.find('form')
-    expect($form.exists()).toBe(true)
-    expect($form.classes()).toContain('form-inline')
-    expect($form.text()).toEqual('foobar')
-    expect($form.attributes('id')).toEqual('baz')
-
-    wrapper.destroy()
-  })
-
-  it('listeners are bound to form element', async () => {
-    const onSubmit = jest.fn()
-    const wrapper = mount(BNavForm, {
-      propsData: {
-        id: 'baz'
-      },
-      listeners: {
-        submit: onSubmit
-      },
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-    expect(wrapper.classes()).toContain('form-inline')
-    expect(wrapper.classes().length).toBe(1)
-
-    const $form = wrapper.find('form')
-    expect($form.exists()).toBe(true)
-    expect($form.classes()).toContain('form-inline')
-    expect($form.text()).toEqual('foobar')
-
-    expect(onSubmit).not.toHaveBeenCalled()
-
-    await $form.trigger('submit')
-    expect(onSubmit).toHaveBeenCalled()
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/nav/nav-text.js

@@ -1,18 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_NAV_TEXT } from '../../constants/components'
-
-// --- Props ---
-
-export const props = {}
-
-// --- Main component ---
-
-// @vue/component
-export const BNavText = /*#__PURE__*/ extend({
-  name: NAME_NAV_TEXT,
-  functional: true,
-  props,
-  render(h, { data, children }) {
-    return h('li', mergeData(data, { staticClass: 'navbar-text' }), children)
-  }
-})

package/src/vendor/bootstrap-vue/src/components/nav/nav-text.spec.js

@@ -1,30 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BNavText } from './nav-text'
-
-describe('nav > nav-text', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BNavText)
-
-    expect(wrapper.element.tagName).toBe('LI')
-    expect(wrapper.classes()).toContain('navbar-text')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BNavText, {
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-    expect(wrapper.classes()).toContain('navbar-text')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/navbar/navbar-nav.js

@@ -1,45 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_NAVBAR_NAV } from '../../constants/components'
-import { pick } from '../../utils/object'
-import { makePropsConfigurable } from '../../utils/props'
-import { props as BNavProps } from '../nav/nav'
-
-// --- Helper methods ---
-
-const computeJustifyContent = value => {
-  value = value === 'left' ? 'start' : value === 'right' ? 'end' : value
-  return `justify-content-${value}`
-}
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  pick(BNavProps, ['tag', 'fill', 'justified', 'align', 'small']),
-  NAME_NAVBAR_NAV
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BNavbarNav = /*#__PURE__*/ extend({
-  name: NAME_NAVBAR_NAV,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { align } = props
-
-    return h(
-      props.tag,
-      mergeData(data, {
-        staticClass: 'navbar-nav',
-        class: {
-          'nav-fill': props.fill,
-          'nav-justified': props.justified,
-          [computeJustifyContent(align)]: align,
-          small: props.small
-        }
-      }),
-      children
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/navbar/navbar-nav.spec.js

@@ -1,105 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BNavbarNav } from './navbar-nav'
-
-describe('navbar-nav', () => {
-  it('default has tag "ul"', async () => {
-    const wrapper = mount(BNavbarNav)
-
-    expect(wrapper.element.tagName).toBe('UL')
-
-    wrapper.destroy()
-  })
-
-  it('default has class "navbar-nav"', async () => {
-    const wrapper = mount(BNavbarNav)
-
-    expect(wrapper.classes()).toContain('navbar-nav')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('accepts custom tag', async () => {
-    const wrapper = mount(BNavbarNav, {
-      context: {
-        props: { tag: 'div' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('navbar-nav')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('has class "nav-fill" when fill=true', async () => {
-    const wrapper = mount(BNavbarNav, {
-      context: {
-        props: { fill: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('nav-fill')
-    expect(wrapper.classes()).toContain('navbar-nav')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has class "nav-justified" when justified=true', async () => {
-    const wrapper = mount(BNavbarNav, {
-      context: {
-        props: { justified: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('nav-justified')
-    expect(wrapper.classes()).toContain('navbar-nav')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('applies alignment correctly', async () => {
-    const wrapper = mount(BNavbarNav, {
-      context: {
-        props: { align: 'center' }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('justify-content-center')
-    expect(wrapper.classes()).toContain('navbar-nav')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has class "small" when small=true', async () => {
-    const wrapper = mount(BNavbarNav, {
-      context: {
-        props: { small: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('small')
-    expect(wrapper.classes()).toContain('navbar-nav')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('has class "small" when small=true', async () => {
-    const wrapper = mount(BNavbarNav, {
-      context: {
-        props: { small: true }
-      }
-    })
-
-    expect(wrapper.classes()).toContain('small')
-    expect(wrapper.classes()).toContain('navbar-nav')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/navbar/navbar-toggle.js

@@ -1,84 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_COLLAPSE, NAME_NAVBAR_TOGGLE } from '../../constants/components'
-import { EVENT_NAME_CLICK } from '../../constants/events'
-import { PROP_TYPE_ARRAY_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { SLOT_NAME_DEFAULT } from '../../constants/slots'
-import { getRootEventName } from '../../utils/events'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { listenOnRootMixin } from '../../mixins/listen-on-root'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { VBToggle } from '../../directives/toggle/toggle'
-
-// --- Constants ---
-
-const CLASS_NAME = 'navbar-toggler'
-
-const ROOT_EVENT_NAME_STATE = getRootEventName(NAME_COLLAPSE, 'state')
-const ROOT_EVENT_NAME_SYNC_STATE = getRootEventName(NAME_COLLAPSE, 'sync-state')
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    label: makeProp(PROP_TYPE_STRING, 'Toggle navigation'),
-    target: makeProp(PROP_TYPE_ARRAY_STRING, undefined, true) // Required
-  },
-  NAME_NAVBAR_TOGGLE
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BNavbarToggle = /*#__PURE__*/ extend({
-  name: NAME_NAVBAR_TOGGLE,
-  directives: { VBToggle },
-  mixins: [listenOnRootMixin, normalizeSlotMixin],
-  props,
-  data() {
-    return {
-      toggleState: false
-    }
-  },
-  created() {
-    this.listenOnRoot(ROOT_EVENT_NAME_STATE, this.handleStateEvent)
-    this.listenOnRoot(ROOT_EVENT_NAME_SYNC_STATE, this.handleStateEvent)
-  },
-  methods: {
-    onClick(event) {
-      if (!this.disabled) {
-        // Emit courtesy `click` event
-        this.$emit(EVENT_NAME_CLICK, event)
-      }
-    },
-    handleStateEvent(id, state) {
-      // We listen for state events so that we can pass the
-      // boolean expanded state to the default scoped slot
-      if (id === this.target) {
-        this.toggleState = state
-      }
-    }
-  },
-  render(h) {
-    const { disabled } = this
-
-    return h(
-      'button',
-      {
-        staticClass: CLASS_NAME,
-        class: { disabled },
-        directives: [{ name: 'VBToggle', value: this.target }],
-        attrs: {
-          type: 'button',
-          disabled,
-          'aria-label': this.label
-        },
-        on: { click: this.onClick }
-      },
-      [
-        this.normalizeSlot(SLOT_NAME_DEFAULT, { expanded: this.toggleState }) ||
-          h('span', { staticClass: `${CLASS_NAME}-icon` })
-      ]
-    )
-  }
-})