@jetbrains/ring-ui-built 6.0.31 → 6.0.32

package/components/table/table.js

@@ -1,15 +1,13 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper, e as _extends, c as _objectWithoutProperties, d 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 { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { List, arrayMove } from 'react-movable';
+import { arrayMove, List } from 'react-movable';
 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 from './selection.js';
+import Selection$1 from './selection.js';
 import Header from './header.js';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
 import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
@@ -17,33 +15,13 @@ 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.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.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 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.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-12px';
 import '@jetbrains/icons/remove-12px';
@@ -51,11 +29,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.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 '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';
@@ -73,324 +47,296 @@ 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.
  */
-var Table = /*#__PURE__*/function (_PureComponent) {
-  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 = _callSuper(this, Table, [].concat(args));
-    _defineProperty(_this, "state", {
-      shortcutsScope: getUID('ring-table-'),
-      userSelectNone: false
-    });
-    _defineProperty(_this, "onMouseDown", function (e) {
-      if (e.shiftKey) {
-        _this.setState({
-          userSelectNone: true
-        });
-      }
-    });
-    _defineProperty(_this, "onMouseUp", function () {
-      if (_this.state.userSelectNone) {
-        _this.setState({
-          userSelectNone: false
-        });
-      }
-    });
-    _defineProperty(_this, "onRowFocus", function (row) {
-      var _this$props = _this.props,
-        selection = _this$props.selection,
-        onSelect = _this$props.onSelect;
-      onSelect(selection.focus(row));
-    });
-    _defineProperty(_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", function (_ref) {
-      var oldIndex = _ref.oldIndex,
-        newIndex = _ref.newIndex;
-      var data = arrayMove(_this.props.data, oldIndex, newIndex);
-      _this.props.onReorder({
-        data,
-        oldIndex,
-        newIndex
-      });
-    });
-    _defineProperty(_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();
-    });
-    _defineProperty(_this, "restoreFocusWithoutScroll", function () {
-      var _window = window,
-        scrollX = _window.scrollX,
-        scrollY = _window.scrollY;
-      _this.props.onFocusRestore();
-      window.scrollTo(scrollX, scrollY);
-    });
-    return _this;
+class Table extends PureComponent {
+  static defaultProps = {
+    isItemSelectable: () => true,
+    loading: false,
+    onSort: () => {},
+    onReorder: () => {},
+    getItemKey: item => item.id,
+    sortKey: 'id',
+    sortOrder: true,
+    draggable: false,
+    alwaysShowDragHandle: false,
+    stickyHeader: true,
+    getItemLevel: () => 0,
+    getItemClassName: () => null,
+    getMetaColumnClassName: () => null,
+    getItemDataTest: () => null,
+    isItemCollapsible: () => false,
+    isParentCollapsible: () => false,
+    isItemCollapsed: () => false,
+    onItemCollapse: () => {},
+    onItemExpand: () => {},
+    onItemDoubleClick: () => {},
+    onItemClick: () => {},
+    remoteSelection: false,
+    isDisabledSelectionVisible: () => false,
+    getCheckboxTooltip: () => undefined
+  };
+  state = {
+    shortcutsScope: getUID('ring-table-'),
+    userSelectNone: false
+  };
+  componentDidMount() {
+    document.addEventListener('mouseup', this.onMouseUp);
   }
-  _inherits(Table, _PureComponent);
-  return _createClass(Table, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('mouseup', this.onMouseUp);
+  componentDidUpdate(_ref) {
+    let {
+      data,
+      selection,
+      onSelect,
+      selectable,
+      remoteSelection
+    } = _ref;
+    if (data !== this.props.data && remoteSelection) {
+      onSelect(selection.cloneWith({
+        data: this.props.data
+      }));
     }
-  }, {
-    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
-        }));
-      }
-      if (!this.props.selectable && this.props.selectable !== selectable) {
-        onSelect(selection.resetSelection());
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('mouseup', this.onMouseUp);
+    if (!this.props.selectable && this.props.selectable !== selectable) {
+      onSelect(selection.resetSelection());
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _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,
-        maxColSpan = _this$props4.maxColSpan;
-      // NOTE: Do not construct new object per render because it causes all rows rerendering
-      var headerProps = {
-        caption,
-        selectable,
-        draggable,
-        columns: typeof columns === 'function' ? columns(null) : columns,
-        onSort,
-        sortKey,
-        sortOrder,
-        sticky: stickyHeader,
-        topStickOffset: stickyHeaderOffset,
-        maxColSpan: this.props.maxColSpan
-      };
-      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({
-        [modules_1db4bbca.tableWrapper]: true,
-        [modules_1db4bbca.loading]: loading
+  }
+  componentWillUnmount() {
+    document.removeEventListener('mouseup', this.onMouseUp);
+  }
+  onMouseDown = e => {
+    if (e.shiftKey) {
+      this.setState({
+        userSelectNone: true
       });
-      var 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
+    }
+  };
+  onMouseUp = () => {
+    if (this.state.userSelectNone) {
+      this.setState({
+        userSelectNone: false
       });
-      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 _restProps$key;
-        var value = _ref4.value,
-          _ref4$props = _ref4.props,
-          props = _ref4$props === void 0 ? {} : _ref4$props,
-          isDragged = _ref4.isDragged;
-        if (value == null) {
-          return null;
-        }
-        var ref = props.ref,
-          restProps = _objectWithoutProperties(props, _excluded);
-        var row = /*#__PURE__*/React.createElement(RowWithFocusSensorCallbacks, _extends({
-          innerRef: ref,
-          level: getItemLevel(value),
-          item: value,
-          showFocus: selection.isFocused(value),
-          autofocus: selection.isFocused(value),
-          focused: 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), {
-            [modules_1db4bbca.draggingRow]: isDragged
-          }),
-          metaColumnClassName: getMetaColumnClassName(value),
-          draggable: draggable,
-          alwaysShowDragHandle: alwaysShowDragHandle,
-          dragHandleTitle: dragHandleTitle,
-          columns: columns,
-          "data-test": getItemDataTest(value),
-          maxColSpan: maxColSpan
-        }, restProps, {
-          key: (_restProps$key = restProps.key) !== null && _restProps$key !== void 0 ? _restProps$key : getItemKey(value)
-        }));
-        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,
-            index
-          });
-        })
-      })), loading && /*#__PURE__*/React.createElement("div", {
-        className: modules_1db4bbca.loadingOverlay
-      }, /*#__PURE__*/React.createElement(Loader, {
-        className: loaderClassName
-      })));
     }
-  }]);
-}(PureComponent);
-_defineProperty(Table, "defaultProps", {
-  isItemSelectable: function isItemSelectable() {
-    return true;
-  },
-  loading: false,
-  onSort: function onSort() {},
-  onReorder: function onReorder() {},
-  getItemKey: function getItemKey(item) {
-    return item.id;
-  },
-  sortKey: 'id',
-  sortOrder: true,
-  draggable: false,
-  alwaysShowDragHandle: false,
-  stickyHeader: true,
-  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: function isDisabledSelectionVisible() {
-    return false;
-  },
-  getCheckboxTooltip: function getCheckboxTooltip() {
-    return undefined;
+  };
+  onRowFocus = row => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    onSelect(selection.focus(row));
+  };
+  onRowSelect = (row, selected) => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    if (selected) {
+      onSelect(selection.select(row));
+    } else {
+      onSelect(selection.deselect(row));
+    }
+  };
+  onSortEnd = _ref2 => {
+    let {
+      oldIndex,
+      newIndex
+    } = _ref2;
+    const data = arrayMove(this.props.data, oldIndex, newIndex);
+    this.props.onReorder({
+      data,
+      oldIndex,
+      newIndex
+    });
+  };
+  onCheckboxChange = e => {
+    const {
+      checked
+    } = e.currentTarget;
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    if (checked) {
+      onSelect(selection.selectAll());
+    } else {
+      onSelect(selection.reset());
+    }
+    this.restoreFocusWithoutScroll();
+  };
+  restoreFocusWithoutScroll = () => {
+    const {
+      scrollX,
+      scrollY
+    } = window;
+    this.props.onFocusRestore();
+    window.scrollTo(scrollX, scrollY);
+  };
+  render() {
+    const {
+      data,
+      selection,
+      columns,
+      caption,
+      getItemKey,
+      selectable,
+      focused,
+      isItemSelectable,
+      getItemLevel,
+      getItemClassName,
+      getMetaColumnClassName,
+      getItemDataTest,
+      draggable,
+      alwaysShowDragHandle,
+      dragHandleTitle,
+      loading,
+      onSort,
+      sortKey,
+      sortOrder,
+      loaderClassName,
+      stickyHeader,
+      stickyHeaderOffset,
+      isItemCollapsible,
+      isParentCollapsible,
+      isItemCollapsed,
+      onItemCollapse,
+      onItemExpand,
+      isDisabledSelectionVisible,
+      getCheckboxTooltip,
+      onItemDoubleClick,
+      onItemClick,
+      renderEmpty,
+      maxColSpan
+    } = this.props;
+    // NOTE: Do not construct new object per render because it causes all rows rerendering
+    const headerProps = {
+      caption,
+      selectable,
+      draggable,
+      columns: typeof columns === 'function' ? columns(null) : columns,
+      onSort,
+      sortKey,
+      sortOrder,
+      sticky: stickyHeader,
+      topStickOffset: stickyHeaderOffset,
+      maxColSpan: this.props.maxColSpan
+    };
+    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 => {
+      var _restProps$key;
+      let {
+        value,
+        props = {},
+        isDragged
+      } = _ref4;
+      if (value == null) {
+        return null;
+      }
+      const {
+        ref,
+        ...restProps
+      } = props;
+      const row = /*#__PURE__*/React.createElement(RowWithFocusSensorCallbacks, _extends({
+        innerRef: ref,
+        level: getItemLevel(value),
+        item: value,
+        showFocus: selection.isFocused(value),
+        autofocus: selection.isFocused(value),
+        focused: 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
+        }),
+        metaColumnClassName: getMetaColumnClassName(value),
+        draggable: draggable,
+        alwaysShowDragHandle: alwaysShowDragHandle,
+        dragHandleTitle: dragHandleTitle,
+        columns: columns,
+        "data-test": getItemDataTest(value),
+        maxColSpan: maxColSpan
+      }, restProps, {
+        key: (_restProps$key = restProps.key) !== null && _restProps$key !== void 0 ? _restProps$key : getItemKey(value)
+      }));
+      return isDragged ? /*#__PURE__*/React.createElement("table", {
+        style: {
+          ...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((value, index) => renderItem({
+        value,
+        index
+      }))
+    })), loading && /*#__PURE__*/React.createElement("div", {
+      className: modules_1db4bbca.loadingOverlay
+    }, /*#__PURE__*/React.createElement(Loader, {
+      className: loaderClassName
+    })));
   }
-});
+}
 Table.propTypes = {
   className: PropTypes.string,
   loaderClassName: PropTypes.string,
@@ -426,7 +372,7 @@ Table.propTypes = {
   onFocusRestore: PropTypes.func,
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
   // selectionShortcutsHOC
-  selection: PropTypes.instanceOf(Selection).isRequired,
+  selection: PropTypes.instanceOf(Selection$1).isRequired,
   selectable: PropTypes.bool,
   onSelect: PropTypes.func,
   shortcutsMap: PropTypes.object,
@@ -435,30 +381,15 @@ Table.propTypes = {
   remoteSelection: PropTypes.bool,
   renderEmpty: PropTypes.func
 };
-var getContainer = function getContainer() {
-  return disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));
-};
+const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));
 // eslint-disable-next-line react/no-multi-comp
-var TableContainer = /*#__PURE__*/function (_Component) {
-  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 = _callSuper(this, TableContainer, [].concat(args));
-    _defineProperty(_this3, "Table", getContainer());
-    return _this3;
+class TableContainer extends Component {
+  // https://stackoverflow.com/a/53882322/6304152
+  static propTypes = getContainer().propTypes;
+  Table = getContainer();
+  render() {
+    return /*#__PURE__*/React.createElement(this.Table, this.props);
   }
-  _inherits(TableContainer, _Component);
-  return _createClass(TableContainer, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(this.Table, this.props);
-    }
-  }]);
-}(Component);
-// https://stackoverflow.com/a/53882322/6304152
-_defineProperty(TableContainer, "propTypes", getContainer().propTypes);
+}
 
 export { Table, TableContainer as default };