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

package/dist/selection.js

@@ -1,213 +0,0 @@
-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();
-    }
-  }
-
-}
-
-export default Selection;

package/dist/shortcuts.js

@@ -1,307 +0,0 @@
-import { b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import Combokeys from 'combokeys';
-import { s as sniffr } from './_helpers/sniffer.js';
-import 'sniffr';
-
-class Shortcuts$1 {
-  constructor() {
-    _defineProperty(this, "ALLOW_SHORTCUTS_SELECTOR", '.ring-js-shortcuts');
-
-    _defineProperty(this, "ROOT_SCOPE", {
-      scopeId: 'ROOT',
-      options: {}
-    });
-
-    _defineProperty(this, "_scopes", {});
-
-    _defineProperty(this, "combokeys", new Combokeys(document.documentElement));
-
-    _defineProperty(this, "trigger", combo => this.combokeys.trigger(combo));
-
-    _defineProperty(this, "_dispatcher", (e, key) => {
-      let currentScope;
-
-      for (let i = this._scopeChain.length - 1; i >= 0; i--) {
-        const scopeInChain = this._scopeChain[i];
-        currentScope = this._scopes[scopeInChain.scopeId];
-
-        if (currentScope && currentScope[key]) {
-          const ret = currentScope[key](e, key, scopeInChain.scopeId); // Fall down in chain when returning true
-
-          if (ret !== true) {
-            return ret;
-          }
-        }
-
-        if (scopeInChain.options.modal) {
-          return true;
-        }
-      }
-
-      return undefined;
-    });
-
-    _defineProperty(this, "_defaultFilter", (e, element, key) => {
-      // if the element or its parents have the class "ring-js-shortcuts" then no need to stop
-      if (element === document || element.matches(this.ALLOW_SHORTCUTS_SELECTOR) || (element.dataset.enabledShortcuts != null ? element.dataset.enabledShortcuts.split(',').includes(key) : element.closest(this.ALLOW_SHORTCUTS_SELECTOR) != null)) {
-        return false;
-      } // stop for input, select, and textarea
-
-
-      return element.matches('input,select,textarea') || element.contentEditable && element.contentEditable === 'true';
-    });
-
-    this.setFilter();
-    this.setScope();
-  }
-
-  /**
-   * Binds a handler to a shortcut
-   *
-   * @param params.key {string | Array.<string>) Keys to bind
-   * @param params.handler {Function} Events handle
-   * @param params.scope {string} Scope (optional)
-   * @param params.type {string} Event type, will be passed to Combokeys (optional)
-   */
-  bind(params) {
-    if (!(params instanceof Object) || typeof params.handler !== 'function') {
-      throw new Error('Shortcut handler should exist');
-    }
-
-    if (!params.scope) {
-      params.scope = this.ROOT_SCOPE.scopeId;
-    }
-
-    if (Array.isArray(params.key)) {
-      for (let i = 0; i < params.key.length; i++) {
-        this.bind(Object.assign({}, params, {
-          key: params.key[i]
-        }));
-      }
-
-      return;
-    }
-
-    if (typeof params.key !== 'string') {
-      throw new Error('Shortcut key should exist');
-    }
-
-    if (!this._scopes[params.scope]) {
-      this._scopes[params.scope] = {};
-    }
-
-    this._scopes[params.scope][params.key] = params.handler;
-    this.combokeys.bind(params.key, this._dispatcher, this._getKeyboardEventType(params));
-  }
-  /**
-   * Binds a map of shortcuts to handlers with common options
-   *
-   * @map {Object) Keys to handlers map
-   * @options.scope {string} Scope (optional)
-   * @options.type {string} Event type, will be passed to Combokeys (optional)
-   */
-
-
-  bindMap(map, options) {
-    if (!(map instanceof Object)) {
-      throw new Error('Shortcuts map shouldn\'t be empty');
-    }
-
-    for (const key in map) {
-      if (map.hasOwnProperty(key)) {
-        this.bind(Object.assign({}, options || {}, {
-          key,
-          handler: map[key]
-        }));
-      }
-    }
-  }
-
-  unbindScope(scope) {
-    this._scopes[scope] = null;
-  }
-
-  getScope() {
-    return this._scopeChain.slice(1);
-  }
-
-  hasScope(scopeId) {
-    return this.indexOfScope(scopeId) !== -1;
-  }
-  /**
-   * Adds a scope to the chain
-   * @param scopeId id of scope to add
-   * @param options options for pushing scope
-   * @param options.modal whether keys should fall through this scope or not.
-   * Useful for modals or overlays
-   */
-
-
-  pushScope(scopeId, options = {}) {
-    if (scopeId) {
-      const position = this.indexOfScope(scopeId);
-
-      if (position !== -1) {
-        this._scopeChain.splice(position, 1);
-      }
-
-      this._scopeChain.push(this.wrapScope(scopeId, options));
-    }
-  }
-
-  popScope(scopeId) {
-    if (scopeId) {
-      const position = this.indexOfScope(scopeId);
-
-      if (position !== -1) {
-        return this._scopeChain.splice(position, this._scopeChain.length - 1);
-      }
-    }
-
-    return undefined;
-  }
-
-  spliceScope(scopeId) {
-    if (scopeId) {
-      const position = this.indexOfScope(scopeId);
-
-      if (position !== -1) {
-        this._scopeChain.splice(position, 1);
-      }
-    }
-  }
-
-  setScope(scope) {
-    if (scope) {
-      let scopeChain;
-
-      if (typeof scope === 'string' || !Array.isArray(scope) && typeof scope === 'object' && scope !== null) {
-        scopeChain = [scope];
-      } else {
-        scopeChain = scope;
-      }
-
-      if (!Array.isArray(scopeChain)) {
-        return;
-      }
-
-      scopeChain = scopeChain.map(scopeItem => {
-        const isScopeId = typeof scopeItem === 'string';
-        return isScopeId ? this.wrapScope(scopeItem) : scopeItem;
-      });
-      this._scopeChain = [this.ROOT_SCOPE].concat(scopeChain);
-    } else {
-      this._scopeChain = [this.ROOT_SCOPE];
-    }
-  }
-
-  wrapScope(scopeId, options = {}) {
-    return {
-      scopeId,
-      options
-    };
-  }
-
-  hasKey(key, scope) {
-    return !!(this._scopes[scope] && this._scopes[scope][key]);
-  }
-
-  _getKeyboardEventType(params) {
-    if (!params.type && sniffr.os.name === 'windows') {
-      const isSystemShortcut = params.key.match(/ctrl/i) && params.key.match(/shift/i) && params.key.match(/[0-9]/);
-      /**
-       * Windows system shortcuts (ctrl+shift+[0-9] are caught by the OS on 'keydown', so let's use 'keyup'
-       */
-
-      if (isSystemShortcut) {
-        return 'keyup';
-      }
-    }
-
-    return params.type;
-  }
-
-  setFilter(fn) {
-    this.combokeys.stopCallback = typeof fn === 'function' ? fn : this._defaultFilter;
-  }
-
-  indexOfScope(scopeId) {
-    return this._scopeChain.findIndex(scope => scope.scopeId === scopeId);
-  }
-
-  reset() {
-    this._scopes = {};
-    this.setScope();
-    this.combokeys.reset();
-  }
-
-}
-
-var shortcuts = new Shortcuts$1();
-
-class Shortcuts extends PureComponent {
-  componentDidMount() {
-    if (!this.props.disabled) {
-      this.turnShorcutsOn();
-    }
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      disabled
-    } = this.props;
-
-    if (!prevProps.disabled && disabled) {
-      this.turnShorcutsOff();
-    }
-
-    if (prevProps.disabled && !disabled) {
-      this.turnShorcutsOn();
-    }
-  }
-
-  componentWillUnmount() {
-    if (!this.props.disabled) {
-      this.turnShorcutsOff();
-    }
-  }
-
-  turnShorcutsOn() {
-    const {
-      map,
-      scope,
-      options
-    } = this.props;
-    shortcuts.bindMap(map, this.props);
-    shortcuts.pushScope(scope, options);
-  }
-
-  turnShorcutsOff() {
-    const {
-      scope
-    } = this.props;
-    shortcuts.unbindScope(scope);
-    shortcuts.spliceScope(scope);
-  }
-
-  render() {
-    return this.props.children || null;
-  }
-
-}
-
-_defineProperty(Shortcuts, "propTypes", {
-  map: PropTypes.object.isRequired,
-  scope: PropTypes.string.isRequired,
-  options: PropTypes.object,
-  disabled: PropTypes.bool,
-  children: PropTypes.node
-});
-
-_defineProperty(Shortcuts, "defaultProps", {
-  options: {}
-});
-
-export default Shortcuts;