@carbon/charts 0.28.0 → 0.29.2

package/styles/vendor/carbon-components/es/components/removed-component.js

@@ -0,0 +1,77 @@
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+import warning from 'warning';
+/**
+ * @param {string} name The component name.
+ * @returns {Function} A stub of removed component.
+ */
+
+var removedComponent = function removedComponent(name) {
+  var _class, _temp;
+
+  var didWarnAboutRemoval = false;
+
+  var warn = function warn() {
+    if (process.env.NODE_ENV !== "production") {
+      process.env.NODE_ENV !== "production" ? warning(didWarnAboutRemoval, "The `".concat(name, "` component has been removed.")) : void 0;
+      didWarnAboutRemoval = true;
+    }
+  };
+
+  return _temp = _class =
+  /*#__PURE__*/
+  function () {
+    function _class() {
+      _classCallCheck(this, _class);
+
+      warn();
+    }
+
+    _createClass(_class, null, [{
+      key: "create",
+      value: function create() {
+        warn();
+      }
+    }, {
+      key: "init",
+      value: function init() {
+        warn();
+      }
+    }]);
+
+    return _class;
+  }(), _class.components
+  /* #__PURE_CLASS_PROPERTY__ */
+  = new WeakMap(), _class.options
+  /* #__PURE_CLASS_PROPERTY__ */
+  = {}, _temp;
+};
+
+export default removedComponent;

package/styles/vendor/carbon-components/es/components/search/search.js

@@ -0,0 +1,236 @@
+function _typeof(obj) {
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+import settings from '../../globals/js/settings';
+import mixin from '../../globals/js/misc/mixin';
+import createComponent from '../../globals/js/mixins/create-component';
+import initComponentBySearch from '../../globals/js/mixins/init-component-by-search';
+import handles from '../../globals/js/mixins/handles';
+import eventMatches from '../../globals/js/misc/event-matches';
+import on from '../../globals/js/misc/on';
+import svgToggleClass from '../../globals/js/misc/svg-toggle-class';
+
+var toArray = function toArray(arrayLike) {
+  return Array.prototype.slice.call(arrayLike);
+};
+
+var Search =
+/*#__PURE__*/
+function (_mixin) {
+  _inherits(Search, _mixin);
+  /**
+   * Search with Options.
+   * @extends CreateComponent
+   * @extends InitComponentBySearch
+   * @extends Handles
+   * @param {HTMLElement} element The element working as the search component.
+   * @param {object} [options] The component options
+   * @property {string} [options.selectorInit]
+   *   The selector to find search UIs with options.
+   * @property {string} [options.selectorSearchView]
+   *   The selector to find the search view icon containers.
+   * @property {string} [options.selectorSearchInput]
+   *   The selector to find the search input.
+   * @property {string} [options.selectorClearIcon]
+   *   The selector for the clear icon that clears the search box.
+   * @property {string} [options.selectorIconContainer] The data attribute selector for the icon layout container.
+   * @property {string} [options.classClearHidden] The class used to hide the clear icon.
+   * @property {string} [options.classLayoutHidden] The class used to hide nonselected layout view.
+   */
+
+
+  function Search(element, options) {
+    var _this;
+
+    _classCallCheck(this, Search);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(Search).call(this, element, options));
+
+    var closeIcon = _this.element.querySelector(_this.options.selectorClearIcon);
+
+    var input = _this.element.querySelector(_this.options.selectorSearchInput);
+
+    if (!input) {
+      throw new Error('Cannot find the search input.');
+    }
+
+    if (closeIcon) {
+      _this.manage(on(closeIcon, 'click', function () {
+        svgToggleClass(closeIcon, _this.options.classClearHidden, true);
+        input.value = '';
+        input.focus();
+      }));
+    }
+
+    _this.manage(on(_this.element, 'click', function (evt) {
+      var toggleItem = eventMatches(evt, _this.options.selectorIconContainer);
+      if (toggleItem) _this.toggleLayout(toggleItem);
+    }));
+
+    _this.manage(on(input, 'input', function (evt) {
+      if (closeIcon) _this.showClear(evt.target.value, closeIcon);
+    }));
+
+    return _this;
+  }
+  /**
+   * Toggles between the grid and list layout.
+   * @param {HTMLElement} element The element contining the layout toggle.
+   */
+
+
+  _createClass(Search, [{
+    key: "toggleLayout",
+    value: function toggleLayout(element) {
+      var _this2 = this;
+
+      toArray(element.querySelectorAll(this.options.selectorSearchView)).forEach(function (item) {
+        item.classList.toggle(_this2.options.classLayoutHidden);
+      });
+    }
+    /**
+     * Toggles the clear icon visibility
+     * @param {HTMLElement} value The element serving as the search input.
+     * @param {HTMLElement} icon The element serving as close icon.
+     */
+
+  }, {
+    key: "showClear",
+    value: function showClear(value, icon) {
+      svgToggleClass(icon, this.options.classClearHidden, value.length === 0);
+    }
+    /**
+     * The component options.
+     * If `options` is specified in the constructor,
+     * {@linkcode Search.create .create()}, or {@linkcode Search.init .init()},
+     * properties in this object are overriden for the instance being created
+     * and how {@linkcode Search.init .init()} works.
+     * @member Search.options
+     * @type {object}
+     * @property {string} [options.selectorInit]
+     *   The selector to find search UIs with options.
+     * @property {string} [options.selectorSearchView]
+     *   The selector to find the search view icon containers.
+     * @property {string} [options.selectorSearchInput]
+     *   The selector to find the search input.
+     * @property {string} [options.selectorClearIcon]
+     *   The selector for the clear icon that clears the search box.
+     * @property {string} [options.selectorIconContainer] The data attribute selector for the icon layout container.
+     * @property {string} [options.classClearHidden] The class used to hide the clear icon.
+     * @property {string} [options.classLayoutHidden] The class used to hide nonselected layout view.
+     */
+
+  }], [{
+    key: "options",
+    get: function get() {
+      var prefix = settings.prefix;
+      return {
+        selectorInit: '[data-search]',
+        selectorSearchView: '[data-search-view]',
+        selectorSearchInput: ".".concat(prefix, "--search-input"),
+        selectorClearIcon: ".".concat(prefix, "--search-close"),
+        selectorIconContainer: ".".concat(prefix, "--search-button[data-search-toggle]"),
+        classClearHidden: "".concat(prefix, "--search-close--hidden"),
+        classLayoutHidden: "".concat(prefix, "--search-view--hidden")
+      };
+    }
+    /**
+     * The map associating DOM element and search instance.
+     * @member Search.components
+     * @type {WeakMap}
+     */
+
+  }]);
+
+  Search.components = new WeakMap();
+  return Search;
+}(mixin(createComponent, initComponentBySearch, handles));
+
+export default Search;

package/styles/vendor/carbon-components/es/components/slider/slider.js

@@ -0,0 +1,357 @@
+function _typeof(obj) {
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+import settings from '../../globals/js/settings';
+import mixin from '../../globals/js/misc/mixin';
+import createComponent from '../../globals/js/mixins/create-component';
+import initComponentBySearch from '../../globals/js/mixins/init-component-by-search';
+import eventedState from '../../globals/js/mixins/evented-state';
+import handles from '../../globals/js/mixins/handles';
+import on from '../../globals/js/misc/on';
+
+var Slider =
+/*#__PURE__*/
+function (_mixin) {
+  _inherits(Slider, _mixin);
+  /**
+   * Slider.
+   * @extends CreateComponent
+   * @extends InitComponentBySearch
+   * @extends Handles
+   * @param {HTMLElement} element The element working as an slider.
+   */
+
+
+  function Slider(element, options) {
+    var _this;
+
+    _classCallCheck(this, Slider);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(Slider).call(this, element, options));
+
+    _this._changeState = function (state, detail, callback) {
+      callback();
+    };
+
+    _this.sliderActive = false;
+    _this.dragging = false;
+    _this.track = _this.element.querySelector(_this.options.selectorTrack);
+    _this.filledTrack = _this.element.querySelector(_this.options.selectorFilledTrack);
+    _this.thumb = _this.element.querySelector(_this.options.selectorThumb);
+    _this.input = _this.element.querySelector(_this.options.selectorInput);
+
+    if (_this.element.dataset.sliderInputBox) {
+      _this.boundInput = _this.element.ownerDocument.querySelector(_this.element.dataset.sliderInputBox);
+
+      _this._updateInput();
+
+      _this.manage(on(_this.boundInput, 'change', function (evt) {
+        _this.setValue(evt.target.value);
+      }));
+
+      _this.manage(on(_this.boundInput, 'focus', function (evt) {
+        evt.target.select();
+      })); // workaround for safari
+
+
+      _this.manage(on(_this.boundInput, 'mouseup', function (evt) {
+        evt.preventDefault();
+      }));
+    }
+
+    _this._updatePosition();
+
+    _this.manage(on(_this.thumb, 'mousedown', function () {
+      _this.sliderActive = true;
+    }));
+
+    _this.manage(on(_this.element.ownerDocument, 'mouseup', function () {
+      _this.sliderActive = false;
+    }));
+
+    _this.manage(on(_this.element.ownerDocument, 'mousemove', function (evt) {
+      var disabled = _this.element.classList.contains(_this.options.classDisabled);
+
+      if (_this.sliderActive === true && !disabled) {
+        _this._updatePosition(evt);
+      }
+    }));
+
+    _this.manage(on(_this.thumb, 'keydown', function (evt) {
+      var disabled = _this.element.classList.contains(_this.options.classDisabled);
+
+      if (!disabled) {
+        _this._updatePosition(evt);
+      }
+    }));
+
+    _this.manage(on(_this.track, 'click', function (evt) {
+      var disabled = _this.element.classList.contains(_this.options.classDisabled);
+
+      if (!disabled) {
+        _this._updatePosition(evt);
+      }
+    }));
+
+    return _this;
+  }
+
+  _createClass(Slider, [{
+    key: "_updatePosition",
+    value: function _updatePosition(evt) {
+      var _this2 = this;
+
+      var _this$_calcValue = this._calcValue(evt),
+          left = _this$_calcValue.left,
+          newValue = _this$_calcValue.newValue;
+
+      if (this.dragging) {
+        return;
+      }
+
+      this.dragging = true;
+      requestAnimationFrame(function () {
+        _this2.dragging = false;
+        _this2.thumb.style.left = "".concat(left, "%");
+        _this2.filledTrack.style.transform = "translate(0%, -50%) scaleX(".concat(left / 100, ")");
+        _this2.input.value = newValue;
+
+        _this2._updateInput();
+
+        _this2.changeState('slider-value-change', {
+          value: newValue
+        });
+      });
+    }
+  }, {
+    key: "_calcValue",
+    value: function _calcValue(evt) {
+      var _this$getInputProps = this.getInputProps(),
+          value = _this$getInputProps.value,
+          min = _this$getInputProps.min,
+          max = _this$getInputProps.max,
+          step = _this$getInputProps.step;
+
+      var range = max - min;
+      var valuePercentage = (value - min) / range * 100;
+      var left;
+      var newValue;
+      left = valuePercentage;
+      newValue = value;
+
+      if (evt) {
+        var type = evt.type;
+
+        if (type === 'keydown') {
+          var direction = {
+            40: -1,
+            // decreasing
+            37: -1,
+            // decreasing
+            38: 1,
+            // increasing
+            39: 1 // increasing
+
+          }[evt.which];
+
+          if (direction !== undefined) {
+            var multiplier = evt.shiftKey === true ? range / step / this.options.stepMultiplier : 1;
+            var stepMultiplied = step * multiplier;
+            var stepSize = stepMultiplied / range * 100;
+            left = valuePercentage + stepSize * direction;
+            newValue = Number(value) + stepMultiplied * direction;
+          }
+        }
+
+        if (type === 'mousemove' || type === 'click') {
+          if (type === 'click') {
+            this.element.querySelector(this.options.selectorThumb).classList.add(this.options.classThumbClicked);
+          } else {
+            this.element.querySelector(this.options.selectorThumb).classList.remove(this.options.classThumbClicked);
+          }
+
+          var track = this.track.getBoundingClientRect();
+          var unrounded = (evt.clientX - track.left) / track.width;
+          var rounded = Math.round(range * unrounded / step) * step;
+          left = rounded / range * 100;
+          newValue = rounded + min;
+        }
+      }
+
+      if (newValue <= Number(min)) {
+        left = 0;
+        newValue = min;
+      }
+
+      if (newValue >= Number(max)) {
+        left = 100;
+        newValue = max;
+      }
+
+      return {
+        left: left,
+        newValue: newValue
+      };
+    }
+  }, {
+    key: "_updateInput",
+    value: function _updateInput() {
+      if (this.boundInput) {
+        this.boundInput.value = this.input.value;
+      }
+    }
+  }, {
+    key: "getInputProps",
+    value: function getInputProps() {
+      var values = {
+        value: Number(this.input.value),
+        min: Number(this.input.min),
+        max: Number(this.input.max),
+        step: this.input.step ? Number(this.input.step) : 1
+      };
+      return values;
+    }
+  }, {
+    key: "setValue",
+    value: function setValue(value) {
+      this.input.value = value;
+
+      this._updatePosition();
+    }
+  }, {
+    key: "stepUp",
+    value: function stepUp() {
+      this.input.stepUp();
+
+      this._updatePosition();
+    }
+  }, {
+    key: "stepDown",
+    value: function stepDown() {
+      this.input.stepDown();
+
+      this._updatePosition();
+    }
+    /**
+     * The map associating DOM element and Slider UI instance.
+     * @type {WeakMap}
+     */
+
+  }], [{
+    key: "options",
+
+    /**
+     * The component options.
+     * If `options` is specified in the constructor,
+     * properties in this object are overriden for the instance being created.
+     * @property {string} selectorInit The CSS selector to find slider instances.
+     */
+    get: function get() {
+      var prefix = settings.prefix;
+      return {
+        selectorInit: '[data-slider]',
+        selectorTrack: ".".concat(prefix, "--slider__track"),
+        selectorFilledTrack: ".".concat(prefix, "--slider__filled-track"),
+        selectorThumb: ".".concat(prefix, "--slider__thumb"),
+        selectorInput: ".".concat(prefix, "--slider__input"),
+        classDisabled: "".concat(prefix, "--slider--disabled"),
+        classThumbClicked: "".concat(prefix, "--slider__thumb--clicked"),
+        eventBeforeSliderValueChange: 'slider-before-value-change',
+        eventAfterSliderValueChange: 'slider-after-value-change',
+        stepMultiplier: 4
+      };
+    }
+  }]);
+
+  Slider.components = new WeakMap();
+  return Slider;
+}(mixin(createComponent, initComponentBySearch, eventedState, handles));
+
+export default Slider;