@gitlab/ui 92.2.0 → 92.3.1

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

@@ -1,66 +0,0 @@
-{
-  "name": "@bootstrap-vue/jumbotron",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Jumbotron",
-    "description": "A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.",
-    "components": [
-      {
-        "component": "BJumbotron",
-        "props": [
-          {
-            "prop": "bgVariant",
-            "description": "Applies one of the Bootstrap theme color variants to the background"
-          },
-          {
-            "prop": "borderVariant",
-            "description": "Applies one of the Bootstrap theme color variants to the border"
-          },
-          {
-            "prop": "containerFluid",
-            "description": "When prop 'fluid' is set, this prop will make the inner container wrapper also fluid in width. Can also be set to one of the Bootstrap breakpoint names"
-          },
-          {
-            "prop": "fluid",
-            "description": "Makes the jumbotron full width, and without rounded corners. When set, the inner content will automatically be wrapped into a 'b-container' (fixed width at the various breakpoints)"
-          },
-          {
-            "prop": "headerLevel",
-            "description": "Scaling factor of the header. Values range from 1 to 5"
-          },
-          {
-            "prop": "lead",
-            "description": "Text string to place in the lead paragraph"
-          },
-          {
-            "prop": "leadHtml",
-            "description": "HTML string to place in the lead paragraph",
-            "xss": true
-          },
-          {
-            "prop": "leadTag",
-            "description": "Specify the HTML tag to render instead of the default tag for the lead paragraph"
-          },
-          {
-            "prop": "textVariant",
-            "description": "Applies one of the Bootstrap theme color variants to the text"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the jumbotron"
-          },
-          {
-            "name": "header",
-            "description": "Slot for custom header content. Placed inside 'header-tag'. Overrides the `header` and `header-html` props"
-          },
-          {
-            "name": "lead",
-            "description": "For custom rendering of lead text content. Placed inside 'lead-tag'. Overrides the `lead` and `lead-html` props"
-          }
-        ]
-      }
-    ]
-  }
-}

package/src/vendor/bootstrap-vue/src/components/layout/container.js

@@ -1,40 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_CONTAINER } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    // String breakpoint name new in Bootstrap v4.4.x
-    fluid: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-    tag: makeProp(PROP_TYPE_STRING, 'div')
-  },
-  NAME_CONTAINER
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BContainer = /*#__PURE__*/ extend({
-  name: NAME_CONTAINER,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { fluid } = props
-
-    return h(
-      props.tag,
-      mergeData(data, {
-        class: {
-          container: !(fluid || fluid === ''),
-          'container-fluid': fluid === true || fluid === '',
-          // Bootstrap v4.4+ responsive containers
-          [`container-${fluid}`]: fluid && fluid !== true
-        }
-      }),
-      children
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/layout/container.spec.js

@@ -1,75 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BContainer } from './container'
-
-describe('layout > container', () => {
-  it('should have expected default structure', async () => {
-    const wrapper = mount(BContainer)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('container')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders custom root element when prop tag set', async () => {
-    const wrapper = mount(BContainer, {
-      propsData: {
-        tag: 'section'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SECTION')
-    expect(wrapper.classes()).toContain('container')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('should have container-fluid class when prop fluid set', async () => {
-    const wrapper = mount(BContainer, {
-      propsData: {
-        fluid: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('container-fluid')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('should have container-md class when prop fluid="md"', async () => {
-    const wrapper = mount(BContainer, {
-      propsData: {
-        fluid: 'md'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('container-md')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('has content from default slot', async () => {
-    const wrapper = mount(BContainer, {
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('container')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/layout/row.js

@@ -1,111 +0,0 @@
-import { mergeData } from '../../vue'
-import { NAME_ROW } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { arrayIncludes, concat } from '../../utils/array'
-import { getBreakpointsUpCached } from '../../utils/config'
-import { identity } from '../../utils/identity'
-import { memoize } from '../../utils/memoize'
-import { create, keys, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, suffixPropName } from '../../utils/props'
-import { lowerCase, toString, trim } from '../../utils/string'
-
-// --- Constants ---
-
-const COMMON_ALIGNMENT = ['start', 'end', 'center']
-
-// --- Helper methods ---
-
-// Compute a `row-cols-{breakpoint}-{cols}` class name
-// Memoized function for better performance on generating class names
-const computeRowColsClass = memoize((breakpoint, cols) => {
-  cols = trim(toString(cols))
-  return cols ? lowerCase(['row-cols', breakpoint, cols].filter(identity).join('-')) : null
-})
-
-// Get the breakpoint name from the `rowCols` prop name
-// Memoized function for better performance on extracting breakpoint names
-const computeRowColsBreakpoint = memoize(prop => lowerCase(prop.replace('cols', '')))
-
-// Cached copy of the `row-cols` breakpoint prop names
-// Will be populated when the props are generated
-let rowColsPropList = []
-
-// --- Props ---
-
-// Prop generator for lazy generation of props
-export const generateProps = () => {
-  // i.e. 'row-cols-2', 'row-cols-md-4', 'row-cols-xl-6', ...
-  const rowColsProps = getBreakpointsUpCached().reduce((props, breakpoint) => {
-    props[suffixPropName(breakpoint, 'cols')] = makeProp(PROP_TYPE_NUMBER_STRING)
-    return props
-  }, create(null))
-
-  // Cache the row-cols prop names
-  rowColsPropList = keys(rowColsProps)
-
-  // Return the generated props
-  return makePropsConfigurable(
-    sortKeys({
-      ...rowColsProps,
-      alignContent: makeProp(PROP_TYPE_STRING, null, value => {
-        return arrayIncludes(concat(COMMON_ALIGNMENT, 'between', 'around', 'stretch'), value)
-      }),
-      alignH: makeProp(PROP_TYPE_STRING, null, value => {
-        return arrayIncludes(concat(COMMON_ALIGNMENT, 'between', 'around'), value)
-      }),
-      alignV: makeProp(PROP_TYPE_STRING, null, value => {
-        return arrayIncludes(concat(COMMON_ALIGNMENT, 'baseline', 'stretch'), value)
-      }),
-      noGutters: makeProp(PROP_TYPE_BOOLEAN, false),
-      tag: makeProp(PROP_TYPE_STRING, 'div')
-    }),
-    NAME_ROW
-  )
-}
-
-// --- Main component ---
-
-// We do not use `extend()` here as that would evaluate the props
-// immediately, which we do not want to happen
-// @vue/component
-export const BRow = {
-  name: NAME_ROW,
-  functional: true,
-  get props() {
-    // Allow props to be lazy evaled on first access and
-    // then they become a non-getter afterwards
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#Smart_self-overwriting_lazy_getters
-    delete this.props
-    this.props = generateProps()
-    return this.props
-  },
-  render(h, { props, data, children }) {
-    const { alignV, alignH, alignContent } = props
-
-    // Loop through row-cols breakpoint props and generate the classes
-    const classList = []
-    rowColsPropList.forEach(prop => {
-      const c = computeRowColsClass(computeRowColsBreakpoint(prop), props[prop])
-      // If a class is returned, push it onto the array
-      if (c) {
-        classList.push(c)
-      }
-    })
-
-    classList.push({
-      'no-gutters': props.noGutters,
-      [`align-items-${alignV}`]: alignV,
-      [`justify-content-${alignH}`]: alignH,
-      [`align-content-${alignContent}`]: alignContent
-    })
-
-    return h(
-      props.tag,
-      mergeData(data, {
-        staticClass: 'row',
-        class: classList
-      }),
-      children
-    )
-  }
-}

package/src/vendor/bootstrap-vue/src/components/layout/row.spec.js

@@ -1,138 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BRow } from './row'
-
-describe('layout > row', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BRow)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-  })
-
-  it('renders custom root element when prop tag is set', async () => {
-    const wrapper = mount(BRow, {
-      propsData: {
-        tag: 'p'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('P')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BRow, {
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('foobar')
-  })
-
-  it('has class no-gutters when prop no-gutters is set', async () => {
-    const wrapper = mount(BRow, {
-      propsData: {
-        noGutters: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes()).toContain('no-gutters')
-    expect(wrapper.classes().length).toBe(2)
-  })
-
-  it('has vertical align class when prop align-v is set', async () => {
-    const wrapper = mount(BRow, {
-      propsData: {
-        alignV: 'baseline'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes()).toContain('align-items-baseline')
-    expect(wrapper.classes().length).toBe(2)
-  })
-
-  it('has horizontal align class when prop align-h is set', async () => {
-    const wrapper = mount(BRow, {
-      propsData: {
-        alignH: 'center'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes()).toContain('justify-content-center')
-    expect(wrapper.classes().length).toBe(2)
-  })
-
-  it('has content align class when prop align-content is set', async () => {
-    const wrapper = mount(BRow, {
-      propsData: {
-        alignContent: 'stretch'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes()).toContain('align-content-stretch')
-    expect(wrapper.classes().length).toBe(2)
-  })
-
-  it('has class row-cols-6 when prop cols is set to 6', async () => {
-    const wrapper = mount(BRow, {
-      propsData: {
-        cols: 6
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes()).toContain('row-cols-6')
-    expect(wrapper.classes().length).toBe(2)
-  })
-
-  it('has class row-cols-md-3 when prop cols-md is set to 3', async () => {
-    const wrapper = mount(BRow, {
-      propsData: {
-        colsMd: '3'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes()).toContain('row-cols-md-3')
-    expect(wrapper.classes().length).toBe(2)
-  })
-
-  it('all cols-* props work', async () => {
-    const wrapper = mount(BRow, {
-      propsData: {
-        cols: 1,
-        colsSm: 2,
-        colsMd: 3,
-        colsLg: 4,
-        colsXl: 5
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('row')
-    expect(wrapper.classes()).toContain('row-cols-1')
-    expect(wrapper.classes()).toContain('row-cols-sm-2')
-    expect(wrapper.classes()).toContain('row-cols-md-3')
-    expect(wrapper.classes()).toContain('row-cols-lg-4')
-    expect(wrapper.classes()).toContain('row-cols-xl-5')
-    expect(wrapper.classes().length).toBe(6)
-  })
-})