@gitlab/duo-ui 3.0.0 → 4.0.0

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

@@ -1,154 +0,0 @@
-import { mergeData } from '../../vue'
-import { NAME_COL } from '../../constants/components'
-import {
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_BOOLEAN_NUMBER_STRING,
-  PROP_TYPE_NUMBER_STRING,
-  PROP_TYPE_STRING
-} from '../../constants/props'
-import { RX_COL_CLASS } from '../../constants/regex'
-import { arrayIncludes } from '../../utils/array'
-import { getBreakpointsUpCached } from '../../utils/config'
-import { identity } from '../../utils/identity'
-import { isUndefinedOrNull } from '../../utils/inspect'
-import { memoize } from '../../utils/memoize'
-import { assign, create, keys, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, suffixPropName } from '../../utils/props'
-import { lowerCase } from '../../utils/string'
-
-// --- Constants ---
-
-const ALIGN_SELF_VALUES = ['auto', 'start', 'end', 'center', 'baseline', 'stretch']
-
-// --- Helper methods ---
-
-// Compute a breakpoint class name
-const computeBreakpoint = (type, breakpoint, value) => {
-  let className = type
-  if (isUndefinedOrNull(value) || value === false) {
-    return undefined
-  }
-  if (breakpoint) {
-    className += `-${breakpoint}`
-  }
-  // Handling the boolean style prop when accepting `[Boolean, String, Number]`
-  // means Vue will not convert `<b-col sm></b-col>` to `sm: true` for us
-  // Since the default is `false`, '' indicates the prop's presence
-  if (type === 'col' && (value === '' || value === true)) {
-    // .col-md
-    return lowerCase(className)
-  }
-  // .order-md-6
-  className += `-${value}`
-  return lowerCase(className)
-}
-
-// Memoized function for better performance on generating class names
-const computeBreakpointClass = memoize(computeBreakpoint)
-
-// Cached copy of the breakpoint prop names
-let breakpointPropMap = create(null)
-
-// --- Props ---
-
-// Prop generator for lazy generation of props
-export const generateProps = () => {
-  // Grab the breakpoints from the cached config (exclude the '' (xs) breakpoint)
-  const breakpoints = getBreakpointsUpCached().filter(identity)
-
-  // i.e. 'col-sm', 'col-md-6', 'col-lg-auto', ...
-  const breakpointCol = breakpoints.reduce((props, breakpoint) => {
-    props[breakpoint] = makeProp(PROP_TYPE_BOOLEAN_NUMBER_STRING)
-    return props
-  }, create(null))
-
-  // i.e. 'offset-md-1', 'offset-lg-12', ...
-  const breakpointOffset = breakpoints.reduce((props, breakpoint) => {
-    props[suffixPropName(breakpoint, 'offset')] = makeProp(PROP_TYPE_NUMBER_STRING)
-    return props
-  }, create(null))
-
-  // i.e. 'order-md-1', 'order-lg-12', ...
-  const breakpointOrder = breakpoints.reduce((props, breakpoint) => {
-    props[suffixPropName(breakpoint, 'order')] = makeProp(PROP_TYPE_NUMBER_STRING)
-    return props
-  }, create(null))
-
-  // For loop doesn't need to check `.hasOwnProperty()`
-  // when using an object created from `null`
-  breakpointPropMap = assign(create(null), {
-    col: keys(breakpointCol),
-    offset: keys(breakpointOffset),
-    order: keys(breakpointOrder)
-  })
-
-  // Return the generated props
-  return makePropsConfigurable(
-    sortKeys({
-      ...breakpointCol,
-      ...breakpointOffset,
-      ...breakpointOrder,
-      // Flex alignment
-      alignSelf: makeProp(PROP_TYPE_STRING, null, value => {
-        return arrayIncludes(ALIGN_SELF_VALUES, value)
-      }),
-      // Generic flexbox 'col' (xs)
-      col: makeProp(PROP_TYPE_BOOLEAN, false),
-      // i.e. 'col-1', 'col-2', 'col-auto', ...
-      cols: makeProp(PROP_TYPE_NUMBER_STRING),
-      offset: makeProp(PROP_TYPE_NUMBER_STRING),
-      order: makeProp(PROP_TYPE_NUMBER_STRING),
-      tag: makeProp(PROP_TYPE_STRING, 'div')
-    }),
-    NAME_COL
-  )
-}
-
-// --- 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 BCol = {
-  name: NAME_COL,
-  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
-    // eslint-disable-next-line no-return-assign
-    return (this.props = generateProps())
-  },
-  render(h, { props, data, children }) {
-    const { cols, offset, order, alignSelf } = props
-
-    const classList = []
-    // Loop through `col`, `offset`, `order` breakpoint props
-    for (const type in breakpointPropMap) {
-      // Returns colSm, offset, offsetSm, orderMd, etc.
-      const keys = breakpointPropMap[type]
-      for (let i = 0; i < keys.length; i++) {
-        // computeBreakpoint(col, colSm => Sm, value=[String, Number, Boolean])
-        const c = computeBreakpointClass(type, keys[i].replace(type, ''), props[keys[i]])
-        // If a class is returned, push it onto the array.
-        if (c) {
-          classList.push(c)
-        }
-      }
-    }
-
-    const hasColClasses = classList.some(className => RX_COL_CLASS.test(className))
-
-    classList.push({
-      // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.
-      col: props.col || (!hasColClasses && !cols),
-      [`col-${cols}`]: cols,
-      [`offset-${offset}`]: offset,
-      [`order-${order}`]: order,
-      [`align-self-${alignSelf}`]: alignSelf
-    })
-
-    return h(props.tag, mergeData(data, { class: classList }), children)
-  }
-}

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

@@ -1,192 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BCol } from './col'
-
-describe('layout > col', () => {
-  it('should have default expected structure', async () => {
-    const wrapper = mount(BCol)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('col')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.col > *').length).toBe(0)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders custom root element when tag prop set', async () => {
-    const wrapper = mount(BCol, {
-      propsData: {
-        tag: 'span'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('col')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.col > *').length).toBe(0)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('should apply breakpoint specific col-{bp}-{#} classes', async () => {
-    const wrapper = mount(BCol, {
-      propsData: {
-        cols: 6,
-        sm: 5,
-        md: 4,
-        lg: 3,
-        xl: 2
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('col-6')
-    expect(wrapper.classes()).toContain('col-sm-5')
-    expect(wrapper.classes()).toContain('col-md-4')
-    expect(wrapper.classes()).toContain('col-lg-3')
-    expect(wrapper.classes()).toContain('col-xl-2')
-    expect(wrapper.classes().length).toBe(5)
-
-    wrapper.destroy()
-  })
-
-  it('should not have class "col" when only single breakpoint prop specified', async () => {
-    const wrapper = mount(BCol, {
-      propsData: {
-        sm: 5
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('col-sm-5')
-    expect(wrapper.classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('should apply ".offset-*" classes with "offset-{bp}-{#}" props', async () => {
-    const wrapper = mount(BCol, {
-      propsData: {
-        offset: 6,
-        offsetSm: 5,
-        offsetMd: 4,
-        offsetLg: 3,
-        offsetXl: 2
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('col')
-    expect(wrapper.classes()).toContain('offset-6')
-    expect(wrapper.classes()).toContain('offset-sm-5')
-    expect(wrapper.classes()).toContain('offset-md-4')
-    expect(wrapper.classes()).toContain('offset-lg-3')
-    expect(wrapper.classes()).toContain('offset-xl-2')
-    expect(wrapper.classes().length).toBe(6)
-
-    wrapper.destroy()
-  })
-
-  it('should apply ".order-*" classes with "order-{bp}-{#}" props', async () => {
-    const wrapper = mount(BCol, {
-      propsData: {
-        order: 6,
-        orderSm: 5,
-        orderMd: 4,
-        orderLg: 3,
-        orderXl: 2
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('col')
-    expect(wrapper.classes()).toContain('order-6')
-    expect(wrapper.classes()).toContain('order-sm-5')
-    expect(wrapper.classes()).toContain('order-md-4')
-    expect(wrapper.classes()).toContain('order-lg-3')
-    expect(wrapper.classes()).toContain('order-xl-2')
-    expect(wrapper.classes().length).toBe(6)
-
-    wrapper.destroy()
-  })
-
-  it("should apply boolean breakpoint classes for 'sm', 'md', 'lg', 'xl' prop", async () => {
-    const wrapper = mount(BCol, {
-      propsData: {
-        col: true,
-        sm: true,
-        md: true,
-        lg: true,
-        xl: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('col')
-    expect(wrapper.classes()).toContain('col-sm')
-    expect(wrapper.classes()).toContain('col-md')
-    expect(wrapper.classes()).toContain('col-lg')
-    expect(wrapper.classes()).toContain('col-xl')
-    expect(wrapper.classes().length).toBe(5)
-
-    wrapper.destroy()
-  })
-
-  it("should apply boolean breakpoint classes for 'sm', 'md', 'lg', 'xl' prop set to empty string", async () => {
-    const wrapper = mount(BCol, {
-      propsData: {
-        sm: '',
-        md: '',
-        lg: '',
-        xl: ''
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('col-sm')
-    expect(wrapper.classes()).toContain('col-md')
-    expect(wrapper.classes()).toContain('col-lg')
-    expect(wrapper.classes()).toContain('col-xl')
-    expect(wrapper.classes().length).toBe(4)
-
-    wrapper.destroy()
-  })
-
-  it('should apply ".align-self-*" class with "align-self" prop', async () => {
-    const wrapper = mount(BCol, {
-      propsData: {
-        alignSelf: 'center'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('col')
-    expect(wrapper.classes()).toContain('align-self-center')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  // it('computeBkPtClass helper should compute boolean classes', async () => {
-  //   expect(computeBkPtClass('col', 'sm', true)).toBe('col-sm')
-  //   expect(computeBkPtClass('col', 'md', true)).toBe('col-md')
-  //   expect(computeBkPtClass('col', 'lg', true)).toBe('col-lg')
-  //   expect(computeBkPtClass('col', 'xl', true)).toBe('col-xl')
-  // })
-  //
-  // it('computeBkPtClass helper should compute boolean classes when given empty string', async () => {
-  //   expect(computeBkPtClass('col', 'sm', '')).toBe('col-sm')
-  //   expect(computeBkPtClass('col', 'md', '')).toBe('col-md')
-  //   expect(computeBkPtClass('col', 'lg', '')).toBe('col-lg')
-  //   expect(computeBkPtClass('col', 'xl', '')).toBe('col-xl')
-  // })
-  //
-  // it("computeBkPtClass helper should NOT compute boolean classes when value 'false' (return 'undefined')", async () => {
-  //   expect(computeBkPtClass('col', 'sm', false)).toBe(undefined)
-  //   expect(computeBkPtClass('col', 'md', false)).toBe(undefined)
-  //   expect(computeBkPtClass('col', 'lg', false)).toBe(undefined)
-  //   expect(computeBkPtClass('col', 'xl', false)).toBe(undefined)
-  // })
-})

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

@@ -1,31 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_FORM_ROW } 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_FORM_ROW
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BFormRow = /*#__PURE__*/ extend({
-  name: NAME_FORM_ROW,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    return h(
-      props.tag,
-      mergeData(data, {
-        staticClass: 'form-row'
-      }),
-      children
-    )
-  }
-})

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

@@ -1,45 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BFormRow } from './form-row'
-
-describe('layout > form-row', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BFormRow)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('form-row')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('custom root element when prop tag set', async () => {
-    const wrapper = mount(BFormRow, {
-      propsData: {
-        tag: 'span'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('form-row')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BFormRow, {
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('form-row')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,10 +0,0 @@
-//
-// Layout
-//
-import { BvComponent } from '../../'
-
-// Component: b-col
-export declare class BCol extends BvComponent {}
-
-// Component: b-form-row
-export declare class BFormRow extends BvComponent {}

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

@@ -1,4 +0,0 @@
-import { BCol } from './col'
-import { BFormRow } from './form-row'
-
-export { BCol, BFormRow }

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

@@ -1,99 +0,0 @@
-{
-  "name": "@bootstrap-vue/layout",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Layout and Grid System",
-    "description": "Use the powerful mobile-first flexbox grid (via the <b-container>, <b-row>, <b-form-row> and <b-col> components) to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, CSS Sass variables and mixins, and dozens of predefined classes.",
-    "slug": "layout",
-    "components": [
-      {
-        "component": "BCol",
-        "props": [
-          {
-            "prop": "alignSelf",
-            "description": "Vertical alignment of the grid cell with respect to the row: 'start', 'center', 'end', 'baseline', or 'stretch'"
-          },
-          {
-            "prop": "col",
-            "description": "When true makes an equal width column grid cell spans for xs and up breakpoints"
-          },
-          {
-            "prop": "cols",
-            "description": "Number of columns the grid cell spans for xs and up breakpoints"
-          },
-          {
-            "prop": "lg",
-            "description": "Number of columns the grid cell spans for lg and up breakpoints"
-          },
-          {
-            "prop": "md",
-            "description": "Number of columns the grid cell spans for md and up breakpoints"
-          },
-          {
-            "prop": "offset",
-            "description": "Number of columns the grid cell is offset for xs and up breakpoints"
-          },
-          {
-            "prop": "offsetLg",
-            "description": "Number of columns the grid cell is offset for lg and up breakpoints"
-          },
-          {
-            "prop": "offsetMd",
-            "description": "Number of columns the grid cell is offset for md and up breakpoints"
-          },
-          {
-            "prop": "offsetSm",
-            "description": "Number of columns the grid cell is offset for sm and up breakpoints"
-          },
-          {
-            "prop": "offsetXl",
-            "description": "Number of columns the grid cell is offset for xl and up breakpoints"
-          },
-          {
-            "prop": "order",
-            "description": "Flex order of the grid cell for xs and up breakpoints"
-          },
-          {
-            "prop": "orderLg",
-            "description": "Flex order of the grid cell for lg and up breakpoints"
-          },
-          {
-            "prop": "orderMd",
-            "description": "Flex order of the grid cell for md and up breakpoints"
-          },
-          {
-            "prop": "orderSm",
-            "description": "Flex order of the grid cell for sm and up breakpoints"
-          },
-          {
-            "prop": "orderXl",
-            "description": "Flex order of the grid cell for xl and up breakpoints"
-          },
-          {
-            "prop": "sm",
-            "description": "Number of columns the grid cell spans for sm and up breakpoints"
-          },
-          {
-            "prop": "xl",
-            "description": "Number of columns the grid cell spans for xl and up breakpoints"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the col"
-          }
-        ]
-      },
-      {
-        "component": "BFormRow",
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the form row"
-          }
-        ]
-      }
-    ]
-  }
-}

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

@@ -1,76 +0,0 @@
-# Link
-
-> Use BootstrapVue's custom `b-link` component for generating a standard `<a>` link or
-> `<router-link>`. `<b-link>` supports the `disabled` state and `click` event propagation.
-
-`<b-link>` is the building block for most BootstrapVue components that offer link functionality.
-
-```html
-<div>
-  <b-link href="#foo">Link</b-link>
-</div>
-
-<!-- b-link.vue -->
-```
-
-## Link type
-
-By specifying a value in the `href` prop, a standard link (`<a>`) element will be rendered. To
-generate a `<router-link>` instead, specify the route location via the `to` prop.
-
-Router links support various additional props. Refer to the
-[Router support](/docs/reference/router-links) reference section for details.
-
-If your app is running under [Nuxt.js](https://nuxtjs.org), the
-[`<nuxt-link>`](https://nuxtjs.org/api/components-nuxt-link) component will be used instead of
-`<router-link>`. The `<nuxt-link>` component supports all the same features as `<router-link>` (as
-it is a wrapper component for `<router-link>`) and more.
-
-### Third party router links
-
-BootstrapVue auto detects using `<router-link>` and `<nuxt-link>` link components. Some 3rd party
-frameworks also provide customized versions of `<router-link>`, such as
-[Gridsome's `<g-link>` component](https://gridsome.org/docs/linking/). `<b-link>` can support these
-third party `<router-link>` compatible components via the use of the `router-component-name` prop.
-All `vue-router` props (excluding `<nuxt-link>` specific props) will be passed to the specified
-router link component.
-
-Note that the 3rd party component will only be used when the `to` prop is set.
-
-## Links with `href="#"`
-
-Typically `<a href="#">` will cause the document to scroll to the top of page when clicked.
-`<b-link>` addresses this by preventing the default action (scroll to top) when `href` is set to
-`#`.
-
-If you need scroll to top behaviour, use a standard `<a href="#">...</a>` tag.
-
-## Link disabled state
-
-Disable link functionality by setting the `disabled` prop to true.
-
-```html
-<div>
-  <b-link href="#foo" disabled>Disabled Link</b-link>
-</div>
-
-<!-- b-link-disabled.vue -->
-```
-
-Disabling a link will set the Bootstrap v4 `.disabled` class on the link as well as handles stopping
-event propagation, preventing the default action from occurring, and removing the link from the
-document tab sequence (`tabindex="-1"`).
-
-**Note:** Bootstrap v4 CSS currently does not style disabled links differently than non-disabled
-links. You can use the following custom CSS to style disabled links (by preventing hover style
-changes):
-
-```css
-a.disabled {
-  pointer-events: none;
-}
-```
-
-Not all browsers support `pointer-events: none;`.
-
-<!-- Component reference added automatically from component package.json -->

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

@@ -1,10 +0,0 @@
-//
-// Link
-//
-import { BvComponent } from '../../'
-
-// Component: b-link
-export declare class BLink extends BvComponent {
-  focus: () => void
-  blur: () => void
-}

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

@@ -1,3 +0,0 @@
-import { BLink } from './link'
-
-export { BLink }