@gitlab/duo-ui 3.0.0 → 3.0.1

package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js

@@ -1,48 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_FORM_SELECT_OPTION_GROUP } from '../../constants/components'
-import { PROP_TYPE_STRING } from '../../constants/props'
-import { SLOT_NAME_FIRST } from '../../constants/slots'
-import { htmlOrText } from '../../utils/html'
-import { sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { formOptionsMixin, props as formOptionsProps } from '../../mixins/form-options'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { BFormSelectOption } from './form-select-option'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...formOptionsProps,
-    label: makeProp(PROP_TYPE_STRING, undefined, true) // Required
-  }),
-  NAME_FORM_SELECT_OPTION_GROUP
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BFormSelectOptionGroup = /*#__PURE__*/ extend({
-  name: NAME_FORM_SELECT_OPTION_GROUP,
-  mixins: [normalizeSlotMixin, formOptionsMixin],
-  props,
-  render(h) {
-    const { label } = this
-
-    const $options = this.formOptions.map((option, index) => {
-      const { value, text, html, disabled } = option
-
-      return h(BFormSelectOption, {
-        attrs: { value, disabled },
-        domProps: htmlOrText(html, text),
-        key: `option_${index}`
-      })
-    })
-
-    return h('optgroup', { attrs: { label } }, [
-      this.normalizeSlot(SLOT_NAME_FIRST),
-      $options,
-      this.normalizeSlot()
-    ])
-  }
-})

package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.spec.js

@@ -1,138 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BFormSelectOptionGroup } from './form-select-option-group'
-
-describe('form-select-option-group', () => {
-  afterAll(() => {
-    console.warn.mockClear()
-  })
-
-  it('has expected default structure', async () => {
-    const wrapper = mount(BFormSelectOptionGroup, {
-      propsData: {
-        label: 'foo'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('OPTGROUP')
-    expect(wrapper.attributes('label')).toBeDefined()
-    expect(wrapper.attributes('label')).toEqual('foo')
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('has option elements from simple options array', async () => {
-    const wrapper = mount(BFormSelectOptionGroup, {
-      propsData: {
-        label: 'foo',
-        options: ['one', 'two', 'three']
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('OPTGROUP')
-    expect(wrapper.attributes('label')).toBeDefined()
-    expect(wrapper.attributes('label')).toEqual('foo')
-
-    const $options = wrapper.findAll('option')
-    expect($options.length).toBe(3)
-    expect($options.at(0).text()).toBe('one')
-    expect($options.at(1).text()).toBe('two')
-    expect($options.at(2).text()).toBe('three')
-    expect($options.at(0).attributes('value')).toBe('one')
-    expect($options.at(1).attributes('value')).toBe('two')
-    expect($options.at(2).attributes('value')).toBe('three')
-    expect($options.wrappers.every(o => o.find('[disabled]').exists())).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('has option elements from options array of objects', async () => {
-    const wrapper = mount(BFormSelectOptionGroup, {
-      propsData: {
-        label: 'foo',
-        options: [
-          { text: 'one', value: 1 },
-          { text: 'two', value: 2, disabled: true },
-          { text: 'three', value: 3 }
-        ]
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('OPTGROUP')
-    expect(wrapper.attributes('label')).toBeDefined()
-    expect(wrapper.attributes('label')).toEqual('foo')
-
-    const $options = wrapper.findAll('option')
-    expect($options.length).toBe(3)
-    expect($options.at(0).text()).toBe('one')
-    expect($options.at(1).text()).toBe('two')
-    expect($options.at(2).text()).toBe('three')
-    expect($options.at(0).attributes('value')).toBe('1')
-    expect($options.at(1).attributes('value')).toBe('2')
-    expect($options.at(2).attributes('value')).toBe('3')
-    expect($options.at(0).element.matches('[disabled]')).toBe(false)
-    expect($options.at(1).element.matches('[disabled]')).toBe(true)
-    expect($options.at(2).element.matches('[disabled]')).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('has option elements from options legacy object format', async () => {
-    const spyWarn = jest.spyOn(console, 'warn').mockImplementationOnce(() => {})
-    const wrapper = mount(BFormSelectOptionGroup, {
-      propsData: {
-        label: 'foo',
-        options: { one: 1, two: { value: 2, text: 'Two' }, three: 'three' }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('OPTGROUP')
-    expect(wrapper.attributes('label')).toBeDefined()
-    expect(wrapper.attributes('label')).toEqual('foo')
-
-    const $options = wrapper.findAll('option')
-    expect($options.length).toBe(3)
-    expect($options.at(0).text()).toBe('1')
-    expect($options.at(1).text()).toBe('Two')
-    expect($options.at(2).text()).toBe('three')
-    expect($options.at(0).attributes('value')).toBe('one')
-    expect($options.at(1).attributes('value')).toBe('2')
-    expect($options.at(2).attributes('value')).toBe('three')
-
-    expect(spyWarn).toHaveBeenCalledWith(
-      '[BootstrapVue warn]: BFormSelectOptionGroup - Setting prop "options" to an object is deprecated. Use the array format instead.'
-    )
-
-    wrapper.destroy()
-  })
-
-  it('has option elements from default slot', async () => {
-    const wrapper = mount(BFormSelectOptionGroup, {
-      propsData: {
-        label: 'foo'
-      },
-      slots: {
-        default: [
-          '<option value="1">one</option>',
-          '<option value="2">two</option>',
-          '<option value="3">three</option>'
-        ]
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('OPTGROUP')
-    expect(wrapper.attributes('label')).toBeDefined()
-    expect(wrapper.attributes('label')).toEqual('foo')
-
-    const $options = wrapper.findAll('option')
-    expect($options.length).toBe(3)
-    expect($options.at(0).text()).toBe('one')
-    expect($options.at(1).text()).toBe('two')
-    expect($options.at(2).text()).toBe('three')
-    expect($options.at(0).attributes('value')).toBe('1')
-    expect($options.at(1).attributes('value')).toBe('2')
-    expect($options.at(2).attributes('value')).toBe('3')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option.js

@@ -1,35 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_FORM_SELECT_OPTION } from '../../constants/components'
-import { PROP_TYPE_ANY, PROP_TYPE_BOOLEAN } from '../../constants/props'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    value: makeProp(PROP_TYPE_ANY, undefined, true) // Required
-  },
-  NAME_FORM_SELECT_OPTION
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BFormSelectOption = /*#__PURE__*/ extend({
-  name: NAME_FORM_SELECT_OPTION,
-  functional: true,
-  props,
-  render(h, { props, data, children }) {
-    const { value, disabled } = props
-
-    return h(
-      'option',
-      mergeData(data, {
-        attrs: { disabled },
-        domProps: { value }
-      }),
-      children
-    )
-  }
-})

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

@@ -1,75 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BFormSelectOption } from './form-select-option'
-
-describe('form-select-option', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BFormSelectOption, {
-      propsData: {
-        value: 'foo'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('OPTION')
-    expect(wrapper.attributes('value')).toBeDefined()
-    expect(wrapper.attributes('value')).toEqual('foo')
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BFormSelectOption, {
-      propsData: {
-        value: 'foo'
-      },
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('OPTION')
-    expect(wrapper.attributes('value')).toBeDefined()
-    expect(wrapper.attributes('value')).toEqual('foo')
-    expect(wrapper.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('renders HTML as default slot content', async () => {
-    const wrapper = mount(BFormSelectOption, {
-      propsData: {
-        value: 'foo'
-      },
-      slots: {
-        default: '<b>Bold</b>'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('OPTION')
-    expect(wrapper.attributes('value')).toBeDefined()
-    expect(wrapper.attributes('value')).toEqual('foo')
-
-    const $bold = wrapper.find('b')
-    expect($bold.text()).toEqual('Bold')
-
-    wrapper.destroy()
-  })
-
-  it('has disabled attribute applied when disabled=true', async () => {
-    const wrapper = mount(BFormSelectOption, {
-      propsData: {
-        value: 'foo',
-        disabled: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('OPTION')
-    expect(wrapper.attributes('value')).toBeDefined()
-    expect(wrapper.attributes('value')).toEqual('foo')
-    expect(wrapper.attributes('disabled')).toBeDefined()
-    expect(wrapper.attributes('disabled')).toEqual('disabled')
-    expect(wrapper.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,153 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_FORM_SELECT } from '../../constants/components'
-import { EVENT_NAME_CHANGE } from '../../constants/events'
-import {
-  PROP_TYPE_BOOLEAN,
-  PROP_TYPE_BOOLEAN_STRING,
-  PROP_TYPE_NUMBER
-} from '../../constants/props'
-import { SLOT_NAME_FIRST } from '../../constants/slots'
-import { from as arrayFrom } from '../../utils/array'
-import { attemptBlur, attemptFocus } from '../../utils/dom'
-import { htmlOrText } from '../../utils/html'
-import { isArray } from '../../utils/inspect'
-import { sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { formControlMixin, props as formControlProps } from '../../mixins/form-control'
-import { formCustomMixin, props as formCustomProps } from '../../mixins/form-custom'
-import { formSizeMixin, props as formSizeProps } from '../../mixins/form-size'
-import { formStateMixin, props as formStateProps } from '../../mixins/form-state'
-import { idMixin, props as idProps } from '../../mixins/id'
-import {
-  MODEL_EVENT_NAME,
-  MODEL_PROP_NAME,
-  modelMixin,
-  props as modelProps
-} from '../../mixins/model'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { optionsMixin } from './helpers/mixin-options'
-import { BFormSelectOption } from './form-select-option'
-import { BFormSelectOptionGroup } from './form-select-option-group'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...idProps,
-    ...modelProps,
-    ...formControlProps,
-    ...formCustomProps,
-    ...formSizeProps,
-    ...formStateProps,
-    ariaInvalid: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-    multiple: makeProp(PROP_TYPE_BOOLEAN, false),
-    // Browsers default size to `0`, which shows 4 rows in most browsers in multiple mode
-    // Size of `1` can bork out Firefox
-    selectSize: makeProp(PROP_TYPE_NUMBER, 0)
-  }),
-  NAME_FORM_SELECT
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BFormSelect = /*#__PURE__*/ extend({
-  name: NAME_FORM_SELECT,
-  mixins: [
-    idMixin,
-    modelMixin,
-    formControlMixin,
-    formSizeMixin,
-    formStateMixin,
-    formCustomMixin,
-    optionsMixin,
-    normalizeSlotMixin
-  ],
-  props,
-  data() {
-    return {
-      localValue: this[MODEL_PROP_NAME]
-    }
-  },
-  computed: {
-    computedSelectSize() {
-      // Custom selects with a size of zero causes the arrows to be hidden,
-      // so dont render the size attribute in this case
-      return !this.plain && this.selectSize === 0 ? null : this.selectSize
-    },
-    inputClass() {
-      return [
-        this.plain ? 'form-control' : 'custom-select',
-        this.size && this.plain ? `form-control-${this.size}` : null,
-        this.size && !this.plain ? `custom-select-${this.size}` : null,
-        this.stateClass
-      ]
-    }
-  },
-  watch: {
-    value(newValue) {
-      this.localValue = newValue
-    },
-    localValue() {
-      this.$emit(MODEL_EVENT_NAME, this.localValue)
-    }
-  },
-  methods: {
-    focus() {
-      attemptFocus(this.$refs.input)
-    },
-    blur() {
-      attemptBlur(this.$refs.input)
-    },
-    onChange(event) {
-      const { target } = event
-      const selectedValue = arrayFrom(target.options)
-        .filter(o => o.selected)
-        .map(o => ('_value' in o ? o._value : o.value))
-
-      this.localValue = target.multiple ? selectedValue : selectedValue[0]
-
-      this.$nextTick(() => {
-        this.$emit(EVENT_NAME_CHANGE, this.localValue)
-      })
-    }
-  },
-  render(h) {
-    const { name, disabled, required, computedSelectSize: size, localValue: value } = this
-
-    const $options = this.formOptions.map((option, index) => {
-      const { value, label, options, disabled } = option
-      const key = `option_${index}`
-
-      return isArray(options)
-        ? h(BFormSelectOptionGroup, { props: { label, options }, key })
-        : h(BFormSelectOption, {
-            props: { value, disabled },
-            domProps: htmlOrText(option.html, option.text),
-            key
-          })
-    })
-
-    return h(
-      'select',
-      {
-        class: this.inputClass,
-        attrs: {
-          id: this.safeId(),
-          name,
-          form: this.form || null,
-          multiple: this.multiple || null,
-          size,
-          disabled,
-          required,
-          'aria-required': required ? 'true' : null,
-          'aria-invalid': this.computedAriaInvalid
-        },
-        on: { change: this.onChange },
-        directives: [{ name: 'model', value }],
-        ref: 'input'
-      },
-      [this.normalizeSlot(SLOT_NAME_FIRST), $options, this.normalizeSlot()]
-    )
-  }
-})