@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

package/components/table/table.js

@@ -1,15 +1,14 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper, c as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
+import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent, Component, createElement } 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';
@@ -18,46 +17,25 @@ import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 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 'memoize-one';
-import 'util-deprecate';
-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';
 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 '../control-help/control-help.js';
 import './header-cell.js';
 import '@jetbrains/icons/unsorted-10px';
@@ -81,331 +59,305 @@ import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import './cell.js';
 
-var _excluded = ["ref"];
-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", {
+const _excluded = ["ref"];
+class Table extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       shortcutsScope: getUID('ring-table-'),
       userSelectNone: false
     });
-    _defineProperty(_this, "onMouseDown", function (e) {
+    _defineProperty(this, "onMouseDown", e => {
       if (e.shiftKey) {
-        _this.setState({
+        this.setState({
           userSelectNone: true
         });
       }
     });
-    _defineProperty(_this, "onMouseUp", function () {
-      if (_this.state.userSelectNone) {
-        _this.setState({
+    _defineProperty(this, "onMouseUp", () => {
+      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;
+    _defineProperty(this, "onRowFocus", row => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
       onSelect(selection.focus(row));
     });
-    _defineProperty(_this, "onRowSelect", function (row, selected) {
-      var _this$props2 = _this.props,
-        selection = _this$props2.selection,
-        onSelect = _this$props2.onSelect;
+    _defineProperty(this, "onRowSelect", (row, selected) => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
       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({
+    _defineProperty(this, "onSortEnd", _ref => {
+      let {
+        oldIndex,
+        newIndex
+      } = _ref;
+      const 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;
+    _defineProperty(this, "onCheckboxChange", e => {
+      const {
+        checked
+      } = e.currentTarget;
+      const {
+        selection,
+        onSelect
+      } = this.props;
       if (checked) {
         onSelect(selection.selectAll());
       } else {
         onSelect(selection.reset());
       }
-      _this.restoreFocusWithoutScroll();
+      this.restoreFocusWithoutScroll();
     });
-    _defineProperty(_this, "restoreFocusWithoutScroll", function () {
-      var _window = window,
-        scrollX = _window.scrollX,
-        scrollY = _window.scrollY;
-      _this.props.onFocusRestore();
+    _defineProperty(this, "restoreFocusWithoutScroll", () => {
+      const {
+        scrollX,
+        scrollY
+      } = window;
+      this.props.onFocusRestore();
       window.scrollTo(scrollX, scrollY);
     });
-    return _this;
   }
-  _inherits(Table, _PureComponent);
-  return _createClass(Table, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('mouseup', this.onMouseUp);
-    }
-  }, {
-    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());
-      }
+  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
+      }));
     }
-  }, {
-    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,
-        RowComponent = _this$props4.RowComponent;
-      // 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
-      });
-      var classes = classNames(this.props.className, {
-        [modules_1db4bbca.table]: true,
-        [modules_1db4bbca.wideFirstColumn]: this.props.wideFirstColumn,
-        [modules_1db4bbca.multiSelection]: selection.getSelected().size > 0,
-        [modules_1db4bbca.userSelectNone]: this.state.userSelectNone,
-        [modules_1db4bbca.disabledHover]: this.props.disabledHover
+  }
+  componentWillUnmount() {
+    document.removeEventListener('mouseup', this.onMouseUp);
+  }
+  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,
+      RowComponent
+    } = 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.wideFirstColumn]: this.props.wideFirstColumn,
+      [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__*/jsx("tr", {
+        children: /*#__PURE__*/jsx("td", {
+          colSpan: this.props.columns.length || 1,
+          className: modules_1db4bbca.tableMessage,
+          children: renderEmpty ? renderEmpty() : null
+        })
       });
-      var renderList = function renderList(_ref3) {
-        var children = _ref3.children,
-          props = _ref3.props;
-        var empty = /*#__PURE__*/jsx("tr", {
-          children: /*#__PURE__*/jsx("td", {
-            colSpan: _this2.props.columns.length || 1,
-            className: modules_1db4bbca.tableMessage,
-            children: renderEmpty ? renderEmpty() : null
-          })
-        });
-        var tbody = Array.isArray(children) && children.length > 0 ? children : empty;
-        return /*#__PURE__*/jsxs("table", {
-          className: classes,
-          "data-test": "ring-table",
-          children: [/*#__PURE__*/jsx(Header, _objectSpread2({}, headerProps)), /*#__PURE__*/jsx("tbody", _objectSpread2(_objectSpread2({}, props), {}, {
-            "data-test": "ring-table-body",
-            children: 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__*/createElement(RowComponent, _objectSpread2(_objectSpread2({
-          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__*/jsx("table", {
-          style: _objectSpread2({}, props.style),
-          className: modules_1db4bbca.draggingTable,
-          children: /*#__PURE__*/jsx("tbody", {
-            children: row
-          })
-        }) : row;
-      };
-      return /*#__PURE__*/jsxs("div", {
-        className: wrapperClasses,
-        "data-test": "ring-table-wrapper",
-        ref: this.props.innerRef,
-        children: [focused && /*#__PURE__*/jsx(Shortcuts, {
-          map: this.props.shortcutsMap,
-          scope: this.state.shortcutsScope
-        }), /*#__PURE__*/jsx("div", {
-          role: "presentation",
-          onMouseDown: this.onMouseDown,
-          children: draggable ? /*#__PURE__*/jsx(List, {
-            values: data,
-            renderList: renderList,
-            renderItem: renderItem,
-            onChange: this.onSortEnd
-          }) : renderList({
-            children: data.map(function (value, index) {
-              return renderItem({
-                value,
-                index
-              });
-            })
-          })
-        }), loading && /*#__PURE__*/jsx("div", {
-          className: modules_1db4bbca.loadingOverlay,
-          children: /*#__PURE__*/jsx(Loader, {
-            className: loaderClassName
-          })
-        })]
+      const tbody = Array.isArray(children) && children.length > 0 ? children : empty;
+      return /*#__PURE__*/jsxs("table", {
+        className: classes,
+        "data-test": "ring-table",
+        children: [/*#__PURE__*/jsx(Header, _objectSpread2({}, headerProps)), /*#__PURE__*/jsx("tbody", _objectSpread2(_objectSpread2({}, props), {}, {
+          "data-test": "ring-table-body",
+          children: tbody
+        }))]
       });
-    }
-  }]);
-}(PureComponent);
+    };
+    const renderItem = _ref4 => {
+      var _restProps$key;
+      let {
+        value,
+        props = {},
+        isDragged
+      } = _ref4;
+      if (value == null) {
+        return null;
+      }
+      const {
+          ref
+        } = props,
+        restProps = _objectWithoutProperties(props, _excluded);
+      const row = /*#__PURE__*/createElement(RowComponent, _objectSpread2(_objectSpread2({
+        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__*/jsx("table", {
+        style: _objectSpread2({}, props.style),
+        className: modules_1db4bbca.draggingTable,
+        children: /*#__PURE__*/jsx("tbody", {
+          children: row
+        })
+      }) : row;
+    };
+    return /*#__PURE__*/jsxs("div", {
+      className: wrapperClasses,
+      "data-test": "ring-table-wrapper",
+      ref: this.props.innerRef,
+      children: [focused && /*#__PURE__*/jsx(Shortcuts, {
+        map: this.props.shortcutsMap,
+        scope: this.state.shortcutsScope
+      }), /*#__PURE__*/jsx("div", {
+        role: "presentation",
+        onMouseDown: this.onMouseDown,
+        children: draggable ? /*#__PURE__*/jsx(List, {
+          values: data,
+          renderList: renderList,
+          renderItem: renderItem,
+          onChange: this.onSortEnd
+        }) : renderList({
+          children: data.map((value, index) => renderItem({
+            value,
+            index
+          }))
+        })
+      }), loading && /*#__PURE__*/jsx("div", {
+        className: modules_1db4bbca.loadingOverlay,
+        children: /*#__PURE__*/jsx(Loader, {
+          className: loaderClassName
+        })
+      })]
+    });
+  }
+}
 _defineProperty(Table, "defaultProps", {
-  isItemSelectable: function isItemSelectable() {
-    return true;
-  },
+  isItemSelectable: () => true,
   loading: false,
-  onSort: function onSort() {},
-  onReorder: function onReorder() {},
-  getItemKey: function getItemKey(item) {
-    return item.id;
-  },
+  onSort: () => {},
+  onReorder: () => {},
+  getItemKey: item => 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() {},
+  getItemLevel: () => 0,
+  getItemClassName: () => null,
+  getMetaColumnClassName: () => null,
+  getItemDataTest: () => null,
+  isItemCollapsible: () => false,
+  isParentCollapsible: () => false,
+  isItemCollapsed: () => false,
+  onItemCollapse: () => {},
+  onItemExpand: () => {},
+  onItemDoubleClick: () => {},
+  onItemClick: () => {},
   remoteSelection: false,
-  isDisabledSelectionVisible: function isDisabledSelectionVisible() {
-    return false;
-  },
-  getCheckboxTooltip: function getCheckboxTooltip() {
-    return undefined;
-  },
+  isDisabledSelectionVisible: () => false,
+  getCheckboxTooltip: () => undefined,
   RowComponent: RowWithFocusSensorCallbacks,
-  //TODO: change to false in 7.0
-  wideFirstColumn: true
+  wideFirstColumn: false
 });
 Table.propTypes = {
   className: PropTypes.string,
@@ -443,7 +395,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,
@@ -452,29 +404,17 @@ 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 {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "Table", getContainer());
   }
-  _inherits(TableContainer, _Component);
-  return _createClass(TableContainer, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/jsx(this.Table, _objectSpread2({}, this.props));
-    }
-  }]);
-}(Component);
+  render() {
+    return /*#__PURE__*/jsx(this.Table, _objectSpread2({}, this.props));
+  }
+}
 // https://stackoverflow.com/a/53882322/6304152
 _defineProperty(TableContainer, "propTypes", getContainer().propTypes);