@carbon/charts 0.41.91 → 0.41.95

package/styles/vendor/carbon-components/es/components/file-uploader/file-uploader.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
  *
@@ -101,10 +135,10 @@ var toArray = function toArray(arrayLike) {
   return Array.prototype.slice.call(arrayLike);
 };
 
-var FileUploader =
-/*#__PURE__*/
-function (_mixin) {
+var FileUploader = /*#__PURE__*/function (_mixin) {
   _inherits(FileUploader, _mixin);
+
+  var _super = _createSuper(FileUploader);
   /**
    * File uploader.
    * @extends CreateComponent
@@ -116,6 +150,15 @@ function (_mixin) {
    */
 
 
+  /**
+   * File uploader.
+   * @extends CreateComponent
+   * @extends InitComponentBySearch
+   * @extends eventedState
+   * @extends Handles
+   * @param {HTMLElement} element The element working as a file uploader.
+   * @param {object} [options] The component options. See static options.
+   */
   function FileUploader(element) {
     var _this;
 
@@ -123,7 +166,7 @@ function (_mixin) {
 
     _classCallCheck(this, FileUploader);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(FileUploader).call(this, element, options));
+    _this = _super.call(this, element, options);
 
     _this._changeState = function (state, detail, callback) {
       if (state === 'delete-filename-fileuploader') {
@@ -136,18 +179,55 @@ function (_mixin) {
     };
 
     _this._handleDeleteButton = function (evt) {
-      var target = eventMatches(evt, "[data-for=".concat(_this.inputId, "]"));
+      var target = eventMatches(evt, _this.options.selectorCloseButton);
 
       if (target) {
-        _this._changeState('delete-filename-fileuploader', {
+        _this.changeState('delete-filename-fileuploader', {
           initialEvt: evt,
-          filenameElement: target.parentNode
+          filenameElement: target.closest(_this.options.selectorSelectedFile)
         });
       }
     };
 
+    _this._handleDragDrop = function (evt) {
+      var isOfSelf = _this.element.contains(evt.target); // In IE11 `evt.dataTransfer.types` is a `DOMStringList` instead of an array
+
+
+      // In IE11 `evt.dataTransfer.types` is a `DOMStringList` instead of an array
+      if (Array.prototype.indexOf.call(evt.dataTransfer.types, 'Files') >= 0 && !eventMatches(evt, _this.options.selectorOtherDropContainers)) {
+        var inArea = isOfSelf && eventMatches(evt, _this.options.selectorDropContainer);
+
+        if (evt.type === 'dragover') {
+          evt.preventDefault();
+          var dropEffect = inArea ? 'copy' : 'none';
+
+          if (Array.isArray(evt.dataTransfer.types)) {
+            // IE11 throws a "permission denied" error accessing `.effectAllowed`
+            evt.dataTransfer.effectAllowed = dropEffect;
+          }
+
+          evt.dataTransfer.dropEffect = dropEffect;
+
+          _this.dropContainer.classList.toggle(_this.options.classDragOver, Boolean(inArea));
+        }
+
+        if (evt.type === 'dragleave') {
+          _this.dropContainer.classList.toggle(_this.options.classDragOver, false);
+        }
+
+        if (inArea && evt.type === 'drop') {
+          evt.preventDefault();
+
+          _this._displayFilenames(evt.dataTransfer.files);
+
+          _this.dropContainer.classList.remove(_this.options.classDragOver);
+        }
+      }
+    };
+
     _this.input = _this.element.querySelector(_this.options.selectorInput);
     _this.container = _this.element.querySelector(_this.options.selectorContainer);
+    _this.dropContainer = _this.element.querySelector(_this.options.selectorDropContainer);
 
     if (!_this.input) {
       throw new TypeError('Cannot find the file input box.');
@@ -165,6 +245,12 @@ function (_mixin) {
 
     _this.manage(on(_this.container, 'click', _this._handleDeleteButton));
 
+    _this.manage(on(_this.element.ownerDocument, 'dragleave', _this._handleDragDrop));
+
+    _this.manage(on(_this.dropContainer, 'dragover', _this._handleDragDrop));
+
+    _this.manage(on(_this.dropContainer, 'drop', _this._handleDragDrop));
+
     return _this;
   }
 
@@ -176,7 +262,7 @@ function (_mixin) {
   }, {
     key: "_uploadHTML",
     value: function _uploadHTML() {
-      return "\n      <div data-loading class=\"".concat(this.options.classLoading, "\">\n        <svg class=\"").concat(this.options.classLoadingSvg, "\" viewBox=\"-42 -42 84 84\">\n          <circle cx=\"0\" cy=\"0\" r=\"37.5\" />\n        </svg>\n      </div>");
+      return "\n      <div class=\"".concat(this.options.classLoadingAnimation, "\">\n        <div data-inline-loading-spinner class=\"").concat(this.options.classLoading, "\">\n          <svg class=\"").concat(this.options.classLoadingSvg, "\" viewBox=\"-75 -75 150 150\">\n            <circle class=\"").concat(this.options.classLoadingBackground, "\" cx=\"0\" cy=\"0\" r=\"37.5\" />\n            <circle class=\"").concat(this.options.classLoadingStroke, "\" cx=\"0\" cy=\"0\" r=\"37.5\" />\n          </svg>\n        </div>\n      </div>");
     }
   }, {
     key: "_closeButtonHTML",
@@ -186,7 +272,7 @@ function (_mixin) {
   }, {
     key: "_checkmarkHTML",
     value: function _checkmarkHTML() {
-      return "\n      <svg class=\"".concat(this.options.classFileComplete, "\" viewBox=\"0 0 16 16\" fill-rule=\"evenodd\" width=\"16\" height=\"16\">\n       <path d=\"M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM6.7 11.5L3.4 8.1l1.4-1.4 1.9 1.9 4.1-4.1 1.4 1.4-5.5 5.6z\"/>\n      </svg>");
+      return "\n      <svg focusable=\"false\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        style=\"will-change: transform;\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"".concat(this.options.classFileComplete, "\"\n        width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"\n        aria-hidden=\"true\">\n        <path d=\"M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zM7 11L4.3 8.3l.9-.8L7 9.3l4-3.9.9.8L7 11z\"></path>\n        <path d=\"M7 11L4.3 8.3l.9-.8L7 9.3l4-3.9.9.8L7 11z\" data-icon-path=\"inner-path\" opacity=\"0\"></path>\n      </svg>\n    ");
     }
   }, {
     key: "_getStateContainers",
@@ -205,6 +291,7 @@ function (_mixin) {
     }
     /**
      * Inject selected files into DOM. Invoked on change event.
+     * @param {File[]} files The files to upload.
      */
 
   }, {
@@ -212,8 +299,9 @@ function (_mixin) {
     value: function _displayFilenames() {
       var _this2 = this;
 
+      var files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.input.files;
       var container = this.element.querySelector(this.options.selectorContainer);
-      var HTMLString = toArray(this.input.files).map(function (file) {
+      var HTMLString = toArray(files).map(function (file) {
         return _this2._filenamesHTML(file.name, _this2.inputId);
       }).join('');
       container.insertAdjacentHTML('afterbegin', HTMLString);
@@ -288,13 +376,20 @@ function (_mixin) {
         selectorInput: "input[type=\"file\"].".concat(prefix, "--file-input"),
         selectorContainer: '[data-file-container]',
         selectorCloseButton: ".".concat(prefix, "--file-close"),
-        classLoading: "".concat(prefix, "--loading"),
+        selectorSelectedFile: ".".concat(prefix, "--file__selected-file"),
+        selectorDropContainer: "[data-file-drop-container]",
+        selectorOtherDropContainers: '[data-drop-container]',
+        classLoading: "".concat(prefix, "--loading ").concat(prefix, "--loading--small"),
+        classLoadingAnimation: "".concat(prefix, "--inline-loading__animation"),
         classLoadingSvg: "".concat(prefix, "--loading__svg"),
+        classLoadingBackground: "".concat(prefix, "--loading__background"),
+        classLoadingStroke: "".concat(prefix, "--loading__stroke"),
         classFileName: "".concat(prefix, "--file-filename"),
         classFileClose: "".concat(prefix, "--file-close"),
         classFileComplete: "".concat(prefix, "--file-complete"),
         classSelectedFile: "".concat(prefix, "--file__selected-file"),
         classStateContainer: "".concat(prefix, "--file__state-container"),
+        classDragOver: "".concat(prefix, "--file__drop-container--drag-over"),
         eventBeforeDeleteFilenameFileuploader: 'fileuploader-before-delete-filename',
         eventAfterDeleteFilenameFileuploader: 'fileuploader-after-delete-filename'
       };

package/styles/vendor/carbon-components/es/components/floating-menu/floating-menu.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,22 +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 _get(target, property, receiver) {
   if (typeof Reflect !== "undefined" && Reflect.get) {
     _get = Reflect.get;
@@ -80,13 +66,6 @@ function _superPropBase(object, property) {
   return object;
 }
 
-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");
@@ -111,6 +90,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);
+}
+
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -133,15 +167,19 @@ function _defineProperty(obj, key, value) {
  */
 
 
+import warning from 'warning';
 import mixin from '../../globals/js/misc/mixin';
+import settings from '../../globals/js/settings';
 import createComponent from '../../globals/js/mixins/create-component';
 import eventedShowHideState from '../../globals/js/mixins/evented-show-hide-state';
+import handles from '../../globals/js/mixins/handles';
 import trackBlur from '../../globals/js/mixins/track-blur';
 import getLaunchingDetails from '../../globals/js/misc/get-launching-details';
 import optimizedResize from '../../globals/js/misc/resize';
+import on from '../../globals/js/misc/on';
 /**
  * The structure for the position of floating menu.
- * @typedef {Object} FloatingMenu~position
+ * @typedef {object} FloatingMenu~position
  * @property {number} left The left position.
  * @property {number} top The top position.
  * @property {number} right The right position.
@@ -150,14 +188,14 @@ import optimizedResize from '../../globals/js/misc/resize';
 
 /**
  * The structure for the size of floating menu.
- * @typedef {Object} FloatingMenu~size
+ * @typedef {object} FloatingMenu~size
  * @property {number} width The width.
  * @property {number} height The height.
  */
 
 /**
  * The structure for the position offset of floating menu.
- * @typedef {Object} FloatingMenu~offset
+ * @typedef {object} FloatingMenu~offset
  * @property {number} top The top position.
  * @property {number} left The left position.
  */
@@ -222,10 +260,10 @@ export var getFloatingPosition = function getFloatingPosition(_ref) {
   }), _DIRECTION_LEFT$DIREC)[direction];
 };
 
-var FloatingMenu =
-/*#__PURE__*/
-function (_mixin) {
+var FloatingMenu = /*#__PURE__*/function (_mixin) {
   _inherits(FloatingMenu, _mixin);
+
+  var _super = _createSuper(FloatingMenu);
   /**
    * Floating menu.
    * @extends CreateComponent
@@ -253,12 +291,37 @@ function (_mixin) {
    */
 
 
+  /**
+   * Floating menu.
+   * @extends CreateComponent
+   * @extends EventedShowHideState
+   * @param {HTMLElement} element The element working as a modal dialog.
+   * @param {object} [options] The component options.
+   * @param {string} [options.selectorContainer] The CSS selector to find the container to put this menu in.
+   * @param {string} [options.attribDirection] The attribute name to specify menu placement direction (top/right/bottom/left).
+   * @param {string} [options.classShown] The CSS class for shown state, for the menu.
+   * @param {string} [options.classRefShown] The CSS class for shown state, for the trigger button.
+   * @param {string} [options.eventBeforeShown]
+   *   The name of the custom event fired before this menu is shown.
+   *   Cancellation of this event stops hiding the menu.
+   * @param {string} [options.eventAfterShown]
+   *   The name of the custom event telling that menu is sure shown
+   *   without being canceled by the event handler named by `eventBeforeShown` option (`floating-menu-beingshown`).
+   * @param {string} [options.eventBeforeHidden]
+   *   The name of the custom event fired before this menu is hidden.
+   *   Cancellation of this event stops hiding the menu.
+   * @param {string} [options.eventAfterHidden]
+   *   The name of the custom event telling that menu is sure hidden
+   *   without being canceled by the event handler named by `eventBeforeHidden` option (`floating-menu-beinghidden`).
+   * @param {Element} [options.refNode] The launching element of the menu. Used for calculating the geometry of the menu.
+   * @param {object} [options.offset] The offset to adjust the geometry of the menu. Should have `top`/`left` properties.
+   */
   function FloatingMenu(element, options) {
     var _this;
 
     _classCallCheck(this, FloatingMenu);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(FloatingMenu).call(this, element, options));
+    _this = _super.call(this, element, options);
 
     var attribDirectionValue = _this.element.getAttribute(_this.options.attribDirection);
 
@@ -271,23 +334,61 @@ function (_mixin) {
       _this.element.setAttribute(_this.options.attribDirection, _this.options.direction);
     }
 
+    _this.manage(on(_this.element.ownerDocument, 'keydown', function (event) {
+      _this._handleKeydown(event);
+    }));
+
     return _this;
   }
   /**
-   * Focuses back on the trigger button if this component loses focus.
+   * Handles key press on document.
+   * @param {Event} event The triggering event.
+   * @private
    */
 
 
+  /**
+   * Handles key press on document.
+   * @param {Event} event The triggering event.
+   * @private
+   */
   _createClass(FloatingMenu, [{
+    key: "_handleKeydown",
+    value: function _handleKeydown(event) {
+      var key = event.which;
+      var _this$options = this.options,
+          triggerNode = _this$options.triggerNode,
+          refNode = _this$options.refNode;
+      var isOfMenu = this.element.contains(event.target);
+
+      switch (key) {
+        // Esc
+        case 27:
+          this.changeState('hidden', getLaunchingDetails(event), function () {
+            if (isOfMenu) {
+              (triggerNode || refNode).focus();
+            }
+          });
+          break;
+
+        default:
+          break;
+      }
+    }
+    /**
+     * Focuses back on the trigger button if this component loses focus.
+     */
+
+  }, {
     key: "handleBlur",
     value: function handleBlur(event) {
       if (this.element.classList.contains(this.options.classShown)) {
         this.changeState('hidden', getLaunchingDetails(event));
-        var _this$options = this.options,
-            refNode = _this$options.refNode,
-            triggerNode = _this$options.triggerNode;
+        var _this$options2 = this.options,
+            refNode = _this$options2.refNode,
+            triggerNode = _this$options2.triggerNode;
 
-        if (this.element.contains(event.relatedTarget) && refNode && event.target !== refNode) {
+        if ((event.relatedTarget === null || this.element.contains(event.relatedTarget)) && refNode && event.target !== refNode) {
           HTMLElement.prototype.focus.call(triggerNode || refNode); // SVGElement in IE11 does not have `.focus()` method
         }
       }
@@ -311,13 +412,13 @@ function (_mixin) {
     key: "_getPos",
     value: function _getPos() {
       var element = this.element;
-      var _this$options2 = this.options,
-          refNode = _this$options2.refNode,
-          offset = _this$options2.offset,
-          direction = _this$options2.direction;
+      var _this$options3 = this.options,
+          refNode = _this$options3.refNode,
+          offset = _this$options3.offset,
+          direction = _this$options3.direction;
 
       if (!refNode) {
-        throw new Error('Cannot find the refernce node for positioning floating menu.');
+        throw new Error('Cannot find the reference node for positioning floating menu.');
       }
 
       return getFloatingPosition({
@@ -401,19 +502,14 @@ function (_mixin) {
       var _this2 = this;
 
       var shown = state === 'shown';
-      var _this$options3 = this.options,
-          refNode = _this$options3.refNode,
-          classShown = _this$options3.classShown,
-          classRefShown = _this$options3.classRefShown;
+      var _this$options4 = this.options,
+          refNode = _this$options4.refNode,
+          classShown = _this$options4.classShown,
+          classRefShown = _this$options4.classRefShown,
+          triggerNode = _this$options4.triggerNode;
 
       if (!refNode) {
-        throw new TypeError('Cannot find the refernce node for changing the style.');
-      }
-
-      this.element.classList.toggle(classShown, shown);
-
-      if (classRefShown) {
-        refNode.classList.toggle(classRefShown, shown);
+        throw new TypeError('Cannot find the reference node for changing the style.');
       }
 
       if (state === 'shown') {
@@ -424,12 +520,45 @@ function (_mixin) {
         }
 
         this._getContainer().appendChild(this.element);
+      }
 
+      this.element.setAttribute('aria-hidden', (!shown).toString());
+      (triggerNode || refNode).setAttribute('aria-expanded', shown.toString());
+      this.element.classList.toggle(classShown, shown);
+
+      if (classRefShown) {
+        refNode.classList.toggle(classRefShown, shown);
+      }
+
+      if (state === 'shown') {
         this._place(); // IE11 puts focus on elements with `.focus()`, even ones without `tabindex` attribute
 
 
+        // IE11 puts focus on elements with `.focus()`, even ones without `tabindex` attribute
         if (!this.element.hasAttribute(this.options.attribAvoidFocusOnOpen)) {
-          (this.element.querySelector(this.options.selectorPrimaryFocus) || this.element).focus();
+          var primaryFocusNode = this.element.querySelector(this.options.selectorPrimaryFocus);
+          var contentNode = this.options.contentNode || this.element;
+          var tabbableNode = contentNode.querySelector(settings.selectorTabbable); // The programmatically focusable element may be (and typically will be) the content node itself;
+
+          // The programmatically focusable element may be (and typically will be) the content node itself;
+          var focusableNode = contentNode.matches(settings.selectorFocusable) ? contentNode : contentNode.querySelector(settings.selectorFocusable);
+
+          if (primaryFocusNode) {
+            // User defined focusable node
+            primaryFocusNode.focus();
+          } else if (tabbableNode) {
+            // First sequentially focusable node
+            tabbableNode.focus();
+          } else if (focusableNode) {
+            // First programmatic focusable node
+            focusableNode.focus();
+          } else {
+            this.element.focus();
+
+            if (process.env.NODE_ENV !== "production") {
+              process.env.NODE_ENV !== "production" ? warning(focusableNode === null, 'Floating Menus must have at least a programmatically focusable child. ' + 'This can be accomplished by adding tabindex="-1" to the content element.') : void 0;
+            }
+          }
         }
       }
 
@@ -474,6 +603,6 @@ function (_mixin) {
   };
   FloatingMenu.components = new WeakMap();
   return FloatingMenu;
-}(mixin(createComponent, eventedShowHideState, trackBlur));
+}(mixin(createComponent, eventedShowHideState, trackBlur, handles));
 
 export default FloatingMenu;