@gitlab/ui 132.0.1 → 132.0.3

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

@@ -0,0 +1,98 @@
+import { extend, mergeData } from '../../vue';
+import { NAME_DROPDOWN_GROUP } from '../../constants/components';
+import { PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
+import { SLOT_NAME_HEADER, SLOT_NAME_DEFAULT } 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';
+
+// --- Props ---
+
+const props = {
+  ariaDescribedby: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  header: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  headerClasses: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  headerTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'header'
+  },
+  headerVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  id: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
+};
+
+// --- Main component ---
+
+// @vue/component
+const BDropdownGroup = /*#__PURE__*/extend({
+  name: NAME_DROPDOWN_GROUP,
+  functional: true,
+  props,
+  render(h, _ref) {
+    let {
+      props,
+      data,
+      slots,
+      scopedSlots
+    } = _ref;
+    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))]);
+  }
+});
+
+export { BDropdownGroup, props };

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

@@ -0,0 +1,63 @@
+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';
+
+// --- Props ---
+
+const props = {
+  id: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'header'
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
+};
+
+// --- Main component ---
+
+// @vue/component
+const BDropdownHeader = /*#__PURE__*/extend({
+  name: NAME_DROPDOWN_HEADER,
+  functional: true,
+  props,
+  render(h, _ref) {
+    let {
+      props,
+      data,
+      children
+    } = _ref;
+    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)]);
+  }
+});
+
+export { BDropdownHeader, props };

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

@@ -0,0 +1,108 @@
+import { extend } from '../../vue';
+import { NAME_DROPDOWN_ITEM_BUTTON } from '../../constants/components';
+import { EVENT_NAME_CLICK } from '../../constants/events';
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
+import { attrsMixin } from '../../mixins/attrs';
+import { normalizeSlotMixin } from '../../mixins/normalize-slot';
+
+// --- Props ---
+
+const props = {
+  active: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  activeClass: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'active'
+  },
+  buttonClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  disabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  role: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'menuitem'
+  }
+};
+
+// --- Main component ---
+
+// @vue/component
+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: this.role,
+        type: 'button',
+        disabled: this.disabled,
+        'aria-selected': this.active ? 'true' : null
+      };
+    }
+  },
+  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())]);
+  }
+});
+
+export { BDropdownItemButton, props };

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

@@ -0,0 +1,97 @@
+import { extend } from '../../vue';
+import { NAME_DROPDOWN_ITEM } from '../../constants/components';
+import { EVENT_NAME_CLICK } from '../../constants/events';
+import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props';
+import { requestAF } from '../../utils/dom';
+import { omit, sortKeys } from '../../utils/object';
+import { pluckProps } from '../../utils/props';
+import { attrsMixin } from '../../mixins/attrs';
+import { normalizeSlotMixin } from '../../mixins/normalize-slot';
+import { props as props$1, BLink } from '../link/link';
+
+// --- Props ---
+
+const linkProps = omit(props$1, ['event', 'routerTag']);
+const props = sortKeys({
+  ...linkProps,
+  linkClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
+});
+
+// --- Main component ---
+
+// @vue/component
+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())]);
+  }
+});
+
+export { BDropdownItem, props };

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

@@ -0,0 +1,60 @@
+import { extend, mergeData } from '../../vue';
+import { NAME_DROPDOWN_TEXT } from '../../constants/components';
+import { PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
+import { omit } from '../../utils/object';
+
+// --- Props ---
+
+const props = {
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'p'
+  },
+  textClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
+};
+
+// --- Main component ---
+
+// @vue/component
+const BDropdownText = /*#__PURE__*/extend({
+  name: NAME_DROPDOWN_TEXT,
+  functional: true,
+  props,
+  render(h, _ref) {
+    let {
+      props,
+      data,
+      children
+    } = _ref;
+    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)]);
+  }
+});
+
+export { BDropdownText, props };

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

@@ -0,0 +1,270 @@
+import { extend } from '../../vue';
+import { NAME_DROPDOWN } from '../../constants/components';
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
+import { SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_DEFAULT } from '../../constants/slots';
+import { htmlOrText } from '../../utils/html';
+import { toString } from '../../utils/string';
+import { props as props$2, dropdownMixin } from '../../mixins/dropdown';
+import { props as props$1, idMixin } from '../../mixins/id';
+import { normalizeSlotMixin } from '../../mixins/normalize-slot';
+import { BButton } from '../button/button';
+import { sortKeys } from '../../utils/object';
+
+// --- Props ---
+
+const props = sortKeys({
+  ...props$1,
+  ...props$2,
+  block: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  html: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  // If `true`, only render menu contents when open
+  lazy: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  menuClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  noCaret: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  role: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'menu'
+  },
+  size: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  split: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  splitButtonType: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'button',
+    validator: value => {
+      return ['button', 'submit', 'reset'].includes(value);
+    }
+  },
+  splitClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  splitHref: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  splitTo: {
+    type: [PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  splitVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  text: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  toggleAttrs: {
+    type: PROP_TYPE_OBJECT,
+    required: false,
+    default: () => ({})
+  },
+  toggleClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  toggleTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'button'
+  },
+  // TODO: This really should be `toggleLabel`
+  toggleText: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Toggle dropdown'
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'secondary'
+  }
+});
+
+// --- Main component ---
+
+// @vue/component
+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 'gl-flex' class
+        // needs to be applied to allow the buttons to stretch to full width
+        'gl-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: ['gl-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]);
+  }
+});
+
+export { BDropdown, props };

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

@@ -0,0 +1,8 @@
+export { BDropdown } from './dropdown';
+export { BDropdownItem } from './dropdown-item';
+export { BDropdownItemButton } from './dropdown-item-button';
+export { BDropdownHeader } from './dropdown-header';
+export { BDropdownDivider } from './dropdown-divider';
+export { BDropdownForm } from './dropdown-form';
+export { BDropdownText } from './dropdown-text';
+export { BDropdownGroup } from './dropdown-group';