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

package/dist/popup/popup.target.js

@@ -1,27 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { createContext, forwardRef } from 'react';
-import PropTypes from 'prop-types';
-
-const PopupTargetContext = /*#__PURE__*/createContext();
-const PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget(_ref, ref) {
-  let {
-    id,
-    children
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["id", "children"]);
-
-  const isFunctionChild = typeof children === 'function';
-  const target = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    "data-portaltarget": id,
-    ref: ref
-  }), !isFunctionChild && children);
-  return /*#__PURE__*/React.createElement(PopupTargetContext.Provider, {
-    value: id
-  }, isFunctionChild ? children(target) : target);
-});
-PopupTarget.propTypes = {
-  id: PropTypes.string.isRequired,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-};
-
-export { PopupTarget, PopupTargetContext };

package/dist/popup/position.js

@@ -1,280 +0,0 @@
-import { getRect, isMounted, getDocumentScrollTop, getDocumentScrollLeft, getWindowHeight } from '../global/dom.js';
-import { Directions, MaxHeight, Dimension, MinWidth } from './popup.consts.js';
-export { Dimension, Directions, MaxHeight, MinWidth } from './popup.consts.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-
-function getScrollingCoordinates(container) {
-  if (container !== null) {
-    return {
-      top: container.scrollTop,
-      left: container.scrollLeft
-    };
-  }
-
-  return {
-    top: getDocumentScrollTop(),
-    left: getDocumentScrollLeft()
-  };
-}
-
-function getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset) {
-  const popupWidth = popup.clientWidth;
-  const popupHeight = popup.clientHeight;
-  const anchorBottom = anchorTop + anchorRect.height;
-  const anchorRight = anchorLeft + anchorRect.width;
-  const popupLeft = anchorLeft - popupWidth;
-  const popupTop = anchorTop - popupHeight;
-  const popupRightToLeft = anchorRight - popupWidth;
-  const popupHorizontalCenter = anchorLeft + anchorRect.width / 2 - popupWidth / 2;
-  const popupVerticalCenter = anchorTop + anchorRect.height / 2 - popupHeight / 2;
-  const popupBottomToTop = anchorBottom - popupHeight;
-  return {
-    [Directions.BOTTOM_RIGHT]: {
-      left: anchorLeft,
-      top: anchorBottom + offset
-    },
-    [Directions.BOTTOM_LEFT]: {
-      left: popupRightToLeft,
-      top: anchorBottom + offset
-    },
-    [Directions.BOTTOM_CENTER]: {
-      left: popupHorizontalCenter,
-      top: anchorBottom + offset
-    },
-    [Directions.TOP_RIGHT]: {
-      left: anchorLeft,
-      top: popupTop - offset
-    },
-    [Directions.TOP_LEFT]: {
-      left: popupRightToLeft,
-      top: popupTop - offset
-    },
-    [Directions.TOP_CENTER]: {
-      left: popupHorizontalCenter,
-      top: popupTop - offset
-    },
-    [Directions.LEFT_BOTTOM]: {
-      left: popupLeft - offset,
-      top: anchorTop
-    },
-    [Directions.LEFT_TOP]: {
-      left: popupLeft - offset,
-      top: popupBottomToTop
-    },
-    [Directions.LEFT_CENTER]: {
-      left: popupLeft - offset,
-      top: popupVerticalCenter
-    },
-    [Directions.RIGHT_BOTTOM]: {
-      left: anchorRight + offset,
-      top: anchorTop
-    },
-    [Directions.RIGHT_TOP]: {
-      left: anchorRight + offset,
-      top: popupBottomToTop
-    },
-    [Directions.RIGHT_CENTER]: {
-      left: anchorRight + offset,
-      top: popupVerticalCenter
-    }
-  };
-}
-
-function verticalOverflow(styles, scrollingCoordinates, attrs) {
-  const containerHeight = attrs.container !== null ? attrs.container.clientHeight : getWindowHeight();
-  const viewportMinX = scrollingCoordinates.top + attrs.sidePadding;
-  const viewportMaxX = scrollingCoordinates.top + containerHeight - attrs.sidePadding;
-  const topOverflow = Math.max(viewportMinX - styles.top, 0);
-  const popupHeight = attrs.popup.clientHeight;
-  const verticalDiff = styles.top + popupHeight - viewportMaxX;
-  const bottomOverflow = Math.max(verticalDiff, 0);
-  return topOverflow + bottomOverflow;
-}
-
-function horizontalOverflow(styles, scrollingCoordinates, attrs) {
-  const containerWidth = attrs.container !== null ? attrs.container.clientWidth : window.innerWidth;
-  const viewportMinY = scrollingCoordinates.left + attrs.sidePadding;
-  const viewportMaxY = scrollingCoordinates.left + containerWidth - attrs.sidePadding;
-  const leftOverflow = Math.max(viewportMinY - styles.left, 0);
-  const popupWidth = attrs.popup.clientWidth;
-  const horizontalDiff = styles.left + popupWidth - viewportMaxY;
-  const rightOverflow = Math.max(horizontalDiff, 0);
-  return leftOverflow + rightOverflow;
-}
-
-const positionPropKeys = ['directions', 'autoPositioning', 'autoCorrectTopOverflow', 'sidePadding', 'top', 'left', 'offset', 'maxHeight', 'minWidth'];
-const defaultcontainerRect = {
-  top: 0,
-  left: 0
-};
-
-function handleTopOffScreen(_ref) {
-  let {
-    sidePadding,
-    styles,
-    anchorRect,
-    maxHeight,
-    popupScrollHeight,
-    direction,
-    scroll
-  } = _ref;
-  const BORDER_COMPENSATION = 1;
-  const {
-    TOP_LEFT,
-    TOP_RIGHT,
-    TOP_CENTER,
-    RIGHT_TOP,
-    LEFT_TOP
-  } = Directions;
-  const openedToTop = [TOP_LEFT, TOP_RIGHT, TOP_CENTER, RIGHT_TOP, LEFT_TOP].includes(direction);
-
-  if (!openedToTop) {
-    return styles;
-  }
-
-  const isAttachedToAnchorTop = [TOP_LEFT, TOP_CENTER, TOP_RIGHT].includes(direction);
-  const attachingPointY = isAttachedToAnchorTop ? anchorRect.top : anchorRect.bottom;
-  const effectiveHeight = maxHeight ? Math.min(popupScrollHeight, maxHeight) : popupScrollHeight;
-  const hypotheticalTop = attachingPointY - effectiveHeight;
-
-  if (hypotheticalTop <= sidePadding) {
-    styles.top = sidePadding + scroll.top;
-    styles.maxHeight = attachingPointY - sidePadding + BORDER_COMPENSATION;
-  }
-
-  return styles;
-}
-
-function maxHeightForDirection(direction, anchorNode, containerNode) {
-  const container = containerNode || document.documentElement;
-  const domRect = anchorNode.getBoundingClientRect();
-  const containerRect = container.getBoundingClientRect();
-  const topMaxHeight = Math.max(domRect.top - containerRect.top, 0);
-  const containerHeight = Math.max(containerRect.height, // XXX
-  // If container is the document element
-  // then we check client height too because we may have situation when
-  // "height" from "getBoundingClientRect" less then "clientHeight".
-  container === document.documentElement ? container.clientHeight : 0);
-  const bottomMaxHeight = Math.max(containerHeight - (topMaxHeight + domRect.height), 0);
-
-  switch (direction) {
-    case Directions.TOP_LEFT:
-    case Directions.TOP_CENTER:
-    case Directions.TOP_RIGHT:
-      return topMaxHeight;
-
-    case Directions.BOTTOM_LEFT:
-    case Directions.BOTTOM_CENTER:
-    case Directions.BOTTOM_RIGHT:
-      return bottomMaxHeight;
-
-    case Directions.LEFT_BOTTOM:
-    case Directions.RIGHT_BOTTOM:
-      return domRect.height + bottomMaxHeight;
-
-    case Directions.LEFT_TOP:
-    case Directions.RIGHT_TOP:
-      return domRect.height + topMaxHeight;
-
-    case Directions.RIGHT_CENTER:
-    case Directions.LEFT_CENTER:
-      return domRect.height / 2 + Math.min(bottomMaxHeight / 2, topMaxHeight / 2);
-
-    default:
-      return null;
-  }
-}
-function position(attrs) {
-  const {
-    popup,
-    anchor,
-    container,
-    directions,
-    autoPositioning,
-    sidePadding,
-    top,
-    left,
-    offset,
-    maxHeight,
-    minWidth,
-    autoCorrectTopOverflow = true
-  } = attrs;
-  let styles = {
-    top: 0,
-    left: 0
-  };
-  let chosenDirection = null;
-  const containerRect = container !== null ? getRect(container) : defaultcontainerRect;
-  const defaultAnchor = container !== null ? container : document.body;
-  const anchorRect = getRect(isMounted(anchor) ? anchor : defaultAnchor);
-  const scroll = getScrollingCoordinates(container);
-  const anchorLeft = anchorRect.left + scroll.left + left - containerRect.left;
-  const anchorTop = anchorRect.top + scroll.top + top - containerRect.top;
-
-  if (popup) {
-    const directionsMatrix = getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset);
-
-    if (!autoPositioning || directions.length === 1) {
-      styles = directionsMatrix[directions[0]];
-      chosenDirection = directions[0];
-    } else {
-      const sortedByIncreasingOverflow = directions. // Fall back to the first option
-      concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
-        styles: directionsMatrix[direction],
-        direction
-      })).sort((_ref2, _ref3) => {
-        let {
-          styles: stylesA
-        } = _ref2;
-        let {
-          styles: stylesB
-        } = _ref3;
-        const overflowA = verticalOverflow(stylesA, scroll, attrs) + horizontalOverflow(stylesA, scroll, attrs);
-        const overflowB = verticalOverflow(stylesB, scroll, attrs) + horizontalOverflow(stylesB, scroll, attrs);
-        return overflowA - overflowB;
-      });
-      styles = sortedByIncreasingOverflow[0].styles;
-      chosenDirection = sortedByIncreasingOverflow[0].direction;
-    } // because of the anchor negative margin top and left also may become negative
-
-
-    ['left', 'top'].forEach(key => {
-      if (styles[key] < 0) {
-        styles[key] = 0;
-      }
-    });
-  }
-
-  if (maxHeight === MaxHeight.SCREEN || maxHeight === 'screen') {
-    // this feature works properly only when direction is BOTTOM_* or *_BOTTOM
-    styles.maxHeight = window.innerHeight + scroll.top - styles.top - Dimension.MARGIN;
-  } else if (maxHeight) {
-    styles.maxHeight = maxHeight;
-  }
-
-  if (autoCorrectTopOverflow) {
-    styles = handleTopOffScreen({
-      sidePadding,
-      styles,
-      anchorRect,
-      maxHeight,
-      direction: chosenDirection,
-      popupScrollHeight: popup.scrollHeight,
-      scroll
-    });
-  }
-
-  if (minWidth === MinWidth.TARGET || minWidth === 'target') {
-    styles.minWidth = anchorRect.width;
-  } else if (minWidth) {
-    styles.minWidth = anchorRect.width < minWidth ? minWidth : anchorRect.width;
-  }
-
-  return {
-    styles,
-    direction: chosenDirection
-  };
-}
-
-export default position;
-export { maxHeightForDirection, positionPropKeys };

package/dist/popup-menu/popup-menu.js

@@ -1,108 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends, c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import Popup from '../popup/popup.js';
-import List from '../list/list.js';
-import 'react-dom';
-import 'classnames';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
-import 'react-virtualized/dist/es/List';
-import 'react-virtualized/dist/es/AutoSizer';
-import 'react-virtualized/dist/es/WindowScroller';
-import 'react-virtualized/dist/es/CellMeasurer';
-import 'util-deprecate';
-import 'memoize-one';
-import '../global/memoize.js';
-import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../link/link.js';
-import 'focus-visible';
-import '../link/clickableLink.js';
-import '../_helpers/list.js';
-import '../list/list__item.js';
-import '../avatar/avatar.js';
-import '../global/url.js';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../list/list__custom.js';
-import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
-import '../list/consts.js';
-
-const _ref = Popup.propTypes || {},
-      popupPropTypes = _objectWithoutProperties(_ref, ["children"]);
-/**
- * @name Popup Menu
- */
-
-
-class PopupMenu extends Popup {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "onSelect", (item, event) => {
-      if (this.props.closeOnSelect) {
-        this._onCloseAttempt(event);
-      }
-
-      this.props.onSelect(item, event);
-    });
-
-    _defineProperty(this, "listRef", el => {
-      this.list = el;
-    });
-  }
-
-  /** @override */
-  getInternalContent() {
-    const _this$props = this.props,
-          props = _objectWithoutProperties(_this$props, ["className"]);
-
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(List, _extends({
-      ref: this.listRef
-    }, props, {
-      maxHeight: this.popup && this.popup.style.maxHeight,
-      shortcuts: this.shouldUseShortcuts(),
-      onSelect: this.onSelect
-    })));
-  }
-
-}
-
-_defineProperty(PopupMenu, "isItemType", List.isItemType);
-
-_defineProperty(PopupMenu, "ListProps", List.ListProps);
-
-_defineProperty(PopupMenu, "propTypes", _objectSpread2(_objectSpread2(_objectSpread2({}, popupPropTypes), List.propTypes), {}, {
-  closeOnSelect: PropTypes.bool
-}));
-
-_defineProperty(PopupMenu, "defaultProps", _objectSpread2(_objectSpread2(_objectSpread2({}, List.defaultProps), Popup.defaultProps), {}, {
-  renderOptimization: false,
-  closeOnSelect: false
-}));
-
-const {
-  ListProps
-} = List;
-
-export default PopupMenu;
-export { ListProps };

package/dist/progress-bar/progress-bar.js

@@ -1,111 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Theme from '../global/theme.js';
-
-var modules_fb7af416 = {"unit":"8px","light":"progressBar_light__9afa5539","progressBar":"progressBar_progressBar__9afa5539","dark":"progressBar_dark__9afa5539","line":"progressBar_line__9afa5539","globalMode":"progressBar_globalMode__9afa5539","progress-bar":"progressBar_progressBar__9afa5539"};
-
-/**
- * @name Progress Bar
- */
-
-class ProgressBar extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "progressbarWrapperRef", el => {
-      this.progressbarWrapper = el;
-    });
-
-    _defineProperty(this, "progressbarRef", el => {
-      this.progressbar = el;
-    });
-  }
-
-  /**
-   * @param {number} value The progress task value
-   * @param {number} max The maximum value
-   * @return {number} The progress task value in percents
-   * @private
-   */
-  static toPercent(value, max) {
-    const HUNDRED_PERCENT = 100;
-    const percents = value * HUNDRED_PERCENT / max;
-    return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      theme,
-      className,
-      global,
-      max,
-      value
-    } = _this$props,
-          otherProps = _objectWithoutProperties(_this$props, ["theme", "className", "global", "max", "value"]);
-
-    const width = value ? `${ProgressBar.toPercent(value, max)}%` : null;
-    const classes = classNames(modules_fb7af416.progressBar, className, {
-      [modules_fb7af416.light]: theme === Theme.LIGHT,
-      [modules_fb7af416.dark]: theme === Theme.DARK,
-      [modules_fb7af416.globalMode]: global
-    });
-    return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
-      className: classes,
-      ref: this.progressbarWrapperRef
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_fb7af416.line,
-      ref: this.progressbarRef,
-      role: "progressbar",
-      "aria-valuenow": value,
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      style: {
-        width
-      }
-    }));
-  }
-
-}
-
-_defineProperty(ProgressBar, "propTypes", {
-  theme: PropTypes.string,
-
-  /**
-   * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
-   * Should be placed directly inside body, will be positioned right below .ring-header
-   * if placed adjacent to it.
-   * @type {boolean}
-   */
-  global: PropTypes.bool,
-
-  /**
-   * Custom class
-   * @type {string}
-   */
-  className: PropTypes.string,
-  style: PropTypes.object,
-
-  /**
-   * A floating point number that specifies minimum completion rate for a task to be considered
-   * complete. Default value is 1.0.
-   * @type {number}
-   */
-  max: PropTypes.number,
-
-  /**
-   * A floating point number that specifies current task completion rate.
-   * @type {number}
-   */
-  value: PropTypes.number
-});
-
-_defineProperty(ProgressBar, "defaultProps", {
-  max: 1.0,
-  value: 0,
-  theme: Theme.LIGHT
-});
-
-export default ProgressBar;

package/dist/proxy-attrs/proxy-attrs.js

@@ -1,19 +0,0 @@
-function proxyAttrs(template, attrsWhitelist) {
-  return function copyAttrs(iElement, iAttrs) {
-    const PREFIX = 'data-proxy-';
-    const attrsList = attrsWhitelist || Object.keys(iAttrs.$attr);
-    let resultTemplate = template;
-    attrsList.forEach(attrName => {
-      if (iAttrs[attrName] !== undefined) {
-        const attrLower = iAttrs.$attr[attrName];
-        const attrValue = iAttrs[attrName];
-        const attrFind = `${PREFIX}${attrLower}`.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-        const attrReplace = `${attrLower}="${attrValue}"`;
-        resultTemplate = resultTemplate.replace(RegExp(`${attrFind}(="")*`, 'g'), attrReplace);
-      }
-    });
-    return resultTemplate;
-  };
-}
-
-export default proxyAttrs;