@carbon/charts 0.41.89 → 0.41.93

package/styles/vendor/carbon-components/es/components/copy-button/copy-button.js

@@ -1,4 +1,6 @@
 function _typeof(obj) {
+  "@babel/helpers - typeof";
+
   if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
     _typeof = function _typeof(obj) {
       return typeof obj;
@@ -34,29 +36,6 @@ function _createClass(Constructor, protoProps, 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");
@@ -80,6 +59,61 @@ function _setPrototypeOf(o, p) {
 
   return _setPrototypeOf(o, p);
 }
+
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived),
+        result;
+
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+
+    return _possibleConstructorReturn(this, result);
+  };
+}
+
+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 _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
 /**
  * Copyright IBM Corp. 2016, 2018
  *
@@ -95,10 +129,10 @@ import initComponentBySearch from '../../globals/js/mixins/init-component-by-sea
 import handles from '../../globals/js/mixins/handles';
 import on from '../../globals/js/misc/on';
 
-var CopyButton =
-/*#__PURE__*/
-function (_mixin) {
+var CopyButton = /*#__PURE__*/function (_mixin) {
   _inherits(CopyButton, _mixin);
+
+  var _super = _createSuper(CopyButton);
   /**
    * CopyBtn UI.
    * @extends CreateComponent
@@ -108,25 +142,51 @@ function (_mixin) {
    */
 
 
+  /**
+   * CopyBtn UI.
+   * @extends CreateComponent
+   * @extends InitComponentBySearch
+   * @extends Handles
+   * @param {HTMLElement} element The element working as a copy button UI.
+   */
   function CopyButton(element, options) {
     var _this;
 
     _classCallCheck(this, CopyButton);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(CopyButton).call(this, element, options));
+    _this = _super.call(this, element, options);
 
     _this.manage(on(_this.element, 'click', function () {
       return _this.handleClick();
     }));
 
+    _this.manage(on(_this.element, 'animationend', function (event) {
+      return _this.handleAnimationEnd(event);
+    }));
+
     return _this;
   }
   /**
-   * Show the feedback tooltip on click. Hide the feedback tooltip after specified timeout value.
+   * Cleanup animation classes
    */
 
 
+  /**
+   * Cleanup animation classes
+   */
   _createClass(CopyButton, [{
+    key: "handleAnimationEnd",
+    value: function handleAnimationEnd(event) {
+      if (event.animationName === 'hide-feedback') {
+        this.element.classList.remove(this.options.classAnimating);
+        this.element.classList.remove(this.options.classFadeOut);
+      }
+    }
+    /**
+     * Show the feedback tooltip on click. Hide the feedback tooltip after specified timeout value.
+     */
+
+  }, {
     key: "handleClick",
     value: function handleClick() {
       var _this2 = this;
@@ -138,6 +198,14 @@ function (_mixin) {
         setTimeout(function () {
           feedback.classList.remove(_this2.options.classShowFeedback);
         }, this.options.timeoutValue);
+      } else {
+        this.element.classList.add(this.options.classAnimating);
+        this.element.classList.add(this.options.classFadeIn);
+        setTimeout(function () {
+          _this2.element.classList.remove(_this2.options.classFadeIn);
+
+          _this2.element.classList.add(_this2.options.classFadeOut);
+        }, this.options.timeoutValue);
       }
     }
     /**
@@ -148,7 +216,7 @@ function (_mixin) {
 
   }], [{
     key: "options",
-
+    get:
     /**
      * The component options.
      * If `options` is specified in the constructor, {@linkcode CopyBtn.create .create()}, or {@linkcode CopyBtn.init .init()},
@@ -160,12 +228,15 @@ function (_mixin) {
      * @property {string} classShowFeedback The CSS selector for showing the feedback tooltip.
      * @property {number} timeoutValue The specified timeout value before the feedback tooltip is hidden.
      */
-    get: function get() {
+    function get() {
       var prefix = settings.prefix;
       return {
         selectorInit: '[data-copy-btn]',
         feedbackTooltip: '[data-feedback]',
         classShowFeedback: "".concat(prefix, "--btn--copy__feedback--displayed"),
+        classAnimating: "".concat(prefix, "--copy-btn--animating"),
+        classFadeIn: "".concat(prefix, "--copy-btn--fade-in"),
+        classFadeOut: "".concat(prefix, "--copy-btn--fade-out"),
         timeoutValue: 2000
       };
     }

package/styles/vendor/carbon-components/es/components/data-table/data-table.js

@@ -1,4 +1,6 @@
 function _typeof(obj) {
+  "@babel/helpers - typeof";
+
   if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
     _typeof = function _typeof(obj) {
       return typeof obj;
@@ -13,25 +15,38 @@ function _typeof(obj) {
 }
 
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
 function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 
 function _iterableToArray(iter) {
-  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
 function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
-      arr2[i] = arr[i];
-    }
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
 
-    return arr2;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
   }
+
+  return arr2;
 }
 
 function _classCallCheck(instance, Constructor) {
@@ -56,29 +71,6 @@ function _createClass(Constructor, protoProps, 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");
@@ -102,6 +94,61 @@ function _setPrototypeOf(o, p) {
 
   return _setPrototypeOf(o, p);
 }
+
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived),
+        result;
+
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+
+    return _possibleConstructorReturn(this, result);
+  };
+}
+
+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 _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
 /**
  * Copyright IBM Corp. 2016, 2018
  *
@@ -115,16 +162,18 @@ 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 eventMatches from '../../globals/js/misc/event-matches';
+import on from '../../globals/js/misc/on';
 
 var toArray = function toArray(arrayLike) {
   return Array.prototype.slice.call(arrayLike);
 };
 
-var DataTable =
-/*#__PURE__*/
-function (_mixin) {
+var DataTable = /*#__PURE__*/function (_mixin) {
   _inherits(DataTable, _mixin);
+
+  var _super = _createSuper(DataTable);
   /**
    * Data Table
    * @extends CreateComponent
@@ -142,12 +191,27 @@ function (_mixin) {
    */
 
 
+  /**
+   * Data Table
+   * @extends CreateComponent
+   * @extends InitComponentBySearch
+   * @extends   EventedState
+   * @param {HTMLElement} element The root element of tables
+   * @param {object} [options] the... options
+   * @param {string} [options.selectorInit] selector initialization
+   * @param {string} [options.selectorExpandCells] css selector for expand
+   * @param {string} [options.expandableRow] css selector for expand
+   * @param {string} [options.selectorParentRows] css selector for rows housing expansion
+   * @param {string} [options.selectorTableBody] root css for table body
+   * @param {string} [options.eventTrigger] selector for event bubble capture points
+   * @param {string} [options.eventParentContainer] used find the bubble container
+   */
   function DataTable(_element, options) {
     var _this;
 
     _classCallCheck(this, DataTable);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(DataTable).call(this, _element, options));
+    _this = _super.call(this, _element, options);
 
     _this._sortToggle = function (detail) {
       var element = detail.element,
@@ -180,11 +244,13 @@ function (_mixin) {
       var element = detail.element;
       var checked = element.checked; // increment the  count
 
+      // increment the  count
       _this.state.checkboxCount += checked ? 1 : -1;
       _this.countEl.textContent = _this.state.checkboxCount;
       var row = element.parentNode.parentNode;
       row.classList.toggle(_this.options.classTableSelected); // toggle on/off batch action bar
 
+      // toggle on/off batch action bar
       _this._actionBarToggle(_this.state.checkboxCount > 0);
     };
 
@@ -230,8 +296,12 @@ function (_mixin) {
     };
 
     _this._actionBarToggle = function (toggleOn) {
+      var handleTransitionEnd;
+
       var transition = function transition(evt) {
-        _this.batchActionEl.removeEventListener('transitionend', transition);
+        if (handleTransitionEnd) {
+          handleTransitionEnd = _this.unmanage(handleTransitionEnd).release();
+        }
 
         if (evt.target.matches(_this.options.selectorActions)) {
           if (_this.batchActionEl.dataset.active === 'false') {
@@ -253,7 +323,7 @@ function (_mixin) {
       }
 
       if (_this.batchActionEl) {
-        _this.batchActionEl.addEventListener('transitionend', transition);
+        handleTransitionEnd = _this.manage(on(_this.batchActionEl, 'transitionend', transition));
       }
     };
 
@@ -263,6 +333,8 @@ function (_mixin) {
       var parent = element.closest(_this.options.eventParentContainer); // NOTE: `data-previous-value` keeps UI state before this method makes change in style
       // eslint-disable-next-line eqeqeq
 
+      // NOTE: `data-previous-value` keeps UI state before this method makes change in style
+      // eslint-disable-next-line eqeqeq
       var shouldExpand = forceExpand != null ? forceExpand : element.dataset.previousValue === undefined || element.dataset.previousValue === 'expanded';
 
       if (shouldExpand) {
@@ -283,6 +355,7 @@ function (_mixin) {
     _this._rowExpandToggleAll = function (_ref3) {
       var element = _ref3.element; // NOTE: `data-previous-value` keeps UI state before this method makes change in style
 
+      // NOTE: `data-previous-value` keeps UI state before this method makes change in style
       var shouldExpand = element.dataset.previousValue === undefined || element.dataset.previousValue === 'expanded';
       element.dataset.previousValue = shouldExpand ? 'collapsed' : 'expanded';
 
@@ -296,15 +369,12 @@ function (_mixin) {
       });
     };
 
-    _this._expandableHoverToggle = function (element) {
-      element.previousElementSibling.classList.add(_this.options.classExpandableRowHover);
+    _this._expandableHoverToggle = function (evt) {
+      var element = eventMatches(evt, _this.options.selectorChildRow);
 
-      var mouseout = function mouseout() {
-        element.previousElementSibling.classList.remove(_this.options.classExpandableRowHover);
-        element.removeEventListener('mouseout', mouseout);
-      };
-
-      element.addEventListener('mouseout', mouseout);
+      if (element) {
+        element.previousElementSibling.classList.toggle(_this.options.classExpandableRowHover, evt.type === 'mouseover');
+      }
     };
 
     _this._toggleState = function (element, evt) {
@@ -346,6 +416,7 @@ function (_mixin) {
       var newExpandableRows = toArray(_this.element.querySelectorAll(_this.options.selectorExpandableRows));
       var newParentRows = toArray(_this.element.querySelectorAll(_this.options.selectorParentRows)); // check if this is a refresh or the first time
 
+      // check if this is a refresh or the first time
       if (_this.parentRows.length > 0) {
         var diffParentRows = newParentRows.filter(function (newRow) {
           return !_this.parentRows.some(function (oldRow) {
@@ -353,6 +424,7 @@ function (_mixin) {
           });
         }); // check if there are expandable rows
 
+        // check if there are expandable rows
         if (newExpandableRows.length > 0) {
           var diffExpandableRows = diffParentRows.map(function (newRow) {
             return newRow.nextElementSibling;
@@ -381,15 +453,11 @@ function (_mixin) {
 
     _this.refreshRows();
 
-    _this.element.addEventListener('mouseover', function (evt) {
-      var eventElement = eventMatches(evt, _this.options.selectorChildRow);
+    _this.manage(on(_this.element, 'mouseover', _this._expandableHoverToggle));
 
-      if (eventElement) {
-        _this._expandableHoverToggle(eventElement, true);
-      }
-    });
+    _this.manage(on(_this.element, 'mouseout', _this._expandableHoverToggle));
 
-    _this.element.addEventListener('click', function (evt) {
+    _this.manage(on(_this.element, 'click', function (evt) {
       var eventElement = eventMatches(evt, _this.options.eventTrigger);
 
       var searchContainer = _this.element.querySelector(_this.options.selectorToolbarSearchContainer);
@@ -401,9 +469,9 @@ function (_mixin) {
       if (searchContainer) {
         _this._handleDocumentClick(evt);
       }
-    });
+    }));
 
-    _this.element.addEventListener('keydown', _this._keydownHandler);
+    _this.manage(on(_this.element, 'keydown', _this._keydownHandler));
 
     _this.state = {
       checkboxCount: 0
@@ -508,6 +576,6 @@ function (_mixin) {
     'action-bar-cancel': '_actionBarCancel'
   };
   return DataTable;
-}(mixin(createComponent, initComponentBySearch, eventedState));
+}(mixin(createComponent, initComponentBySearch, eventedState, handles));
 
 export default DataTable;