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

package/dist/permissions/permissions__cache.js

@@ -1,272 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
-/**
- * Converts an array of cached permissions to a a map of a permission key
- * to the respective cached permission.
- *
- * @param { {
- *   permission: {key: string},
- *   global: boolean?,
- *   projects: {id: string}[]?
- * }[] } permissions
- * @param {function} namesConverter a function, which maps a server-side permission name to client-side permission name
- * @return {object} permission cache
- * @private
- */
-class PermissionCache {
-  /**
-   * Convert an array of projects to a set of project ids.
-   *
-   * @param {object[]=} projects
-   * @return {object} a set of project ids
-   * @private
-   */
-  static _toProjectIdSet(projects) {
-    let projectIdSet = null;
-
-    if (projects) {
-      projectIdSet = {};
-
-      for (let i = 0; i < projects.length; i++) {
-        projectIdSet[projects[i].id] = true;
-      }
-    }
-
-    return projectIdSet;
-  }
-
-  constructor(permissions, namesConverter) {
-    this.namesConverter = namesConverter || (key => key);
-
-    this.set(permissions);
-  }
-
-  set(permissions) {
-    const permissionCache = (permissions || []).reduce((_permissionCache, permission) => {
-      const key = this.namesConverter(permission.permission.key);
-
-      if (key) {
-        _permissionCache[key] = {
-          global: permission.global,
-          projectIdSet: this.constructor._toProjectIdSet(permission.projects)
-        };
-      }
-
-      return _permissionCache;
-    }, {});
-    this._permissions = permissions;
-    this.permissionCache = permissionCache;
-    return this;
-  }
-
-  get() {
-    return this._permissions;
-  }
-  /**
-   * Checks if the current user has the given permissions in the project with the given id.
-   *
-   * @param {string} permissions  space separated list of permissions
-   * @param {string=} projectId     optional projectId. If absent the method checks
-   *  if the given permission is granted in any project.
-   *
-   * @return {boolean}
-   */
-
-
-  has(permissions, projectId) {
-    const lexems = this.lex(permissions);
-
-    if (lexems.length === 0) {
-      return true;
-    }
-
-    try {
-      return this.or(lexems, projectId);
-    } catch (e) {
-      return false;
-    }
-  }
-  /**
-   * Lexes permission query string to an array of lexems.
-   *
-   * @param {string} query
-   * @return {string[]}
-   */
-
-
-  lex(query) {
-    const lexems = [];
-
-    if (query) {
-      let currentIdentifier = '';
-
-      for (let i = 0; i < query.length; i++) {
-        switch (query.charAt(i)) {
-          case ' ':
-          case '\t':
-          case '\n':
-          case '\r':
-            // Finish current token
-            if (currentIdentifier) {
-              lexems.push(currentIdentifier);
-              currentIdentifier = '';
-            } // Skip space
-
-
-            break;
-
-          case '(':
-          case ')':
-          case '&':
-          case '|':
-          case '!':
-            // Finish current token
-            if (currentIdentifier) {
-              lexems.push(currentIdentifier);
-              currentIdentifier = '';
-            } // Append operator
-
-
-            lexems.push(query.charAt(i));
-            break;
-
-          default:
-            currentIdentifier += query.charAt(i);
-            break;
-        }
-      }
-
-      if (currentIdentifier) {
-        lexems.push(currentIdentifier);
-      }
-    }
-
-    return lexems;
-  }
-  /*
-   or -> and ( '|' and )*
-   and -> not ( '&'?  not )*
-   not -> '!'* term
-   term -> '(' or ')' | permission
-   permission -> [^()&|!\s]+
-   */
-
-  /**
-   * @param {string[]} lexems
-   * @param {string=} projectId
-   * @return {boolean}
-   */
-
-
-  or(lexems, projectId) {
-    let result = this.and(lexems, projectId);
-
-    while (lexems.length > 0 && lexems[0] !== ')') {
-      if (lexems.shift() !== '|') {
-        throw new Error('Operator \'|\' was expected');
-      }
-
-      result = this.and(lexems, projectId) || result;
-    }
-
-    return result;
-  }
-  /**
-   * @param {string[]} lexems
-   * @param {string=} projectId
-   * @return {boolean}
-   */
-
-
-  and(lexems, projectId) {
-    let result = this.not(lexems, projectId);
-
-    while (lexems.length > 0 && lexems[0] !== ')' && lexems[0] !== '|') {
-      // Expect optional '&'
-      if (lexems[0] === '&') {
-        lexems.shift();
-      }
-
-      result = this.not(lexems, projectId) && result;
-    }
-
-    return result;
-  }
-  /**
-   * @param {string[]} lexems
-   * @param {string=} projectId
-   * @return {boolean}
-   */
-
-
-  not(lexems, projectId) {
-    let notCounter = 0;
-
-    while (lexems.length > 0 && lexems[0] === '!') {
-      ++notCounter;
-      lexems.shift();
-    }
-
-    const result = this.term(lexems, projectId);
-    return notCounter % 2 === 0 ? result : !result;
-  }
-  /**
-   * @param {string[]} lexems
-   * @param {string=} projectId
-   * @return {boolean}
-   */
-
-
-  term(lexems, projectId) {
-    if (lexems.length === 0) {
-      throw new Error('Operand was expected');
-    }
-
-    const t = lexems.shift();
-    let result; // Nested parenthesized expression
-
-    if (t === '(') {
-      result = this.or(lexems, projectId); // Expect ')'
-
-      if (lexems.shift() !== ')') {
-        throw new Error('Operator \')\' was expected');
-      }
-    } else {
-      result = this.testPermission(t, projectId);
-    }
-
-    return result;
-  }
-  /**
-   * @param {string} permissionName
-   * @param {string=} projectId
-   * @return {boolean}
-   */
-
-
-  testPermission(permissionName, projectId) {
-    const permissionCache = this.permissionCache;
-    const cachedPermission = permissionCache[permissionName] || permissionCache[this.namesConverter(permissionName)]; // Hasn't the permission in any project
-
-    if (!cachedPermission) {
-      return false;
-    } // The permission is global or is given in the global project
-
-
-    if (cachedPermission.global) {
-      return true;
-    }
-
-    if (projectId) {
-      // if projectId is specified check that the permission is given in the project
-      return cachedPermission.projectIdSet && projectId in cachedPermission.projectIdSet;
-    } else {
-      return true;
-    }
-  }
-
-}
-
-_defineProperty(PermissionCache, "GLOBAL_PROJECT_ID", 'global');
-
-export default PermissionCache;

package/dist/popup/popup.consts.js

@@ -1,41 +0,0 @@
-const Directions = {
-  BOTTOM_RIGHT: 'BOTTOM_RIGHT',
-  BOTTOM_LEFT: 'BOTTOM_LEFT',
-  BOTTOM_CENTER: 'BOTTOM_CENTER',
-  TOP_LEFT: 'TOP_LEFT',
-  TOP_RIGHT: 'TOP_RIGHT',
-  TOP_CENTER: 'TOP_CENTER',
-  RIGHT_TOP: 'RIGHT_TOP',
-  RIGHT_BOTTOM: 'RIGHT_BOTTOM',
-  RIGHT_CENTER: 'RIGHT_CENTER',
-  LEFT_TOP: 'LEFT_TOP',
-  LEFT_BOTTOM: 'LEFT_BOTTOM',
-  LEFT_CENTER: 'LEFT_CENTER'
-};
-/**
- * When positioning a popup, directions will be tried in the listed order.
- * @type {Array.<string>}
- */
-
-const DEFAULT_DIRECTIONS = [Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.TOP_LEFT, Directions.TOP_RIGHT, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.LEFT_TOP, Directions.LEFT_BOTTOM];
-/**
- * @enum {number}
- */
-
-const Dimension = {
-  MARGIN: 16,
-  BORDER_WIDTH: 1
-};
-const MinWidth = {
-  TARGET: -1
-};
-const MaxHeight = {
-  SCREEN: -1
-};
-const Display = {
-  HIDDEN: 0,
-  SHOWING: 1,
-  SHOWN: 2
-};
-
-export { DEFAULT_DIRECTIONS, Dimension, Directions, Display, MaxHeight, MinWidth };

package/dist/popup/popup.js

@@ -1,389 +0,0 @@
-import { _ as _defineProperty, c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import { createPortal } from 'react-dom';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import getUID from '../global/get-uid.js';
-import scheduleRAF from '../global/schedule-raf.js';
-import { Listeners, getStyles } from '../global/dom.js';
-import Shortcuts from '../shortcuts/shortcuts.js';
-import joinDataTestAttributes from '../global/data-tests.js';
-import TabTrap from '../tab-trap/tab-trap.js';
-import position, { positionPropKeys } from './position.js';
-import { Display, DEFAULT_DIRECTIONS, Directions, Dimension, MinWidth, MaxHeight } from './popup.consts.js';
-import { PopupTargetContext, PopupTarget } from './popup.target.js';
-export { PopupTarget, PopupTargetContext } from './popup.target.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-
-var modules_2f69e2e2 = {"popup":"popup_popup__d157c5ca global_font__0f8f4370","hidden":"popup_hidden__d157c5ca","showing":"popup_showing__d157c5ca","attached":"popup_attached__d157c5ca"};
-
-const stop = e => e.stopPropagation();
-
-const getPopupContainer = target => typeof target === 'string' ? document.querySelector(`[data-portaltarget=${target}]`) : target;
-/**
- * @constructor
- * @name Popup
- * @extends {ReactComponent}
- */
-
-class Popup extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {
-      display: Display.SHOWING
-    });
-
-    _defineProperty(this, "listeners", new Listeners());
-
-    _defineProperty(this, "redrawScheduler", scheduleRAF(true));
-
-    _defineProperty(this, "uid", getUID('popup-'));
-
-    _defineProperty(this, "calculateDisplay", prevState => _objectSpread2(_objectSpread2({}, prevState), {}, {
-      display: this.props.hidden ? Display.SHOWING : Display.SHOWN
-    }));
-
-    _defineProperty(this, "portalRef", el => {
-      this.node = el;
-      this.parent = el && el.parentElement;
-
-      if (el && this.getContainer()) {
-        this._redraw();
-      }
-    });
-
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-
-      this._redraw();
-    });
-
-    _defineProperty(this, "containerRef", el => {
-      this.container = el;
-    });
-
-    _defineProperty(this, "_updateDirection", newDirection => {
-      if (this.state.direction !== newDirection) {
-        this.setState({
-          direction: newDirection
-        });
-
-        if (this.props.onDirectionChange) {
-          this.props.onDirectionChange(newDirection);
-        }
-      }
-    });
-
-    _defineProperty(this, "_updatePosition", () => {
-      if (this.popup) {
-        this.popup.style.position = 'absolute';
-
-        if (this.isVisible()) {
-          const {
-            styles: style,
-            direction
-          } = this.position();
-          Object.keys(style).forEach(key => {
-            const value = style[key];
-
-            if (typeof value === 'number') {
-              this.popup.style[key] = `${value}px`;
-            } else {
-              this.popup.style[key] = value.toString();
-            }
-          });
-
-          this._updateDirection(direction);
-        }
-
-        this.setState(this.calculateDisplay);
-      }
-    });
-
-    _defineProperty(this, "_redraw", () => {
-      if (this.isVisible()) {
-        this.redrawScheduler(this._updatePosition);
-      }
-    });
-
-    _defineProperty(this, "_onEscPress", evt => {
-      this.props.onEscPress(evt);
-
-      this._onCloseAttempt(evt, true);
-    });
-
-    _defineProperty(this, "_onDocumentClick", evt => {
-      if (this.container && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && this._getAnchor() && this._getAnchor().contains(evt.target)) {
-        return;
-      }
-
-      this.props.onOutsideClick(evt);
-
-      this._onCloseAttempt(evt, false);
-    });
-
-    _defineProperty(this, "shortcutsScope", this.uid);
-
-    _defineProperty(this, "shortcutsMap", {
-      esc: this._onEscPress
-    });
-  }
-
-  componentDidMount() {
-    if (!this.props.client) {
-      // eslint-disable-next-line react/no-did-mount-set-state
-      this.setState({
-        client: true
-      });
-    }
-
-    if (!this.props.hidden) {
-      this._setListenersEnabled(true);
-    }
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      hidden
-    } = this.props;
-
-    if (this.props !== prevProps) {
-      if (prevProps.hidden !== hidden) {
-        this._setListenersEnabled(!hidden);
-      }
-
-      this._redraw();
-    }
-
-    if (this.props.onShow && !hidden && this.state.display === Display.SHOWN && (prevProps.hidden || prevState.display !== Display.SHOWN)) {
-      this.props.onShow();
-    }
-  }
-
-  componentWillUnmount() {
-    this._setListenersEnabled(false);
-
-    this.popup = null;
-  }
-
-  shouldUseShortcuts() {
-    const {
-      shortcuts,
-      hidden
-    } = this.props;
-    return shortcuts && !hidden;
-  }
-
-  getContainer() {
-    const target = this.props.target || this.ringPopupTarget;
-    return target && getPopupContainer(target);
-  }
-
-  position() {
-    const positionProps = positionPropKeys.reduce((acc, key) => {
-      acc[key] = this.props[key];
-      return acc;
-    }, {});
-    const container = this.getContainer();
-    return position(_objectSpread2({
-      popup: this.popup,
-      container: container && getStyles(container).position !== 'static' ? container : null,
-      anchor: this._getAnchor()
-    }, positionProps));
-  }
-
-  _getAnchor() {
-    return this.props.anchorElement || this.parent;
-  }
-  /**
-   * @param {boolean} enable
-   * @private
-   */
-
-
-  _setListenersEnabled(enable) {
-    if (enable && !this._listenersEnabled) {
-      setTimeout(() => {
-        this._listenersEnabled = true;
-        this.listeners.add(window, 'resize', this._redraw);
-        this.listeners.add(window, 'scroll', this._redraw);
-        this.listeners.add(document, 'pointerdown', this._onDocumentClick, true);
-
-        let el = this._getAnchor();
-
-        while (el) {
-          this.listeners.add(el, 'scroll', this._redraw);
-          el = el.parentElement;
-        }
-      }, 0);
-      return;
-    }
-
-    if (!enable && this._listenersEnabled) {
-      this.listeners.removeAll();
-      this._listenersEnabled = false;
-    }
-  }
-  /**
-   * Returns visibility state
-   * @return {boolean}
-   */
-
-
-  isVisible() {
-    return !this.props.hidden;
-  }
-
-  _onCloseAttempt(evt, isEsc) {
-    this.props.onCloseAttempt(evt, isEsc);
-  }
-
-  getInternalContent() {
-    const {
-      trapFocus,
-      autoFocusFirst,
-      children
-    } = this.props;
-    return trapFocus ? /*#__PURE__*/React.createElement(TabTrap, {
-      autoFocusFirst: autoFocusFirst,
-      focusBackOnExit: true
-    }, children) : children;
-  }
-
-  render() {
-    const {
-      className,
-      style,
-      hidden,
-      attached,
-      keepMounted,
-      client,
-      onMouseDown,
-      onMouseUp,
-      onMouseOver,
-      onMouseOut,
-      onContextMenu,
-      'data-test': dataTest
-    } = this.props;
-    const showing = this.state.display === Display.SHOWING;
-    const classes = classNames(className, modules_2f69e2e2.popup, {
-      [modules_2f69e2e2.attached]: attached,
-      [modules_2f69e2e2.hidden]: hidden,
-      [modules_2f69e2e2.showing]: showing
-    });
-    const direction = (this.state.direction || '').toLowerCase().replace(/[_]/g, '-');
-    return /*#__PURE__*/React.createElement(PopupTargetContext.Consumer, null, value => {
-      this.ringPopupTarget = value;
-      return /*#__PURE__*/React.createElement("span", {
-        // prevent bubbling through portal
-        onClick: stop // This handler only blocks bubbling through React portal
-        ,
-        role: "presentation",
-        ref: this.portalRef
-      }, this.shouldUseShortcuts() && /*#__PURE__*/React.createElement(Shortcuts, {
-        map: this.shortcutsMap,
-        scope: this.shortcutsScope
-      }), (client || this.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PopupTarget, {
-        id: this.uid,
-        ref: this.containerRef,
-        onMouseOver: onMouseOver,
-        onFocus: onMouseOver,
-        onMouseOut: onMouseOut,
-        onBlur: onMouseOut,
-        onContextMenu: onContextMenu
-      }, /*#__PURE__*/React.createElement("div", {
-        "data-test": joinDataTestAttributes('ring-popup', dataTest),
-        "data-test-shown": !hidden && !showing,
-        "data-test-direction": direction,
-        ref: this.popupRef,
-        className: classes,
-        style: style,
-        onMouseDown: onMouseDown,
-        onMouseUp: onMouseUp // mouse handlers are used to track clicking on inner elements
-        ,
-        role: "presentation"
-      }, this.getInternalContent())), this.getContainer() || document.body));
-    });
-  }
-
-}
-
-_defineProperty(Popup, "propTypes", {
-  anchorElement: PropTypes.instanceOf(Node),
-  target: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Element)]),
-  className: PropTypes.string,
-  style: PropTypes.object,
-  hidden: PropTypes.bool.isRequired,
-  onOutsideClick: PropTypes.func,
-  onEscPress: PropTypes.func,
-  // onCloseAttempt is a common callback for ESC pressing and outside clicking.
-  // Use it if you don't need different behaviors for this cases.
-  onCloseAttempt: PropTypes.func,
-  children: PropTypes.node.isRequired,
-  dontCloseOnAnchorClick: PropTypes.bool,
-  shortcuts: PropTypes.bool,
-  keepMounted: PropTypes.bool,
-  // pass this prop to preserve the popup's DOM state while hidden
-  'data-test': PropTypes.string,
-  client: PropTypes.bool,
-  // true means that it's never used in SSR
-  directions: PropTypes.arrayOf(PropTypes.string),
-  autoPositioning: PropTypes.bool,
-  autoCorrectTopOverflow: PropTypes.bool,
-  left: PropTypes.number,
-  top: PropTypes.number,
-  maxHeight: PropTypes.number,
-  minWidth: PropTypes.number,
-  sidePadding: PropTypes.number,
-  attached: PropTypes.bool,
-  // Popup adjacent to an input, without upper border and shadow
-  onMouseDown: PropTypes.func,
-  onMouseUp: PropTypes.func,
-  onMouseOver: PropTypes.func,
-  onMouseOut: PropTypes.func,
-  onContextMenu: PropTypes.func,
-  onDirectionChange: PropTypes.func,
-  onShow: PropTypes.func,
-  // set to true whenever popup contains focusable and scrollable content
-  trapFocus: PropTypes.bool,
-  autoFocusFirst: PropTypes.bool
-});
-
-_defineProperty(Popup, "defaultProps", {
-  shortcuts: true,
-  hidden: false,
-
-  onOutsideClick() {},
-
-  onEscPress() {},
-
-  onCloseAttempt() {},
-
-  dontCloseOnAnchorClick: false,
-  keepMounted: false,
-  directions: DEFAULT_DIRECTIONS,
-  autoPositioning: true,
-  autoCorrectTopOverflow: true,
-  left: 0,
-  top: 0,
-  offset: 0,
-  sidePadding: 8,
-  attached: false,
-  trapFocus: false,
-  autoFocusFirst: false,
-  legacy: false
-});
-
-_defineProperty(Popup, "PopupProps", {
-  Directions,
-  Dimension,
-  MinWidth,
-  MaxHeight
-});
-
-export default Popup;
-export { getPopupContainer };