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

package/dist/table/table.js

@@ -1,4 +1,6 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, f as _extends, e as _objectWithoutProperties, g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.map.js';
 import React, { PureComponent, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,7 +9,7 @@ import focusSensorHOC from '../global/focus-sensor-hoc.js';
 import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import Loader from '../loader/loader.js';
-import Selection$1 from './selection.js';
+import Selection from './selection.js';
 import Header from './header.js';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
 import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
@@ -15,24 +17,47 @@ import disableHoverHOC from './disable-hover-hoc.js';
 import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.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.regexp.to-string.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.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.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 'core-js/modules/es.object.entries.js';
 import '../loader/loader__core.js';
+import 'core-js/modules/es.array.fill.js';
+import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
-import 'react-waypoint';
+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 'core-js/modules/es.array.index-of.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';
 import 'util-deprecate';
 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.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import '../_helpers/checkbox.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
 import './header-cell.js';
 import '@jetbrains/icons/unsorted-10px';
 import '@jetbrains/icons/chevron-10px';
@@ -41,7 +66,6 @@ import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/drag';
 import '../button/button.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
@@ -51,290 +75,312 @@ import 'react-dom';
 import '../global/schedule-raf.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 './cell.js';
 
+var _excluded = ["ref"];
 /**
  * Interactive table with selection and keyboard navigation support.
  */
-class Table extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var Table = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Table, _PureComponent);
+  var _super = _createSuper(Table);
+  function Table() {
+    var _this;
+    _classCallCheck(this, Table);
+    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), "state", {
       shortcutsScope: getUID('ring-table-'),
       userSelectNone: false
     });
-    _defineProperty(this, "onMouseDown", e => {
+    _defineProperty(_assertThisInitialized(_this), "onMouseDown", function (e) {
       if (e.shiftKey) {
-        this.setState({
+        _this.setState({
           userSelectNone: true
         });
       }
     });
-    _defineProperty(this, "onMouseUp", () => {
-      if (this.state.userSelectNone) {
-        this.setState({
+    _defineProperty(_assertThisInitialized(_this), "onMouseUp", function () {
+      if (_this.state.userSelectNone) {
+        _this.setState({
           userSelectNone: false
         });
       }
     });
-    _defineProperty(this, "onRowFocus", row => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
+    _defineProperty(_assertThisInitialized(_this), "onRowFocus", function (row) {
+      var _this$props = _this.props,
+        selection = _this$props.selection,
+        onSelect = _this$props.onSelect;
       onSelect(selection.focus(row));
     });
-    _defineProperty(this, "onRowSelect", (row, selected) => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
+    _defineProperty(_assertThisInitialized(_this), "onRowSelect", function (row, selected) {
+      var _this$props2 = _this.props,
+        selection = _this$props2.selection,
+        onSelect = _this$props2.onSelect;
       if (selected) {
         onSelect(selection.select(row));
       } else {
         onSelect(selection.deselect(row));
       }
     });
-    _defineProperty(this, "onSortEnd", _ref => {
-      let {
-        oldIndex,
-        newIndex
-      } = _ref;
-      const data = arrayMove(this.props.data, oldIndex, newIndex);
-      this.props.onReorder({
-        data,
-        oldIndex,
-        newIndex
+    _defineProperty(_assertThisInitialized(_this), "onSortEnd", function (_ref) {
+      var oldIndex = _ref.oldIndex,
+        newIndex = _ref.newIndex;
+      var data = arrayMove(_this.props.data, oldIndex, newIndex);
+      _this.props.onReorder({
+        data: data,
+        oldIndex: oldIndex,
+        newIndex: newIndex
       });
     });
-    _defineProperty(this, "onCheckboxChange", e => {
-      const {
-        checked
-      } = e.currentTarget;
-      const {
-        selection,
-        onSelect
-      } = this.props;
+    _defineProperty(_assertThisInitialized(_this), "onCheckboxChange", function (e) {
+      var checked = e.currentTarget.checked;
+      var _this$props3 = _this.props,
+        selection = _this$props3.selection,
+        onSelect = _this$props3.onSelect;
       if (checked) {
         onSelect(selection.selectAll());
       } else {
         onSelect(selection.reset());
       }
-      this.restoreFocusWithoutScroll();
+      _this.restoreFocusWithoutScroll();
     });
-    _defineProperty(this, "restoreFocusWithoutScroll", () => {
-      const {
-        scrollX,
-        scrollY
-      } = window;
-      this.props.onFocusRestore();
+    _defineProperty(_assertThisInitialized(_this), "restoreFocusWithoutScroll", function () {
+      var _window = window,
+        scrollX = _window.scrollX,
+        scrollY = _window.scrollY;
+      _this.props.onFocusRestore();
       window.scrollTo(scrollX, scrollY);
     });
+    return _this;
   }
-  componentDidMount() {
-    document.addEventListener('mouseup', this.onMouseUp);
-  }
-  componentDidUpdate(_ref2) {
-    let {
-      data,
-      selection,
-      onSelect,
-      selectable,
-      remoteSelection
-    } = _ref2;
-    if (data !== this.props.data && remoteSelection) {
-      onSelect(selection.cloneWith({
-        data: this.props.data
-      }));
-    }
-    if (!this.props.selectable && this.props.selectable !== selectable) {
-      onSelect(selection.resetSelection());
+  _createClass(Table, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      document.addEventListener('mouseup', this.onMouseUp);
     }
-  }
-  componentWillUnmount() {
-    document.removeEventListener('mouseup', this.onMouseUp);
-  }
-  render() {
-    const {
-      data,
-      selection,
-      columns,
-      caption,
-      getItemKey,
-      selectable,
-      focused,
-      isItemSelectable,
-      getItemLevel,
-      getItemClassName,
-      getItemDataTest,
-      draggable,
-      alwaysShowDragHandle,
-      dragHandleTitle,
-      loading,
-      onSort,
-      sortKey,
-      sortOrder,
-      loaderClassName,
-      stickyHeader,
-      stickyHeaderOffset,
-      isItemCollapsible,
-      isParentCollapsible,
-      isItemCollapsed,
-      onItemCollapse,
-      onItemExpand,
-      isDisabledSelectionVisible,
-      getCheckboxTooltip,
-      onItemDoubleClick,
-      onItemClick,
-      renderEmpty
-    } = this.props;
-    // NOTE: Do not construct new object per render because it causes all rows rerendering
-    const headerProps = {
-      caption,
-      selectable,
-      draggable,
-      columns,
-      onSort,
-      sortKey,
-      sortOrder,
-      sticky: stickyHeader,
-      topStickOffset: stickyHeaderOffset
-    };
-    const selectedSize = selection.getSelected().size;
-    const allSelectedSize = selection.selectAll().getSelected().size;
-    headerProps.checked = selectedSize > 0 && selectedSize === allSelectedSize;
-    headerProps.onCheckboxChange = this.onCheckboxChange;
-    headerProps.checkboxDisabled = this.props.data.length === 0;
-    const wrapperClasses = classNames({
-      [modules_1db4bbca.tableWrapper]: true,
-      [modules_1db4bbca.loading]: loading
-    });
-    const classes = classNames(this.props.className, {
-      [modules_1db4bbca.table]: true,
-      [modules_1db4bbca.multiSelection]: selection.getSelected().size > 0,
-      [modules_1db4bbca.userSelectNone]: this.state.userSelectNone,
-      [modules_1db4bbca.disabledHover]: this.props.disabledHover
-    });
-    const renderList = _ref3 => {
-      let {
-        children,
-        props
-      } = _ref3;
-      const empty = /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-        colSpan: this.props.columns.length || 1,
-        className: modules_1db4bbca.tableMessage
-      }, renderEmpty ? renderEmpty() : null));
-      const tbody = Array.isArray(children) && children.length > 0 ? children : empty;
-      return /*#__PURE__*/React.createElement("table", {
-        className: classes,
-        "data-test": "ring-table"
-      }, /*#__PURE__*/React.createElement(Header, headerProps), /*#__PURE__*/React.createElement("tbody", _extends({}, props, {
-        "data-test": "ring-table-body"
-      }), tbody));
-    };
-    const renderItem = _ref4 => {
-      let {
-        value,
-        props = {},
-        isDragged
-      } = _ref4;
-      if (value == null) {
-        return null;
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(_ref2) {
+      var data = _ref2.data,
+        selection = _ref2.selection,
+        onSelect = _ref2.onSelect,
+        selectable = _ref2.selectable,
+        remoteSelection = _ref2.remoteSelection;
+      if (data !== this.props.data && remoteSelection) {
+        onSelect(selection.cloneWith({
+          data: this.props.data
+        }));
       }
-      const {
-        ref,
-        ...restProps
-      } = props;
-      const row = /*#__PURE__*/React.createElement(RowWithFocusSensorCallbacks, _extends({
-        innerRef: ref,
-        key: getItemKey(value),
-        level: getItemLevel(value),
-        item: value,
-        showFocus: selection.isFocused(value),
-        autofocus: selection.isFocused(value),
-        focused: selection.isFocused(value),
-        selectable: selectable && isItemSelectable(value),
-        selected: selectable && selection.isSelected(value),
-        onFocus: this.onRowFocus,
-        onSelect: this.onRowSelect,
-        onDoubleClick: onItemDoubleClick,
-        onClick: onItemClick,
-        collapsible: isItemCollapsible(value),
-        parentCollapsible: isParentCollapsible(value),
-        collapsed: isItemCollapsed(value),
-        onCollapse: onItemCollapse,
-        onExpand: onItemExpand,
-        showDisabledSelection: isDisabledSelectionVisible(value),
-        checkboxTooltip: getCheckboxTooltip(value),
-        className: classNames(getItemClassName(value), {
-          [modules_1db4bbca.draggingRow]: isDragged
-        }),
+      if (!this.props.selectable && this.props.selectable !== selectable) {
+        onSelect(selection.resetSelection());
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('mouseup', this.onMouseUp);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames,
+        _classNames2,
+        _this2 = this;
+      var _this$props4 = this.props,
+        data = _this$props4.data,
+        selection = _this$props4.selection,
+        columns = _this$props4.columns,
+        caption = _this$props4.caption,
+        getItemKey = _this$props4.getItemKey,
+        selectable = _this$props4.selectable,
+        focused = _this$props4.focused,
+        isItemSelectable = _this$props4.isItemSelectable,
+        getItemLevel = _this$props4.getItemLevel,
+        getItemClassName = _this$props4.getItemClassName,
+        getMetaColumnClassName = _this$props4.getMetaColumnClassName,
+        getItemDataTest = _this$props4.getItemDataTest,
+        draggable = _this$props4.draggable,
+        alwaysShowDragHandle = _this$props4.alwaysShowDragHandle,
+        dragHandleTitle = _this$props4.dragHandleTitle,
+        loading = _this$props4.loading,
+        onSort = _this$props4.onSort,
+        sortKey = _this$props4.sortKey,
+        sortOrder = _this$props4.sortOrder,
+        loaderClassName = _this$props4.loaderClassName,
+        stickyHeader = _this$props4.stickyHeader,
+        stickyHeaderOffset = _this$props4.stickyHeaderOffset,
+        isItemCollapsible = _this$props4.isItemCollapsible,
+        isParentCollapsible = _this$props4.isParentCollapsible,
+        isItemCollapsed = _this$props4.isItemCollapsed,
+        onItemCollapse = _this$props4.onItemCollapse,
+        onItemExpand = _this$props4.onItemExpand,
+        isDisabledSelectionVisible = _this$props4.isDisabledSelectionVisible,
+        getCheckboxTooltip = _this$props4.getCheckboxTooltip,
+        onItemDoubleClick = _this$props4.onItemDoubleClick,
+        onItemClick = _this$props4.onItemClick,
+        renderEmpty = _this$props4.renderEmpty;
+      // NOTE: Do not construct new object per render because it causes all rows rerendering
+      var headerProps = {
+        caption: caption,
+        selectable: selectable,
         draggable: draggable,
-        alwaysShowDragHandle: alwaysShowDragHandle,
-        dragHandleTitle: dragHandleTitle,
         columns: columns,
-        "data-test": getItemDataTest(value)
-      }, restProps));
-      return isDragged ? /*#__PURE__*/React.createElement("table", {
-        style: {
-          ...props.style,
-          borderSpacing: 0
+        onSort: onSort,
+        sortKey: sortKey,
+        sortOrder: sortOrder,
+        sticky: stickyHeader,
+        topStickOffset: stickyHeaderOffset
+      };
+      var selectedSize = selection.getSelected().size;
+      var allSelectedSize = selection.selectAll().getSelected().size;
+      headerProps.checked = selectedSize > 0 && selectedSize === allSelectedSize;
+      headerProps.onCheckboxChange = this.onCheckboxChange;
+      headerProps.checkboxDisabled = this.props.data.length === 0;
+      var wrapperClasses = classNames((_classNames = {}, _defineProperty(_classNames, modules_1db4bbca.tableWrapper, true), _defineProperty(_classNames, modules_1db4bbca.loading, loading), _classNames));
+      var classes = classNames(this.props.className, (_classNames2 = {}, _defineProperty(_classNames2, modules_1db4bbca.table, true), _defineProperty(_classNames2, modules_1db4bbca.multiSelection, selection.getSelected().size > 0), _defineProperty(_classNames2, modules_1db4bbca.userSelectNone, this.state.userSelectNone), _defineProperty(_classNames2, modules_1db4bbca.disabledHover, this.props.disabledHover), _classNames2));
+      var renderList = function renderList(_ref3) {
+        var children = _ref3.children,
+          props = _ref3.props;
+        var empty = /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+          colSpan: _this2.props.columns.length || 1,
+          className: modules_1db4bbca.tableMessage
+        }, renderEmpty ? renderEmpty() : null));
+        var tbody = Array.isArray(children) && children.length > 0 ? children : empty;
+        return /*#__PURE__*/React.createElement("table", {
+          className: classes,
+          "data-test": "ring-table"
+        }, /*#__PURE__*/React.createElement(Header, headerProps), /*#__PURE__*/React.createElement("tbody", _extends({}, props, {
+          "data-test": "ring-table-body"
+        }), tbody));
+      };
+      var renderItem = function renderItem(_ref4) {
+        var value = _ref4.value,
+          _ref4$props = _ref4.props,
+          props = _ref4$props === void 0 ? {} : _ref4$props,
+          isDragged = _ref4.isDragged;
+        if (value == null) {
+          return null;
         }
-      }, /*#__PURE__*/React.createElement("tbody", null, row)) : row;
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: wrapperClasses,
-      "data-test": "ring-table-wrapper",
-      ref: this.props.innerRef
-    }, focused && /*#__PURE__*/React.createElement(Shortcuts, {
-      map: this.props.shortcutsMap,
-      scope: this.state.shortcutsScope
-    }), /*#__PURE__*/React.createElement("div", {
-      role: "presentation",
-      onMouseDown: this.onMouseDown
-    }, draggable ? /*#__PURE__*/React.createElement(List, {
-      values: data,
-      renderList: renderList,
-      renderItem: renderItem,
-      onChange: this.onSortEnd
-    }) : renderList({
-      children: data.map((value, index) => renderItem({
-        value,
-        index
-      }))
-    })), loading && /*#__PURE__*/React.createElement("div", {
-      className: modules_1db4bbca.loadingOverlay
-    }, /*#__PURE__*/React.createElement(Loader, {
-      className: loaderClassName
-    })));
-  }
-}
+        var ref = props.ref,
+          restProps = _objectWithoutProperties(props, _excluded);
+        var row = /*#__PURE__*/React.createElement(RowWithFocusSensorCallbacks, _extends({
+          innerRef: ref,
+          key: getItemKey(value),
+          level: getItemLevel(value),
+          item: value,
+          showFocus: selection.isFocused(value),
+          autofocus: selection.isFocused(value),
+          focused: selection.isFocused(value),
+          selectable: selectable && isItemSelectable(value),
+          selected: selectable && selection.isSelected(value),
+          onFocus: _this2.onRowFocus,
+          onSelect: _this2.onRowSelect,
+          onDoubleClick: onItemDoubleClick,
+          onClick: onItemClick,
+          collapsible: isItemCollapsible(value),
+          parentCollapsible: isParentCollapsible(value),
+          collapsed: isItemCollapsed(value),
+          onCollapse: onItemCollapse,
+          onExpand: onItemExpand,
+          showDisabledSelection: isDisabledSelectionVisible(value),
+          checkboxTooltip: getCheckboxTooltip(value),
+          className: classNames(getItemClassName(value), _defineProperty({}, modules_1db4bbca.draggingRow, isDragged)),
+          metaColumnClassName: getMetaColumnClassName(value),
+          draggable: draggable,
+          alwaysShowDragHandle: alwaysShowDragHandle,
+          dragHandleTitle: dragHandleTitle,
+          columns: columns,
+          "data-test": getItemDataTest(value)
+        }, restProps));
+        return isDragged ? /*#__PURE__*/React.createElement("table", {
+          style: _objectSpread2({}, props.style),
+          className: modules_1db4bbca.draggingTable
+        }, /*#__PURE__*/React.createElement("tbody", null, row)) : row;
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        className: wrapperClasses,
+        "data-test": "ring-table-wrapper",
+        ref: this.props.innerRef
+      }, focused && /*#__PURE__*/React.createElement(Shortcuts, {
+        map: this.props.shortcutsMap,
+        scope: this.state.shortcutsScope
+      }), /*#__PURE__*/React.createElement("div", {
+        role: "presentation",
+        onMouseDown: this.onMouseDown
+      }, draggable ? /*#__PURE__*/React.createElement(List, {
+        values: data,
+        renderList: renderList,
+        renderItem: renderItem,
+        onChange: this.onSortEnd
+      }) : renderList({
+        children: data.map(function (value, index) {
+          return renderItem({
+            value: value,
+            index: index
+          });
+        })
+      })), loading && /*#__PURE__*/React.createElement("div", {
+        className: modules_1db4bbca.loadingOverlay
+      }, /*#__PURE__*/React.createElement(Loader, {
+        className: loaderClassName
+      })));
+    }
+  }]);
+  return Table;
+}(PureComponent);
 _defineProperty(Table, "defaultProps", {
-  isItemSelectable: () => true,
+  isItemSelectable: function isItemSelectable() {
+    return true;
+  },
   loading: false,
-  onSort: () => {},
-  onReorder: () => {},
-  getItemKey: item => item.id,
+  onSort: function onSort() {},
+  onReorder: function onReorder() {},
+  getItemKey: function getItemKey(item) {
+    return item.id;
+  },
   sortKey: 'id',
   sortOrder: true,
   draggable: false,
   alwaysShowDragHandle: false,
   stickyHeader: true,
-  getItemLevel: () => 0,
-  getItemClassName: () => null,
-  getItemDataTest: () => null,
-  isItemCollapsible: () => false,
-  isParentCollapsible: () => false,
-  isItemCollapsed: () => false,
-  onItemCollapse: () => {},
-  onItemExpand: () => {},
-  onItemDoubleClick: () => {},
-  onItemClick: () => {},
+  getItemLevel: function getItemLevel() {
+    return 0;
+  },
+  getItemClassName: function getItemClassName() {
+    return null;
+  },
+  getMetaColumnClassName: function getMetaColumnClassName() {
+    return null;
+  },
+  getItemDataTest: function getItemDataTest() {
+    return null;
+  },
+  isItemCollapsible: function isItemCollapsible() {
+    return false;
+  },
+  isParentCollapsible: function isParentCollapsible() {
+    return false;
+  },
+  isItemCollapsed: function isItemCollapsed() {
+    return false;
+  },
+  onItemCollapse: function onItemCollapse() {},
+  onItemExpand: function onItemExpand() {},
+  onItemDoubleClick: function onItemDoubleClick() {},
+  onItemClick: function onItemClick() {},
   remoteSelection: false,
-  isDisabledSelectionVisible: () => false,
-  getCheckboxTooltip: () => undefined
+  isDisabledSelectionVisible: function isDisabledSelectionVisible() {
+    return false;
+  },
+  getCheckboxTooltip: function getCheckboxTooltip() {
+    return undefined;
+  }
 });
 Table.propTypes = {
   className: PropTypes.string,
@@ -348,6 +394,7 @@ Table.propTypes = {
   loading: PropTypes.bool,
   getItemKey: PropTypes.func,
   getItemClassName: PropTypes.func,
+  getMetaColumnClassName: PropTypes.func,
   getItemDataTest: PropTypes.func,
   onSort: PropTypes.func,
   onReorder: PropTypes.func,
@@ -370,7 +417,7 @@ Table.propTypes = {
   onFocusRestore: PropTypes.func,
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
   // selectionShortcutsHOC
-  selection: PropTypes.instanceOf(Selection$1).isRequired,
+  selection: PropTypes.instanceOf(Selection).isRequired,
   selectable: PropTypes.bool,
   onSelect: PropTypes.func,
   shortcutsMap: PropTypes.object,
@@ -379,17 +426,32 @@ Table.propTypes = {
   remoteSelection: PropTypes.bool,
   renderEmpty: PropTypes.func
 };
-const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));
+var getContainer = function getContainer() {
+  return disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));
+};
 // eslint-disable-next-line react/no-multi-comp
-class TableContainer extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "Table", getContainer());
-  }
-  render() {
-    return /*#__PURE__*/React.createElement(this.Table, this.props);
+var TableContainer = /*#__PURE__*/function (_Component) {
+  _inherits(TableContainer, _Component);
+  var _super2 = _createSuper(TableContainer);
+  function TableContainer() {
+    var _this3;
+    _classCallCheck(this, TableContainer);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this3), "Table", getContainer());
+    return _this3;
   }
-}
+  _createClass(TableContainer, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(this.Table, this.props);
+    }
+  }]);
+  return TableContainer;
+}(Component);
+// https://stackoverflow.com/a/53882322/6304152
 _defineProperty(TableContainer, "propTypes", getContainer().propTypes);
 
 export { Table, TableContainer as default };