@gitlab/ui 111.6.0 → 111.7.0

package/src/vendor/bootstrap-vue/src/components/form-input/index.js

@@ -1,3 +0,0 @@
-import { BFormInput } from './form-input'
-
-export { BFormInput }

package/src/vendor/bootstrap-vue/src/components/form-input/package.json

@@ -1,135 +0,0 @@
-{
-  "name": "@bootstrap-vue/form-input",
-  "version": "1.1.0",
-  "meta": {
-    "title": "Form Input",
-    "description": "Create various type inputs such as: text, password, number, url, email, search, range, date and more.",
-    "components": [
-      {
-        "component": "BFormInput",
-        "aliases": [
-          "BInput"
-        ],
-        "props": [
-          {
-            "prop": "ariaInvalid",
-            "description": "Sets the 'aria-invalid' attribute with the specified value"
-          },
-          {
-            "prop": "debounce",
-            "version": "2.1.0",
-            "description": "When set to a number of milliseconds greater than zero, will debounce the user input. Has no effect if prop 'lazy' is set"
-          },
-          {
-            "prop": "formatter",
-            "description": "Reference to a function for formatting the input"
-          },
-          {
-            "prop": "lazy",
-            "version": "2.1.0",
-            "description": "When set, updates the v-model on 'change'/'blur' events instead of 'input'. Emulates the Vue '.lazy' v-model modifier"
-          },
-          {
-            "prop": "lazyFormatter",
-            "description": "When set, the input is formatted on blur instead of each keystroke (if there is a formatter specified)"
-          },
-          {
-            "prop": "list",
-            "description": "The ID of the associated datalist element or component"
-          },
-          {
-            "prop": "max",
-            "description": "Value to set in the 'max' attribute on the input. Used by number-like inputs"
-          },
-          {
-            "prop": "min",
-            "description": "Value to set in the 'min' attribute on the input. Used by number-like inputs"
-          },
-          {
-            "prop": "noWheel",
-            "description": "For number-like inputs, disables the mouse wheel from incrementing or decrementing the value"
-          },
-          {
-            "prop": "number",
-            "description": "When set attempts to convert the input value to a native number. Emulates the Vue '.number' v-model modifier"
-          },
-          {
-            "prop": "size",
-            "description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'"
-          },
-          {
-            "prop": "step",
-            "description": "Value to set in the 'step' attribute on the input. Used by number-like inputs"
-          },
-          {
-            "prop": "trim",
-            "description": "When set, trims any leading and trailing white space from the input value. Emulates the Vue '.trim' v-model modifier"
-          },
-          {
-            "prop": "type",
-            "description": "The type of input to render. See the docs for supported types"
-          },
-          {
-            "prop": "value",
-            "description": "The current value of the input. Result will always be a string, except when the `number` prop is used"
-          }
-        ],
-        "events": [
-          {
-            "event": "blur",
-            "description": "Emitted after the input loses focus",
-            "args": [
-              {
-                "arg": "event",
-                "type": "FocusEvent",
-                "description": "Native blur event (before any formatting)"
-              }
-            ]
-          },
-          {
-            "event": "change",
-            "description": "Change event triggered by user interaction. Emitted after any formatting (not including 'trim' or 'number' props) and after the v-model is updated",
-            "args": [
-              {
-                "arg": "value",
-                "type": [
-                  "String",
-                  "Number"
-                ],
-                "description": "Current value of input"
-              }
-            ]
-          },
-          {
-            "event": "input",
-            "description": "Input event triggered by user interaction. Emitted after any formatting (not including 'trim' or 'number' props) and after the v-model is updated",
-            "args": [
-              {
-                "arg": "value",
-                "type": [
-                  "String",
-                  "Number"
-                ],
-                "description": "Current value of input"
-              }
-            ]
-          },
-          {
-            "event": "update",
-            "description": "Emitted to update the v-model",
-            "args": [
-              {
-                "arg": "value",
-                "type": [
-                  "String",
-                  "Number"
-                ],
-                "description": "Value of input, after any formatting. Not emitted if the value does not change"
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  }
-}

package/src/vendor/bootstrap-vue/src/components/input-group/README.md

@@ -1,329 +0,0 @@
-# Input Group
-
-> Easily extend form controls by adding text, buttons, or button groups on either side of textual
-> inputs.
-
-```html
-<div>
-  <!-- Using props -->
-  <b-input-group size="lg" prepend="$" append=".00">
-    <b-form-input></b-form-input>
-  </b-input-group>
-
-  <!-- Using slots -->
-  <b-input-group class="mt-3">
-    <template #append>
-      <b-input-group-text><strong class="text-danger">!</strong></b-input-group-text>
-    </template>
-    <b-form-input></b-form-input>
-  </b-input-group>
-
-  <!-- Using components -->
-  <b-input-group prepend="Username" class="mt-3">
-    <b-form-input></b-form-input>
-    <b-input-group-append>
-      <b-button variant="outline-success">Button</b-button>
-      <b-button variant="info">Button</b-button>
-    </b-input-group-append>
-  </b-input-group>
-</div>
-
-<!-- b-input-group.vue -->
-```
-
-## Usage
-
-You can attach addons using either props, named slots and/or sub-components.
-
-### Using `prepend` and `append` props
-
-Values will be internally wrapped by a `<b-input-group-text>` to display correctly.
-
-```html
-<div>
-  <b-input-group prepend="$" append=".00">
-    <b-form-input></b-form-input>
-  </b-input-group>
-
-  <b-input-group prepend="0" append="100" class="mt-3">
-    <b-form-input type="range" min="0" max="100"></b-form-input>
-  </b-input-group>
-</div>
-
-<!-- b-input-group-using-props.vue -->
-```
-
-### Using named slots
-
-if you want better control over addons, you can use `prepend` and `append` slots instead.
-
-The slot content will automatically be wrapped by
-[`<b-input-group-prepend>` or `<b-input-group-append>`](#using-sub-components) to display correctly.
-
-```html
-<div>
-  <b-input-group>
-    <template #prepend>
-      <b-input-group-text >Username</b-input-group-text>
-    </template>
-    <b-form-input></b-form-input>
-
-    <template #append>
-      <b-dropdown text="Dropdown" variant="success">
-        <b-dropdown-item>Action A</b-dropdown-item>
-        <b-dropdown-item>Action B</b-dropdown-item>
-      </b-dropdown>
-    </template>
-  </b-input-group>
-</div>
-
-<!-- b-input-group-using-slots.vue -->
-```
-
-### Using sub-components
-
-Use the `<b-input-group-prepend>` or `<b-input-group-append>` to add arbitrary addons wherever you
-like, and use these components to group buttons in your input group. Single buttons must always be
-wrapped in these components for proper styling.
-
-```html
-<div>
-  <b-input-group>
-    <b-input-group-prepend>
-      <b-button variant="outline-info">Button</b-button>
-    </b-input-group-prepend>
-
-    <b-form-input type="number" min="0.00"></b-form-input>
-
-    <b-input-group-append>
-      <b-button variant="outline-secondary">Button</b-button>
-      <b-button variant="outline-primary">Button</b-button>
-      <b-input-group-text>
-        x
-      </b-input-group-text>
-    </b-input-group-append>
-  </b-input-group>
-</div>
-
-<!-- b-input-group-addons-placement.vue -->
-```
-
-Set the `is-text` prop on `<b-input-group-prepend>` or `<b-input-group-append>` if the content is
-textual in nature to apply proper styling. Alternatively, place the `<b-input-group-text>`
-subcomponent inside of the `<b-input-group-prepend>` or `<b-input-group-append>`. This also applies
-when you want to use on of [BootstrapVue's icons](/docs/icons).
-
-## Supported form-controls
-
-The following are the form controls supported as the input-group's _main_ input element:
-
-- [form-input](?path=/docs/base-form-form-input--docs)
-- [form-textarea](?path=/docs/base-form-form-textarea--docs)
-- [form-select](?path=/docs/base-form-form-select--docs)
-- [form-date](?path=/docs/base-form-form-date--docs)
-
-**Notes:**
-
-- BootstrapVue uses custom SCSS/CSS to handling sizing the `<b-form-file>` input when it is placed
-  in a `<b-input-group>` which has a [`size`](#control-sizing) specified.
-- BootstrapVue uses custom SCSS/CSS when `<b-form-input type="range">` is placed in a
-  `<b-input-group>`.
-- BootstrapVue's custom components (i.e. `<b-form-spinbutton>`, `<b-form-rating>`, `<b-form-tags>`,
-  etc.) require BootstrapVue's custom SCSS/CSS.
-
-## Checkbox and radio addons
-
-Place any checkbox or radio within an input group's addon instead of text.
-
-**Note:** Bootstrap v4.x recommends using native radio and checkbox inputs over custom radios and
-checkboxes, but it is possible to use as `<b-form-radio>` and `<b-form-checkbox>` with a few utility
-classes applied.
-
-### Native checkbox and radio addons
-
-```html
-<div>
-  <b-input-group class="mb-2">
-    <b-input-group-prepend is-text>
-      <input type="checkbox" aria-label="Checkbox for following text input">
-    </b-input-group-prepend>
-    <b-form-input aria-label="Text input with checkbox"></b-form-input>
-  </b-input-group>
-
-  <b-input-group>
-    <b-input-group-prepend is-text>
-      <input type="radio" aria-label="Radio for following text input">
-    </b-input-group-prepend>
-    <b-form-input aria-label="Text input with radio input"></b-form-input>
-  </b-input-group>
-</div>
-
-<!-- b-input-group-checks-radios.vue -->
-```
-
-### Custom radio, checkbox, and switch addons
-
-Using `<b-form-checkbox>` and `<b-form-radio>` components as addons, using Bootstrap
-[utility classes](/docs/reference/utility-classes) for additional styling to get them to "fit" in
-the addon:
-
-```html
-<div>
-  <b-input-group class="mb-2">
-    <b-input-group-prepend is-text>
-      <b-form-checkbox class="mr-n2">
-        <span class="sr-only">Checkbox for following text input</span>
-      </b-form-checkbox>
-    </b-input-group-prepend>
-    <b-form-input aria-label="Text input with checkbox"></b-form-input>
-  </b-input-group>
-
-  <b-input-group class="mb-2">
-    <b-input-group-prepend is-text>
-      <b-form-radio class="mr-n2">
-        <span class="sr-only">Radio for following text input</span>
-      </b-form-radio>
-    </b-input-group-prepend>
-    <b-form-input aria-label="Text input with radio input"></b-form-input>
-  </b-input-group>
-
-  <b-input-group>
-    <b-input-group-prepend is-text>
-      <b-form-checkbox switch class="mr-n2">
-        <span class="sr-only">Switch for following text input</span>
-      </b-form-checkbox>
-    </b-input-group-prepend>
-    <b-form-input aria-label="Text input with switch"></b-form-input>
-  </b-input-group>
-</div>
-
-<!-- b-input-group-custom-checks-radios.vue -->
-```
-
-In the above example, we have use the `.sr-only` class on a `<span>` to visually hide the custom
-control's label content (while making them still accessible to screen reader users), and used the
-utility class `.mr-n2` to add a negative right margin to compensate for the "gutter" space between
-the control and the hidden label.
-
-## Multiple inputs
-
-```html
-<div>
-  <b-input-group prepend="First and last name" class="mb-2">
-    <b-form-input aria-label="First name"></b-form-input>
-    <b-form-input aria-label="Last name"></b-form-input>
-  </b-input-group>
-</div>
-
-<!-- input-group-multiple-inputs.vue -->
-```
-
-## Multiple addons
-
-Multiple add-ons are supported and can be mixed with checkbox and radio input versions.
-
-```html
-<div>
-  <b-input-group prepend="Item">
-    <b-input-group-prepend is-text>
-      <input type="checkbox" aria-label="Checkbox for following text input">
-    </b-input-group-prepend>
-    <b-input-group-prepend is-text><b>$</b></b-input-group-prepend>
-    <b-form-input type="number" aria-label="Text input with checkbox"></b-form-input>
-  </b-input-group>
-</div>
-
-<!-- b-input-group-multiple-addons.vue -->
-```
-
-## Dropdown addons
-
-```html
-<div>
-  <b-input-group>
-    <template #prepend>
-      <b-dropdown text="Dropdown" variant="info">
-        <b-dropdown-item>Action A</b-dropdown-item>
-        <b-dropdown-item>Action B</b-dropdown-item>
-      </b-dropdown>
-    </template>
-
-    <b-form-input></b-form-input>
-
-    <template #append>
-      <b-dropdown text="Dropdown" variant="outline-secondary" v-for="i in 2" :key="i">
-        <b-dropdown-item>Action C</b-dropdown-item>
-        <b-dropdown-item>Action D</b-dropdown-item>
-      </b-dropdown>
-    </template>
-  </b-input-group>
-</div>
-
-<!-- b-input-group-dropdown.vue -->
-```
-
-## Control sizing
-
-Set height using the `size` prop to `sm` or `lg` for small or large respectively. There is no need
-to set size on the individual inputs or buttons. Note however, you _will be required_ to also set
-the size on dropdowns.
-
-```html
-<div>
-  <b-input-group
-    v-for="size in ['sm','','lg']"
-    :key="size"
-    :size="size"
-    class="mb-3"
-    prepend="Label"
-  >
-    <b-form-input></b-form-input>
-    <b-input-group-append>
-      <b-button size="sm" text="Button" variant="success">Button</b-button>
-    </b-input-group-append>
-  </b-input-group>
-</div>
-
-<!-- b-input-group-size.vue -->
-```
-
-To control width, place the input inside standard Bootstrap grid column.
-
-### Sizing custom radio, checkbox and switch addons
-
-If using `<b-form-radio>` or `<b-form-checkbox>` as addons, additional utility classes may be
-required to make everything fit correctly, depending on the size chosen:
-
-```html
-<div>
-  <b-input-group size="sm" prepend="Small" class="mb-2">
-    <b-form-input aria-label="Small text input with custom switch"></b-form-input>
-    <b-input-group-append is-text>
-      <b-form-checkbox switch class="mr-n2 mb-n1">
-        <span class="sr-only">Checkbox for previous text input</span>
-      </b-form-checkbox>
-    </b-input-group-append>
-  </b-input-group>
-
-  <b-input-group size="lg" prepend="Large" class="mb-2">
-    <b-form-input aria-label="Large text input with switch"></b-form-input>
-    <b-input-group-append is-text>
-      <b-form-checkbox switch class="mr-n2">
-        <span class="sr-only">Switch for previous text input</span>
-      </b-form-checkbox>
-    </b-input-group-append>
-  </b-input-group>
-</div>
-
-<!-- b-input-group-custom-checks-radios-sizing.vue -->
-```
-
-Specifically, when using the `sm` size on `<b-input-group>` you will need to add a negative bottom
-margin, via the use of the `.mb-n1` [utility class](/docs/reference/utility-classes).
-
-## Contextual states
-
-Bootstrap v4 currently **does not** support contextual state styling (i.e. valid or invalid) of
-input groups. However, the inputs inside the input group do support contextual state.
-
-<!-- Component reference added automatically from component package.json -->

package/src/vendor/bootstrap-vue/src/components/input-group/index.js

@@ -1,7 +0,0 @@
-import { BInputGroup } from './input-group'
-import { BInputGroupAddon } from './input-group-addon'
-import { BInputGroupPrepend } from './input-group-prepend'
-import { BInputGroupAppend } from './input-group-append'
-import { BInputGroupText } from './input-group-text'
-
-export { BInputGroup, BInputGroupAddon, BInputGroupPrepend, BInputGroupAppend, BInputGroupText }

package/src/vendor/bootstrap-vue/src/components/input-group/input-group-addon.js

@@ -1,43 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_INPUT_GROUP_ADDON } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { BInputGroupText } from './input-group-text'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    append: makeProp(PROP_TYPE_BOOLEAN, false),
-    id: makeProp(PROP_TYPE_STRING),
-    isText: makeProp(PROP_TYPE_BOOLEAN, false),
-    tag: makeProp(PROP_TYPE_STRING, 'div')
-  },
-  NAME_INPUT_GROUP_ADDON
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BInputGroupAddon = /*#__PURE__*/ extend({
-  name: NAME_INPUT_GROUP_ADDON,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { append } = props
-
-    return h(
-      props.tag,
-      mergeData(data, {
-        class: {
-          'input-group-append': append,
-          'input-group-prepend': !append
-        },
-        attrs: {
-          id: props.id
-        }
-      }),
-      props.isText ? [h(BInputGroupText, children)] : children
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/input-group/input-group-append.js

@@ -1,31 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_INPUT_GROUP_APPEND } from '../../constants/components'
-import { omit } from '../../utils/object'
-import { makePropsConfigurable } from '../../utils/props'
-import { BInputGroupAddon, props as BInputGroupAddonProps } from './input-group-addon'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  omit(BInputGroupAddonProps, ['append']),
-  NAME_INPUT_GROUP_APPEND
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BInputGroupAppend = /*#__PURE__*/ extend({
-  name: NAME_INPUT_GROUP_APPEND,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    // Pass all our data down to child, and set `append` to `true`
-    return h(
-      BInputGroupAddon,
-      mergeData(data, {
-        props: { ...props, append: true }
-      }),
-      children
-    )
-  }
-})

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

@@ -1,84 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BInputGroupAppend } from './input-group-append'
-
-describe('input-group > input-group-append', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BInputGroupAppend)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('input-group-append')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.input-group-append > *').length).toBe(0)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders custom root element when tag prop is set', async () => {
-    const wrapper = mount(BInputGroupAppend, {
-      propsData: {
-        tag: 'span'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('input-group-append')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.input-group-append > *').length).toBe(0)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders content of default slot', async () => {
-    const wrapper = mount(BInputGroupAppend, {
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('input-group-append')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('renders child input-group-text when prop is-text set', async () => {
-    const wrapper = mount(BInputGroupAppend, {
-      propsData: {
-        isText: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('input-group-append')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.input-group-text').length).toBe(1)
-    expect(wrapper.findAll('.input-group-append > .input-group-text').length).toBe(1)
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot inside child input-group-text when prop is-text set', async () => {
-    const wrapper = mount(BInputGroupAppend, {
-      propsData: {
-        isText: true
-      },
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('input-group-append')
-    expect(wrapper.classes().length).toBe(1)
-    expect(wrapper.findAll('.input-group-text').length).toBe(1)
-    expect(wrapper.text()).toEqual('foobar')
-    expect(wrapper.find('.input-group-text').text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/input-group/input-group-prepend.js

@@ -1,31 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_INPUT_GROUP_PREPEND } from '../../constants/components'
-import { omit } from '../../utils/object'
-import { makePropsConfigurable } from '../../utils/props'
-import { BInputGroupAddon, props as BInputGroupAddonProps } from './input-group-addon'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  omit(BInputGroupAddonProps, ['append']),
-  NAME_INPUT_GROUP_PREPEND
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BInputGroupPrepend = /*#__PURE__*/ extend({
-  name: NAME_INPUT_GROUP_PREPEND,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    // Pass all our data down to child, and set `append` to `true`
-    return h(
-      BInputGroupAddon,
-      mergeData(data, {
-        props: { ...props, append: false }
-      }),
-      children
-    )
-  }
-})