@jetbrains/ring-ui 5.0.126 → 5.0.128

package/dist/table/selection-shortcuts-hoc.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Selection$1 from './selection.js';
@@ -21,152 +21,150 @@ function extractPropTypes(_ref) {
 }
 function selectionShortcutsHOC(ComposedComponent) {
   class SelectionShortcuts extends PureComponent {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "onUpPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveUp();
-        if (newSelection) {
-          onSelect?.(newSelection);
-        }
-        return false;
-      });
-      _defineProperty(this, "onDownPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveDown();
-        if (newSelection) {
-          onSelect?.(newSelection);
-        }
-        return false;
-      });
-      _defineProperty(this, "shiftSelectionMode", void 0);
-      _defineProperty(this, "onShiftKeyDown", () => {
-        const {
-          selection
-        } = this.props;
-        if (selection.isSelected(selection.getFocused())) {
-          this.shiftSelectionMode = 'deletion';
-        } else {
-          this.shiftSelectionMode = 'addition';
-        }
-      });
-      _defineProperty(this, "shiftSelect", selection => {
-        if (this.shiftSelectionMode === 'addition') {
-          return selection.select();
-        } else {
-          return selection.deselect();
-        }
-      });
-      _defineProperty(this, "onShiftUpPress", e => {
-        e.preventDefault();
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-        if (!selectable) {
-          return;
-        }
-        const newSelection = this.shiftSelect(selection);
-        const newMovedSelection = newSelection.moveUp();
-        if (newMovedSelection) {
-          onSelect?.(newMovedSelection);
-        } else {
-          onSelect?.(newSelection);
-        }
-      });
-      _defineProperty(this, "onShiftDownPress", e => {
-        e.preventDefault();
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-        if (!selectable) {
-          return;
-        }
-        const newSelection = this.shiftSelect(selection);
-        const newMovedSelection = newSelection.moveDown();
-        if (newMovedSelection) {
-          onSelect?.(newMovedSelection);
-        } else {
-          onSelect?.(newSelection);
-        }
-      });
-      _defineProperty(this, "onHomePress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveStart();
-        if (newSelection) {
-          onSelect?.(newSelection);
-        }
-        return false;
-      });
-      _defineProperty(this, "onEndPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveEnd();
-        if (newSelection) {
-          onSelect?.(newSelection);
-        }
-        return false;
-      });
-      _defineProperty(this, "onSpacePress", () => {
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-        if (!selectable) {
-          return true;
-        }
-        onSelect?.(selection.toggleSelection());
-        return false;
-      });
-      _defineProperty(this, "onEscPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        onSelect?.(selection.reset());
-        //this.restoreFocusWithoutScroll();
-      });
-      _defineProperty(this, "onCmdAPress", () => {
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-        if (!selectable) {
-          return true;
-        }
-        onSelect?.(selection.selectAll());
-        return false;
-      });
-      _defineProperty(this, "shortcutsMap", {
-        up: this.onUpPress,
-        down: this.onDownPress,
-        shift: this.onShiftKeyDown,
-        'shift+up': this.onShiftUpPress,
-        'shift+down': this.onShiftDownPress,
-        home: this.onHomePress,
-        end: this.onEndPress,
-        space: this.onSpacePress,
-        esc: this.onEscPress,
-        'command+a': this.onCmdAPress,
-        'ctrl+a': this.onCmdAPress
-      });
-    }
+    onUpPress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      const newSelection = selection.moveUp();
+      if (newSelection) {
+        onSelect?.(newSelection);
+      }
+      return false;
+    };
+    onDownPress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      const newSelection = selection.moveDown();
+      if (newSelection) {
+        onSelect?.(newSelection);
+      }
+      return false;
+    };
+    shiftSelectionMode;
+    onShiftKeyDown = () => {
+      const {
+        selection
+      } = this.props;
+      if (selection.isSelected(selection.getFocused())) {
+        this.shiftSelectionMode = 'deletion';
+      } else {
+        this.shiftSelectionMode = 'addition';
+      }
+    };
+    shiftSelect = selection => {
+      if (this.shiftSelectionMode === 'addition') {
+        return selection.select();
+      } else {
+        return selection.deselect();
+      }
+    };
+    onShiftUpPress = e => {
+      e.preventDefault();
+      const {
+        selectable,
+        selection,
+        onSelect
+      } = this.props;
+      if (!selectable) {
+        return;
+      }
+      const newSelection = this.shiftSelect(selection);
+      const newMovedSelection = newSelection.moveUp();
+      if (newMovedSelection) {
+        onSelect?.(newMovedSelection);
+      } else {
+        onSelect?.(newSelection);
+      }
+    };
+    onShiftDownPress = e => {
+      e.preventDefault();
+      const {
+        selectable,
+        selection,
+        onSelect
+      } = this.props;
+      if (!selectable) {
+        return;
+      }
+      const newSelection = this.shiftSelect(selection);
+      const newMovedSelection = newSelection.moveDown();
+      if (newMovedSelection) {
+        onSelect?.(newMovedSelection);
+      } else {
+        onSelect?.(newSelection);
+      }
+    };
+    onHomePress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      const newSelection = selection.moveStart();
+      if (newSelection) {
+        onSelect?.(newSelection);
+      }
+      return false;
+    };
+    onEndPress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      const newSelection = selection.moveEnd();
+      if (newSelection) {
+        onSelect?.(newSelection);
+      }
+      return false;
+    };
+    onSpacePress = () => {
+      const {
+        selectable,
+        selection,
+        onSelect
+      } = this.props;
+      if (!selectable) {
+        return true;
+      }
+      onSelect?.(selection.toggleSelection());
+      return false;
+    };
+    onEscPress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      onSelect?.(selection.reset());
+      //this.restoreFocusWithoutScroll();
+    };
+
+    onCmdAPress = () => {
+      const {
+        selectable,
+        selection,
+        onSelect
+      } = this.props;
+      if (!selectable) {
+        return true;
+      }
+      onSelect?.(selection.selectAll());
+      return false;
+    };
+    shortcutsMap = {
+      up: this.onUpPress,
+      down: this.onDownPress,
+      shift: this.onShiftKeyDown,
+      'shift+up': this.onShiftUpPress,
+      'shift+down': this.onShiftDownPress,
+      home: this.onHomePress,
+      end: this.onEndPress,
+      space: this.onSpacePress,
+      esc: this.onEscPress,
+      'command+a': this.onCmdAPress,
+      'ctrl+a': this.onCmdAPress
+    };
     render() {
       const {
         selection,

package/dist/table/selection.js

@@ -1,6 +1,11 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 let Selection$1 = class Selection {
+  _rawData;
+  _getChildren;
+  _data;
+  _selected;
+  _focused;
+  _getKey;
+  _isItemSelectable;
   constructor() {
     let {
       data = [],
@@ -10,13 +15,6 @@ let Selection$1 = class Selection {
       getChildren = () => [],
       isItemSelectable = () => true
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _defineProperty(this, "_rawData", void 0);
-    _defineProperty(this, "_getChildren", void 0);
-    _defineProperty(this, "_data", void 0);
-    _defineProperty(this, "_selected", void 0);
-    _defineProperty(this, "_focused", void 0);
-    _defineProperty(this, "_getKey", void 0);
-    _defineProperty(this, "_isItemSelectable", void 0);
     this._rawData = data;
     this._getChildren = getChildren;
     this._data = this._buildData(data);

package/dist/table/smart-table.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import TableContainer from './table.js';
@@ -63,21 +63,20 @@ const {
   ...restPropTypes
 } = (_Table$propTypes = TableContainer.propTypes) !== null && _Table$propTypes !== void 0 ? _Table$propTypes : {};
 class SmartTable extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      selection: new Selection$1({
-        data: this.props.data,
-        isItemSelectable: this.props.isItemSelectable
-      })
-    });
-    _defineProperty(this, "onSelect", selection => {
-      this.setState({
-        selection
-      });
-      this.props.onSelectionChange(selection);
-    });
-  }
+  static propTypes = {
+    onSelectionChange: PropTypes.func,
+    isItemSelectable: PropTypes.func,
+    ...restPropTypes
+  };
+  static defaultProps = {
+    onSelectionChange: () => {}
+  };
+  state = {
+    selection: new Selection$1({
+      data: this.props.data,
+      isItemSelectable: this.props.isItemSelectable
+    })
+  };
   UNSAFE_componentWillReceiveProps(nextProps) {
     const {
       data,
@@ -97,6 +96,12 @@ class SmartTable extends PureComponent {
       });
     }
   }
+  onSelect = selection => {
+    this.setState({
+      selection
+    });
+    this.props.onSelectionChange(selection);
+  };
   render() {
     return /*#__PURE__*/React.createElement(TableContainer, _extends({}, this.props, {
       selection: this.state.selection,
@@ -104,13 +109,5 @@ class SmartTable extends PureComponent {
     }));
   }
 }
-_defineProperty(SmartTable, "propTypes", {
-  onSelectionChange: PropTypes.func,
-  isItemSelectable: PropTypes.func,
-  ...restPropTypes
-});
-_defineProperty(SmartTable, "defaultProps", {
-  onSelectionChange: () => {}
-});
 
 export { SmartTable as default };

package/dist/table/table.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.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 { arrayMove, List } from 'react-movable';
@@ -59,91 +59,46 @@ import './cell.js';
  * Interactive table with selection and keyboard navigation support.
  */
 class Table extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _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", _ref => {
-      let {
-        oldIndex,
-        newIndex
-      } = _ref;
-      const data = arrayMove(this.props.data, oldIndex, newIndex);
-      this.props.onReorder({
-        data,
-        oldIndex,
-        newIndex
-      });
-    });
-    _defineProperty(this, "onCheckboxChange", e => {
-      const {
-        checked
-      } = e.currentTarget;
-      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);
-    });
-  }
+  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,
+    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);
   }
-  componentDidUpdate(_ref2) {
+  componentDidUpdate(_ref) {
     let {
       data,
       selection,
       onSelect,
       selectable,
       remoteSelection
-    } = _ref2;
+    } = _ref;
     if (data !== this.props.data && remoteSelection) {
       onSelect(selection.cloneWith({
         data: this.props.data
@@ -156,6 +111,73 @@ class Table extends PureComponent {
   componentWillUnmount() {
     document.removeEventListener('mouseup', this.onMouseUp);
   }
+  onMouseDown = e => {
+    if (e.shiftKey) {
+      this.setState({
+        userSelectNone: true
+      });
+    }
+  };
+  onMouseUp = () => {
+    if (this.state.userSelectNone) {
+      this.setState({
+        userSelectNone: false
+      });
+    }
+  };
+  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,
@@ -311,31 +333,6 @@ class Table extends PureComponent {
     })));
   }
 }
-_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: () => false,
-  getCheckboxTooltip: () => undefined
-});
 Table.propTypes = {
   className: PropTypes.string,
   loaderClassName: PropTypes.string,
@@ -382,15 +379,12 @@ Table.propTypes = {
 const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));
 // eslint-disable-next-line react/no-multi-comp
 class TableContainer extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "Table", getContainer());
-  }
+  // https://stackoverflow.com/a/53882322/6304152
+  static propTypes = getContainer().propTypes;
+  Table = getContainer();
   render() {
     return /*#__PURE__*/React.createElement(this.Table, this.props);
   }
 }
-// https://stackoverflow.com/a/53882322/6304152
-_defineProperty(TableContainer, "propTypes", getContainer().propTypes);
 
 export { Table, TableContainer as default };

package/dist/table-legacy-ng/table-legacy-ng.js

@@ -7,7 +7,6 @@ import Selection from './table-legacy-ng__selection.js';
 import SelectionNavigateActions from './table-legacy-ng__selection-navigate-actions.js';
 import TableToolbar from './table-legacy-ng__toolbar.js';
 import TablePager from './table-legacy-ng__pager.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'element-resize-detector';
 import '@jetbrains/icons/checkmark-14px';
 import '../icon-ng/icon-ng.js';
@@ -26,6 +25,7 @@ import 'react-dom';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
 import '../pager/pager.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/chevron-left';
 import '@jetbrains/icons/chevron-right';