@jetbrains/ring-ui 5.1.1 → 6.0.2-beta.0

package/dist/popup/position.js

@@ -1,6 +1,23 @@
+import { g as _objectSpread2, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.sort.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.concat.js';
 import { getRect, isMounted, getDocumentScrollTop, getDocumentScrollLeft, getWindowHeight } from '../global/dom.js';
 import { MaxHeight, Dimension, MinWidth, Directions } from './popup.consts.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 function getScrollingCoordinates(container) {
   if (container !== null) {
@@ -15,112 +32,120 @@ function getScrollingCoordinates(container) {
   };
 }
 function getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset) {
-  const popupWidth = popup.offsetWidth;
-  const popupHeight = popup.offsetHeight;
-  const anchorBottom = anchorTop + anchorRect.height;
-  const anchorRight = anchorLeft + anchorRect.width;
-  const popupLeft = anchorLeft - popupWidth;
-  const popupTop = anchorTop - popupHeight;
-  const popupRightToLeft = anchorRight - popupWidth;
-  const popupHorizontalCenter = anchorLeft + anchorRect.width / 2 - popupWidth / 2;
-  const popupVerticalCenter = anchorTop + anchorRect.height / 2 - popupHeight / 2;
-  const popupBottomToTop = anchorBottom - popupHeight;
-  return {
-    [Directions.BOTTOM_RIGHT]: {
-      left: anchorLeft,
-      top: anchorBottom + offset
-    },
-    [Directions.BOTTOM_LEFT]: {
-      left: popupRightToLeft,
-      top: anchorBottom + offset
-    },
-    [Directions.BOTTOM_CENTER]: {
-      left: popupHorizontalCenter,
-      top: anchorBottom + offset
-    },
-    [Directions.TOP_RIGHT]: {
-      left: anchorLeft,
-      top: popupTop - offset
-    },
-    [Directions.TOP_LEFT]: {
-      left: popupRightToLeft,
-      top: popupTop - offset
-    },
-    [Directions.TOP_CENTER]: {
-      left: popupHorizontalCenter,
-      top: popupTop - offset
-    },
-    [Directions.LEFT_BOTTOM]: {
-      left: popupLeft - offset,
-      top: anchorTop
-    },
-    [Directions.LEFT_TOP]: {
-      left: popupLeft - offset,
-      top: popupBottomToTop
-    },
-    [Directions.LEFT_CENTER]: {
-      left: popupLeft - offset,
-      top: popupVerticalCenter
-    },
-    [Directions.RIGHT_BOTTOM]: {
-      left: anchorRight + offset,
-      top: anchorTop
-    },
-    [Directions.RIGHT_TOP]: {
-      left: anchorRight + offset,
-      top: popupBottomToTop
-    },
-    [Directions.RIGHT_CENTER]: {
-      left: anchorRight + offset,
-      top: popupVerticalCenter
-    }
-  };
+  var _ref;
+  var popupWidth = popup.offsetWidth;
+  var popupHeight = popup.offsetHeight;
+  var anchorBottom = anchorTop + anchorRect.height;
+  var anchorRight = anchorLeft + anchorRect.width;
+  var popupLeft = anchorLeft - popupWidth;
+  var popupTop = anchorTop - popupHeight;
+  var popupRightToLeft = anchorRight - popupWidth;
+  var popupHorizontalCenter = anchorLeft + anchorRect.width / 2 - popupWidth / 2;
+  var popupVerticalCenter = anchorTop + anchorRect.height / 2 - popupHeight / 2;
+  var popupBottomToTop = anchorBottom - popupHeight;
+  return _ref = {}, _defineProperty(_ref, Directions.BOTTOM_RIGHT, {
+    left: anchorLeft,
+    top: anchorBottom + offset
+  }), _defineProperty(_ref, Directions.BOTTOM_LEFT, {
+    left: popupRightToLeft,
+    top: anchorBottom + offset
+  }), _defineProperty(_ref, Directions.BOTTOM_CENTER, {
+    left: popupHorizontalCenter,
+    top: anchorBottom + offset
+  }), _defineProperty(_ref, Directions.TOP_RIGHT, {
+    left: anchorLeft,
+    top: popupTop - offset
+  }), _defineProperty(_ref, Directions.TOP_LEFT, {
+    left: popupRightToLeft,
+    top: popupTop - offset
+  }), _defineProperty(_ref, Directions.TOP_CENTER, {
+    left: popupHorizontalCenter,
+    top: popupTop - offset
+  }), _defineProperty(_ref, Directions.LEFT_BOTTOM, {
+    left: popupLeft - offset,
+    top: anchorTop
+  }), _defineProperty(_ref, Directions.LEFT_TOP, {
+    left: popupLeft - offset,
+    top: popupBottomToTop
+  }), _defineProperty(_ref, Directions.LEFT_CENTER, {
+    left: popupLeft - offset,
+    top: popupVerticalCenter
+  }), _defineProperty(_ref, Directions.RIGHT_BOTTOM, {
+    left: anchorRight + offset,
+    top: anchorTop
+  }), _defineProperty(_ref, Directions.RIGHT_TOP, {
+    left: anchorRight + offset,
+    top: popupBottomToTop
+  }), _defineProperty(_ref, Directions.RIGHT_CENTER, {
+    left: anchorRight + offset,
+    top: popupVerticalCenter
+  }), _ref;
 }
 function verticalOverflow(styles, scrollingCoordinates, attrs) {
-  const containerHeight = attrs.container !== null ? attrs.container.clientHeight : getWindowHeight();
-  const viewportMinX = scrollingCoordinates.top + attrs.sidePadding;
-  const viewportMaxX = scrollingCoordinates.top + containerHeight - attrs.sidePadding;
-  const topOverflow = Math.max(viewportMinX - styles.top, 0);
-  const popupHeight = attrs.maxHeight && typeof attrs.maxHeight === 'number' ? Math.min(attrs.popup.scrollHeight, attrs.maxHeight) : attrs.popup.scrollHeight;
-  const verticalDiff = styles.top + popupHeight - viewportMaxX;
-  const bottomOverflow = Math.max(verticalDiff, 0);
+  var containerHeight = attrs.container !== null ? attrs.container.clientHeight : getWindowHeight();
+  var viewportMinX = scrollingCoordinates.top + attrs.sidePadding;
+  var viewportMaxX = scrollingCoordinates.top + containerHeight - attrs.sidePadding;
+  var topOverflow = Math.max(viewportMinX - styles.top, 0);
+  var popupHeight = attrs.popup.clientHeight;
+  var verticalDiff = styles.top + popupHeight - viewportMaxX;
+  var bottomOverflow = Math.max(verticalDiff, 0);
   return topOverflow + bottomOverflow;
 }
 function horizontalOverflow(styles, scrollingCoordinates, attrs) {
-  const containerWidth = attrs.container !== null ? attrs.container.clientWidth : window.innerWidth;
-  const viewportMinY = scrollingCoordinates.left + attrs.sidePadding;
-  const viewportMaxY = scrollingCoordinates.left + containerWidth - attrs.sidePadding;
-  const leftOverflow = Math.max(viewportMinY - styles.left, 0);
-  const popupWidth = attrs.popup.clientWidth;
-  const horizontalDiff = styles.left + popupWidth - viewportMaxY;
-  const rightOverflow = Math.max(horizontalDiff, 0);
+  var containerWidth = attrs.container !== null ? attrs.container.clientWidth : window.innerWidth;
+  var viewportMinY = scrollingCoordinates.left + attrs.sidePadding;
+  var viewportMaxY = scrollingCoordinates.left + containerWidth - attrs.sidePadding;
+  var leftOverflow = Math.max(viewportMinY - styles.left, 0);
+  var popupWidth = attrs.popup.clientWidth;
+  var horizontalDiff = styles.left + popupWidth - viewportMaxY;
+  var rightOverflow = Math.max(horizontalDiff, 0);
   return leftOverflow + rightOverflow;
 }
-const positionPropKeys = ['directions', 'autoPositioning', 'autoCorrectTopOverflow', 'sidePadding', 'top', 'left', 'offset', 'maxHeight', 'minWidth'];
-const defaultcontainerRect = {
+var positionPropKeys = ['directions', 'autoPositioning', 'autoCorrectTopOverflow', 'sidePadding', 'top', 'left', 'offset', 'maxHeight', 'minWidth'];
+var defaultcontainerRect = {
   top: 0,
   left: 0
 };
-function maxHeightForDirection(direction, anchorNode) {
-  let container = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.documentElement;
-  const MIN_POPUP_SIZE = 8;
-  const domRect = anchorNode.getBoundingClientRect();
-  let topMaxHeight;
-  let bottomMaxHeight;
-  if (container === document.documentElement) {
-    topMaxHeight = Math.max(domRect.top, MIN_POPUP_SIZE);
-    bottomMaxHeight = Math.max(getWindowHeight() - domRect.top - domRect.height, MIN_POPUP_SIZE);
-  } else {
-    const containerRect = container.getBoundingClientRect();
-    topMaxHeight = Math.max(domRect.top - containerRect.top, 0);
-    const containerHeight = Math.max(containerRect.height,
-    // XXX
-    // If container is the document element
-    // then we check client height too because we may have situation when
-    // "height" from "getBoundingClientRect" less than "clientHeight".
-    container === document.documentElement ? container.clientHeight : 0);
-    bottomMaxHeight = Math.max(containerHeight - (topMaxHeight + domRect.height), 0);
+function handleTopOffScreen(_ref2) {
+  var sidePadding = _ref2.sidePadding,
+    styles = _ref2.styles,
+    anchorRect = _ref2.anchorRect,
+    maxHeight = _ref2.maxHeight,
+    popupScrollHeight = _ref2.popupScrollHeight,
+    direction = _ref2.direction,
+    scroll = _ref2.scroll;
+  var BORDER_COMPENSATION = 1;
+  var TOP_LEFT = Directions.TOP_LEFT,
+    TOP_RIGHT = Directions.TOP_RIGHT,
+    TOP_CENTER = Directions.TOP_CENTER,
+    RIGHT_TOP = Directions.RIGHT_TOP,
+    LEFT_TOP = Directions.LEFT_TOP;
+  var openedToTop = direction != null && [TOP_LEFT, TOP_RIGHT, TOP_CENTER, RIGHT_TOP, LEFT_TOP].includes(direction);
+  if (!openedToTop) {
+    return styles;
   }
+  var isAttachedToAnchorTop = direction != null && [TOP_LEFT, TOP_CENTER, TOP_RIGHT].includes(direction);
+  var attachingPointY = isAttachedToAnchorTop ? anchorRect.top : anchorRect.bottom;
+  var effectiveHeight = maxHeight && typeof maxHeight === 'number' ? Math.min(popupScrollHeight, maxHeight) : popupScrollHeight;
+  var hypotheticalTop = attachingPointY - effectiveHeight;
+  if (hypotheticalTop <= sidePadding) {
+    styles.top = sidePadding + scroll.top;
+    styles.maxHeight = attachingPointY - sidePadding + BORDER_COMPENSATION;
+  }
+  return styles;
+}
+function maxHeightForDirection(direction, anchorNode, containerNode) {
+  var container = containerNode || document.documentElement;
+  var domRect = anchorNode.getBoundingClientRect();
+  var containerRect = container.getBoundingClientRect();
+  var topMaxHeight = Math.max(domRect.top - containerRect.top, 0);
+  var containerHeight = Math.max(containerRect.height,
+  // XXX
+  // If container is the document element
+  // then we check client height too because we may have situation when
+  // "height" from "getBoundingClientRect" less then "clientHeight".
+  container === document.documentElement ? container.clientHeight : 0);
+  var bottomMaxHeight = Math.max(containerHeight - (topMaxHeight + domRect.height), 0);
   switch (direction) {
     case Directions.TOP_LEFT:
     case Directions.TOP_CENTER:
@@ -140,71 +165,64 @@ function maxHeightForDirection(direction, anchorNode) {
     case Directions.LEFT_CENTER:
       return domRect.height / 2 + Math.min(bottomMaxHeight / 2, topMaxHeight / 2);
     default:
-      const exhaustiveCheck = direction;
-      throw new Error(exhaustiveCheck);
+      return null;
   }
 }
 function position(attrs) {
-  const {
-    popup,
-    anchor,
-    container,
-    directions,
-    autoPositioning,
-    sidePadding,
-    top,
-    left,
-    offset,
-    maxHeight,
-    minWidth,
-    autoCorrectTopOverflow = true
-  } = attrs;
-  let styles = {
+  var popup = attrs.popup,
+    anchor = attrs.anchor,
+    container = attrs.container,
+    directions = attrs.directions,
+    autoPositioning = attrs.autoPositioning,
+    sidePadding = attrs.sidePadding,
+    top = attrs.top,
+    left = attrs.left,
+    offset = attrs.offset,
+    maxHeight = attrs.maxHeight,
+    minWidth = attrs.minWidth,
+    _attrs$autoCorrectTop = attrs.autoCorrectTopOverflow,
+    autoCorrectTopOverflow = _attrs$autoCorrectTop === void 0 ? true : _attrs$autoCorrectTop;
+  var styles = {
     top: 0,
     left: 0
   };
-  let chosenDirection = null;
-  const containerRect = container !== null ? getRect(container) : defaultcontainerRect;
-  const defaultAnchor = container !== null ? container : document.body;
-  const anchorRect = getRect(isMounted(anchor) ? anchor : defaultAnchor);
-  const scroll = getScrollingCoordinates(container);
-  const anchorLeft = anchorRect.left + scroll.left + left - containerRect.left;
-  const anchorTop = anchorRect.top + scroll.top + top - containerRect.top;
+  var chosenDirection = null;
+  var containerRect = container !== null ? getRect(container) : defaultcontainerRect;
+  var defaultAnchor = container !== null ? container : document.body;
+  var anchorRect = getRect(isMounted(anchor) ? anchor : defaultAnchor);
+  var scroll = getScrollingCoordinates(container);
+  var anchorLeft = anchorRect.left + scroll.left + left - containerRect.left;
+  var anchorTop = anchorRect.top + scroll.top + top - containerRect.top;
   if (popup) {
-    const overflowAttrs = {
-      ...attrs,
-      popup
-    };
-    const directionsMatrix = getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset);
+    var overflowAttrs = _objectSpread2(_objectSpread2({}, attrs), {}, {
+      popup: popup
+    });
+    var directionsMatrix = getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset);
     if (!autoPositioning || directions.length === 1) {
-      styles = {
-        ...directionsMatrix[directions[0]]
-      };
+      styles = directionsMatrix[directions[0]];
       chosenDirection = directions[0];
     } else {
-      const sortedByIncreasingOverflow = directions.
+      var sortedByIncreasingOverflow = directions.
       // Fall back to the first option
-      concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
-        styles: directionsMatrix[direction],
-        direction
-      })).sort((_ref, _ref2) => {
-        let {
-          styles: stylesA
-        } = _ref;
-        let {
-          styles: stylesB
-        } = _ref2;
-        const overflowA = verticalOverflow(stylesA, scroll, overflowAttrs) + horizontalOverflow(stylesA, scroll, overflowAttrs);
-        const overflowB = verticalOverflow(stylesB, scroll, overflowAttrs) + horizontalOverflow(stylesB, scroll, overflowAttrs);
+      concat(directions[0]).filter(function (direction) {
+        return directionsMatrix[direction];
+      }).map(function (direction) {
+        return {
+          styles: directionsMatrix[direction],
+          direction: direction
+        };
+      }).sort(function (_ref3, _ref4) {
+        var stylesA = _ref3.styles;
+        var stylesB = _ref4.styles;
+        var overflowA = verticalOverflow(stylesA, scroll, overflowAttrs) + horizontalOverflow(stylesA, scroll, overflowAttrs);
+        var overflowB = verticalOverflow(stylesB, scroll, overflowAttrs) + horizontalOverflow(stylesB, scroll, overflowAttrs);
         return overflowA - overflowB;
       });
-      styles = {
-        ...sortedByIncreasingOverflow[0].styles
-      };
+      styles = sortedByIncreasingOverflow[0].styles;
       chosenDirection = sortedByIncreasingOverflow[0].direction;
     }
     // because of the anchor negative margin top and left also may become negative
-    ['left', 'top'].forEach(key => {
+    ['left', 'top'].forEach(function (key) {
       if (styles[key] < 0) {
         styles[key] = 0;
       }
@@ -216,14 +234,17 @@ function position(attrs) {
   } else if (maxHeight) {
     styles.maxHeight = maxHeight;
   }
-  if (autoCorrectTopOverflow && chosenDirection && anchor) {
-    const maxForDirection = maxHeightForDirection(chosenDirection, anchor) - sidePadding;
-    if (!styles.maxHeight || styles.maxHeight > maxForDirection) {
-      styles.maxHeight = maxForDirection;
-      if (styles.top === 0) {
-        styles.top = sidePadding;
-      }
-    }
+  if (autoCorrectTopOverflow) {
+    var _popup$scrollHeight;
+    styles = handleTopOffScreen({
+      sidePadding: sidePadding,
+      styles: styles,
+      anchorRect: anchorRect,
+      maxHeight: maxHeight,
+      direction: chosenDirection,
+      popupScrollHeight: (_popup$scrollHeight = popup === null || popup === void 0 ? void 0 : popup.scrollHeight) !== null && _popup$scrollHeight !== void 0 ? _popup$scrollHeight : 0,
+      scroll: scroll
+    });
   }
   if (minWidth === MinWidth.TARGET || minWidth === 'target') {
     styles.minWidth = anchorRect.width;
@@ -231,7 +252,7 @@ function position(attrs) {
     styles.minWidth = anchorRect.width < minWidth ? minWidth : anchorRect.width;
   }
   return {
-    styles,
+    styles: styles,
     direction: chosenDirection
   };
 }

package/dist/popup-menu/popup-menu.d.ts

@@ -1,4 +1,4 @@
-import { SyntheticEvent } from 'react';
+import React, { SyntheticEvent } from 'react';
 import Popup, { BasePopupProps } from '../popup/popup';
 import List, { ListProps as ListPropsType } from '../list/list';
 import { ListDataItem } from '../list/consts';
@@ -51,7 +51,7 @@ export default class PopupMenu<T = unknown> extends Popup<PopupMenuProps<T>> {
     list?: List<T> | null;
     listRef: (el: List<T> | null) => void;
     /** @override */
-    getInternalContent(): JSX.Element;
+    getInternalContent(): React.JSX.Element;
 }
 export type PopupMenuAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof PopupMenu, PopupMenuProps<T>>;
 export declare const ListProps: {

package/dist/popup-menu/popup-menu.js

@@ -1,23 +1,51 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { e as _objectWithoutProperties, _ as _defineProperty, g as _objectSpread2, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.parse-float.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import Popup from '../popup/popup.js';
 import List from '../list/list.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import 'classnames';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.array.find.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -25,27 +53,29 @@ import 'react-virtualized/dist/es/CellMeasurer';
 import 'util-deprecate';
 import 'memoize-one';
 import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
-import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.index-of.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.from.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
-import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -53,57 +83,62 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 
-const {
-  children,
-  ...popupPropTypes
-} = Popup.propTypes || {};
+var _excluded = ["className"];
+var _ref = Popup.propTypes || {};
+  _ref.children;
+  var popupPropTypes = _objectWithoutProperties(_ref, ["children"]);
 /**
  * @name Popup Menu
  */
-class PopupMenu extends Popup {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "onSelect", (item, event) => {
-      if (this.props.closeOnSelect) {
-        this._onCloseAttempt(event);
+var PopupMenu = /*#__PURE__*/function (_Popup) {
+  _inherits(PopupMenu, _Popup);
+  var _super = _createSuper(PopupMenu);
+  function PopupMenu() {
+    var _this;
+    _classCallCheck(this, PopupMenu);
+    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));
+    _defineProperty(_assertThisInitialized(_this), "onSelect", function (item, event) {
+      if (_this.props.closeOnSelect) {
+        _this._onCloseAttempt(event);
       }
-      this.props.onSelect(item, event);
+      _this.props.onSelect(item, event);
     });
-    _defineProperty(this, "list", void 0);
-    _defineProperty(this, "listRef", el => {
-      this.list = el;
+    _defineProperty(_assertThisInitialized(_this), "list", void 0);
+    _defineProperty(_assertThisInitialized(_this), "listRef", function (el) {
+      _this.list = el;
     });
+    return _this;
   }
-  /** @override */
-  getInternalContent() {
-    const {
-      className,
-      ...props
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(List, _extends({
-      ref: this.listRef
-    }, props, {
-      maxHeight: this.popup && parseFloat(this.popup.style.maxHeight),
-      shortcuts: this.shouldUseShortcuts(),
-      onSelect: this.onSelect
-    })));
-  }
-}
+  _createClass(PopupMenu, [{
+    key: "getInternalContent",
+    value: /** @override */
+    function getInternalContent() {
+      var _this$props = this.props;
+        _this$props.className;
+        var props = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(List, _extends({
+        ref: this.listRef
+      }, props, {
+        maxHeight: this.popup && parseFloat(this.popup.style.maxHeight),
+        shortcuts: this.shouldUseShortcuts(),
+        onSelect: this.onSelect
+      })));
+    }
+  }]);
+  return PopupMenu;
+}(Popup);
 _defineProperty(PopupMenu, "isItemType", List.isItemType);
 _defineProperty(PopupMenu, "ListProps", List.ListProps);
-_defineProperty(PopupMenu, "defaultProps", {
-  ...List.defaultProps,
-  ...Popup.defaultProps,
+_defineProperty(PopupMenu, "defaultProps", _objectSpread2(_objectSpread2(_objectSpread2({}, List.defaultProps), Popup.defaultProps), {}, {
   renderOptimization: false,
   closeOnSelect: false
-});
-PopupMenu.propTypes = {
-  ...popupPropTypes,
-  ...List.propTypes,
+}));
+PopupMenu.propTypes = _objectSpread2(_objectSpread2(_objectSpread2({}, popupPropTypes), List.propTypes), {}, {
   closeOnSelect: PropTypes.bool
-};
-const {
-  ListProps
-} = List;
+});
+var ListProps = List.ListProps;
 
 export { ListProps, PopupMenu as default };

package/dist/progress-bar/progress-bar.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PureComponent } from 'react';
+import React, { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 export interface ProgressBarProps extends HTMLAttributes<HTMLElement> {
     max: number;
@@ -53,6 +53,6 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
     progressbarWrapperRef: (el: HTMLElement | null) => void;
     progressbar?: (HTMLElement | null);
     progressbarRef: (el: HTMLElement | null) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type ProgressBarAttrs = JSX.LibraryManagedAttributes<typeof ProgressBar, ProgressBarProps>;