@gitlab/ui 94.2.0 → 94.3.0

package/dist/vendor/bootstrap-vue/src/components/modal/helpers/bv-modal.js

@@ -1,279 +0,0 @@
-import { NAME_MSG_BOX, NAME_MODAL } from '../../../constants/components';
-import { HOOK_EVENT_NAME_DESTROYED, EVENT_NAME_HIDDEN, HOOK_EVENT_NAME_BEFORE_DESTROY, EVENT_NAME_HIDE } from '../../../constants/events';
-import { useParentMixin } from '../../../mixins/use-parent';
-import { concat } from '../../../utils/array';
-import { getComponentConfig } from '../../../utils/config';
-import { requestAF } from '../../../utils/dom';
-import { getRootActionEventName } from '../../../utils/events';
-import { isFunction, isUndefined } from '../../../utils/inspect';
-import { keys, omit, hasOwnProperty, defineProperty, assign, defineProperties, readonlyDescriptor } from '../../../utils/object';
-import { pluginFactory } from '../../../utils/plugins';
-import { warn, warnNoPromiseSupport, warnNotClient } from '../../../utils/warn';
-import { createNewChildComponent } from '../../../utils/create-new-child-component';
-import { getEventRoot } from '../../../utils/get-event-root';
-import { props, BModal } from '../modal';
-
-// Plugin for adding `$bvModal` property to all Vue instances
-
-// --- Constants ---
-
-const PROP_NAME = '$bvModal';
-const PROP_NAME_PRIV = '_bv__modal';
-
-// Base modal props that are allowed
-// Some may be ignored or overridden on some message boxes
-// Prop ID is allowed, but really only should be used for testing
-// We need to add it in explicitly as it comes from the `idMixin`
-const BASE_PROPS = ['id', ...keys(omit(props, ['busy', 'lazy', 'noStacking', 'static', 'visible']))];
-
-// Fallback event resolver (returns undefined)
-const defaultResolver = () => {};
-
-// Map prop names to modal slot names
-const propsToSlots = {
-  msgBoxContent: 'default',
-  title: 'modal-title',
-  okTitle: 'modal-ok',
-  cancelTitle: 'modal-cancel'
-};
-
-// --- Helper methods ---
-
-// Method to filter only recognized props that are not undefined
-const filterOptions = options => {
-  return BASE_PROPS.reduce((memo, key) => {
-    if (!isUndefined(options[key])) {
-      memo[key] = options[key];
-    }
-    return memo;
-  }, {});
-};
-
-// Method to install `$bvModal` VM injection
-const plugin = Vue => {
-  // Create a private sub-component that extends BModal
-  // which self-destructs after hidden
-  // @vue/component
-  const BMsgBox = Vue.extend({
-    name: NAME_MSG_BOX,
-    extends: BModal,
-    mixins: [useParentMixin],
-    destroyed() {
-      // Make sure we not in document any more
-      if (this.$el && this.$el.parentNode) {
-        this.$el.parentNode.removeChild(this.$el);
-      }
-    },
-    mounted() {
-      // Self destruct handler
-      const handleDestroy = () => {
-        this.$nextTick(() => {
-          // In a `requestAF()` to release control back to application
-          requestAF(() => {
-            this.$destroy();
-          });
-        });
-      };
-      // Self destruct if parent destroyed
-      this.bvParent.$once(HOOK_EVENT_NAME_DESTROYED, handleDestroy);
-      // Self destruct after hidden
-      this.$once(EVENT_NAME_HIDDEN, handleDestroy);
-      // Self destruct on route change
-      /* istanbul ignore if */
-      if (this.$router && this.$route) {
-        // Destroy ourselves if route changes
-        /* istanbul ignore next */
-        this.$once(HOOK_EVENT_NAME_BEFORE_DESTROY, this.$watch('$router', handleDestroy));
-      }
-      // Show the `BMsgBox`
-      this.show();
-    }
-  });
-
-  // Method to generate the on-demand modal message box
-  // Returns a promise that resolves to a value returned by the resolve
-  const asyncMsgBox = function (parent, props) {
-    let resolver = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultResolver;
-    if (warnNotClient(PROP_NAME) || warnNoPromiseSupport(PROP_NAME)) {
-      /* istanbul ignore next */
-      return;
-    }
-    // Create an instance of `BMsgBox` component
-    // We set parent as the local VM so these modals can emit events on
-    // the app `$root`, as needed by things like tooltips and popovers
-    // And it helps to ensure `BMsgBox` is destroyed when parent is destroyed
-    const msgBox = createNewChildComponent(parent, BMsgBox, {
-      // Preset the prop values
-      propsData: {
-        ...filterOptions(getComponentConfig(NAME_MODAL)),
-        // Defaults that user can override
-        hideHeaderClose: true,
-        hideHeader: !(props.title || props.titleHtml),
-        // Add in (filtered) user supplied props
-        ...omit(props, keys(propsToSlots)),
-        // Props that can't be overridden
-        lazy: false,
-        busy: false,
-        visible: false,
-        noStacking: false,
-        noEnforceFocus: false
-      }
-    });
-    // Convert certain props to scoped slots
-    keys(propsToSlots).forEach(prop => {
-      if (!isUndefined(props[prop])) {
-        // Can be a string, or array of VNodes.
-        // Alternatively, user can use HTML version of prop to pass an HTML string.
-        msgBox.$slots[propsToSlots[prop]] = concat(props[prop]);
-      }
-    });
-    // Return a promise that resolves when hidden, or rejects on destroyed
-    return new Promise((resolve, reject) => {
-      let resolved = false;
-      msgBox.$once(HOOK_EVENT_NAME_DESTROYED, () => {
-        if (!resolved) {
-          /* istanbul ignore next */
-          reject(new Error('BootstrapVue MsgBox destroyed before resolve'));
-        }
-      });
-      msgBox.$on(EVENT_NAME_HIDE, bvModalEvent => {
-        if (!bvModalEvent.defaultPrevented) {
-          const result = resolver(bvModalEvent);
-          // If resolver didn't cancel hide, we resolve
-          if (!bvModalEvent.defaultPrevented) {
-            resolved = true;
-            resolve(result);
-          }
-        }
-      });
-      // Create a mount point (a DIV) and mount the msgBo which will trigger it to show
-      const div = document.createElement('div');
-      document.body.appendChild(div);
-      msgBox.$mount(div);
-    });
-  };
-
-  // Private utility method to open a user defined message box and returns a promise.
-  // Not to be used directly by consumers, as this method may change calling syntax
-  const makeMsgBox = function (parent, content) {
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    let resolver = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-    if (!content || warnNoPromiseSupport(PROP_NAME) || warnNotClient(PROP_NAME) || !isFunction(resolver)) {
-      /* istanbul ignore next */
-      return;
-    }
-    return asyncMsgBox(parent, {
-      ...filterOptions(options),
-      msgBoxContent: content
-    }, resolver);
-  };
-
-  // BvModal instance class
-  class BvModal {
-    constructor(vm) {
-      // Assign the new properties to this instance
-      assign(this, {
-        _vm: vm,
-        _root: getEventRoot(vm)
-      });
-      // Set these properties as read-only and non-enumerable
-      defineProperties(this, {
-        _vm: readonlyDescriptor(),
-        _root: readonlyDescriptor()
-      });
-    }
-
-    // --- Instance methods ---
-
-    // Show modal with the specified ID args are for future use
-    show(id) {
-      if (id && this._root) {
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-        this._root.$emit(getRootActionEventName(NAME_MODAL, 'show'), id, ...args);
-      }
-    }
-
-    // Hide modal with the specified ID args are for future use
-    hide(id) {
-      if (id && this._root) {
-        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-          args[_key2 - 1] = arguments[_key2];
-        }
-        this._root.$emit(getRootActionEventName(NAME_MODAL, 'hide'), id, ...args);
-      }
-    }
-
-    // The following methods require Promise support!
-    // IE 11 and others do not support Promise natively, so users
-    // should have a Polyfill loaded (which they need anyways for IE 11 support)
-
-    // Open a message box with OK button only and returns a promise
-    msgBoxOk(message) {
-      let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      // Pick the modal props we support from options
-      const props = {
-        ...options,
-        // Add in overrides and our content prop
-        okOnly: true,
-        okDisabled: false,
-        hideFooter: false,
-        msgBoxContent: message
-      };
-      return makeMsgBox(this._vm, message, props, () => {
-        // Always resolve to true for OK
-        return true;
-      });
-    }
-
-    // Open a message box modal with OK and CANCEL buttons
-    // and returns a promise
-    msgBoxConfirm(message) {
-      let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      // Set the modal props we support from options
-      const props = {
-        ...options,
-        // Add in overrides and our content prop
-        okOnly: false,
-        okDisabled: false,
-        cancelDisabled: false,
-        hideFooter: false
-      };
-      return makeMsgBox(this._vm, message, props, bvModalEvent => {
-        const trigger = bvModalEvent.trigger;
-        return trigger === 'ok' ? true : trigger === 'cancel' ? false : null;
-      });
-    }
-  }
-
-  // Add our instance mixin
-  Vue.mixin({
-    beforeCreate() {
-      // Because we need access to `$root` for `$emits`, and VM for parenting,
-      // we have to create a fresh instance of `BvModal` for each VM
-      this[PROP_NAME_PRIV] = new BvModal(this);
-    }
-  });
-
-  // Define our read-only `$bvModal` instance property
-  // Placed in an if just in case in HMR mode
-  if (!hasOwnProperty(Vue.prototype, PROP_NAME)) {
-    defineProperty(Vue.prototype, PROP_NAME, {
-      get() {
-        /* istanbul ignore next */
-        if (!this || !this[PROP_NAME_PRIV]) {
-          warn(`"${PROP_NAME}" must be accessed from a Vue instance "this" context.`, NAME_MODAL);
-        }
-        return this[PROP_NAME_PRIV];
-      }
-    });
-  }
-};
-const BVModalPlugin = /*#__PURE__*/pluginFactory({
-  plugins: {
-    plugin
-  }
-});
-
-export { BVModalPlugin };

package/dist/vendor/bootstrap-vue/src/directives/hover/hover.js

@@ -1,61 +0,0 @@
-import { IS_BROWSER } from '../../constants/env';
-import { EVENT_OPTIONS_NO_CAPTURE } from '../../constants/events';
-import { eventOnOff } from '../../utils/events';
-import { isFunction } from '../../utils/inspect';
-
-// v-b-hover directive
-
-// --- Constants ---
-
-const PROP = '__BV_hover_handler__';
-const MOUSEENTER = 'mouseenter';
-const MOUSELEAVE = 'mouseleave';
-
-// --- Helper methods ---
-
-const createListener = handler => {
-  const listener = event => {
-    handler(event.type === MOUSEENTER, event);
-  };
-  listener.fn = handler;
-  return listener;
-};
-const updateListeners = (on, el, listener) => {
-  eventOnOff(on, el, MOUSEENTER, listener, EVENT_OPTIONS_NO_CAPTURE);
-  eventOnOff(on, el, MOUSELEAVE, listener, EVENT_OPTIONS_NO_CAPTURE);
-};
-
-// --- Directive bind/unbind/update handler ---
-
-const directive = (el, _ref) => {
-  let {
-    value: handler = null
-  } = _ref;
-  if (IS_BROWSER) {
-    const listener = el[PROP];
-    const hasListener = isFunction(listener);
-    const handlerChanged = !(hasListener && listener.fn === handler);
-    if (hasListener && handlerChanged) {
-      updateListeners(false, el, listener);
-      delete el[PROP];
-    }
-    if (isFunction(handler) && handlerChanged) {
-      el[PROP] = createListener(handler);
-      updateListeners(true, el, el[PROP]);
-    }
-  }
-};
-
-// VBHover directive
-
-const VBHover = {
-  bind: directive,
-  componentUpdated: directive,
-  unbind(el) {
-    directive(el, {
-      value: null
-    });
-  }
-};
-
-export { VBHover };

package/dist/vendor/bootstrap-vue/src/directives/hover/index.js

@@ -1,11 +0,0 @@
-import { VBHover } from './hover';
-export { VBHover } from './hover';
-import { pluginFactory } from '../../utils/plugins';
-
-const VBHoverPlugin = /*#__PURE__*/pluginFactory({
-  directives: {
-    VBHover
-  }
-});
-
-export { VBHoverPlugin };

package/dist/vendor/bootstrap-vue/src/directives/index.js

@@ -1,23 +0,0 @@
-import { pluginFactory } from '../utils/plugins';
-import { VBHoverPlugin } from './hover';
-import { VBModalPlugin } from './modal';
-import { VBPopoverPlugin } from './popover';
-import { VBScrollspyPlugin } from './scrollspy';
-import { VBTogglePlugin } from './toggle';
-import { VBTooltipPlugin } from './tooltip';
-import { VBVisiblePlugin } from './visible';
-
-// Main plugin for installing all directive plugins
-const directivesPlugin = /*#__PURE__*/pluginFactory({
-  plugins: {
-    VBHoverPlugin,
-    VBModalPlugin,
-    VBPopoverPlugin,
-    VBScrollspyPlugin,
-    VBTogglePlugin,
-    VBTooltipPlugin,
-    VBVisiblePlugin
-  }
-});
-
-export { directivesPlugin };

package/dist/vendor/bootstrap-vue/src/directives/popover/index.js

@@ -1,11 +0,0 @@
-import { VBPopover } from './popover';
-export { VBPopover } from './popover';
-import { pluginFactory } from '../../utils/plugins';
-
-const VBPopoverPlugin = /*#__PURE__*/pluginFactory({
-  directives: {
-    VBPopover
-  }
-});
-
-export { VBPopoverPlugin };

package/dist/vendor/bootstrap-vue/src/directives/popover/popover.js

@@ -1,265 +0,0 @@
-import { NAME_POPOVER } from '../../constants/components';
-import { IS_BROWSER } from '../../constants/env';
-import { EVENT_NAME_SHOW } from '../../constants/events';
-import { concat } from '../../utils/array';
-import { getComponentConfig } from '../../utils/config';
-import { getScopeId } from '../../utils/get-scope-id';
-import { identity } from '../../utils/identity';
-import { getInstanceFromDirective } from '../../utils/get-instance-from-directive';
-import { isFunction, isString, isNumber, isPlainObject, isUndefined, isUndefinedOrNull } from '../../utils/inspect';
-import { looseEqual } from '../../utils/loose-equal';
-import { toInteger } from '../../utils/number';
-import { keys } from '../../utils/object';
-import { createNewChildComponent } from '../../utils/create-new-child-component';
-import { BVPopover } from '../../components/popover/helpers/bv-popover';
-import { nextTick } from '../../vue';
-
-// Key which we use to store tooltip object on element
-const BV_POPOVER = '__BV_Popover__';
-
-// Default trigger
-const DefaultTrigger = 'click';
-
-// Valid event triggers
-const validTriggers = {
-  focus: true,
-  hover: true,
-  click: true,
-  blur: true,
-  manual: true
-};
-
-// Directive modifier test regular expressions. Pre-compile for performance
-const htmlRE = /^html$/i;
-const noFadeRE = /^nofade$/i;
-const placementRE = /^(auto|top(left|right)?|bottom(left|right)?|left(top|bottom)?|right(top|bottom)?)$/i;
-const boundaryRE = /^(window|viewport|scrollParent)$/i;
-const delayRE = /^d\d+$/i;
-const delayShowRE = /^ds\d+$/i;
-const delayHideRE = /^dh\d+$/i;
-const offsetRE = /^o-?\d+$/i;
-const variantRE = /^v-.+$/i;
-const spacesRE = /\s+/;
-
-// Build a Popover config based on bindings (if any)
-// Arguments and modifiers take precedence over passed value config object
-const parseBindings = (bindings, vnode) => /* istanbul ignore next: not easy to test */{
-  // We start out with a basic config
-  let config = {
-    title: undefined,
-    content: undefined,
-    trigger: '',
-    // Default set below if needed
-    placement: 'right',
-    fallbackPlacement: 'flip',
-    container: false,
-    // Default of body
-    animation: true,
-    offset: 0,
-    disabled: false,
-    id: null,
-    html: false,
-    delay: getComponentConfig(NAME_POPOVER, 'delay', 50),
-    boundary: String(getComponentConfig(NAME_POPOVER, 'boundary', 'scrollParent')),
-    boundaryPadding: toInteger(getComponentConfig(NAME_POPOVER, 'boundaryPadding', 5), 0),
-    variant: getComponentConfig(NAME_POPOVER, 'variant'),
-    customClass: getComponentConfig(NAME_POPOVER, 'customClass')
-  };
-
-  // Process `bindings.value`
-  if (isString(bindings.value) || isNumber(bindings.value)) {
-    // Value is popover content (html optionally supported)
-    config.content = bindings.value;
-  } else if (isFunction(bindings.value)) {
-    // Content generator function
-    config.content = bindings.value;
-  } else if (isPlainObject(bindings.value)) {
-    // Value is config object, so merge
-    config = {
-      ...config,
-      ...bindings.value
-    };
-  }
-
-  // If argument, assume element ID of container element
-  if (bindings.arg) {
-    // Element ID specified as arg
-    // We must prepend '#' to become a CSS selector
-    config.container = `#${bindings.arg}`;
-  }
-
-  // If title is not provided, try title attribute
-  if (isUndefined(config.title)) {
-    // Try attribute
-    const data = vnode.data || {};
-    config.title = data.attrs && !isUndefinedOrNull(data.attrs.title) ? data.attrs.title : undefined;
-  }
-
-  // Normalize delay
-  if (!isPlainObject(config.delay)) {
-    config.delay = {
-      show: toInteger(config.delay, 0),
-      hide: toInteger(config.delay, 0)
-    };
-  }
-
-  // Process modifiers
-  keys(bindings.modifiers).forEach(mod => {
-    if (htmlRE.test(mod)) {
-      // Title/content allows HTML
-      config.html = true;
-    } else if (noFadeRE.test(mod)) {
-      // No animation
-      config.animation = false;
-    } else if (placementRE.test(mod)) {
-      // Placement of popover
-      config.placement = mod;
-    } else if (boundaryRE.test(mod)) {
-      // Boundary of popover
-      mod = mod === 'scrollparent' ? 'scrollParent' : mod;
-      config.boundary = mod;
-    } else if (delayRE.test(mod)) {
-      // Delay value
-      const delay = toInteger(mod.slice(1), 0);
-      config.delay.show = delay;
-      config.delay.hide = delay;
-    } else if (delayShowRE.test(mod)) {
-      // Delay show value
-      config.delay.show = toInteger(mod.slice(2), 0);
-    } else if (delayHideRE.test(mod)) {
-      // Delay hide value
-      config.delay.hide = toInteger(mod.slice(2), 0);
-    } else if (offsetRE.test(mod)) {
-      // Offset value, negative allowed
-      config.offset = toInteger(mod.slice(1), 0);
-    } else if (variantRE.test(mod)) {
-      // Variant
-      config.variant = mod.slice(2) || null;
-    }
-  });
-
-  // Special handling of event trigger modifiers trigger is
-  // a space separated list
-  const selectedTriggers = {};
-
-  // Parse current config object trigger
-  concat(config.trigger || '').filter(identity).join(' ').trim().toLowerCase().split(spacesRE).forEach(trigger => {
-    if (validTriggers[trigger]) {
-      selectedTriggers[trigger] = true;
-    }
-  });
-
-  // Parse modifiers for triggers
-  keys(bindings.modifiers).forEach(mod => {
-    mod = mod.toLowerCase();
-    if (validTriggers[mod]) {
-      // If modifier is a valid trigger
-      selectedTriggers[mod] = true;
-    }
-  });
-
-  // Sanitize triggers
-  config.trigger = keys(selectedTriggers).join(' ');
-  if (config.trigger === 'blur') {
-    // Blur by itself is useless, so convert it to 'focus'
-    config.trigger = 'focus';
-  }
-  if (!config.trigger) {
-    // Use default trigger
-    config.trigger = DefaultTrigger;
-  }
-  return config;
-};
-
-// Add or update Popover on our element
-const applyPopover = (el, bindings, vnode) => {
-  if (!IS_BROWSER) {
-    /* istanbul ignore next */
-    return;
-  }
-  const config = parseBindings(bindings, vnode);
-  if (!el[BV_POPOVER]) {
-    const parent = getInstanceFromDirective(vnode, bindings);
-    el[BV_POPOVER] = createNewChildComponent(parent, BVPopover, {
-      // Add the parent's scoped style attribute data
-      _scopeId: getScopeId(parent, undefined)
-    });
-    el[BV_POPOVER].__bv_prev_data__ = {};
-    el[BV_POPOVER].$on(EVENT_NAME_SHOW, () => /* istanbul ignore next: for now */{
-      // Before showing the popover, we update the title
-      // and content if they are functions
-      const data = {};
-      if (isFunction(config.title)) {
-        data.title = config.title(el);
-      }
-      if (isFunction(config.content)) {
-        data.content = config.content(el);
-      }
-      if (keys(data).length > 0) {
-        el[BV_POPOVER].updateData(data);
-      }
-    });
-  }
-  const data = {
-    title: config.title,
-    content: config.content,
-    triggers: config.trigger,
-    placement: config.placement,
-    fallbackPlacement: config.fallbackPlacement,
-    variant: config.variant,
-    customClass: config.customClass,
-    container: config.container,
-    boundary: config.boundary,
-    delay: config.delay,
-    offset: config.offset,
-    noFade: !config.animation,
-    id: config.id,
-    disabled: config.disabled,
-    html: config.html
-  };
-  const oldData = el[BV_POPOVER].__bv_prev_data__;
-  el[BV_POPOVER].__bv_prev_data__ = data;
-  if (!looseEqual(data, oldData)) {
-    // We only update the instance if data has changed
-    const newData = {
-      target: el
-    };
-    keys(data).forEach(prop => {
-      // We only pass data properties that have changed
-      if (data[prop] !== oldData[prop]) {
-        // If title/content is a function, we execute it here
-        newData[prop] = (prop === 'title' || prop === 'content') && isFunction(data[prop]) ? /* istanbul ignore next */data[prop](el) : data[prop];
-      }
-    });
-    el[BV_POPOVER].updateData(newData);
-  }
-};
-
-// Remove Popover from our element
-const removePopover = el => {
-  if (el[BV_POPOVER]) {
-    el[BV_POPOVER].$destroy();
-    el[BV_POPOVER] = null;
-  }
-  delete el[BV_POPOVER];
-};
-
-// Export our directive
-const VBPopover = {
-  bind(el, bindings, vnode) {
-    applyPopover(el, bindings, vnode);
-  },
-  // We use `componentUpdated` here instead of `update`, as the former
-  // waits until the containing component and children have finished updating
-  componentUpdated(el, bindings, vnode) {
-    // Performed in a `$nextTick()` to prevent endless render/update loops
-    nextTick(() => {
-      applyPopover(el, bindings, vnode);
-    });
-  },
-  unbind(el) {
-    removePopover(el);
-  }
-};
-
-export { VBPopover };