@jetbrains/ring-ui 4.1.0-beta.3 → 4.1.1

package/dist/table.js

@@ -1,903 +0,0 @@
-import { b as _defineProperty, _ as _objectWithoutProperties, a as _extends, c as _objectSpread2 } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { arrayMove, List } from 'react-movable';
-import { c as composeRefs, f as focusSensorHOC, d as disableHoverHOC, s as selectionShortcutsHOC } from './_helpers/disable-hover-hoc.js';
-import { g as getUID } from './_helpers/get-uid.js';
-import Shortcuts from './shortcuts.js';
-import Loader from './loader.js';
-import Selection from './selection.js';
-import { Waypoint } from 'react-waypoint';
-import Checkbox from './checkbox.js';
-import sortableIcon from '@jetbrains/icons/unsorted-10px';
-import chevronDown from '@jetbrains/icons/chevron-10px';
-import Icon from './icon.js';
-import { j as joinDataTestAttributes } from './_helpers/data-tests.js';
-import chevronRightIcon from '@jetbrains/icons/chevron-right';
-import chevronDownIcon from '@jetbrains/icons/chevron-down';
-import dragIcon from '@jetbrains/icons/drag';
-import { B as Button } from './_helpers/button.js';
-import Tooltip from './tooltip.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './_helpers/dom.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import 'focus-visible';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-import './_helpers/popup.js';
-import 'react-dom';
-import './_helpers/schedule-raf.js';
-import './tab-trap.js';
-import './_helpers/popup.target.js';
-
-var modules_1db4bbca = {"unit":"8px","height":"32px","compensate":"2px","compensated":"30px","top":"-3px","row":"table_row__5765cfc6","dragHandle":"table_dragHandle__5765cfc6","tableWrapper":"table_tableWrapper__5765cfc6","table":"table_table__5765cfc6","userSelectNone":"table_userSelectNone__5765cfc6","headerCell":"table_headerCell__5765cfc6 global_fontSmallerLower__0f8f4370 global_fontSmaller__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","headerCellSorted":"table_headerCellSorted__5765cfc6","headerCellSortable":"table_headerCellSortable__5765cfc6","sorter":"table_sorter__5765cfc6","sortedUp":"table_sortedUp__5765cfc6","icon":"table_icon__5765cfc6","caption":"table_caption__5765cfc6","tableHead":"table_tableHead__5765cfc6","subHeaderFixed":"table_subHeaderFixed__5765cfc6","subHeader":"table_subHeader__5765cfc6","rowSelected":"table_rowSelected__5765cfc6","rowFocused":"table_rowFocused__5765cfc6","cell":"table_cell__5765cfc6 global_ellipsis__0f8f4370","loadingOverlay":"table_loadingOverlay__5765cfc6","cellUnlimited":"table_cellUnlimited__5765cfc6","cellRight":"table_cellRight__5765cfc6","metaColumn":"table_metaColumn__5765cfc6","headerMetaColumn":"table_headerMetaColumn__5765cfc6","visibleDragHandle":"table_visibleDragHandle__5765cfc6","rowCollapseExpandButton":"table_rowCollapseExpandButton__5765cfc6","draggingRow":"table_draggingRow__5765cfc6","tableMessage":"table_tableMessage__5765cfc6"};
-
-class HeaderCell extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "onClick", () => {
-      if (this.sortable) {
-        const {
-          column,
-          onSort,
-          sortOrder
-        } = this.props;
-        onSort({
-          column,
-          order: !(this.sorted && sortOrder)
-        });
-      }
-    });
-  }
-
-  onChildrenClick(e) {
-    e.stopPropagation();
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      className,
-      column,
-      onSort,
-      sortKey,
-      sortOrder,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "column", "onSort", "sortKey", "sortOrder", "data-test"]);
-
-    this.sortable = column.sortable === true;
-    this.sorted = sortKey === column.id;
-    const glyph = this.sorted ? chevronDown : sortableIcon;
-    const classes = classNames(className, column.headerClassName, {
-      [modules_1db4bbca.headerCell]: true,
-      [modules_1db4bbca.headerCellSortable]: this.sortable,
-      [modules_1db4bbca.headerCellSorted]: this.sorted,
-      [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
-      [modules_1db4bbca.cellRight]: column.rightAlign
-    });
-    return /*#__PURE__*/React.createElement("th", _extends({}, restProps, {
-      className: classes,
-      onClick: this.onClick,
-      "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest)
-    }), /*#__PURE__*/React.createElement("span", {
-      onClick: this.onChildrenClick,
-      role: "presentation"
-    }, this.props.children), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/React.createElement("span", {
-      className: modules_1db4bbca.sorter
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: glyph,
-      className: modules_1db4bbca.icon
-    })));
-  }
-
-}
-
-_defineProperty(HeaderCell, "propTypes", {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  column: PropTypes.object.isRequired,
-  onSort: PropTypes.func,
-  sortKey: PropTypes.string,
-  sortOrder: PropTypes.bool,
-  'data-test': PropTypes.string
-});
-
-_defineProperty(HeaderCell, "defaultProps", {
-  onSort: () => {}
-});
-
-const waypointChild = /*#__PURE__*/React.createElement("tr", {
-  "data-test": "ring-table-header-row"
-});
-class Header extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      fixed: false,
-      headerWidth: null,
-      widths: []
-    });
-
-    _defineProperty(this, "id", getUID('table-header-'));
-
-    _defineProperty(this, "onCheckboxFocus", event => {
-      event.target.blur();
-    });
-
-    _defineProperty(this, "storeColumnsRowNode", node => {
-      if (node) {
-        this._columnsRowNode = node;
-        this.calculateColumnsWidths(node);
-      }
-    });
-
-    _defineProperty(this, "onScrollIn", () => {
-      this.calculateColumnsWidths(this._columnsRowNode);
-      this.setState({
-        fixed: false
-      });
-    });
-
-    _defineProperty(this, "onScrollOut", ({
-      currentPosition
-    }) => {
-      if (currentPosition !== 'above') {
-        return;
-      }
-
-      this.calculateColumnsWidths(this._columnsRowNode);
-      this.setState({
-        fixed: true
-      });
-    });
-  }
-
-  calculateColumnsWidths(columnsRowNode) {
-    this.setState({
-      headerWidth: columnsRowNode.clientWidth,
-      widths: [...columnsRowNode.childNodes].map(column => column.clientWidth)
-    });
-  }
-
-  createCells(widths = []) {
-    const {
-      selectable,
-      draggable,
-      columns,
-      checked,
-      checkboxDisabled,
-      onCheckboxChange,
-      onSort,
-      sortKey,
-      sortOrder
-    } = this.props;
-    const metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
-    const metaColumn = /*#__PURE__*/React.createElement("div", {
-      className: metaColumnClasses
-    }, selectable && /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      disabled: checkboxDisabled,
-      checked: checked,
-      onChange: onCheckboxChange,
-      onFocus: this.onCheckboxFocus
-    }));
-    return columns.map((column, index) => {
-      const columnStyle = widths[index] ? {
-        width: widths[index]
-      } : null;
-      const props = {
-        column,
-        onSort,
-        sortKey,
-        sortOrder,
-        style: columnStyle
-      };
-      return /*#__PURE__*/React.createElement(HeaderCell, _extends({
-        key: column.id,
-        "data-test": column.id
-      }, props), index === 0 && (draggable || selectable) && metaColumn);
-    });
-  }
-
-  render() {
-    const {
-      caption,
-      sticky,
-      topStickOffset
-    } = this.props;
-    const {
-      fixed,
-      widths,
-      headerWidth
-    } = this.state;
-    const regularCells = this.createCells();
-    return /*#__PURE__*/React.createElement("thead", {
-      id: this.id,
-      "data-test": "ring-table-header",
-      className: modules_1db4bbca.tableHead
-    }, caption && /*#__PURE__*/React.createElement("tr", {
-      "data-test": "ring-table-header-row"
-    }, /*#__PURE__*/React.createElement("th", {
-      className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
-      colSpan: regularCells.length + 1,
-      "data-test": "ring-table-header-cell"
-    }, caption)), sticky && /*#__PURE__*/React.createElement(Waypoint, {
-      topOffset: topStickOffset,
-      onEnter: this.onScrollIn,
-      onLeave: this.onScrollOut
-    }, waypointChild), /*#__PURE__*/React.createElement("tr", {
-      className: modules_1db4bbca.subHeader,
-      ref: this.storeColumnsRowNode,
-      "data-test": "ring-table-header-row"
-    }, regularCells), fixed && sticky && /*#__PURE__*/React.createElement("tr", {
-      className: modules_1db4bbca.subHeaderFixed,
-      style: {
-        width: headerWidth,
-        top: topStickOffset
-      },
-      "data-test": "ring-table-header-row"
-    }, this.createCells(widths)));
-  }
-
-}
-
-_defineProperty(Header, "propTypes", {
-  caption: PropTypes.string,
-  selectable: PropTypes.bool,
-  draggable: PropTypes.bool,
-  checked: PropTypes.bool,
-  checkboxDisabled: PropTypes.bool,
-  sticky: PropTypes.bool,
-  topStickOffset: PropTypes.string,
-  onCheckboxChange: PropTypes.func,
-  columns: PropTypes.array.isRequired,
-  onSort: PropTypes.func,
-  sortKey: PropTypes.string,
-  sortOrder: PropTypes.bool
-});
-
-_defineProperty(Header, "defaultProps", {
-  selectable: true,
-  draggable: false,
-  checked: true,
-  sticky: true,
-  topStickOffset: '0px',
-  onSort: () => {},
-  onCheckboxChange: () => {},
-  sortKey: 'id',
-  sortOrder: true
-});
-
-class Cell extends PureComponent {
-  render() {
-    const classes = classNames(modules_1db4bbca.cell, this.props.className);
-    return /*#__PURE__*/React.createElement("td", _extends({}, this.props, {
-      className: classes,
-      "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test'])
-    }), this.props.children);
-  }
-
-}
-
-_defineProperty(Cell, "propTypes", {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  'data-test': PropTypes.string
-});
-
-const DragHandle = ({
-  alwaysShowDragHandle
-}) => {
-  const classes = classNames(modules_1db4bbca.dragHandle, {
-    [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
-  });
-  return /*#__PURE__*/React.createElement(Button, {
-    "data-movable-handle": true,
-    title: "Drag",
-    className: classes,
-    icon: dragIcon
-  });
-};
-
-DragHandle.propTypes = {
-  alwaysShowDragHandle: PropTypes.bool
-};
-class Row extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "id", getUID('table-row-'));
-
-    _defineProperty(this, "onMouseEnter", () => {
-      const {
-        item,
-        onHover
-      } = this.props;
-      onHover(item);
-    });
-
-    _defineProperty(this, "onClick", e => {
-      const {
-        item
-      } = this.props;
-      this.props.onClick(item, e);
-
-      if (e.shiftKey) {
-        this.toggleSelection();
-      }
-    });
-
-    _defineProperty(this, "onCheckboxFocus", () => {
-      this.props.onFocusRestore();
-    });
-
-    _defineProperty(this, "onCheckboxChange", () => {
-      this.toggleSelection();
-    });
-
-    _defineProperty(this, "onDoubleClick", () => {
-      const {
-        item
-      } = this.props;
-      this.props.onDoubleClick(item);
-    });
-
-    _defineProperty(this, "rowRef", el => {
-      this.row = el;
-    });
-  }
-
-  toggleSelection() {
-    const {
-      selectable,
-      selected,
-      onSelect,
-      item
-    } = this.props;
-
-    if (selectable) {
-      onSelect(item, !selected);
-    }
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      item,
-      columns,
-      selectable,
-      selected,
-      showFocus,
-      draggable,
-      alwaysShowDragHandle,
-      level,
-      collapsible,
-      parentCollapsible,
-      collapsed,
-      onCollapse,
-      onExpand,
-      showDisabledSelection,
-      checkboxTooltip,
-      innerRef,
-      focused,
-      autofocus,
-      onFocusReset,
-      onFocusRestore,
-      onHover,
-      className,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["item", "columns", "selectable", "selected", "showFocus", "draggable", "alwaysShowDragHandle", "level", "collapsible", "parentCollapsible", "collapsed", "onCollapse", "onExpand", "showDisabledSelection", "checkboxTooltip", "innerRef", "focused", "autofocus", "onFocusReset", "onFocusRestore", "onHover", "className", "data-test"]);
-
-    const classes = classNames(className, {
-      [modules_1db4bbca.row]: true,
-      [modules_1db4bbca.rowFocused]: showFocus,
-      [modules_1db4bbca.rowSelected]: selected
-    });
-    const testAttrs = {
-      'data-test-focused': showFocus || undefined,
-      'data-test-selected': selected || undefined
-    };
-    const metaColumnClasses = modules_1db4bbca.metaColumn;
-    const SUBITEM_OFFSET = 30;
-    const COLLAPSIBLE_PARENT_OFFSET = 20;
-    const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
-    const metaColumnStyle = {
-      paddingLeft: `${gap}px`
-    };
-    const metaColumn = /*#__PURE__*/React.createElement("div", {
-      className: metaColumnClasses,
-      style: metaColumnStyle
-    }, draggable && /*#__PURE__*/React.createElement(DragHandle, {
-      alwaysShowDragHandle: alwaysShowDragHandle
-    }), selectable && /*#__PURE__*/React.createElement(Tooltip, {
-      title: checkboxTooltip
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      className: showFocus ? 'ring-checkbox_focus' : '',
-      checked: selected,
-      onFocus: this.onCheckboxFocus,
-      onChange: this.onCheckboxChange,
-      tabIndex: "-1"
-    })), !selectable && showDisabledSelection && /*#__PURE__*/React.createElement(Tooltip, {
-      title: checkboxTooltip
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      checked: selected,
-      disabled: true
-    })), collapsible && collapsed && /*#__PURE__*/React.createElement(Button, {
-      className: modules_1db4bbca.rowCollapseExpandButton,
-      icon: chevronRightIcon,
-      onClick: () => onExpand(item)
-    }), collapsible && !collapsed && /*#__PURE__*/React.createElement(Button, {
-      className: modules_1db4bbca.rowCollapseExpandButton,
-      icon: chevronDownIcon,
-      onClick: () => onCollapse(item)
-    }));
-    const cells = columns.map((column, index) => {
-      const getValue = column.getValue || (() => item[column.id]);
-
-      const getDataTest = column.getDataTest || (() => column.id);
-
-      const value = getValue(item, column);
-      const cellClasses = classNames({
-        [modules_1db4bbca.cellRight]: column.rightAlign
-      }, column.className);
-      return /*#__PURE__*/React.createElement(Cell, {
-        key: column.id,
-        className: cellClasses,
-        "data-test": getDataTest(item, column)
-      }, index === 0 && (draggable || selectable || showDisabledSelection) && metaColumn, value);
-    });
-    return /*#__PURE__*/React.createElement("tr", _extends({
-      id: this.id,
-      ref: composeRefs(this.rowRef, innerRef),
-      className: classes,
-      tabIndex: "0",
-      "data-test": joinDataTestAttributes('ring-table-row', dataTest)
-    }, testAttrs, restProps, {
-      onMouseMove: this.onMouseEnter,
-      onClick: this.onClick,
-      onDoubleClick: this.onDoubleClick
-    }), cells);
-  }
-
-}
-
-_defineProperty(Row, "propTypes", {
-  className: PropTypes.string,
-  item: PropTypes.object.isRequired,
-  columns: PropTypes.array.isRequired,
-  selectable: PropTypes.bool,
-  showFocus: PropTypes.bool,
-  draggable: PropTypes.bool,
-  alwaysShowDragHandle: PropTypes.bool,
-  selected: PropTypes.bool,
-  onHover: PropTypes.func,
-  onSelect: PropTypes.func,
-  onDoubleClick: PropTypes.func,
-  onClick: PropTypes.func,
-  onFocusRestore: PropTypes.func,
-  level: PropTypes.number,
-  collapsible: PropTypes.bool,
-  parentCollapsible: PropTypes.bool,
-  collapsed: PropTypes.bool,
-  onCollapse: PropTypes.func,
-  onExpand: PropTypes.func,
-  showDisabledSelection: PropTypes.bool,
-  checkboxTooltip: PropTypes.string,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  focused: PropTypes.bool,
-  autofocus: PropTypes.bool,
-  onFocusReset: PropTypes.func,
-  'data-test': PropTypes.string
-});
-
-_defineProperty(Row, "defaultProps", {
-  selectable: true,
-  showFocus: false,
-  draggable: false,
-  alwaysShowDragHandle: false,
-  selected: false,
-  onHover: () => {},
-  onSelect: () => {},
-  onDoubleClick: () => {},
-  onClick: () => {},
-  onFocusRestore: () => {},
-  level: 0,
-  collapsible: false,
-  parentCollapsible: false,
-  collapsed: false,
-  onCollapse: () => {},
-  onExpand: () => {}
-});
-
-const RowWithFocusSensor = focusSensorHOC(Row);
-class RowWithFocusSensorCallbacks extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "onFocus", () => {
-      this.props.onFocus(this.props.item);
-    });
-
-    _defineProperty(this, "onSelect", (item, selected) => {
-      this.props.onSelect(item, selected);
-    });
-
-    _defineProperty(this, "onCollapse", () => {
-      this.props.onCollapse(this.props.item);
-    });
-
-    _defineProperty(this, "onExpand", () => {
-      this.props.onExpand(this.props.item);
-    });
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(RowWithFocusSensor, _extends({}, this.props, {
-      onFocus: this.onFocus,
-      onSelect: this.onSelect,
-      onCollapse: this.onCollapse,
-      onExpand: this.onExpand
-    }));
-  }
-
-}
-
-_defineProperty(RowWithFocusSensorCallbacks, "propTypes", Row.propTypes);
-
-/**
- * Interactive table with selection and keyboard navigation support.
- */
-
-class Table extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      shortcutsScope: getUID('ring-table-'),
-      userSelectNone: false
-    });
-
-    _defineProperty(this, "onMouseDown", e => {
-      if (e.shiftKey) {
-        this.setState({
-          userSelectNone: true
-        });
-      }
-    });
-
-    _defineProperty(this, "onMouseUp", () => {
-      if (this.state.userSelectNone) {
-        this.setState({
-          userSelectNone: false
-        });
-      }
-    });
-
-    _defineProperty(this, "onRowFocus", row => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      onSelect(selection.focus(row));
-    });
-
-    _defineProperty(this, "onRowSelect", (row, selected) => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-
-      if (selected) {
-        onSelect(selection.select(row));
-      } else {
-        onSelect(selection.deselect(row));
-      }
-    });
-
-    _defineProperty(this, "onSortEnd", ({
-      oldIndex,
-      newIndex
-    }) => {
-      const data = arrayMove(this.props.data, oldIndex, newIndex);
-      this.props.onReorder({
-        data,
-        oldIndex,
-        newIndex
-      });
-    });
-
-    _defineProperty(this, "onCheckboxChange", e => {
-      const {
-        checked
-      } = e.target;
-      const {
-        selection,
-        onSelect
-      } = this.props;
-
-      if (checked) {
-        onSelect(selection.selectAll());
-      } else {
-        onSelect(selection.reset());
-      }
-
-      this.restoreFocusWithoutScroll();
-    });
-
-    _defineProperty(this, "restoreFocusWithoutScroll", () => {
-      const {
-        scrollX,
-        scrollY
-      } = window;
-      this.props.onFocusRestore();
-      window.scrollTo(scrollX, scrollY);
-    });
-  }
-
-  componentDidMount() {
-    document.addEventListener('mouseup', this.onMouseUp);
-  }
-
-  componentDidUpdate({
-    data,
-    selection,
-    onSelect,
-    selectable,
-    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());
-    }
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener('mouseup', this.onMouseUp);
-  }
-
-  render() {
-    const {
-      data,
-      selection,
-      columns,
-      caption,
-      getItemKey,
-      selectable,
-      focused,
-      isItemSelectable,
-      getItemLevel,
-      getItemClassName,
-      getItemDataTest,
-      draggable,
-      alwaysShowDragHandle,
-      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 = ({
-      children,
-      props
-    }) => {
-      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 = (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 = ({
-      value,
-      index,
-      props = {},
-      isDragged
-    }) => {
-      const {
-        ref
-      } = props,
-            restProps = _objectWithoutProperties(props, ["ref"]);
-
-      const row = /*#__PURE__*/React.createElement(RowWithFocusSensorCallbacks, _extends({
-        innerRef: ref,
-        key: getItemKey(value),
-        level: getItemLevel(value),
-        index: index,
-        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
-        }),
-        draggable: draggable,
-        alwaysShowDragHandle: alwaysShowDragHandle,
-        columns: columns,
-        "data-test": getItemDataTest(value)
-      }, restProps));
-      return isDragged ? /*#__PURE__*/React.createElement("table", {
-        style: _objectSpread2(_objectSpread2({}, props.style), {}, {
-          borderSpacing: 0
-        })
-      }, /*#__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
-    })));
-  }
-
-}
-
-_defineProperty(Table, "propTypes", {
-  className: PropTypes.string,
-  loaderClassName: PropTypes.string,
-  data: PropTypes.array.isRequired,
-  columns: PropTypes.array.isRequired,
-  caption: PropTypes.string,
-  isItemSelectable: PropTypes.func,
-  stickyHeader: PropTypes.bool,
-  stickyHeaderOffset: PropTypes.string,
-  loading: PropTypes.bool,
-  getItemKey: PropTypes.func,
-  getItemClassName: PropTypes.func,
-  getItemDataTest: PropTypes.func,
-  onSort: PropTypes.func,
-  onReorder: PropTypes.func,
-  sortKey: PropTypes.string,
-  sortOrder: PropTypes.bool,
-  draggable: PropTypes.bool,
-  alwaysShowDragHandle: PropTypes.bool,
-  getItemLevel: PropTypes.func,
-  isItemCollapsible: PropTypes.func,
-  isParentCollapsible: PropTypes.func,
-  isItemCollapsed: PropTypes.func,
-  onItemCollapse: PropTypes.func,
-  onItemExpand: PropTypes.func,
-  isDisabledSelectionVisible: PropTypes.func,
-  getCheckboxTooltip: PropTypes.func,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
-  // focusSensorHOC
-  focused: PropTypes.bool,
-  onFocusRestore: PropTypes.func,
-  // selectionShortcutsHOC
-  selection: PropTypes.instanceOf(Selection).isRequired,
-  selectable: PropTypes.bool,
-  onSelect: PropTypes.func,
-  onItemDoubleClick: PropTypes.func,
-  onItemClick: PropTypes.func,
-  shortcutsMap: PropTypes.object,
-  // disableHoverHOC
-  disabledHover: PropTypes.bool,
-  remoteSelection: PropTypes.bool,
-  renderEmpty: PropTypes.func
-});
-
-_defineProperty(Table, "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,
-  getItemDataTest: () => null,
-  isItemCollapsible: () => false,
-  isParentCollapsible: () => false,
-  isItemCollapsed: () => false,
-  onItemCollapse: () => {},
-  onItemExpand: () => {},
-  onItemDoubleClick: () => {},
-  onItemClick: () => {},
-  remoteSelection: false,
-  isDisabledSelectionVisible: () => {},
-  getCheckboxTooltip: () => {}
-});
-
-var table = disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));
-
-export default table;
-export { Table };