@jetbrains/ring-ui 4.1.3 → 5.0.0-beta.0

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

@@ -1,177 +0,0 @@
-import React, {PureComponent} from 'react';
-import PropTypes from 'prop-types';
-
-import Selection from './selection';
-
-export default function selectionShortcutsHOC(ComposedComponent) {
-  return class SelectionShortcuts extends PureComponent {
-    static propTypes = {
-      ...ComposedComponent.propTypes,
-      selection: PropTypes.instanceOf(Selection).isRequired,
-      selectable: PropTypes.bool,
-      onSelect: PropTypes.func,
-      shortcuts: PropTypes.object
-    };
-
-    static defaultProps = {
-      ...ComposedComponent.defaultProps,
-      selectable: true,
-      onSelect: () => {},
-      shortcuts: {}
-    };
-
-    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;
-    };
-
-    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, selectable, onSelect} = this.props;
-      return (
-        <ComposedComponent
-          {...this.props}
-          selection={selection}
-          selectable={selectable}
-          onSelect={onSelect}
-          shortcutsMap={{...this.shortcutsMap, ...this.props.shortcuts}}
-        />
-      );
-    }
-  };
-}

package/components/table/selection.js

@@ -1,185 +0,0 @@
-export default class Selection {
-  constructor({
-    data = [],
-    selected = new Set(),
-    focused = null,
-    getKey = item => item.id,
-    getChildren = () => [],
-    isItemSelectable = () => true
-  } = {}) {
-    this._rawData = data;
-    this._getChildren = getChildren;
-
-    this._data = this._buildData(data);
-
-    this._selected = selected;
-    this._focused = focused;
-    this._getKey = getKey;
-    this._isItemSelectable = isItemSelectable;
-  }
-
-  _buildData(data) {
-    return new Set(data);
-  }
-
-  _buildSelected(data, selected) {
-    return new Set(selected);
-  }
-
-  cloneWith({data, selected, focused}) {
-    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);
-    } else if (selected) {
-      newSelected = selected;
-    } 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,
-      selected: newSelected,
-      focused: (data && !focused) ? cloneFocus() : newFocused,
-      getKey: this._getKey,
-      getChildren: this._getChildren,
-      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(value = this._focused) {
-    if (!value || !this._isItemSelectable(value)) {
-      return this;
-    }
-
-    const selected = new Set(this._selected);
-    selected.add(value);
-    return this.cloneWith({selected});
-  }
-
-  deselect(value = this._focused) {
-    if (!value || !this._isItemSelectable(value)) {
-      return this;
-    }
-
-    const selected = new Set(this._selected);
-    selected.delete(value);
-    return this.cloneWith({selected});
-  }
-
-  toggleSelection(value = 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 this._selected.has(value);
-  }
-
-  getFocused() {
-    return this._focused;
-  }
-
-  getSelected() {
-    return new Set(this._selected);
-  }
-
-  getActive() {
-    if (this._selected.size) {
-      return new Set(this._selected);
-    } else if (this._focused) {
-      return new Set([this._focused]);
-    } else {
-      return new Set();
-    }
-  }
-}

package/components/table/smart-table.js

@@ -1,55 +0,0 @@
-import React, {PureComponent} from 'react';
-import PropTypes from 'prop-types';
-
-import Table from './table';
-import Selection from './selection';
-
-const {
-  selection: __selection__,
-  onSelect: __onSelect__,
-  ...restPropTypes
-} = Table.propTypes;
-
-class SmartTable extends PureComponent {
-  static propTypes = {
-    onSelectionChange: PropTypes.func,
-    isItemSelectable: PropTypes.func,
-    ...restPropTypes
-  };
-
-  static defaultProps = {
-    onSelectionChange: () => {}
-  };
-
-  state = {
-    selection: new Selection({
-      data: this.props.data,
-      isItemSelectable: this.props.isItemSelectable
-    })
-  };
-
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const {data, isItemSelectable} = nextProps;
-    if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
-      const selection = new Selection({data, isItemSelectable});
-      this.setState({selection});
-    }
-  }
-
-  onSelect = selection => {
-    this.setState({selection});
-    this.props.onSelectionChange(selection);
-  };
-
-  render() {
-    return (
-      <Table
-        {...this.props}
-        selection={this.state.selection}
-        onSelect={this.onSelect}
-      />
-    );
-  }
-}
-
-export default SmartTable;