@gitlab/ui 137.3.1 → 138.1.0

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

@@ -1,41 +0,0 @@
-import { extend, mergeData } from '../../vue';
-import { NAME_FORM_SELECT_OPTION } from '../../constants/components';
-
-// --- Props ---
-
-const props = {
-  disabled: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  value: {
-    required: true
-  }
-};
-
-// --- Main component ---
-
-// @vue/component
-const BFormSelectOption = /*#__PURE__*/extend({
-  name: NAME_FORM_SELECT_OPTION,
-  functional: true,
-  props,
-  render(h, _ref) {
-    let props = _ref.props,
-      data = _ref.data,
-      children = _ref.children;
-    const value = props.value,
-      disabled = props.disabled;
-    return h('option', mergeData(data, {
-      attrs: {
-        disabled
-      },
-      domProps: {
-        value
-      }
-    }), children);
-  }
-});
-
-export { BFormSelectOption, props };

package/dist/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, EVENT_NAME_INPUT } from '../../constants/events';
-import { SLOT_NAME_FIRST } from '../../constants/slots';
-import { from } from '../../utils/array';
-import { attemptFocus, attemptBlur } from '../../utils/dom';
-import { htmlOrText } from '../../utils/html';
-import { isArray } from '../../utils/inspect';
-import { sortKeys } from '../../utils/object';
-import { props as props$2, formControlMixin } from '../../mixins/form-control';
-import { props as props$3, formCustomMixin } from '../../mixins/form-custom';
-import { props as props$4, formSizeMixin } from '../../mixins/form-size';
-import { props as props$5, formStateMixin } from '../../mixins/form-state';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { props as props$1, idMixin } from '../../mixins/id';
-import { optionsMixin } from './helpers/mixin-options';
-import { BFormSelectOption } from './form-select-option';
-import { BFormSelectOptionGroup } from './form-select-option-group';
-
-const MODEL_PROP_NAME = 'value';
-const MODEL_EVENT_NAME = EVENT_NAME_INPUT;
-
-// --- Props ---
-
-const props = sortKeys({
-  ...props$1,
-  [MODEL_PROP_NAME]: {},
-  ...props$2,
-  ...props$3,
-  ...props$4,
-  ...props$5,
-  ariaInvalid: {
-    type: [Boolean, String],
-    required: false,
-    default: false
-  },
-  multiple: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  // Browsers default size to `0`, which shows 4 rows in most browsers in multiple mode
-  // Size of `1` can bork out Firefox
-  selectSize: {
-    type: Number,
-    required: false,
-    default: 0
-  }
-});
-
-// --- Main component ---
-
-// @vue/component
-const BFormSelect = /*#__PURE__*/extend({
-  name: NAME_FORM_SELECT,
-  mixins: [idMixin, formControlMixin, formSizeMixin, formStateMixin, formCustomMixin, optionsMixin, normalizeSlotMixin],
-  model: {
-    prop: MODEL_PROP_NAME,
-    event: MODEL_EVENT_NAME
-  },
-  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.target;
-      const selectedValue = from(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 = this.name,
-      disabled = this.disabled,
-      required = this.required,
-      size = this.computedSelectSize,
-      value = this.localValue;
-    const $options = this.formOptions.map((option, index) => {
-      const value = option.value,
-        label = option.label,
-        options = option.options,
-        disabled = option.disabled;
-      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()]);
-  }
-});
-
-export { BFormSelect, props };

package/dist/vendor/bootstrap-vue/src/components/form-select/helpers/mixin-options.js

@@ -1,63 +0,0 @@
-import { extend } from '../../../vue';
-import { PROP_TYPE_STRING } from '../../../constants/props';
-import { get } from '../../../utils/get';
-import { isPlainObject, isNull, isUndefined } from '../../../utils/inspect';
-import { sortKeys } from '../../../utils/object';
-import { props as props$1, formOptionsMixin } from '../../../mixins/form-options';
-
-// --- Props ---
-
-const props = sortKeys({
-  ...props$1,
-  labelField: {
-    type: PROP_TYPE_STRING,
-    required: false,
-    default: 'label'
-  },
-  optionsField: {
-    type: PROP_TYPE_STRING,
-    required: false,
-    default: 'options'
-  }
-});
-
-// --- Mixin ---
-
-// @vue/component
-const optionsMixin = extend({
-  mixins: [formOptionsMixin],
-  props,
-  methods: {
-    normalizeOption(option) {
-      let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      // When the option is an object, normalize it
-      if (isPlainObject(option)) {
-        const value = get(option, this.valueField);
-        const text = get(option, this.textField);
-        const options = get(option, this.optionsField, null);
-        // When it has options, create an `<optgroup>` object
-        if (!isNull(options)) {
-          return {
-            label: String(get(option, this.labelField) || text),
-            options: this.normalizeOptions(options)
-          };
-        }
-        // Otherwise create an `<option>` object
-        return {
-          value: isUndefined(value) ? key || text : value,
-          text: String(isUndefined(text) ? key : text),
-          html: get(option, this.htmlField),
-          disabled: Boolean(get(option, this.disabledField))
-        };
-      }
-      // Otherwise create an `<option>` object from the given value
-      return {
-        value: key || option,
-        text: String(option),
-        disabled: false
-      };
-    }
-  }
-});
-
-export { optionsMixin, props };

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

@@ -1,3 +0,0 @@
-export { BFormSelect } from './form-select';
-export { BFormSelectOption } from './form-select-option';
-export { BFormSelectOptionGroup } from './form-select-option-group';

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

@@ -1,46 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_FORM_SELECT_OPTION_GROUP } from '../../constants/components'
-import { SLOT_NAME_FIRST } from '../../constants/slots'
-import { htmlOrText } from '../../utils/html'
-import { sortKeys } from '../../utils/object'
-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 = sortKeys({
-  ...formOptionsProps,
-  label: {
-    type: String,
-    required: true
-  }
-})
-
-// --- 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.js

@@ -1,35 +0,0 @@
-import { extend, mergeData } from '../../vue'
-import { NAME_FORM_SELECT_OPTION } from '../../constants/components'
-// --- Props ---
-
-export const props = {
-  disabled: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  value: {
-    required: true
-  }
-}
-
-// --- 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.js

@@ -1,156 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_FORM_SELECT } from '../../constants/components'
-import { EVENT_NAME_CHANGE, EVENT_NAME_INPUT } from '../../constants/events'
-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 { 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 { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { idMixin, props as idProps } from '../../mixins/id'
-import { optionsMixin } from './helpers/mixin-options'
-import { BFormSelectOption } from './form-select-option'
-import { BFormSelectOptionGroup } from './form-select-option-group'
-
-const MODEL_PROP_NAME = 'value'
-const MODEL_EVENT_NAME = EVENT_NAME_INPUT
-
-// --- Props ---
-
-export const props = sortKeys({
-  ...idProps,
-  [MODEL_PROP_NAME]: {},
-  ...formControlProps,
-  ...formCustomProps,
-  ...formSizeProps,
-  ...formStateProps,
-  ariaInvalid: {
-    type: [Boolean, String],
-    required: false,
-    default: false
-  },
-  multiple: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  // Browsers default size to `0`, which shows 4 rows in most browsers in multiple mode
-  // Size of `1` can bork out Firefox
-  selectSize: {
-    type: Number,
-    required: false,
-    default: 0
-  }
-})
-
-// --- Main component ---
-
-// @vue/component
-export const BFormSelect = /*#__PURE__*/ extend({
-  name: NAME_FORM_SELECT,
-  mixins: [
-    idMixin,
-    formControlMixin,
-    formSizeMixin,
-    formStateMixin,
-    formCustomMixin,
-    optionsMixin,
-    normalizeSlotMixin
-  ],
-  model: {
-    prop: MODEL_PROP_NAME,
-    event: MODEL_EVENT_NAME
-  },
-  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()]
-    )
-  }
-})

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

@@ -1,60 +0,0 @@
-import { extend } from '../../../vue'
-import { PROP_TYPE_STRING } from '../../../constants/props'
-import { get } from '../../../utils/get'
-import { isNull, isPlainObject, isUndefined } from '../../../utils/inspect'
-import { sortKeys } from '../../../utils/object'
-import { formOptionsMixin, props as formOptionsProps } from '../../../mixins/form-options'
-
-// --- Props ---
-
-export const props = sortKeys({
-  ...formOptionsProps,
-  labelField: {
-    type: PROP_TYPE_STRING,
-    required: false,
-    default: 'label'
-  },
-  optionsField: {
-    type: PROP_TYPE_STRING,
-    required: false,
-    default: 'options'
-  }
-})
-
-// --- Mixin ---
-
-// @vue/component
-export const optionsMixin = extend({
-  mixins: [formOptionsMixin],
-  props,
-  methods: {
-    normalizeOption(option, key = null) {
-      // When the option is an object, normalize it
-      if (isPlainObject(option)) {
-        const value = get(option, this.valueField)
-        const text = get(option, this.textField)
-        const options = get(option, this.optionsField, null)
-        // When it has options, create an `<optgroup>` object
-        if (!isNull(options)) {
-          return {
-            label: String(get(option, this.labelField) || text),
-            options: this.normalizeOptions(options)
-          }
-        }
-        // Otherwise create an `<option>` object
-        return {
-          value: isUndefined(value) ? key || text : value,
-          text: String(isUndefined(text) ? key : text),
-          html: get(option, this.htmlField),
-          disabled: Boolean(get(option, this.disabledField))
-        }
-      }
-      // Otherwise create an `<option>` object from the given value
-      return {
-        value: key || option,
-        text: String(option),
-        disabled: false
-      }
-    }
-  }
-})

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

@@ -1,5 +0,0 @@
-import { BFormSelect } from './form-select'
-import { BFormSelectOption } from './form-select-option'
-import { BFormSelectOptionGroup } from './form-select-option-group'
-
-export { BFormSelect, BFormSelectOption, BFormSelectOptionGroup }