@jetbrains/ring-ui 5.0.35 → 5.0.37

package/dist/popup/popup.js

@@ -21,79 +21,58 @@ import 'sniffr';
 var modules_2f69e2e2 = {"popup":"popup_rui_7cd4 font_rui_8bff","hidden":"hidden_rui_7cd4","showing":"showing_rui_7cd4","attached":"attached_rui_7cd4"};
 
 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, "popup", void 0);
-
     _defineProperty(this, "node", void 0);
-
     _defineProperty(this, "parent", void 0);
-
     _defineProperty(this, "container", void 0);
-
     _defineProperty(this, "ringPopupTarget", void 0);
-
     _defineProperty(this, "listeners", new Listeners());
-
     _defineProperty(this, "redrawScheduler", scheduleRAF(true));
-
     _defineProperty(this, "uid", getUID('popup-'));
-
-    _defineProperty(this, "calculateDisplay", prevState => ({ ...prevState,
+    _defineProperty(this, "calculateDisplay", prevState => ({
+      ...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", () => {
       const popup = this.popup;
-
       if (popup) {
         popup.style.position = 'absolute';
-
         if (this.isVisible()) {
           const {
             styles: style,
@@ -102,90 +81,69 @@ class Popup extends PureComponent {
           Object.entries(style).forEach(_ref => {
             let [key, value] = _ref;
             const propKey = key;
-
             if (typeof value === 'number') {
               popup.style[propKey] = `${value}px`;
             } else {
               popup.style[propKey] = value.toString();
             }
           });
-
           if (direction != null) {
             this._updateDirection(direction);
           }
         }
-
         this.setState(this.calculateDisplay);
       }
     });
-
     _defineProperty(this, "_redraw", () => {
       if (this.isVisible()) {
         this.redrawScheduler(this._updatePosition);
       }
     });
-
     _defineProperty(this, "_listenersEnabled", void 0);
-
     _defineProperty(this, "_onEscPress", evt => {
       this.props.onEscPress(evt);
-
       this._onCloseAttempt(evt, true);
     });
-
     _defineProperty(this, "_onDocumentClick", evt => {
       var _this$_getAnchor;
-
       if (this.container && evt.target instanceof Node && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && evt.target instanceof Node && (_this$_getAnchor = this._getAnchor()) !== null && _this$_getAnchor !== void 0 && _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) {
       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);
   }
-
   shouldUseShortcuts() {
     const {
       shortcuts,
@@ -193,12 +151,10 @@ class Popup extends PureComponent {
     } = this.props;
     return shortcuts && !hidden;
   }
-
   getContainer() {
     const target = this.props.target || this.ringPopupTarget;
     return target && getPopupContainer(target);
   }
-
   position() {
     const {
       directions,
@@ -227,11 +183,9 @@ class Popup extends PureComponent {
       minWidth
     });
   }
-
   _getAnchor() {
     return this.props.anchorElement || this.parent;
   }
-
   /**
    * @param {boolean} enable
    * @private
@@ -241,15 +195,11 @@ class Popup extends PureComponent {
       setTimeout(() => {
         this._listenersEnabled = true;
         this.listeners.add(window, 'resize', this._redraw);
-
         if (this.props.autoPositioningOnScroll) {
           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;
@@ -257,7 +207,6 @@ class Popup extends PureComponent {
       }, 0);
       return;
     }
-
     if (!enable && this._listenersEnabled) {
       this.listeners.removeAll();
       this._listenersEnabled = false;
@@ -267,16 +216,12 @@ class Popup extends PureComponent {
    * Returns visibility state
    * @return {boolean}
    */
-
-
   isVisible() {
     return !this.props.hidden;
   }
-
   _onCloseAttempt(evt, isEsc) {
     this.props.onCloseAttempt(evt, isEsc);
   }
-
   getInternalContent() {
     const {
       trapFocus,
@@ -288,7 +233,6 @@ class Popup extends PureComponent {
       focusBackOnExit: true
     }, children) : children;
   }
-
   render() {
     const {
       className,
@@ -315,7 +259,8 @@ class Popup extends PureComponent {
       this.ringPopupTarget = value;
       return /*#__PURE__*/React.createElement("span", {
         // prevent bubbling through portal
-        onClick: stop // This handler only blocks bubbling through React portal
+        onClick: stop
+        // This handler only blocks bubbling through React portal
         ,
         role: "presentation",
         ref: this.portalRef
@@ -338,25 +283,20 @@ class Popup extends PureComponent {
         className: classes,
         style: style,
         onMouseDown: onMouseDown,
-        onMouseUp: onMouseUp // mouse handlers are used to track clicking on inner elements
+        onMouseUp: onMouseUp
+        // mouse handlers are used to track clicking on inner elements
         ,
         role: "presentation"
       }, this.getInternalContent())), this.getContainer() || document.body));
     });
   }
-
 }
-
 _defineProperty(Popup, "defaultProps", {
   shortcuts: true,
   hidden: false,
-
   onOutsideClick() {},
-
   onEscPress() {},
-
   onCloseAttempt() {},
-
   dontCloseOnAnchorClick: false,
   keepMounted: false,
   directions: DEFAULT_DIRECTIONS,
@@ -372,14 +312,12 @@ _defineProperty(Popup, "defaultProps", {
   autoFocusFirst: false,
   legacy: false
 });
-
 _defineProperty(Popup, "PopupProps", {
   Directions,
   Dimension,
   MinWidth,
   MaxHeight
 });
-
 Popup.propTypes = {
   anchorElement: PropTypes.instanceOf(Node),
   target: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Element)]),

package/dist/popup/position.js

@@ -10,13 +10,11 @@ function getScrollingCoordinates(container) {
       left: container.scrollLeft
     };
   }
-
   return {
     top: getDocumentScrollTop(),
     left: getDocumentScrollLeft()
   };
 }
-
 function getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset) {
   const popupWidth = popup.offsetWidth;
   const popupHeight = popup.offsetHeight;
@@ -79,7 +77,6 @@ function getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset) {
     }
   };
 }
-
 function verticalOverflow(styles, scrollingCoordinates, attrs) {
   const containerHeight = attrs.container !== null ? attrs.container.clientHeight : getWindowHeight();
   const viewportMinX = scrollingCoordinates.top + attrs.sidePadding;
@@ -90,7 +87,6 @@ function verticalOverflow(styles, scrollingCoordinates, attrs) {
   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;
@@ -101,13 +97,11 @@ function horizontalOverflow(styles, scrollingCoordinates, attrs) {
   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,
@@ -127,59 +121,49 @@ function handleTopOffScreen(_ref) {
     LEFT_TOP
   } = Directions;
   const openedToTop = direction != null && [TOP_LEFT, TOP_RIGHT, TOP_CENTER, RIGHT_TOP, LEFT_TOP].includes(direction);
-
   if (!openedToTop) {
     return styles;
   }
-
   const isAttachedToAnchorTop = direction != null && [TOP_LEFT, TOP_CENTER, TOP_RIGHT].includes(direction);
   const attachingPointY = isAttachedToAnchorTop ? anchorRect.top : anchorRect.bottom;
   const effectiveHeight = maxHeight && typeof maxHeight === 'number' ? 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
+  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;
   }
@@ -210,18 +194,18 @@ function position(attrs) {
   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 overflowAttrs = { ...attrs,
+    const overflowAttrs = {
+      ...attrs,
       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
+      const sortedByIncreasingOverflow = directions.
+      // Fall back to the first option
       concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
         styles: directionsMatrix[direction],
         direction
@@ -238,26 +222,22 @@ function position(attrs) {
       });
       styles = sortedByIncreasingOverflow[0].styles;
       chosenDirection = sortedByIncreasingOverflow[0].direction;
-    } // because of the anchor negative margin top and left also may become negative
-
-
+    }
+    // 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) {
     var _popup$scrollHeight;
-
     styles = handleTopOffScreen({
       sidePadding,
       styles,
@@ -268,13 +248,11 @@ function position(attrs) {
       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

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

@@ -58,26 +58,20 @@ const {
 /**
  * @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, "list", void 0);
-
     _defineProperty(this, "listRef", el => {
       this.list = el;
     });
   }
-
   /** @override */
   getInternalContent() {
     const {
@@ -92,20 +86,17 @@ class PopupMenu extends Popup {
       onSelect: this.onSelect
     })));
   }
-
 }
-
 _defineProperty(PopupMenu, "isItemType", List.isItemType);
-
 _defineProperty(PopupMenu, "ListProps", List.ListProps);
-
-_defineProperty(PopupMenu, "defaultProps", { ...List.defaultProps,
+_defineProperty(PopupMenu, "defaultProps", {
+  ...List.defaultProps,
   ...Popup.defaultProps,
   renderOptimization: false,
   closeOnSelect: false
 });
-
-PopupMenu.propTypes = { ...popupPropTypes,
+PopupMenu.propTypes = {
+  ...popupPropTypes,
   ...List.propTypes,
   closeOnSelect: PropTypes.bool
 };

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

@@ -8,24 +8,18 @@ var modules_fb7af416 = {"dark":"dark_rui_eb55","unit":"8px","progressBar":"progr
 /**
  * @name Progress Bar
  */
-
 class ProgressBar extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "progressbarWrapper", void 0);
-
     _defineProperty(this, "progressbarWrapperRef", el => {
       this.progressbarWrapper = el;
     });
-
     _defineProperty(this, "progressbar", void 0);
-
     _defineProperty(this, "progressbarRef", el => {
       this.progressbar = el;
     });
   }
-
   /**
    * @param {number} value The progress task value
    * @param {number} max The maximum value
@@ -37,7 +31,6 @@ class ProgressBar extends PureComponent {
     const percents = value * HUNDRED_PERCENT / max;
     return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
   }
-
   render() {
     const {
       className,
@@ -67,12 +60,9 @@ class ProgressBar extends PureComponent {
       }
     }));
   }
-
 }
-
 _defineProperty(ProgressBar, "propTypes", {
   label: 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
@@ -80,28 +70,24 @@ _defineProperty(ProgressBar, "propTypes", {
    * @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,

package/dist/promised-click-ng/promised-click-ng.js

@@ -18,7 +18,6 @@ import 'react';
 
 const angularModule = angular.module('Ring.promised-click', []);
 const DEFAULT_MODE = 'active';
-
 class PromisedClickController extends RingAngularComponent {
   constructor() {
     super(...arguments);
@@ -30,20 +29,16 @@ class PromisedClickController extends RingAngularComponent {
     } = this.$inject;
     this.element = $element[0];
     this.active = false;
-
     if ($attrs.rgPromisedClick) {
       this.onClick(e => $parse($attrs.rgPromisedClick)($scope, {
         event: e
       }));
     }
-
     let currentMode = null;
-
     this.toggleActive = enable => {
       if (currentMode === 'loader') {
         applyMethodToClasses(enable ? 'add' : 'remove')(this.element.classList, modules_e81895c9.loader);
         const loaderNode = this.element.querySelector(LOADER_BACKGROUND_SELECTOR);
-
         if (loaderNode) {
           applyMethodToClasses(enable ? 'add' : 'remove')(this.element.querySelector(LOADER_BACKGROUND_SELECTOR).classList, modules_e81895c9.loaderBackground);
         }
@@ -51,13 +46,10 @@ class PromisedClickController extends RingAngularComponent {
         applyMethodToClasses(enable ? 'add' : 'remove')(this.element.classList, modules_e81895c9.active);
       }
     };
-
     const setModeParams = mode => {
       currentMode = mode;
     };
-
     setModeParams($attrs.promisedMode || DEFAULT_MODE);
-
     if ($attrs.promisedMode && $attrs.promisedMode.indexOf('{{') !== -1) {
       $attrs.$observe('promisedMode', newMode => {
         if (newMode !== currentMode) {
@@ -67,7 +59,6 @@ class PromisedClickController extends RingAngularComponent {
       });
     }
   }
-
   onClick(callback) {
     this.element.addEventListener('click', e => {
       if (this.active) {
@@ -77,49 +68,39 @@ class PromisedClickController extends RingAngularComponent {
       }
     });
   }
-
   process(callback, e) {
     const {
       $scope
     } = this.$inject;
     this.promise = callback(e);
-
     if (this.promise) {
       this.activate();
-    } // Do not use $evalAsync here. This code should be invoked in the same animation frame
-    // otherwise a button may be "pressed" twice – by click and with class change.
-
+    }
 
+    // Do not use $evalAsync here. This code should be invoked in the same animation frame
+    // otherwise a button may be "pressed" twice – by click and with class change.
     if (!$scope.$root.$$phase) {
       // eslint-disable-line angular/no-private-call
       $scope.$apply();
     }
   }
-
   activate() {
     this.active = true;
     this.toggleActive(true);
-
     const done = () => {
       this.active = false;
       this.toggleActive(false);
     };
-
     this.promise.then(done, done);
   }
-
 }
-
 PromisedClickController.$inject = [];
-
 _defineProperty(PromisedClickController, "$inject", ['$scope', '$element', '$attrs', '$parse']);
-
 function rgPromisedClickDirective() {
   return {
     controller: PromisedClickController
   };
 }
-
 angularModule.directive('rgPromisedClick', rgPromisedClickDirective);
 var PromisedClick = angularModule.name;