@gitlab/ui 112.1.2 → 112.2.1

package/src/vendor/bootstrap-vue/src/constants/components.js

@@ -29,7 +29,6 @@ export const NAME_LINK = 'BLink'
 export const NAME_MODAL = 'BModal'
 export const NAME_NAV = 'BNav'
 export const NAME_NAV_ITEM = 'BNavItem'
-export const NAME_NAV_ITEM_DROPDOWN = 'BNavItemDropdown'
 export const NAME_POPOVER = 'BPopover'
 export const NAME_TAB = 'BTab'
 export const NAME_TABLE = 'BTable'

package/translations.js

@@ -6,6 +6,10 @@ export default {
   'GlBanner.closeButtonTitle': 'Dismiss',
   'GlBreadcrumb.showMoreLabel': 'Show more breadcrumbs',
   'GlBroadcastMessage.closeButtonTitle': 'Dismiss',
+  'GlChartLegend.average': 'Avg',
+  'GlChartLegend.current': 'Current',
+  'GlChartLegend.max': 'Max',
+  'GlChartLegend.min': 'Min',
   'GlCollapsibleListbox.srOnlyResultsLabel': null,
   'GlDatepicker.monthLabel': 'Month',
   'GlDatepicker.yearLabel': 'Year',

package/dist/vendor/bootstrap-vue/src/components/nav/nav-item-dropdown.js

@@ -1,108 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_NAV_ITEM_DROPDOWN } from '../../constants/components';
-import { SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_TEXT, SLOT_NAME_DEFAULT } from '../../constants/slots';
-import { htmlOrText } from '../../utils/html';
-import { sortKeys, pick, keys } from '../../utils/object';
-import { makePropsConfigurable } from '../../utils/props';
-import { props as props$3, dropdownMixin } from '../../mixins/dropdown';
-import { props as props$1, idMixin } from '../../mixins/id';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { props as props$2 } from '../dropdown/dropdown';
-import { BLink } from '../link/link';
-
-// --- Props ---
-
-const props = makePropsConfigurable(sortKeys({
-  ...props$1,
-  ...pick(props$2, [...keys(props$3), 'html', 'lazy', 'menuClass', 'noCaret', 'role', 'text', 'toggleClass'])
-}), NAME_NAV_ITEM_DROPDOWN);
-
-// --- Main component ---
-
-// @vue/component
-const BNavItemDropdown = /*#__PURE__*/extend({
-  name: NAME_NAV_ITEM_DROPDOWN,
-  mixins: [idMixin, dropdownMixin, normalizeSlotMixin],
-  props,
-  computed: {
-    toggleId() {
-      return this.safeId('_BV_toggle_');
-    },
-    menuId() {
-      return this.safeId('_BV_toggle_menu_');
-    },
-    dropdownClasses() {
-      return [this.directionClass, this.boundaryClass, {
-        show: this.visible
-      }];
-    },
-    menuClasses() {
-      return [this.menuClass, {
-        'dropdown-menu-right': this.right,
-        show: this.visible
-      }];
-    },
-    toggleClasses() {
-      return [this.toggleClass, {
-        'dropdown-toggle-no-caret': this.noCaret
-      }];
-    }
-  },
-  render(h) {
-    const {
-      toggleId,
-      menuId,
-      visible,
-      hide
-    } = this;
-    const $toggle = h(BLink, {
-      staticClass: 'nav-link dropdown-toggle',
-      class: this.toggleClasses,
-      props: {
-        href: `#${this.id || ''}`,
-        disabled: this.disabled
-      },
-      attrs: {
-        id: toggleId,
-        role: 'button',
-        'aria-haspopup': 'true',
-        'aria-expanded': visible ? 'true' : 'false',
-        'aria-controls': menuId
-      },
-      on: {
-        mousedown: this.onMousedown,
-        click: this.toggle,
-        keydown: this.toggle // Handle ENTER, SPACE and DOWN
-      },
-      ref: 'toggle'
-    }, [
-    // TODO: The `text` slot is deprecated in favor of the `button-content` slot
-    this.normalizeSlot([SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_TEXT]) || h('span', {
-      domProps: htmlOrText(this.html, this.text)
-    })]);
-    const $menu = h('ul', {
-      staticClass: 'dropdown-menu',
-      class: this.menuClasses,
-      attrs: {
-        tabindex: '-1',
-        'aria-labelledby': toggleId,
-        id: menuId
-      },
-      on: {
-        keydown: this.onKeydown // Handle UP, DOWN and ESC
-      },
-      ref: 'menu'
-    }, !this.lazy || visible ? this.normalizeSlot(SLOT_NAME_DEFAULT, {
-      hide
-    }) : [h()]);
-    return h('li', {
-      staticClass: 'nav-item b-nav-dropdown dropdown',
-      class: this.dropdownClasses,
-      attrs: {
-        id: this.safeId()
-      }
-    }, [$toggle, $menu]);
-  }
-});
-
-export { BNavItemDropdown, props };

package/src/vendor/bootstrap-vue/src/components/nav/_nav-item-dropdown.scss

@@ -1 +0,0 @@
-@import "../dropdown/index";

package/src/vendor/bootstrap-vue/src/components/nav/index.scss

@@ -1 +0,0 @@
-@import "nav-item-dropdown";

package/src/vendor/bootstrap-vue/src/components/nav/nav-item-dropdown.js

@@ -1,123 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_NAV_ITEM_DROPDOWN } from '../../constants/components'
-import { SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_DEFAULT, SLOT_NAME_TEXT } from '../../constants/slots'
-import { htmlOrText } from '../../utils/html'
-import { keys, pick, sortKeys } from '../../utils/object'
-import { makePropsConfigurable } from '../../utils/props'
-import { dropdownMixin, props as dropdownProps } from '../../mixins/dropdown'
-import { idMixin, props as idProps } from '../../mixins/id'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { props as BDropdownProps } from '../dropdown/dropdown'
-import { BLink } from '../link/link'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...idProps,
-    ...pick(BDropdownProps, [
-      ...keys(dropdownProps),
-      'html',
-      'lazy',
-      'menuClass',
-      'noCaret',
-      'role',
-      'text',
-      'toggleClass'
-    ])
-  }),
-  NAME_NAV_ITEM_DROPDOWN
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BNavItemDropdown = /*#__PURE__*/ extend({
-  name: NAME_NAV_ITEM_DROPDOWN,
-  mixins: [idMixin, dropdownMixin, normalizeSlotMixin],
-  props,
-  computed: {
-    toggleId() {
-      return this.safeId('_BV_toggle_')
-    },
-    menuId() {
-      return this.safeId('_BV_toggle_menu_')
-    },
-    dropdownClasses() {
-      return [this.directionClass, this.boundaryClass, { show: this.visible }]
-    },
-    menuClasses() {
-      return [
-        this.menuClass,
-        {
-          'dropdown-menu-right': this.right,
-          show: this.visible
-        }
-      ]
-    },
-    toggleClasses() {
-      return [this.toggleClass, { 'dropdown-toggle-no-caret': this.noCaret }]
-    }
-  },
-  render(h) {
-    const { toggleId, menuId, visible, hide } = this
-
-    const $toggle = h(
-      BLink,
-      {
-        staticClass: 'nav-link dropdown-toggle',
-        class: this.toggleClasses,
-        props: {
-          href: `#${this.id || ''}`,
-          disabled: this.disabled
-        },
-        attrs: {
-          id: toggleId,
-          role: 'button',
-          'aria-haspopup': 'true',
-          'aria-expanded': visible ? 'true' : 'false',
-          'aria-controls': menuId
-        },
-        on: {
-          mousedown: this.onMousedown,
-          click: this.toggle,
-          keydown: this.toggle // Handle ENTER, SPACE and DOWN
-        },
-        ref: 'toggle'
-      },
-      [
-        // TODO: The `text` slot is deprecated in favor of the `button-content` slot
-        this.normalizeSlot([SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_TEXT]) ||
-          h('span', { domProps: htmlOrText(this.html, this.text) })
-      ]
-    )
-
-    const $menu = h(
-      'ul',
-      {
-        staticClass: 'dropdown-menu',
-        class: this.menuClasses,
-        attrs: {
-          tabindex: '-1',
-          'aria-labelledby': toggleId,
-          id: menuId
-        },
-        on: {
-          keydown: this.onKeydown // Handle UP, DOWN and ESC
-        },
-        ref: 'menu'
-      },
-      !this.lazy || visible ? this.normalizeSlot(SLOT_NAME_DEFAULT, { hide }) : [h()]
-    )
-
-    return h(
-      'li',
-      {
-        staticClass: 'nav-item b-nav-dropdown dropdown',
-        class: this.dropdownClasses,
-        attrs: { id: this.safeId() }
-      },
-      [$toggle, $menu]
-    )
-  }
-})

package/src/vendor/bootstrap-vue/src/components/nav/nav-item-dropdown.spec.js

@@ -1,268 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { waitNT, waitRAF } from '../../../tests/utils'
-import { BNavItemDropdown } from './nav-item-dropdown'
-
-describe('nav-item-dropdown', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BNavItemDropdown)
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.element.tagName).toBe('LI')
-    expect(wrapper.element.hasAttribute('id')).toBe(true)
-    expect(wrapper.classes()).toContain('nav-item')
-    expect(wrapper.classes()).toContain('b-nav-dropdown')
-    expect(wrapper.classes()).toContain('dropdown')
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-    expect($toggle.element.tagName).toBe('A')
-    expect($toggle.element.hasAttribute('id')).toBe(true)
-    expect($toggle.attributes('role')).toEqual('button')
-    expect($toggle.attributes('aria-haspopup')).toEqual('true')
-    expect($toggle.attributes('aria-expanded')).toEqual('false')
-    expect($toggle.attributes('href')).toEqual('#')
-    expect($toggle.classes()).toContain('dropdown-toggle')
-    expect($toggle.classes()).toContain('nav-link')
-
-    const $menu = wrapper.find('.dropdown-menu')
-    expect($menu.element.tagName).toBe('UL')
-    expect($menu.attributes('tabindex')).toEqual('-1')
-    expect($menu.attributes('aria-labelledby')).toEqual($toggle.attributes('id'))
-    expect($menu.classes()).toContain('dropdown-menu')
-
-    wrapper.destroy()
-  })
-
-  it('should have custom toggle class when "toggle-class" prop set', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        toggleClass: 'nav-link-custom'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-    expect($toggle.classes()).toContain('nav-link-custom')
-
-    wrapper.destroy()
-  })
-
-  it('should be disabled when "disabled" prop set', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        disabled: true
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-    expect($toggle.classes()).toContain('disabled')
-    expect($toggle.attributes('aria-disabled')).toBeDefined()
-
-    wrapper.destroy()
-  })
-
-  it('should have href with ID when "id" prop set', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        id: 'foo'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.element.hasAttribute('id')).toBe(true)
-    expect(wrapper.attributes('id')).toEqual('foo')
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-    expect($toggle.attributes('href')).toEqual('#foo')
-
-    wrapper.destroy()
-  })
-
-  it('should have correct toggle content when "text" prop set [DEPRECATED]', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        text: 'foo'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-    expect($toggle.text()).toEqual('foo')
-
-    wrapper.destroy()
-  })
-
-  it('should have correct toggle content when "html" prop set', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        text: 'foo',
-        html: '<span>bar</span>'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-    expect($toggle.find('span').exists()).toBe(true)
-    expect($toggle.text()).toEqual('bar')
-
-    wrapper.destroy()
-  })
-
-  it('should have correct toggle content from "text" slot', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        text: 'foo',
-        html: '<span>bar</span>'
-      },
-      slots: {
-        text: '<strong>baz</strong>'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-    expect($toggle.find('strong').exists()).toBe(true)
-    expect($toggle.text()).toEqual('baz')
-
-    wrapper.destroy()
-  })
-
-  it('should have correct toggle content from "button-content" slot', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        text: 'foo',
-        html: '<span>bar</span>'
-      },
-      slots: {
-        'button-content': '<article>foobar</article>',
-        text: '<strong>baz</strong>'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-    expect($toggle.find('article').exists()).toBe(true)
-    expect($toggle.text()).toEqual('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('should have correct menu content for "default" slot', async () => {
-    let slotScope = null
-    const wrapper = mount(BNavItemDropdown, {
-      scopedSlots: {
-        default(scope) {
-          slotScope = scope
-          return this.$createElement('div', 'foo')
-        }
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $menu = wrapper.find('.dropdown-menu')
-    expect($menu.find('div').exists()).toBe(true)
-    expect($menu.text()).toEqual('foo')
-
-    expect(slotScope).toBeDefined()
-    expect(slotScope.hide).toBeDefined()
-
-    wrapper.destroy()
-  })
-
-  it('should only render menu content when visible when "lazy" prop set', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        lazy: true
-      },
-      scopedSlots: {
-        default() {
-          return this.$createElement('div', 'bar')
-        }
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.vm.visible).toBe(false)
-    await waitNT(wrapper.vm)
-
-    const $menu = wrapper.find('.dropdown-menu')
-    expect($menu.find('div').exists()).toBe(false)
-
-    wrapper.vm.show()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    expect(wrapper.vm.visible).toBe(true)
-    expect($menu.find('div').exists()).toBe(true)
-    expect($menu.text()).toEqual('bar')
-
-    wrapper.vm.hide()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    expect(wrapper.vm.visible).toBe(false)
-    expect($menu.find('div').exists()).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('should open/close on toggle click', async () => {
-    const wrapper = mount(BNavItemDropdown)
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-    expect(wrapper.vm.visible).toBe(false)
-    expect($toggle.attributes('aria-expanded')).toEqual('false')
-
-    await $toggle.trigger('click')
-    await waitRAF()
-    expect(wrapper.vm.visible).toBe(true)
-    expect($toggle.attributes('aria-expanded')).toEqual('true')
-
-    await $toggle.trigger('click')
-    await waitRAF()
-    expect(wrapper.vm.visible).toBe(false)
-    expect($toggle.attributes('aria-expanded')).toEqual('false')
-
-    wrapper.destroy()
-  })
-
-  it('should prevent toggle click', async () => {
-    const wrapper = mount(BNavItemDropdown, {
-      propsData: {
-        text: 'toggle'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $toggle = wrapper.find('.dropdown-toggle')
-
-    await $toggle.trigger('click')
-    expect(wrapper.emitted('toggle')).toBeDefined()
-    expect(wrapper.emitted('toggle').length).toBe(1)
-    expect(wrapper.emitted('toggle')[0]).toBeDefined()
-    expect(wrapper.emitted('toggle')[0][0].defaultPrevented).toBe(true)
-
-    wrapper.destroy()
-  })
-})