@atlaskit/dropdown-menu 10.1.8 → 11.0.2

package/dist/cjs/components/hoc/withItemSelectionManager.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _DropdownItemSelectionManager = _interopRequireDefault(require("../context/DropdownItemSelectionManager"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-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; } }
-
-// HOC that typically wraps @atlaskit/item/ItemGroup
-var withDropdownItemSelectionManager = function withDropdownItemSelectionManager(WrappedComponent, selectionBehavior) {
-  return /*#__PURE__*/function (_Component) {
-    (0, _inherits2.default)(WithDropdownItemSelectionManager, _Component);
-
-    var _super = _createSuper(WithDropdownItemSelectionManager);
-
-    function WithDropdownItemSelectionManager() {
-      (0, _classCallCheck2.default)(this, WithDropdownItemSelectionManager);
-      return _super.apply(this, arguments);
-    }
-
-    (0, _createClass2.default)(WithDropdownItemSelectionManager, [{
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-            children = _this$props.children,
-            id = _this$props.id,
-            otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["children", "id"]);
-        return /*#__PURE__*/_react.default.createElement(WrappedComponent, otherProps, /*#__PURE__*/_react.default.createElement(_DropdownItemSelectionManager.default, {
-          groupId: id,
-          behavior: selectionBehavior
-        }, children));
-      }
-    }]);
-    return WithDropdownItemSelectionManager;
-  }(_react.Component);
-};
-
-var _default = withDropdownItemSelectionManager;
-exports.default = _default;

package/dist/cjs/components/hoc/withToggleInteraction.js

@@ -1,175 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _contextNamespace = require("../../util/contextNamespace");
-
-var _getDisplayName = _interopRequireDefault(require("../../util/getDisplayName"));
-
-var _keys = require("../../util/keys");
-
-var _safeContextCall = _interopRequireDefault(require("../../util/safeContextCall"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty3.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-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; } }
-
-// HOC that typically wraps @atlaskit/item
-var withToggleInteraction = function withToggleInteraction(WrappedComponent, SelectionIcon, getAriaRole) {
-  var _class, _temp;
-
-  return _temp = _class = /*#__PURE__*/function (_Component) {
-    (0, _inherits2.default)(WithToggleInteraction, _Component);
-
-    var _super = _createSuper(WithToggleInteraction);
-
-    function WithToggleInteraction() {
-      var _this;
-
-      (0, _classCallCheck2.default)(this, WithToggleInteraction);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _super.call.apply(_super, [this].concat(args));
-      (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "getIconColors", function () {
-        var isSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
-        if (isSelected) {
-          return {
-            primary: _colors.B400,
-            secondary: _colors.N40
-          };
-        }
-
-        return {
-          primary: _colors.N40,
-          secondary: _colors.N40
-        };
-      });
-      (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "warnIfUseControlledAndUncontrolledState", function () {
-        if (process.env.NODE_ENV !== 'production' && !process.env.CI) {
-          if (_this.props.defaultSelected && _this.props.isSelected) {
-            // eslint-disable-next-line no-console
-            console.warn('DropdownItem defaultSelected and isSelected props should not be used at the same time.');
-          }
-        }
-      });
-      (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "callContextFn", (0, _safeContextCall.default)((0, _assertThisInitialized2.default)(_this), _contextNamespace.selectionManagerContext));
-      (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "handleKeyboard", function (event) {
-        var key = event.key;
-
-        if (key === _keys.KEY_ENTER || key === _keys.KEY_SPACE) {
-          // We prevent default here to avoid page scroll
-          event.preventDefault();
-
-          _this.handleItemActivated(event);
-        }
-      });
-      (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "handleItemActivated", function (event) {
-        if (_this.props.onClick) {
-          _this.props.onClick(event);
-        }
-
-        _this.callContextFn('itemClicked', _this.props.id);
-      });
-      (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "isSelectedInDropdown", function () {
-        return _this.callContextFn('isItemSelected', _this.props.id);
-      });
-      return _this;
-    }
-
-    (0, _createClass2.default)(WithToggleInteraction, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        var _this$props = this.props,
-            defaultSelected = _this$props.defaultSelected,
-            isSelected = _this$props.isSelected,
-            id = _this$props.id;
-        this.warnIfUseControlledAndUncontrolledState();
-        this.callContextFn('setItemSelected', id, isSelected, defaultSelected);
-      }
-    }, {
-      key: "UNSAFE_componentWillReceiveProps",
-      value: function UNSAFE_componentWillReceiveProps(nextProps) {
-        var id = nextProps.id,
-            defaultSelected = nextProps.defaultSelected,
-            isSelected = nextProps.isSelected;
-
-        if (this.props.isSelected !== isSelected) {
-          this.callContextFn('setItemSelected', id, isSelected, defaultSelected);
-        }
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props2 = this.props,
-            children = _this$props2.children,
-            otherProps = (0, _objectWithoutProperties2.default)(_this$props2, ["children"]);
-        var isSelected = this.isSelectedInDropdown();
-        var iconColors = this.getIconColors(!!isSelected);
-        var ariaRole = getAriaRole();
-
-        var wrappedCompProps = _objectSpread(_objectSpread({}, otherProps), {}, {
-          role: ariaRole,
-          'aria-checked': isSelected,
-          isSelected: isSelected,
-          onClick: this.handleItemActivated,
-          onKeyDown: this.handleKeyboard,
-          elemBefore: /*#__PURE__*/_react.default.createElement(SelectionIcon, {
-            primaryColor: iconColors.primary,
-            secondaryColor: iconColors.secondary,
-            size: "medium",
-            label: ""
-          })
-        });
-
-        return /*#__PURE__*/_react.default.createElement(WrappedComponent, wrappedCompProps, children);
-      }
-    }]);
-    return WithToggleInteraction;
-  }(_react.Component), (0, _defineProperty3.default)(_class, "displayName", "WithToggleInteraction(".concat((0, _getDisplayName.default)(WrappedComponent), ")")), (0, _defineProperty3.default)(_class, "defaultProps", {
-    onClick: function onClick() {}
-  }), (0, _defineProperty3.default)(_class, "contextTypes", (0, _defineProperty3.default)({}, _contextNamespace.selectionManagerContext, _propTypes.default.object.isRequired)), _temp;
-};
-
-var _default = withToggleInteraction;
-exports.default = _default;

package/dist/cjs/components/item/DropdownItem.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _item = _interopRequireWildcard(require("@atlaskit/item"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// We need to type this with the above type - currently this component is has "any" for its props.
-var _default = (0, _item.withItemClick)((0, _item.withItemFocus)(_item.default));
-
-exports.default = _default;

package/dist/cjs/components/item/DropdownItemCheckbox.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
-
-var _item = _interopRequireWildcard(require("@atlaskit/item"));
-
-var _supportsVoiceover = _interopRequireDefault(require("../../util/supportsVoiceover"));
-
-var _withToggleInteraction = _interopRequireDefault(require("../hoc/withToggleInteraction"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var _default = (0, _withToggleInteraction.default)((0, _item.withItemFocus)(_item.default), _checkbox.default, function () {
-  return (0, _supportsVoiceover.default)() ? 'checkbox' : 'menuitemcheckbox';
-});
-
-exports.default = _default;

package/dist/cjs/components/item/ert-item-checkbox.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-
-function _default(_) {}

package/dist/cjs/components/item/ert-item-radio.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-
-function _default(_) {}

package/dist/cjs/components/item/ert-item.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-
-function _default(_) {}

package/dist/cjs/styled/WidthConstrainer.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
-var _default = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n"])), function (_ref) {
-  var shouldFitContainer = _ref.shouldFitContainer;
-  return shouldFitContainer ? '' : 'max-width: 300px;';
-});
-
-exports.default = _default;

package/dist/cjs/util/contextNamespace.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.clickManagerContext = exports.selectionManagerContext = exports.selectionCacheContext = exports.focusManagerContext = void 0;
-
-var prefix = function prefix(key) {
-  return "@atlaskit-private-do-not-use/dropdown-menu:".concat(key);
-};
-
-var focusManagerContext = prefix('focus-manager');
-exports.focusManagerContext = focusManagerContext;
-var selectionCacheContext = prefix('selection-cache');
-exports.selectionCacheContext = selectionCacheContext;
-var selectionManagerContext = prefix('selection-manager');
-exports.selectionManagerContext = selectionManagerContext;
-var clickManagerContext = prefix('click-manager');
-exports.clickManagerContext = clickManagerContext;

package/dist/cjs/util/getDisplayName.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-// from https://facebook.github.io/react/docs/higher-order-components.html
-var getDisplayName = function getDisplayName(WrappedComponent) {
-  return WrappedComponent.displayName || WrappedComponent.name || 'Component';
-};
-
-var _default = getDisplayName;
-exports.default = _default;

package/dist/cjs/util/keys.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.KEY_ESC = exports.KEY_TAB = exports.KEY_ENTER = exports.KEY_SPACE = exports.KEY_DOWN = exports.KEY_UP = void 0;
-var KEY_UP = 'ArrowUp';
-exports.KEY_UP = KEY_UP;
-var KEY_DOWN = 'ArrowDown';
-exports.KEY_DOWN = KEY_DOWN;
-var KEY_SPACE = ' ';
-exports.KEY_SPACE = KEY_SPACE;
-var KEY_ENTER = 'Enter';
-exports.KEY_ENTER = KEY_ENTER;
-var KEY_TAB = 'Tab';
-exports.KEY_TAB = KEY_TAB;
-var KEY_ESC = 'Escape';
-exports.KEY_ESC = KEY_ESC;

package/dist/cjs/util/safeContextCall.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-// There are cases where the context is not available, such as when a dropdown item is used
-// inside @atlaskit/navigation. For this reason we have this helper function which safely calls
-// the context functions if they are available.
-var _default = function _default(instance, contextKey) {
-  return function (fnToCall) {
-    var _instance$context$con;
-
-    if (!instance.context[contextKey]) {
-      return null;
-    }
-
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-
-    return (_instance$context$con = instance.context[contextKey])[fnToCall].apply(_instance$context$con, args);
-  };
-};
-
-exports.default = _default;

package/dist/cjs/util/supportsVoiceover.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var canUseDOM = function canUseDOM() {
-  return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
-};
-
-var supportsVoiceOver = function supportsVoiceOver() {
-  return /Mac OS X/.test(canUseDOM() ? navigator.userAgent : '');
-};
-
-var _default = supportsVoiceOver;
-exports.default = _default;

package/dist/es2019/components/DropdownMenu.js

@@ -1,156 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
-import StatelessMenu from './DropdownMenuStateless';
-export default class DropdownMenu extends Component {
-  constructor(..._args) {
-    super(..._args);
-
-    _defineProperty(this, "state", {
-      isOpen: this.props.defaultOpen,
-      items: [...this.props.items]
-    });
-
-    _defineProperty(this, "findActivatedGroup", item => this.state.items.filter(group => group.items.indexOf(item) > -1)[0]);
-
-    _defineProperty(this, "handleItemActivation", attrs => {
-      const activatedItem = attrs.item;
-      const activatedGroup = this.findActivatedGroup(activatedItem);
-      const items = [...this.state.items];
-
-      switch (activatedItem.type) {
-        case 'checkbox':
-          activatedItem.isChecked = !activatedItem.isChecked;
-          this.props.onItemActivated({
-            item: activatedItem
-          });
-          this.setState({
-            items
-          });
-          break;
-
-        case 'radio':
-          activatedGroup.items.forEach(i => {
-            if (i === activatedItem) {
-              i.isChecked = true; // eslint-disable-line no-param-reassign
-            } else {
-              i.isChecked = false; // eslint-disable-line no-param-reassign
-            }
-          });
-          this.props.onItemActivated({
-            item: activatedItem
-          });
-          this.setState({
-            items
-          });
-          break;
-
-        case 'link':
-        default:
-          this.props.onItemActivated({
-            item: activatedItem
-          });
-          this.close();
-          break;
-      }
-    });
-
-    _defineProperty(this, "handleOpenChange", (attrs, ...args) => {
-      if (this.state.isOpen === attrs.isOpen) {
-        return;
-      }
-
-      this.setState({
-        isOpen: attrs.isOpen
-      });
-      this.props.onOpenChange(attrs, ...args);
-    });
-
-    _defineProperty(this, "close", (...args) => {
-      if (this.state.isOpen === false) {
-        return;
-      }
-
-      this.setState({
-        isOpen: false
-      });
-      this.props.onOpenChange({
-        isOpen: false
-      }, ...args);
-    });
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.items !== this.state.items) {
-      this.setState({
-        items: [...nextProps.items]
-      });
-    }
-
-    if (nextProps.isOpen !== this.props.isOpen) {
-      this.setState({
-        isOpen: nextProps.isOpen
-      });
-    }
-  }
-
-  render() {
-    const {
-      isOpen
-    } = this.state;
-    const {
-      appearance,
-      boundariesElement,
-      children,
-      isLoading,
-      items,
-      position,
-      isMenuFixed,
-      shouldAllowMultilineItems,
-      shouldFitContainer,
-      shouldFlip,
-      testId,
-      trigger,
-      triggerButtonProps,
-      triggerType,
-      onPositioned
-    } = this.props;
-    return /*#__PURE__*/React.createElement(StatelessMenu, {
-      appearance: appearance,
-      boundariesElement: boundariesElement,
-      isOpen: isOpen,
-      isLoading: isLoading,
-      items: items,
-      onItemActivated: this.handleItemActivation,
-      onOpenChange: this.handleOpenChange,
-      position: position,
-      isMenuFixed: isMenuFixed,
-      shouldAllowMultilineItems: shouldAllowMultilineItems,
-      shouldFitContainer: shouldFitContainer,
-      shouldFlip: shouldFlip,
-      trigger: trigger,
-      triggerButtonProps: triggerButtonProps,
-      triggerType: triggerType,
-      onPositioned: onPositioned,
-      testId: testId
-    }, children);
-  }
-
-}
-
-_defineProperty(DropdownMenu, "defaultProps", {
-  appearance: 'default',
-  boundariesElement: 'viewport',
-  defaultOpen: false,
-  isLoading: false,
-  isOpen: false,
-  items: [],
-  onItemActivated: () => {},
-  onOpenChange: () => {},
-  position: 'bottom left',
-  isMenuFixed: false,
-  shouldAllowMultilineItems: false,
-  shouldFitContainer: false,
-  shouldFlip: true,
-  triggerType: 'default',
-  onPositioned: () => {}
-});