@gitlab/ui 92.2.0 → 92.3.0

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

@@ -1,52 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_FORM_DATALIST } from '../../constants/components';
-import { PROP_TYPE_STRING } from '../../constants/props';
-import { htmlOrText } from '../../utils/html';
-import { sortKeys } from '../../utils/object';
-import { makePropsConfigurable, makeProp } from '../../utils/props';
-import { props as props$1, formOptionsMixin } from '../../mixins/form-options';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-
-// --- Props ---
-
-const props = makePropsConfigurable(sortKeys({
-  ...props$1,
-  id: makeProp(PROP_TYPE_STRING, undefined, true) // Required
-}), NAME_FORM_DATALIST);
-
-// --- Main component ---
-
-// @vue/component
-const BFormDatalist = /*#__PURE__*/extend({
-  name: NAME_FORM_DATALIST,
-  mixins: [formOptionsMixin, normalizeSlotMixin],
-  props,
-  render(h) {
-    const {
-      id
-    } = this;
-    const $options = this.formOptions.map((option, index) => {
-      const {
-        value,
-        text,
-        html,
-        disabled
-      } = option;
-      return h('option', {
-        attrs: {
-          value,
-          disabled
-        },
-        domProps: htmlOrText(html, text),
-        key: `option_${index}`
-      });
-    });
-    return h('datalist', {
-      attrs: {
-        id
-      }
-    }, [$options, this.normalizeSlot()]);
-  }
-});
-
-export { BFormDatalist, props };

package/dist/vendor/bootstrap-vue/src/components/form-btn-label-control/bv-form-btn-label-control.js

@@ -1,261 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_FORM_BUTTON_LABEL_CONTROL } from '../../constants/components';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY_OBJECT_STRING } from '../../constants/props';
-import { SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_DEFAULT } from '../../constants/slots';
-import { attemptFocus, attemptBlur } from '../../utils/dom';
-import { stopEvent } from '../../utils/events';
-import { sortKeys, omit } from '../../utils/object';
-import { makeProp } from '../../utils/props';
-import { toString } from '../../utils/string';
-import { props as props$4, dropdownMixin } from '../../mixins/dropdown';
-import { props as props$5 } from '../../mixins/form-control';
-import { props as props$2, formSizeMixin } from '../../mixins/form-size';
-import { props as props$3, formStateMixin } from '../../mixins/form-state';
-import { props as props$1, idMixin } from '../../mixins/id';
-import { normalizeSlotMixin } from '../../mixins/normalize-slot';
-import { VBHover } from '../../directives/hover/hover';
-import { BIconChevronDown } from '../../icons/icons';
-
-//
-
-// --- Props ---
-
-const props = sortKeys({
-  ...props$1,
-  ...props$2,
-  ...props$3,
-  ...omit(props$4, ['disabled']),
-  ...omit(props$5, ['autofocus']),
-  // When `true`, renders a `btn-group` wrapper and visually hides the label
-  buttonOnly: makeProp(PROP_TYPE_BOOLEAN, false),
-  // Applicable in button mode only
-  buttonVariant: makeProp(PROP_TYPE_STRING, 'secondary'),
-  // This is the value shown in the label
-  // Defaults back to `value`
-  formattedValue: makeProp(PROP_TYPE_STRING),
-  // Value placed in `.sr-only` span inside label when value is present
-  labelSelected: makeProp(PROP_TYPE_STRING),
-  lang: makeProp(PROP_TYPE_STRING),
-  // Extra classes to apply to the `dropdown-menu` div
-  menuClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  // This is the value placed on the hidden input when no value selected
-  placeholder: makeProp(PROP_TYPE_STRING),
-  readonly: makeProp(PROP_TYPE_BOOLEAN, false),
-  // Tri-state prop: `true`, `false` or `null`
-  rtl: makeProp(PROP_TYPE_BOOLEAN, null),
-  value: makeProp(PROP_TYPE_STRING, '')
-});
-
-// --- Main component ---
-
-// @vue/component
-const BVFormBtnLabelControl = /*#__PURE__*/extend({
-  name: NAME_FORM_BUTTON_LABEL_CONTROL,
-  directives: {
-    'b-hover': VBHover
-  },
-  mixins: [idMixin, formSizeMixin, formStateMixin, dropdownMixin, normalizeSlotMixin],
-  props,
-  data() {
-    return {
-      isHovered: false,
-      hasFocus: false
-    };
-  },
-  computed: {
-    idButton() {
-      return this.safeId();
-    },
-    idLabel() {
-      return this.safeId('_value_');
-    },
-    idMenu() {
-      return this.safeId('_dialog_');
-    },
-    idWrapper() {
-      return this.safeId('_outer_');
-    },
-    computedDir() {
-      return this.rtl === true ? 'rtl' : this.rtl === false ? 'ltr' : null;
-    }
-  },
-  methods: {
-    focus() {
-      if (!this.disabled) {
-        attemptFocus(this.$refs.toggle);
-      }
-    },
-    blur() {
-      if (!this.disabled) {
-        attemptBlur(this.$refs.toggle);
-      }
-    },
-    setFocus(event) {
-      this.hasFocus = event.type === 'focus';
-    },
-    handleHover(hovered) {
-      this.isHovered = hovered;
-    }
-  },
-  render(h) {
-    const {
-      idButton,
-      idLabel,
-      idMenu,
-      idWrapper,
-      disabled,
-      readonly,
-      required,
-      name,
-      state,
-      visible,
-      size,
-      isHovered,
-      hasFocus,
-      labelSelected,
-      buttonVariant,
-      buttonOnly
-    } = this;
-    const value = toString(this.value) || '';
-    const invalid = state === false || required && !value;
-    const btnScope = {
-      isHovered,
-      hasFocus,
-      state,
-      opened: visible
-    };
-    const $button = h('button', {
-      staticClass: 'btn',
-      class: {
-        [`btn-${buttonVariant}`]: buttonOnly,
-        [`btn-${size}`]: size,
-        'h-auto': !buttonOnly,
-        // `dropdown-toggle` is needed for proper
-        // corner rounding in button only mode
-        'dropdown-toggle': buttonOnly,
-        'dropdown-toggle-no-caret': buttonOnly
-      },
-      attrs: {
-        id: idButton,
-        type: 'button',
-        disabled,
-        'aria-haspopup': 'dialog',
-        'aria-expanded': visible ? 'true' : 'false',
-        'aria-invalid': invalid ? 'true' : null,
-        'aria-required': required ? 'true' : null
-      },
-      directives: [{
-        name: 'b-hover',
-        value: this.handleHover
-      }],
-      on: {
-        mousedown: this.onMousedown,
-        click: this.toggle,
-        keydown: this.toggle,
-        // Handle ENTER, SPACE and DOWN
-        '!focus': this.setFocus,
-        '!blur': this.setFocus
-      },
-      ref: 'toggle'
-    }, [this.hasNormalizedSlot(SLOT_NAME_BUTTON_CONTENT) ? this.normalizeSlot(SLOT_NAME_BUTTON_CONTENT, btnScope) : /* istanbul ignore next */h(BIconChevronDown, {
-      props: {
-        scale: 1.25
-      }
-    })]);
-
-    // Hidden input
-    let $hidden = h();
-    if (name && !disabled) {
-      $hidden = h('input', {
-        attrs: {
-          type: 'hidden',
-          name: name || null,
-          form: this.form || null,
-          value
-        }
-      });
-    }
-
-    // Dropdown content
-    const $menu = h('div', {
-      staticClass: 'dropdown-menu',
-      class: [this.menuClass, {
-        show: visible,
-        'dropdown-menu-right': this.right
-      }],
-      attrs: {
-        id: idMenu,
-        role: 'dialog',
-        tabindex: '-1',
-        'aria-modal': 'false',
-        'aria-labelledby': idLabel
-      },
-      on: {
-        keydown: this.onKeydown // Handle ESC
-      },
-      ref: 'menu'
-    }, [this.normalizeSlot(SLOT_NAME_DEFAULT, {
-      opened: visible
-    })]);
-
-    // Value label
-    const $label = h('label', {
-      class: buttonOnly ? 'sr-only' // Hidden in button only mode
-      : ['form-control',
-      // Mute the text if showing the placeholder
-      {
-        'text-muted': !value
-      }, this.stateClass, this.sizeFormClass],
-      attrs: {
-        id: idLabel,
-        for: idButton,
-        'aria-invalid': invalid ? 'true' : null,
-        'aria-required': required ? 'true' : null
-      },
-      directives: [{
-        name: 'b-hover',
-        value: this.handleHover
-      }],
-      on: {
-        // Disable bubbling of the click event to
-        // prevent menu from closing and re-opening
-
-        '!click': /* istanbul ignore next */event => {
-          stopEvent(event, {
-            preventDefault: false
-          });
-        }
-      }
-    }, [value ? this.formattedValue || value : this.placeholder || '',
-    // Add the selected label for screen readers when a value is provided
-    value && labelSelected ? h('bdi', {
-      staticClass: 'sr-only'
-    }, labelSelected) : '']);
-
-    // Return the custom form control wrapper
-    return h('div', {
-      staticClass: 'b-form-btn-label-control dropdown',
-      class: [this.directionClass, this.boundaryClass, [{
-        'btn-group': buttonOnly,
-        'form-control': !buttonOnly,
-        focus: hasFocus && !buttonOnly,
-        show: visible,
-        'is-valid': state === true,
-        'is-invalid': state === false
-      }, buttonOnly ? null : this.sizeFormClass]],
-      attrs: {
-        id: idWrapper,
-        role: buttonOnly ? null : 'group',
-        lang: this.lang || null,
-        dir: this.computedDir,
-        'aria-disabled': disabled,
-        'aria-readonly': readonly && !disabled,
-        'aria-labelledby': idLabel,
-        'aria-invalid': state === false || required && !value ? 'true' : null,
-        'aria-required': required ? 'true' : null
-      }
-    }, [$button, $hidden, $menu, $label]);
-  }
-});
-
-export { BVFormBtnLabelControl, props };

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

@@ -1,310 +0,0 @@
-import { extend } from '../../vue';
-import { NAME_FORM_DATEPICKER } from '../../constants/components';
-import { EVENT_NAME_CONTEXT, EVENT_NAME_SHOWN, EVENT_NAME_HIDDEN } from '../../constants/events';
-import { PROP_TYPE_DATE_STRING, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { SLOT_NAME_BUTTON_CONTENT } from '../../constants/slots';
-import { formatYMD, constrainDate, parseYMD, createDate } from '../../utils/date';
-import { attemptFocus, attemptBlur } from '../../utils/dom';
-import { isUndefinedOrNull } from '../../utils/inspect';
-import { makeModelMixin } from '../../utils/model';
-import { omit, sortKeys, pick } from '../../utils/object';
-import { makePropsConfigurable, makeProp, pluckProps } from '../../utils/props';
-import { props as props$3, idMixin } from '../../mixins/id';
-import { BIconCalendarFill, BIconCalendar } from '../../icons/icons';
-import { BButton } from '../button/button';
-import { props as props$1, BCalendar } from '../calendar/calendar';
-import { props as props$2, BVFormBtnLabelControl } from '../form-btn-label-control/bv-form-btn-label-control';
-
-// --- Constants ---
-
-const {
-  mixin: modelMixin,
-  props: modelProps,
-  prop: MODEL_PROP_NAME,
-  event: MODEL_EVENT_NAME
-} = makeModelMixin('value', {
-  type: PROP_TYPE_DATE_STRING
-});
-
-// --- Props ---
-
-const calendarProps = omit(props$1, ['block', 'hidden', 'id', 'noKeyNav', 'roleDescription', 'value', 'width']);
-const formBtnLabelControlProps = omit(props$2, ['formattedValue', 'id', 'lang', 'rtl', 'value']);
-const props = makePropsConfigurable(sortKeys({
-  ...props$3,
-  ...modelProps,
-  ...calendarProps,
-  ...formBtnLabelControlProps,
-  // Width of the calendar dropdown
-  calendarWidth: makeProp(PROP_TYPE_STRING, '270px'),
-  closeButton: makeProp(PROP_TYPE_BOOLEAN, false),
-  closeButtonVariant: makeProp(PROP_TYPE_STRING, 'outline-secondary'),
-  // Dark mode
-  dark: makeProp(PROP_TYPE_BOOLEAN, false),
-  labelCloseButton: makeProp(PROP_TYPE_STRING, 'Close'),
-  labelResetButton: makeProp(PROP_TYPE_STRING, 'Reset'),
-  labelTodayButton: makeProp(PROP_TYPE_STRING, 'Select today'),
-  noCloseOnSelect: makeProp(PROP_TYPE_BOOLEAN, false),
-  resetButton: makeProp(PROP_TYPE_BOOLEAN, false),
-  resetButtonVariant: makeProp(PROP_TYPE_STRING, 'outline-danger'),
-  resetValue: makeProp(PROP_TYPE_DATE_STRING),
-  todayButton: makeProp(PROP_TYPE_BOOLEAN, false),
-  todayButtonVariant: makeProp(PROP_TYPE_STRING, 'outline-primary')
-}), NAME_FORM_DATEPICKER);
-
-// --- Main component ---
-
-// @vue/component
-const BFormDatepicker = /*#__PURE__*/extend({
-  name: NAME_FORM_DATEPICKER,
-  mixins: [idMixin, modelMixin],
-  props,
-  data() {
-    return {
-      // We always use `YYYY-MM-DD` value internally
-      localYMD: formatYMD(this[MODEL_PROP_NAME]) || '',
-      // If the popup is open
-      isVisible: false,
-      // Context data from BCalendar
-      localLocale: null,
-      isRTL: false,
-      formattedValue: '',
-      activeYMD: ''
-    };
-  },
-  computed: {
-    calendarYM() {
-      // Returns the calendar year/month
-      // Returns the `YYYY-MM` portion of the active calendar date
-      return this.activeYMD.slice(0, -3);
-    },
-    computedLang() {
-      return (this.localLocale || '').replace(/-u-.*$/i, '') || null;
-    },
-    computedResetValue() {
-      return formatYMD(constrainDate(this.resetValue)) || '';
-    }
-  },
-  watch: {
-    [MODEL_PROP_NAME](newValue) {
-      this.localYMD = formatYMD(newValue) || '';
-    },
-    localYMD(newValue) {
-      // We only update the v-model when the datepicker is open
-      if (this.isVisible) {
-        this.$emit(MODEL_EVENT_NAME, this.valueAsDate ? parseYMD(newValue) || null : newValue || '');
-      }
-    },
-    calendarYM(newValue, oldValue) {
-      // Displayed calendar month has changed
-      // So possibly the calendar height has changed...
-      // We need to update popper computed position
-      if (newValue !== oldValue && oldValue) {
-        try {
-          this.$refs.control.updatePopper();
-        } catch {}
-      }
-    }
-  },
-  methods: {
-    // Public methods
-    focus() {
-      if (!this.disabled) {
-        attemptFocus(this.$refs.control);
-      }
-    },
-    blur() {
-      if (!this.disabled) {
-        attemptBlur(this.$refs.control);
-      }
-    },
-    // Private methods
-    setAndClose(ymd) {
-      this.localYMD = ymd;
-      // Close calendar popup, unless `noCloseOnSelect`
-      if (!this.noCloseOnSelect) {
-        this.$nextTick(() => {
-          this.$refs.control.hide(true);
-        });
-      }
-    },
-    onSelected(ymd) {
-      this.$nextTick(() => {
-        this.setAndClose(ymd);
-      });
-    },
-    onInput(ymd) {
-      if (this.localYMD !== ymd) {
-        this.localYMD = ymd;
-      }
-    },
-    onContext(ctx) {
-      const {
-        activeYMD,
-        isRTL,
-        locale,
-        selectedYMD,
-        selectedFormatted
-      } = ctx;
-      this.isRTL = isRTL;
-      this.localLocale = locale;
-      this.formattedValue = selectedFormatted;
-      this.localYMD = selectedYMD;
-      this.activeYMD = activeYMD;
-      // Re-emit the context event
-      this.$emit(EVENT_NAME_CONTEXT, ctx);
-    },
-    onTodayButton() {
-      // Set to today (or min/max if today is out of range)
-      this.setAndClose(formatYMD(constrainDate(createDate(), this.min, this.max)));
-    },
-    onResetButton() {
-      this.setAndClose(this.computedResetValue);
-    },
-    onCloseButton() {
-      this.$refs.control.hide(true);
-    },
-    // Menu handlers
-    onShow() {
-      this.isVisible = true;
-    },
-    onShown() {
-      this.$nextTick(() => {
-        attemptFocus(this.$refs.calendar);
-        this.$emit(EVENT_NAME_SHOWN);
-      });
-    },
-    onHidden() {
-      this.isVisible = false;
-      this.$emit(EVENT_NAME_HIDDEN);
-    },
-    // Render helpers
-    defaultButtonFn(_ref) {
-      let {
-        isHovered,
-        hasFocus
-      } = _ref;
-      return this.$createElement(isHovered || hasFocus ? BIconCalendarFill : BIconCalendar, {
-        attrs: {
-          'aria-hidden': 'true'
-        }
-      });
-    }
-  },
-  render(h) {
-    const {
-      localYMD,
-      disabled,
-      readonly,
-      dark,
-      $props,
-      $scopedSlots
-    } = this;
-    const placeholder = isUndefinedOrNull(this.placeholder) ? this.labelNoDateSelected : this.placeholder;
-
-    // Optional footer buttons
-    let $footer = [];
-    if (this.todayButton) {
-      const label = this.labelTodayButton;
-      $footer.push(h(BButton, {
-        props: {
-          disabled: disabled || readonly,
-          size: 'sm',
-          variant: this.todayButtonVariant
-        },
-        attrs: {
-          'aria-label': label || null
-        },
-        on: {
-          click: this.onTodayButton
-        }
-      }, label));
-    }
-    if (this.resetButton) {
-      const label = this.labelResetButton;
-      $footer.push(h(BButton, {
-        props: {
-          disabled: disabled || readonly,
-          size: 'sm',
-          variant: this.resetButtonVariant
-        },
-        attrs: {
-          'aria-label': label || null
-        },
-        on: {
-          click: this.onResetButton
-        }
-      }, label));
-    }
-    if (this.closeButton) {
-      const label = this.labelCloseButton;
-      $footer.push(h(BButton, {
-        props: {
-          disabled,
-          size: 'sm',
-          variant: this.closeButtonVariant
-        },
-        attrs: {
-          'aria-label': label || null
-        },
-        on: {
-          click: this.onCloseButton
-        }
-      }, label));
-    }
-    if ($footer.length > 0) {
-      $footer = [h('div', {
-        staticClass: 'b-form-date-controls d-flex flex-wrap',
-        class: {
-          'justify-content-between': $footer.length > 1,
-          'justify-content-end': $footer.length < 2
-        }
-      }, $footer)];
-    }
-    const $calendar = h(BCalendar, {
-      staticClass: 'b-form-date-calendar w-100',
-      props: {
-        ...pluckProps(calendarProps, $props),
-        hidden: !this.isVisible,
-        value: localYMD,
-        valueAsDate: false,
-        width: this.calendarWidth
-      },
-      on: {
-        selected: this.onSelected,
-        input: this.onInput,
-        context: this.onContext
-      },
-      scopedSlots: pick($scopedSlots, ['nav-prev-decade', 'nav-prev-year', 'nav-prev-month', 'nav-this-month', 'nav-next-month', 'nav-next-year', 'nav-next-decade']),
-      key: 'calendar',
-      ref: 'calendar'
-    }, $footer);
-    return h(BVFormBtnLabelControl, {
-      staticClass: 'b-form-datepicker',
-      props: {
-        ...pluckProps(formBtnLabelControlProps, $props),
-        formattedValue: localYMD ? this.formattedValue : '',
-        id: this.safeId(),
-        lang: this.computedLang,
-        menuClass: [{
-          'bg-dark': dark,
-          'text-light': dark
-        }, this.menuClass],
-        placeholder,
-        rtl: this.isRTL,
-        value: localYMD
-      },
-      on: {
-        show: this.onShow,
-        shown: this.onShown,
-        hidden: this.onHidden
-      },
-      scopedSlots: {
-        [SLOT_NAME_BUTTON_CONTENT]: $scopedSlots[SLOT_NAME_BUTTON_CONTENT] || this.defaultButtonFn
-      },
-      ref: 'control'
-    }, [$calendar]);
-  }
-});
-
-export { BFormDatepicker, props };

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

@@ -1,12 +0,0 @@
-import { BFormDatepicker } from './form-datepicker';
-export { BFormDatepicker } from './form-datepicker';
-import { pluginFactory } from '../../utils/plugins';
-
-const FormDatepickerPlugin = /*#__PURE__*/pluginFactory({
-  components: {
-    BFormDatepicker,
-    BDatepicker: BFormDatepicker
-  }
-});
-
-export { FormDatepickerPlugin };