@gitlab/duo-ui 0.1.0

package/src/vendor/bootstrap-vue/src/components/dropdown/_dropdown.scss

@@ -0,0 +1,58 @@
+$bv-dropdown-defined: false !default;
+
+// Make sure to include these style definitions only once
+@if $bv-dropdown-defined == false {
+  $bv-dropdown-defined: true;
+
+  // Hide the caret for `no-caret` setting
+  // See: https://github.com/bootstrap-vue/bootstrap-vue/issues/1473
+  // See: https://github.com/twbs/bootstrap/issues/23724
+  .dropdown {
+    &:not(.dropleft) {
+      .dropdown-toggle {
+        &.dropdown-toggle-no-caret::after {
+          display: none !important;
+        }
+      }
+    }
+
+    // See: https://github.com/bootstrap-vue/bootstrap-vue/issues/2909
+    &.dropleft {
+      .dropdown-toggle {
+        &.dropdown-toggle-no-caret::before {
+          display: none !important;
+        }
+      }
+    }
+
+    // Hide the focus ring introduced by Bootstratp v4.4 reboot
+    // on items with tabindex="-1", as we know how users feel
+    // about blue rings where they don't expect them.
+    .dropdown-menu:focus {
+      outline: none;
+    }
+
+    // Prevent dropdown background overflow if there's no padding
+    // See https://github.com/twbs/bootstrap/pull/27703
+    // Added here to address <li> wrapping of items
+    @if $dropdown-padding-y == 0 {
+      .dropdown-menu {
+        > :first-child {
+          .dropdown-item,
+          .dropdown-form,
+          .dropdown-text {
+            @include border-top-radius($dropdown-inner-border-radius);
+          }
+        }
+
+        > :last-child {
+          .dropdown-item,
+          .dropdown-form,
+          .dropdown-text {
+            @include border-bottom-radius($dropdown-inner-border-radius);
+          }
+        }
+      }
+    }
+  }
+}

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js

@@ -0,0 +1,36 @@
+import { extend, mergeData } from '../../vue'
+import { NAME_DROPDOWN_DIVIDER } from '../../constants/components'
+import { PROP_TYPE_STRING } from '../../constants/props'
+import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { omit } from '../../utils/object'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  {
+    tag: makeProp(PROP_TYPE_STRING, 'hr')
+  },
+  NAME_DROPDOWN_DIVIDER
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BDropdownDivider = /*#__PURE__*/ extend({
+  name: NAME_DROPDOWN_DIVIDER,
+  functional: true,
+  props,
+  render(h, { props, data }) {
+    return h('li', mergeData(omit(data, ['attrs']), { attrs: { role: 'presentation' } }), [
+      h(props.tag, {
+        staticClass: 'dropdown-divider',
+        attrs: {
+          ...(data.attrs || {}),
+          role: 'separator',
+          'aria-orientation': 'horizontal'
+        },
+        ref: 'divider'
+      })
+    ])
+  }
+})

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

@@ -0,0 +1,47 @@
+import { extend, mergeData } from '../../vue'
+import { NAME_DROPDOWN_FORM } from '../../constants/components'
+import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props'
+import { omit, sortKeys } from '../../utils/object'
+import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { BForm, props as formControlProps } from '../form/form'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  sortKeys({
+    ...formControlProps,
+    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
+    formClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
+  }),
+  NAME_DROPDOWN_FORM
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BDropdownForm = /*#__PURE__*/ extend({
+  name: NAME_DROPDOWN_FORM,
+  functional: true,
+  props,
+  render(h, { props, data, listeners, children }) {
+    return h('li', mergeData(omit(data, ['attrs', 'on']), { attrs: { role: 'presentation' } }), [
+      h(
+        BForm,
+        {
+          staticClass: 'b-dropdown-form',
+          class: [props.formClass, { disabled: props.disabled }],
+          props,
+          attrs: {
+            ...(data.attrs || {}),
+            disabled: props.disabled,
+            // Tab index of -1 for keyboard navigation
+            tabindex: props.disabled ? null : '-1'
+          },
+          on: listeners,
+          ref: 'form'
+        },
+        children
+      )
+    ])
+  }
+})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js

@@ -0,0 +1,76 @@
+import { extend, mergeData } from '../../vue'
+import { NAME_DROPDOWN_GROUP } from '../../constants/components'
+import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
+import { SLOT_NAME_DEFAULT, SLOT_NAME_HEADER } from '../../constants/slots'
+import { isTag } from '../../utils/dom'
+import { identity } from '../../utils/identity'
+import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot'
+import { omit } from '../../utils/object'
+import { makeProp, makePropsConfigurable } from '../../utils/props'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  {
+    ariaDescribedby: makeProp(PROP_TYPE_STRING),
+    header: makeProp(PROP_TYPE_STRING),
+    headerClasses: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+    headerTag: makeProp(PROP_TYPE_STRING, 'header'),
+    headerVariant: makeProp(PROP_TYPE_STRING),
+    id: makeProp(PROP_TYPE_STRING)
+  },
+  NAME_DROPDOWN_GROUP
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BDropdownGroup = /*#__PURE__*/ extend({
+  name: NAME_DROPDOWN_GROUP,
+  functional: true,
+  props,
+  render(h, { props, data, slots, scopedSlots }) {
+    const { id, variant, header, headerTag } = props
+    const $slots = slots()
+    const $scopedSlots = scopedSlots || {}
+    const slotScope = {}
+    const headerId = id ? `_bv_${id}_group_dd_header` : null
+
+    let $header = h()
+    if (hasNormalizedSlot(SLOT_NAME_HEADER, $scopedSlots, $slots) || header) {
+      $header = h(
+        headerTag,
+        {
+          staticClass: 'dropdown-header',
+          class: [props.headerClasses, { [`text-${variant}`]: variant }],
+          attrs: {
+            id: headerId,
+            role: isTag(headerTag, 'header') ? null : 'heading'
+          }
+        },
+        normalizeSlot(SLOT_NAME_HEADER, slotScope, $scopedSlots, $slots) || header
+      )
+    }
+
+    return h('li', mergeData(omit(data, ['attrs']), { attrs: { role: 'presentation' } }), [
+      $header,
+      h(
+        'ul',
+        {
+          staticClass: 'list-unstyled',
+          attrs: {
+            ...(data.attrs || {}),
+            id,
+            role: 'group',
+            'aria-describedby':
+              [headerId, props.ariaDescribedBy]
+                .filter(identity)
+                .join(' ')
+                .trim() || null
+          }
+        },
+        normalizeSlot(SLOT_NAME_DEFAULT, slotScope, $scopedSlots, $slots)
+      )
+    ])
+  }
+})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js

@@ -0,0 +1,46 @@
+import { extend, mergeData } from '../../vue'
+import { NAME_DROPDOWN_HEADER } from '../../constants/components'
+import { PROP_TYPE_STRING } from '../../constants/props'
+import { isTag } from '../../utils/dom'
+import { omit } from '../../utils/object'
+import { makeProp, makePropsConfigurable } from '../../utils/props'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  {
+    id: makeProp(PROP_TYPE_STRING),
+    tag: makeProp(PROP_TYPE_STRING, 'header'),
+    variant: makeProp(PROP_TYPE_STRING)
+  },
+  NAME_DROPDOWN_HEADER
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BDropdownHeader = /*#__PURE__*/ extend({
+  name: NAME_DROPDOWN_HEADER,
+  functional: true,
+  props,
+  render(h, { props, data, children }) {
+    const { tag, variant } = props
+
+    return h('li', mergeData(omit(data, ['attrs']), { attrs: { role: 'presentation' } }), [
+      h(
+        tag,
+        {
+          staticClass: 'dropdown-header',
+          class: { [`text-${variant}`]: variant },
+          attrs: {
+            ...(data.attrs || {}),
+            id: props.id || null,
+            role: isTag(tag, 'header') ? null : 'heading'
+          },
+          ref: 'header'
+        },
+        children
+      )
+    ])
+  }
+})

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

@@ -0,0 +1,93 @@
+import { extend } from '../../vue'
+import { NAME_DROPDOWN_ITEM_BUTTON } from '../../constants/components'
+import { EVENT_NAME_CLICK } from '../../constants/events'
+import {
+  PROP_TYPE_ARRAY_OBJECT_STRING,
+  PROP_TYPE_BOOLEAN,
+  PROP_TYPE_STRING
+} from '../../constants/props'
+import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { attrsMixin } from '../../mixins/attrs'
+import { normalizeSlotMixin } from '../../mixins/normalize-slot'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  {
+    active: makeProp(PROP_TYPE_BOOLEAN, false),
+    activeClass: makeProp(PROP_TYPE_STRING, 'active'),
+    buttonClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+    disabled: makeProp(PROP_TYPE_BOOLEAN, false),
+    variant: makeProp(PROP_TYPE_STRING)
+  },
+  NAME_DROPDOWN_ITEM_BUTTON
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BDropdownItemButton = /*#__PURE__*/ extend({
+  name: NAME_DROPDOWN_ITEM_BUTTON,
+  mixins: [attrsMixin, normalizeSlotMixin],
+  inject: {
+    getBvDropdown: { default: () => () => null }
+  },
+  inheritAttrs: false,
+  props,
+  computed: {
+    bvDropdown() {
+      return this.getBvDropdown()
+    },
+
+    computedAttrs() {
+      return {
+        ...this.bvAttrs,
+        role: 'menuitem',
+        type: 'button',
+        disabled: this.disabled
+      }
+    }
+  },
+  methods: {
+    closeDropdown() {
+      if (this.bvDropdown) {
+        this.bvDropdown.hide(true)
+      }
+    },
+    onClick(event) {
+      this.$emit(EVENT_NAME_CLICK, event)
+      this.closeDropdown()
+    }
+  },
+  render(h) {
+    const { active, variant, bvAttrs } = this
+
+    return h(
+      'li',
+      {
+        class: bvAttrs.class,
+        style: bvAttrs.style,
+        attrs: { role: 'presentation' }
+      },
+      [
+        h(
+          'button',
+          {
+            staticClass: 'dropdown-item',
+            class: [
+              this.buttonClass,
+              {
+                [this.activeClass]: active,
+                [`text-${variant}`]: variant && !(active || this.disabled)
+              }
+            ],
+            attrs: this.computedAttrs,
+            on: { click: this.onClick },
+            ref: 'button'
+          },
+          this.normalizeSlot()
+        )
+      ]
+    )
+  }
+})

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

@@ -0,0 +1,87 @@
+import { extend } from '../../vue'
+import { NAME_DROPDOWN_ITEM } from '../../constants/components'
+import { EVENT_NAME_CLICK } from '../../constants/events'
+import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
+import { requestAF } from '../../utils/dom'
+import { omit, sortKeys } from '../../utils/object'
+import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
+import { attrsMixin } from '../../mixins/attrs'
+import { normalizeSlotMixin } from '../../mixins/normalize-slot'
+import { BLink, props as BLinkProps } from '../link/link'
+
+// --- Props ---
+
+const linkProps = omit(BLinkProps, ['event', 'routerTag'])
+
+export const props = makePropsConfigurable(
+  sortKeys({
+    ...linkProps,
+    linkClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+    variant: makeProp(PROP_TYPE_STRING)
+  }),
+  NAME_DROPDOWN_ITEM
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BDropdownItem = /*#__PURE__*/ extend({
+  name: NAME_DROPDOWN_ITEM,
+  mixins: [attrsMixin, normalizeSlotMixin],
+  inject: {
+    getBvDropdown: { default: () => () => null }
+  },
+  inheritAttrs: false,
+  props,
+  computed: {
+    bvDropdown() {
+      return this.getBvDropdown()
+    },
+    computedAttrs() {
+      return {
+        ...this.bvAttrs,
+        role: 'menuitem'
+      }
+    }
+  },
+  methods: {
+    closeDropdown() {
+      // Close on next animation frame to allow <b-link> time to process
+      requestAF(() => {
+        if (this.bvDropdown) {
+          this.bvDropdown.hide(true)
+        }
+      })
+    },
+    onClick(event) {
+      this.$emit(EVENT_NAME_CLICK, event)
+      this.closeDropdown()
+    }
+  },
+  render(h) {
+    const { linkClass, variant, active, disabled, onClick, bvAttrs } = this
+
+    return h(
+      'li',
+      {
+        class: bvAttrs.class,
+        style: bvAttrs.style,
+        attrs: { role: 'presentation' }
+      },
+      [
+        h(
+          BLink,
+          {
+            staticClass: 'dropdown-item',
+            class: [linkClass, { [`text-${variant}`]: variant && !(active || disabled) }],
+            props: pluckProps(linkProps, this.$props),
+            attrs: this.computedAttrs,
+            on: { click: onClick },
+            ref: 'item'
+          },
+          this.normalizeSlot()
+        )
+      ]
+    )
+  }
+})

package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js

@@ -0,0 +1,42 @@
+import { extend, mergeData } from '../../vue'
+import { NAME_DROPDOWN_TEXT } from '../../constants/components'
+import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props'
+import { omit } from '../../utils/object'
+import { makeProp, makePropsConfigurable } from '../../utils/props'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  {
+    tag: makeProp(PROP_TYPE_STRING, 'p'),
+    textClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+    variant: makeProp(PROP_TYPE_STRING)
+  },
+  NAME_DROPDOWN_TEXT
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BDropdownText = /*#__PURE__*/ extend({
+  name: NAME_DROPDOWN_TEXT,
+  functional: true,
+  props,
+  render(h, { props, data, children }) {
+    const { tag, textClass, variant } = props
+
+    return h('li', mergeData(omit(data, ['attrs']), { attrs: { role: 'presentation' } }), [
+      h(
+        tag,
+        {
+          staticClass: 'b-dropdown-text',
+          class: [textClass, { [`text-${variant}`]: variant }],
+          props,
+          attrs: data.attrs || {},
+          ref: 'text'
+        },
+        children
+      )
+    ])
+  }
+})

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

@@ -0,0 +1,202 @@
+import { extend } from '../../vue'
+import { NAME_DROPDOWN } from '../../constants/components'
+import {
+  PROP_TYPE_ARRAY_OBJECT_STRING,
+  PROP_TYPE_BOOLEAN,
+  PROP_TYPE_OBJECT,
+  PROP_TYPE_OBJECT_STRING,
+  PROP_TYPE_STRING
+} from '../../constants/props'
+import { SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_DEFAULT } from '../../constants/slots'
+import { arrayIncludes } from '../../utils/array'
+import { htmlOrText } from '../../utils/html'
+import { makeProp, makePropsConfigurable } from '../../utils/props'
+import { toString } from '../../utils/string'
+import { dropdownMixin, props as dropdownProps } from '../../mixins/dropdown'
+import { idMixin, props as idProps } from '../../mixins/id'
+import { normalizeSlotMixin } from '../../mixins/normalize-slot'
+import { BButton } from '../button/button'
+import { sortKeys } from '../../utils/object'
+
+// --- Props ---
+
+export const props = makePropsConfigurable(
+  sortKeys({
+    ...idProps,
+    ...dropdownProps,
+    block: makeProp(PROP_TYPE_BOOLEAN, false),
+    html: makeProp(PROP_TYPE_STRING),
+    // If `true`, only render menu contents when open
+    lazy: makeProp(PROP_TYPE_BOOLEAN, false),
+    menuClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+    noCaret: makeProp(PROP_TYPE_BOOLEAN, false),
+    role: makeProp(PROP_TYPE_STRING, 'menu'),
+    size: makeProp(PROP_TYPE_STRING),
+    split: makeProp(PROP_TYPE_BOOLEAN, false),
+    splitButtonType: makeProp(PROP_TYPE_STRING, 'button', value => {
+      return arrayIncludes(['button', 'submit', 'reset'], value)
+    }),
+    splitClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+    splitHref: makeProp(PROP_TYPE_STRING),
+    splitTo: makeProp(PROP_TYPE_OBJECT_STRING),
+    splitVariant: makeProp(PROP_TYPE_STRING),
+    text: makeProp(PROP_TYPE_STRING),
+    toggleAttrs: makeProp(PROP_TYPE_OBJECT, {}),
+    toggleClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
+    toggleTag: makeProp(PROP_TYPE_STRING, 'button'),
+    // TODO: This really should be `toggleLabel`
+    toggleText: makeProp(PROP_TYPE_STRING, 'Toggle dropdown'),
+    variant: makeProp(PROP_TYPE_STRING, 'secondary')
+  }),
+  NAME_DROPDOWN
+)
+
+// --- Main component ---
+
+// @vue/component
+export const BDropdown = /*#__PURE__*/ extend({
+  name: NAME_DROPDOWN,
+  mixins: [idMixin, dropdownMixin, normalizeSlotMixin],
+  props,
+  computed: {
+    dropdownClasses() {
+      const { block, split } = this
+      return [
+        this.directionClass,
+        this.boundaryClass,
+        {
+          show: this.visible,
+          // The 'btn-group' class is required in `split` mode for button alignment
+          // It needs also to be applied when `block` is disabled to allow multiple
+          // dropdowns to be aligned one line
+          'btn-group': split || !block,
+          // When `block` is enabled and we are in `split` mode the 'd-flex' class
+          // needs to be applied to allow the buttons to stretch to full width
+          'd-flex': block && split
+        }
+      ]
+    },
+    menuClasses() {
+      return [
+        this.menuClass,
+        {
+          'dropdown-menu-right': this.right,
+          show: this.visible
+        }
+      ]
+    },
+    toggleClasses() {
+      const { split } = this
+      return [
+        this.toggleClass,
+        {
+          'dropdown-toggle-split': split,
+          'dropdown-toggle-no-caret': this.noCaret && !split
+        }
+      ]
+    }
+  },
+  render(h) {
+    const { visible, variant, size, block, disabled, split, role, hide, toggle } = this
+    const commonProps = { variant, size, block, disabled }
+
+    let $buttonChildren = this.normalizeSlot(SLOT_NAME_BUTTON_CONTENT)
+    let buttonContentDomProps = this.hasNormalizedSlot(SLOT_NAME_BUTTON_CONTENT)
+      ? {}
+      : htmlOrText(this.html, this.text)
+
+    let $split = h()
+    if (split) {
+      const { splitTo, splitHref, splitButtonType } = this
+      const btnProps = {
+        ...commonProps,
+        variant: this.splitVariant || variant
+      }
+
+      // We add these as needed due to <router-link> issues with
+      // defined property with `undefined`/`null` values
+      if (splitTo) {
+        btnProps.to = splitTo
+      } else if (splitHref) {
+        btnProps.href = splitHref
+      } else if (splitButtonType) {
+        btnProps.type = splitButtonType
+      }
+
+      $split = h(
+        BButton,
+        {
+          class: this.splitClass,
+          attrs: { id: this.safeId('_BV_button_') },
+          props: btnProps,
+          domProps: buttonContentDomProps,
+          on: { click: this.onSplitClick },
+          ref: 'button'
+        },
+        $buttonChildren
+      )
+
+      // Overwrite button content for the toggle when in `split` mode
+      $buttonChildren = [h('span', { class: ['sr-only'] }, [this.toggleText])]
+      buttonContentDomProps = {}
+    }
+    const ariaHasPopupRoles = ['menu', 'listbox', 'tree', 'grid', 'dialog']
+
+    const $toggle = h(
+      BButton,
+      {
+        staticClass: 'dropdown-toggle',
+        class: this.toggleClasses,
+        attrs: {
+          // Merge in user supplied attributes
+          ...this.toggleAttrs,
+          // Must have attributes
+          id: this.safeId('_BV_toggle_'),
+          'aria-haspopup': ariaHasPopupRoles.includes(role) ? role : 'false',
+          'aria-expanded': toString(visible)
+        },
+        props: {
+          ...commonProps,
+          tag: this.toggleTag,
+          block: block && !split
+        },
+        domProps: buttonContentDomProps,
+        on: {
+          mousedown: this.onMousedown,
+          click: toggle,
+          keydown: toggle // Handle ENTER, SPACE and DOWN
+        },
+        ref: 'toggle'
+      },
+      $buttonChildren
+    )
+
+    const $menu = h(
+      'ul',
+      {
+        staticClass: 'dropdown-menu',
+        class: this.menuClasses,
+        attrs: {
+          role,
+          tabindex: '-1',
+          'aria-labelledby': this.safeId(split ? '_BV_button_' : '_BV_toggle_')
+        },
+        on: {
+          keydown: this.onKeydown // Handle UP, DOWN and ESC
+        },
+        ref: 'menu'
+      },
+      [!this.lazy || visible ? this.normalizeSlot(SLOT_NAME_DEFAULT, { hide }) : h()]
+    )
+
+    return h(
+      'div',
+      {
+        staticClass: 'dropdown b-dropdown',
+        class: this.dropdownClasses,
+        attrs: { id: this.safeId() }
+      },
+      [$split, $toggle, $menu]
+    )
+  }
+})