@gitlab/ui 92.2.0 → 92.3.1

package/src/vendor/bootstrap-vue/src/components/form-tags/_form-tags.scss

@@ -1,70 +0,0 @@
-.b-form-tags {
-  &.focus {
-    color: $input-focus-color;
-    background-color: $input-focus-bg;
-    border-color: $input-focus-border-color;
-    outline: 0;
-    @if $enable-shadows {
-      box-shadow: $input-box-shadow, $input-focus-box-shadow;
-    } @else {
-      box-shadow: $input-focus-box-shadow;
-    }
-
-    &.is-valid {
-      border-color: $form-feedback-valid-color;
-      box-shadow: 0 0 0 $input-focus-width rgba($form-feedback-valid-color, 0.25);
-    }
-
-    &.is-invalid {
-      border-color: $form-feedback-invalid-color;
-      box-shadow: 0 0 0 $input-focus-width rgba($form-feedback-invalid-color, 0.25);
-    }
-  }
-
-  &.disabled {
-    background-color: $input-disabled-bg;
-  }
-}
-
-.b-form-tags-list {
-  margin-top: -0.25rem;
-
-  .b-form-tags-field,
-  .b-form-tag {
-    margin-top: 0.25rem;
-  }
-}
-
-.b-form-tags-input {
-  color: $input-color;
-}
-
-.b-form-tag {
-  // Override default badge settings
-  // Due to using text-truncate on the inner content
-  font-size: 75%;
-  font-weight: normal;
-  line-height: $input-line-height;
-  margin-right: 0.25rem;
-
-  &.disabled {
-    opacity: 0.75;
-  }
-
-  // Override default close button settings
-  > button.b-form-tag-remove {
-    color: inherit;
-    font-size: 125%;
-    line-height: 1;
-    float: none;
-    margin-left: 0.25rem;
-  }
-}
-
-.form-control-sm .b-form-tag {
-  line-height: $input-line-height-sm;
-}
-
-.form-control-lg .b-form-tag {
-  line-height: $input-line-height-lg;
-}

package/src/vendor/bootstrap-vue/src/components/form-tags/form-tag.js

@@ -1,94 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_FORM_TAG } from '../../constants/components'
-import { EVENT_NAME_REMOVE } from '../../constants/events'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
-import { CODE_DELETE } from '../../constants/key-codes'
-import { sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { idMixin, props as idProps } from '../../mixins/id'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { BBadge } from '../badge/badge'
-import { BButtonClose } from '../button/button-close'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...idProps,
-    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-    noRemove: makeProp(PROP_TYPE_BOOLEAN, false),
-    pill: makeProp(PROP_TYPE_BOOLEAN, false),
-    removeLabel: makeProp(PROP_TYPE_STRING, 'Remove tag'),
-    tag: makeProp(PROP_TYPE_STRING, 'span'),
-    title: makeProp(PROP_TYPE_STRING),
-    variant: makeProp(PROP_TYPE_STRING, 'secondary')
-  }),
-  NAME_FORM_TAG
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BFormTag = /*#__PURE__*/ extend({
-  name: NAME_FORM_TAG,
-  mixins: [idMixin, normalizeSlotMixin],
-  props,
-  methods: {
-    onRemove(event) {
-      const { type, keyCode } = event
-      if (!this.disabled && (type === 'click' || (type === 'keydown' && keyCode === CODE_DELETE))) {
-        this.$emit(EVENT_NAME_REMOVE)
-      }
-    }
-  },
-  render(h) {
-    const { title, tag, variant, pill, disabled } = this
-    const tagId = this.safeId()
-    const tagLabelId = this.safeId('_taglabel_')
-
-    let $remove = h()
-    if (!this.noRemove && !disabled) {
-      $remove = h(BButtonClose, {
-        staticClass: 'b-form-tag-remove',
-        props: { ariaLabel: this.removeLabel },
-        attrs: {
-          'aria-controls': tagId,
-          'aria-describedby': tagLabelId,
-          'aria-keyshortcuts': 'Delete'
-        },
-        on: {
-          click: this.onRemove,
-          keydown: this.onRemove
-        }
-      })
-    }
-
-    const $tag = h(
-      'span',
-      {
-        staticClass: 'b-form-tag-content flex-grow-1 text-truncate',
-        attrs: { id: tagLabelId }
-      },
-      this.normalizeSlot() || title
-    )
-
-    return h(
-      BBadge,
-      {
-        staticClass: 'b-form-tag d-inline-flex align-items-baseline mw-100',
-        class: { disabled },
-        props: {
-          tag,
-          variant,
-          pill
-        },
-        attrs: {
-          id: tagId,
-          title: title || null,
-          'aria-labelledby': tagLabelId
-        }
-      },
-      [$tag, $remove]
-    )
-  }
-})

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

@@ -1,166 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BFormTag } from './form-tag'
-
-describe('form-tag', () => {
-  it('has expected structure', async () => {
-    const wrapper = mount(BFormTag, {
-      propsData: {
-        title: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('b-form-tag')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.attributes('title')).toBe('foobar')
-    expect(wrapper.text()).toContain('foobar')
-
-    const $button = wrapper.find('button')
-    expect($button.exists()).toBe(true)
-    expect($button.classes()).toContain('close')
-    expect($button.classes()).toContain('b-form-tag-remove')
-    expect($button.attributes('aria-label')).toBe('Remove tag')
-
-    wrapper.destroy()
-  })
-
-  it('renders custom root element', async () => {
-    const wrapper = mount(BFormTag, {
-      propsData: {
-        tag: 'li',
-        title: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('LI')
-    expect(wrapper.classes()).toContain('b-form-tag')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.attributes('title')).toBe('foobar')
-    expect(wrapper.text()).toContain('foobar')
-
-    expect(wrapper.find('button').exists()).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot', async () => {
-    const wrapper = mount(BFormTag, {
-      propsData: {
-        title: 'foo'
-      },
-      slots: {
-        default: 'bar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.attributes('title')).toBe('foo')
-    expect(wrapper.text()).toContain('bar')
-    expect(wrapper.text()).not.toContain('foo')
-
-    expect(wrapper.find('button').exists()).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('has pill styles when `pill` prop set', async () => {
-    const wrapper = mount(BFormTag, {
-      propsData: {
-        pill: true,
-        title: 'foo'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('b-form-tag')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).toContain('badge-pill')
-    expect(wrapper.classes()).toContain('badge-secondary')
-    expect(wrapper.attributes('title')).toBe('foo')
-    expect(wrapper.text()).toContain('foo')
-
-    expect(wrapper.find('button').exists()).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('has custom variant when `variant` prop set', async () => {
-    const wrapper = mount(BFormTag, {
-      propsData: {
-        title: 'foo',
-        variant: 'danger'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('b-form-tag')
-    expect(wrapper.classes()).toContain('badge')
-    expect(wrapper.classes()).toContain('badge-danger')
-    expect(wrapper.attributes('title')).toBe('foo')
-    expect(wrapper.text()).toContain('foo')
-
-    expect(wrapper.find('button').exists()).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('emits "remove" event when button clicked', async () => {
-    const wrapper = mount(BFormTag, {
-      propsData: {
-        title: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.attributes('title')).toBe('foobar')
-    expect(wrapper.text()).toContain('foobar')
-
-    const $button = wrapper.find('button')
-    expect($button.exists()).toBe(true)
-
-    expect(wrapper.emitted('remove')).toBeUndefined()
-
-    await $button.trigger('click')
-    expect(wrapper.emitted('remove')).toBeDefined()
-    expect(wrapper.emitted('remove').length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('does not have remove button when `disabled` prop is set', async () => {
-    const wrapper = mount(BFormTag, {
-      propsData: {
-        disabled: true,
-        title: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.classes()).toContain('disabled')
-    expect(wrapper.attributes('title')).toBe('foobar')
-    expect(wrapper.text()).toContain('foobar')
-
-    expect(wrapper.find('button').exists()).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('does not have remove button when `no-remove` prop is set', async () => {
-    const wrapper = mount(BFormTag, {
-      propsData: {
-        noRemove: true,
-        title: 'foobar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('SPAN')
-    expect(wrapper.attributes('title')).toBe('foobar')
-    expect(wrapper.text()).toContain('foobar')
-
-    expect(wrapper.find('button').exists()).toBe(false)
-
-    wrapper.destroy()
-  })
-})