@jetbrains/ring-ui 5.0.35 → 5.0.37

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

@@ -7,11 +7,9 @@ function extractPropTypes(_ref) {
   let {
     propTypes
   } = _ref;
-
   if (propTypes == null) {
     return propTypes;
   }
-
   const {
     selection,
     selectable,
@@ -21,54 +19,43 @@ function extractPropTypes(_ref) {
   } = propTypes;
   return restPropTypes;
 }
-
 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 === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
         }
-
         return false;
       });
-
       _defineProperty(this, "onDownPress", () => {
         const {
           selection,
           onSelect
         } = this.props;
         const newSelection = selection.moveDown();
-
         if (newSelection) {
           onSelect === null || onSelect === void 0 ? void 0 : 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();
@@ -76,7 +63,6 @@ function selectionShortcutsHOC(ComposedComponent) {
           return selection.deselect();
         }
       });
-
       _defineProperty(this, "onShiftUpPress", e => {
         e.preventDefault();
         const {
@@ -84,21 +70,17 @@ function selectionShortcutsHOC(ComposedComponent) {
           selection,
           onSelect
         } = this.props;
-
         if (!selectable) {
           return;
         }
-
         const newSelection = this.shiftSelect(selection);
         const newMovedSelection = newSelection.moveUp();
-
         if (newMovedSelection) {
           onSelect === null || onSelect === void 0 ? void 0 : onSelect(newMovedSelection);
         } else {
           onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
         }
       });
-
       _defineProperty(this, "onShiftDownPress", e => {
         e.preventDefault();
         const {
@@ -106,87 +88,71 @@ function selectionShortcutsHOC(ComposedComponent) {
           selection,
           onSelect
         } = this.props;
-
         if (!selectable) {
           return;
         }
-
         const newSelection = this.shiftSelect(selection);
         const newMovedSelection = newSelection.moveDown();
-
         if (newMovedSelection) {
           onSelect === null || onSelect === void 0 ? void 0 : onSelect(newMovedSelection);
         } else {
           onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
         }
       });
-
       _defineProperty(this, "onHomePress", () => {
         const {
           selection,
           onSelect
         } = this.props;
         const newSelection = selection.moveStart();
-
         if (newSelection) {
           onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
         }
-
         return false;
       });
-
       _defineProperty(this, "onEndPress", () => {
         const {
           selection,
           onSelect
         } = this.props;
         const newSelection = selection.moveEnd();
-
         if (newSelection) {
           onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelection);
         }
-
         return false;
       });
-
       _defineProperty(this, "onSpacePress", () => {
         const {
           selectable,
           selection,
           onSelect
         } = this.props;
-
         if (!selectable) {
           return true;
         }
-
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.toggleSelection());
         return false;
       });
-
       _defineProperty(this, "onEscPress", () => {
         const {
           selection,
           onSelect
         } = this.props;
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.reset()); //this.restoreFocusWithoutScroll();
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.reset());
+        //this.restoreFocusWithoutScroll();
       });
-
       _defineProperty(this, "onCmdAPress", () => {
         const {
           selectable,
           selection,
           onSelect
         } = this.props;
-
         if (!selectable) {
           return true;
         }
-
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(selection.selectAll());
         return false;
       });
-
       _defineProperty(this, "shortcutsMap", {
         up: this.onUpPress,
         down: this.onDownPress,
@@ -201,7 +167,6 @@ function selectionShortcutsHOC(ComposedComponent) {
         'ctrl+a': this.onCmdAPress
       });
     }
-
     render() {
       const {
         selection,
@@ -214,21 +179,22 @@ function selectionShortcutsHOC(ComposedComponent) {
         selection: selection,
         selectable: selectable,
         onSelect: onSelect,
-        shortcutsMap: { ...this.shortcutsMap,
+        shortcutsMap: {
+          ...this.shortcutsMap,
           ...this.props.shortcuts
         }
       }));
     }
-
   }
-
-  SelectionShortcuts.propTypes = { ...extractPropTypes(ComposedComponent),
+  SelectionShortcuts.propTypes = {
+    ...extractPropTypes(ComposedComponent),
     selection: PropTypes.instanceOf(Selection).isRequired,
     selectable: PropTypes.bool,
     onSelect: PropTypes.func,
     shortcuts: PropTypes.object
   };
-  SelectionShortcuts.defaultProps = { ...ComposedComponent.defaultProps,
+  SelectionShortcuts.defaultProps = {
+    ...ComposedComponent.defaultProps,
     selectable: true,
     onSelect: () => {},
     shortcuts: {}

package/dist/table/selection.js

@@ -10,21 +10,13 @@ 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);
@@ -33,15 +25,12 @@ class Selection {
     this._getKey = getKey;
     this._isItemSelectable = isItemSelectable;
   }
-
   _buildData(data) {
     return new Set(data);
   }
-
   _buildSelected(data, selected) {
     return new Set(selected);
   }
-
   cloneWith(_ref) {
     let {
       data,
@@ -50,7 +39,6 @@ class Selection {
     } = _ref;
     const newData = data || this._rawData;
     let newSelected;
-
     if (data && !selected) {
       newSelected = new Set([...this._buildData(newData)].filter(item => [...this._selected].some(it => this._getKey(item) === this._getKey(it))));
       newSelected = this._buildSelected(this._buildData(newData), newSelected);
@@ -59,11 +47,8 @@ class Selection {
     } else {
       newSelected = this._selected;
     }
-
     newSelected = new Set([...newSelected].filter(item => this._isItemSelectable(item)));
-
     const cloneFocus = () => [...this._buildData(data)].filter(item => this._focused && this._getKey(item) === this._getKey(this._focused))[0];
-
     const newFocused = focused === undefined ? this._focused : focused;
     return new this.constructor({
       data: newData,
@@ -74,155 +59,121 @@ class Selection {
       isItemSelectable: this._isItemSelectable
     });
   }
-
   focus(value) {
     return this.cloneWith({
       focused: value
     });
   }
-
   moveUp() {
     const focused = this._focused;
     const data = [...this._data];
-
     if (!focused) {
       return this.cloneWith({
         focused: data[data.length - 1]
       });
     }
-
     const nextItem = data[data.indexOf(focused) - 1];
-
     if (nextItem) {
       return this.cloneWith({
         focused: nextItem
       });
     }
-
     return undefined;
   }
-
   moveDown() {
     const focused = this._focused;
     const data = [...this._data];
-
     if (!focused) {
       return this.cloneWith({
         focused: data[0]
       });
     }
-
     const nextItem = data[data.indexOf(focused) + 1];
-
     if (nextItem) {
       return this.cloneWith({
         focused: nextItem
       });
     }
-
     return undefined;
   }
-
   moveStart() {
     const data = [...this._data];
-
     if (data.length) {
       return this.cloneWith({
         focused: data[0]
       });
     }
-
     return undefined;
   }
-
   moveEnd() {
     const data = [...this._data];
-
     if (data.length) {
       return this.cloneWith({
         focused: data.pop()
       });
     }
-
     return undefined;
   }
-
   select() {
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-
     if (!value || !this._isItemSelectable(value)) {
       return this;
     }
-
     const selected = new Set(this._selected);
     selected.add(value);
     return this.cloneWith({
       selected
     });
   }
-
   deselect() {
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-
     if (!value || !this._isItemSelectable(value)) {
       return this;
     }
-
     const selected = new Set(this._selected);
     selected.delete(value);
     return this.cloneWith({
       selected
     });
   }
-
   toggleSelection() {
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-
     if (this.isSelected(value)) {
       return this.deselect(value);
     } else {
       return this.select(value);
     }
   }
-
   selectAll() {
     return this.cloneWith({
       selected: [...this._data]
     });
   }
-
   resetFocus() {
     return this.cloneWith({
       focused: null
     });
   }
-
   resetSelection() {
     return this.cloneWith({
       selected: new Set()
     });
   }
-
   reset() {
     return this.resetFocus().resetSelection();
   }
-
   isFocused(value) {
     return this._focused === value;
   }
-
   isSelected(value) {
     return value != null && this._selected.has(value);
   }
-
   getFocused() {
     return this._focused;
   }
-
   getSelected() {
     return new Set(this._selected);
   }
-
   getActive() {
     if (this._selected.size) {
       return new Set(this._selected);
@@ -232,7 +183,6 @@ class Selection {
       return new Set();
     }
   }
-
 }
 
 export { Selection as default };

package/dist/table/smart-table.js

@@ -62,18 +62,15 @@ const {
   onSelect: __onSelect__,
   ...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({
         data: this.props.data,
         isItemSelectable: this.props.isItemSelectable
       })
     });
-
     _defineProperty(this, "onSelect", selection => {
       this.setState({
         selection
@@ -81,14 +78,12 @@ class SmartTable extends PureComponent {
       this.props.onSelectionChange(selection);
     });
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     const {
       data,
       isItemSelectable,
       selection
     } = nextProps;
-
     if (this.props.remoteSelection && this.props.selection !== selection) {
       this.setState({
         selection
@@ -102,22 +97,18 @@ class SmartTable extends PureComponent {
       });
     }
   }
-
   render() {
     return /*#__PURE__*/React.createElement(TableContainer, _extends({}, this.props, {
       selection: this.state.selection,
       onSelect: this.onSelect
     }));
   }
-
 }
-
 _defineProperty(SmartTable, "propTypes", {
   onSelectionChange: PropTypes.func,
   isItemSelectable: PropTypes.func,
   ...restPropTypes
 });
-
 _defineProperty(SmartTable, "defaultProps", {
   onSelectionChange: () => {}
 });

package/dist/table/table.js

@@ -58,16 +58,13 @@ 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({
@@ -75,7 +72,6 @@ class Table extends PureComponent {
         });
       }
     });
-
     _defineProperty(this, "onMouseUp", () => {
       if (this.state.userSelectNone) {
         this.setState({
@@ -83,7 +79,6 @@ class Table extends PureComponent {
         });
       }
     });
-
     _defineProperty(this, "onRowFocus", row => {
       const {
         selection,
@@ -91,20 +86,17 @@ class Table extends PureComponent {
       } = 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,
@@ -117,7 +109,6 @@ class Table extends PureComponent {
         newIndex
       });
     });
-
     _defineProperty(this, "onCheckboxChange", e => {
       const {
         checked
@@ -126,16 +117,13 @@ class Table extends PureComponent {
         selection,
         onSelect
       } = this.props;
-
       if (checked) {
         onSelect(selection.selectAll());
       } else {
         onSelect(selection.reset());
       }
-
       this.restoreFocusWithoutScroll();
     });
-
     _defineProperty(this, "restoreFocusWithoutScroll", () => {
       const {
         scrollX,
@@ -145,11 +133,9 @@ class Table extends PureComponent {
       window.scrollTo(scrollX, scrollY);
     });
   }
-
   componentDidMount() {
     document.addEventListener('mouseup', this.onMouseUp);
   }
-
   componentDidUpdate(_ref2) {
     let {
       data,
@@ -158,22 +144,18 @@ class Table extends PureComponent {
       selectable,
       remoteSelection
     } = _ref2;
-
     if (data !== this.props.data && remoteSelection) {
       onSelect(selection.cloneWith({
         data: this.props.data
       }));
     }
-
     if (!this.props.selectable && this.props.selectable !== selectable) {
       onSelect(selection.resetSelection());
     }
   }
-
   componentWillUnmount() {
     document.removeEventListener('mouseup', this.onMouseUp);
   }
-
   render() {
     const {
       data,
@@ -207,8 +189,8 @@ class Table extends PureComponent {
       onItemDoubleClick,
       onItemClick,
       renderEmpty
-    } = this.props; // NOTE: Do not construct new object per render because it causes all rows rerendering
-
+    } = this.props;
+    // NOTE: Do not construct new object per render because it causes all rows rerendering
     const headerProps = {
       caption,
       selectable,
@@ -235,7 +217,6 @@ class Table extends PureComponent {
       [modules_1db4bbca.userSelectNone]: this.state.userSelectNone,
       [modules_1db4bbca.disabledHover]: this.props.disabledHover
     });
-
     const renderList = _ref3 => {
       let {
         children,
@@ -253,18 +234,15 @@ class Table extends PureComponent {
         "data-test": "ring-table-body"
       }), tbody));
     };
-
     const renderItem = _ref4 => {
       let {
         value,
         props = {},
         isDragged
       } = _ref4;
-
       if (value == null) {
         return null;
       }
-
       const {
         ref,
         ...restProps
@@ -300,12 +278,12 @@ class Table extends PureComponent {
         "data-test": getItemDataTest(value)
       }, restProps));
       return isDragged ? /*#__PURE__*/React.createElement("table", {
-        style: { ...props.style,
+        style: {
+          ...props.style,
           borderSpacing: 0
         }
       }, /*#__PURE__*/React.createElement("tbody", null, row)) : row;
     };
-
     return /*#__PURE__*/React.createElement("div", {
       className: wrapperClasses,
       "data-test": "ring-table-wrapper",
@@ -332,9 +310,7 @@ class Table extends PureComponent {
       className: loaderClassName
     })));
   }
-
 }
-
 _defineProperty(Table, "defaultProps", {
   isItemSelectable: () => true,
   loading: false,
@@ -360,7 +336,6 @@ _defineProperty(Table, "defaultProps", {
   isDisabledSelectionVisible: () => false,
   getCheckboxTooltip: () => undefined
 });
-
 Table.propTypes = {
   className: PropTypes.string,
   loaderClassName: PropTypes.string,
@@ -404,23 +379,17 @@ Table.propTypes = {
   remoteSelection: PropTypes.bool,
   renderEmpty: PropTypes.func
 };
-
-const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table))); // eslint-disable-next-line react/no-multi-comp
-
-
+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());
   }
-
   render() {
     return /*#__PURE__*/React.createElement(this.Table, this.props);
   }
-
 }
-
 _defineProperty(TableContainer, "propTypes", getContainer().propTypes);
 
 export { Table, TableContainer as default };