@gitlab/ui/dist/vendor/bootstrap-vue/src/utils/config-set.js

GitLab UI Components

import { Vue } from '../vue';
import { PROP_NAME, NAME } from '../constants/config';
import { cloneDeep } from './clone-deep';
import { getRaw } from './get';
import { isPlainObject, isArray, isString, isUndefined } from './inspect';
import { getOwnPropertyNames } from './object';
import { warn } from './warn';

// Config manager class
class BvConfig {
  constructor() {
    this.$_config = {};
  }

  // Method to merge in user config parameters
  setConfig() {
    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    /* istanbul ignore next */
    if (!isPlainObject(config)) {
      return;
    }
    const configKeys = getOwnPropertyNames(config);
    configKeys.forEach(key => {
      /* istanbul ignore next */
      const subConfig = config[key];
      if (key === 'breakpoints') {
        /* istanbul ignore if */
        if (!isArray(subConfig) || subConfig.length < 2 || subConfig.some(b => !isString(b) || b.length === 0)) {
          warn('"breakpoints" must be an array of at least 2 breakpoint names', NAME);
        } else {
          this.$_config[key] = cloneDeep(subConfig);
        }
      } else if (isPlainObject(subConfig)) {
        // Component prop defaults
        this.$_config[key] = getOwnPropertyNames(subConfig).reduce((config, prop) => {
          if (!isUndefined(subConfig[prop])) {
            config[prop] = cloneDeep(subConfig[prop]);
          }
          return config;
        }, this.$_config[key] || {});
      }
    });
  }

  // Clear the config
  resetConfig() {
    this.$_config = {};
  }

  // Returns a deep copy of the user config
  getConfig() {
    return cloneDeep(this.$_config);
  }

  // Returns a deep copy of the config value
  getConfigValue(key) {
    let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
    return cloneDeep(getRaw(this.$_config, key, defaultValue));
  }
}

// Method for applying a global config
const setConfig = function () {
  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  let Vue$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Vue;
  // Ensure we have a `$bvConfig` Object on the Vue prototype
  // We set on Vue and OurVue just in case consumer has not set an alias of `vue`
  Vue$1.prototype[PROP_NAME] = Vue.prototype[PROP_NAME] = Vue$1.prototype[PROP_NAME] || Vue.prototype[PROP_NAME] || new BvConfig();
  // Apply the config values
  Vue$1.prototype[PROP_NAME].setConfig(config);
};

// Method for resetting the user config
// Exported for testing purposes only
const resetConfig = () => {
  if (Vue.prototype[PROP_NAME] && Vue.prototype[PROP_NAME].resetConfig) {
    Vue.prototype[PROP_NAME].resetConfig();
  }
};

export { resetConfig, setConfig };