@jetbrains/ring-ui 5.1.20 → 5.1.21

package/dist/auth/storage.js

@@ -175,7 +175,7 @@ var AuthStorage = /*#__PURE__*/function () {
      */
   }, {
     key: "saveState",
-    value: function () {
+    value: (function () {
       var _saveState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id, state, dontCleanAndRetryOnFail) {
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -218,9 +218,10 @@ var AuthStorage = /*#__PURE__*/function () {
      *
      * @return {Promise} promise that is resolved when OLD states [and some selected] are removed
      */
+    )
   }, {
     key: "cleanStates",
-    value: function () {
+    value: (function () {
       var _cleanStates = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(removeStateId) {
         var _this = this;
         var now, removalResult, currentStates, stateStorageSize, removalPromises;
@@ -298,9 +299,10 @@ var AuthStorage = /*#__PURE__*/function () {
      * @param {string} id unique state identifier
      * @return {Promise.<StoredState>}
      */
+    )
   }, {
     key: "getState",
-    value: function () {
+    value: (function () {
       var _getState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(id) {
         var result;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
@@ -337,6 +339,7 @@ var AuthStorage = /*#__PURE__*/function () {
      * @param {StoredToken} token
      * @return {Promise} promise that is resolved when the token is saved
      */
+    )
   }, {
     key: "saveToken",
     value: function saveToken(token) {
@@ -365,7 +368,7 @@ var AuthStorage = /*#__PURE__*/function () {
      */
   }, {
     key: "getCachedUser",
-    value: function () {
+    value: (function () {
       var _getCachedUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(loadUser) {
         var _this2 = this;
         var user, loadAndCache;
@@ -404,6 +407,7 @@ var AuthStorage = /*#__PURE__*/function () {
     /**
      * Remove cached user if any
      */
+    )
   }, {
     key: "wipeCachedCurrentUser",
     value: function wipeCachedCurrentUser() {

package/dist/auth/token-validator.js

@@ -105,7 +105,7 @@ var TokenValidator = /*#__PURE__*/function () {
      */
   }, {
     key: "_validateAgainstUser",
-    value:
+    value: (
     /**
      * Check scopes
      * @param {StoredToken} storedToken
@@ -169,9 +169,10 @@ var TokenValidator = /*#__PURE__*/function () {
      * have {authRedirect: true}.
      * @private
      */
+    )
   }, {
     key: "_getValidatedToken",
-    value: function () {
+    value: (function () {
       var _getValidatedToken2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(validators) {
         var storedToken, i;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -211,7 +212,7 @@ var TokenValidator = /*#__PURE__*/function () {
         return _getValidatedToken2.apply(this, arguments);
       }
       return _getValidatedToken;
-    }()
+    }())
   }], [{
     key: "_epoch",
     value: function _epoch() {

package/dist/auth/window-flow.js

@@ -60,7 +60,7 @@ var WindowFlow = /*#__PURE__*/function () {
      */
   }, {
     key: "_load",
-    value: function () {
+    value: (function () {
       var _load2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var _this2 = this;
         var authRequest;
@@ -91,7 +91,7 @@ var WindowFlow = /*#__PURE__*/function () {
                   removeStateListener();
                   removeTokenListener();
                   /* eslint-enable @typescript-eslint/no-use-before-define */
-                  (_this2$_loginWindow = _this2._loginWindow) === null || _this2$_loginWindow === void 0 ? void 0 : _this2$_loginWindow.close();
+                  (_this2$_loginWindow = _this2._loginWindow) === null || _this2$_loginWindow === void 0 || _this2$_loginWindow.close();
                   clearTimeout(_this2._timeoutId);
                 };
                 var removeTokenListener = _this2._storage.onTokenChange(function (token) {
@@ -123,7 +123,7 @@ var WindowFlow = /*#__PURE__*/function () {
         return _load2.apply(this, arguments);
       }
       return _load;
-    }()
+    }())
   }, {
     key: "stop",
     value: function stop() {

package/dist/auth-ng/auth-ng.js

@@ -109,7 +109,6 @@ angularModule.provider('auth', ["$httpProvider", function provider($httpProvider
   var defaultConfig = {
     cleanHash: false //prevents infinite redirect on angular>1.2.26
   };
-
   this.init = function (authInstance) {
     auth = authInstance;
   };

package/dist/caret/caret.js

@@ -197,11 +197,11 @@ var Caret = /*#__PURE__*/function () {
         try {
           if (correctedPosition instanceof Range) {
             var _window$getSelection, _window$getSelection2;
-            (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.removeAllRanges();
-            (_window$getSelection2 = window.getSelection()) === null || _window$getSelection2 === void 0 ? void 0 : _window$getSelection2.addRange(correctedPosition);
+            (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 || _window$getSelection.removeAllRanges();
+            (_window$getSelection2 = window.getSelection()) === null || _window$getSelection2 === void 0 || _window$getSelection2.addRange(correctedPosition);
           } else {
             var _window$getSelection3;
-            (_window$getSelection3 = window.getSelection()) === null || _window$getSelection3 === void 0 ? void 0 : _window$getSelection3.collapse(curNode || this.target, correctedPosition);
+            (_window$getSelection3 = window.getSelection()) === null || _window$getSelection3 === void 0 || _window$getSelection3.collapse(curNode || this.target, correctedPosition);
           }
         } catch (e) {
           // Do nothing
@@ -224,7 +224,7 @@ var Caret = /*#__PURE__*/function () {
         var _window$getSelection4, _range;
         // Both statements may throw
         range = (_window$getSelection4 = window.getSelection()) === null || _window$getSelection4 === void 0 ? void 0 : _window$getSelection4.getRangeAt(0).cloneRange();
-        (_range = range) === null || _range === void 0 ? void 0 : _range.setStart(range.startContainer, range.startOffset - 1);
+        (_range = range) === null || _range === void 0 || _range.setStart(range.startContainer, range.startOffset - 1);
       } catch (e) {
         return offset;
       }

package/dist/clipboard/clipboard-fallback.js

@@ -26,12 +26,12 @@ function copyHTMLToClipboard(str) {
   var selection = document.getSelection();
   // Should restore previous selection
   var selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
-  selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+  selection === null || selection === void 0 || selection.removeAllRanges();
   var range = document.createRange();
   range.selectNode(el);
-  selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+  selection === null || selection === void 0 || selection.addRange(range);
   document.execCommand('copy');
-  selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+  selection === null || selection === void 0 || selection.removeAllRanges();
   document.execCommand('copy');
   document.body.removeChild(el);
   if (selected && selection) {

package/dist/code/code.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="highlight.js" />
 import React, { PureComponent, Ref } from 'react';
 import PropTypes from 'prop-types';
 import highlight from 'highlight.js/lib/core';

package/dist/data-list/data-list.js

@@ -104,10 +104,10 @@ var DataList = /*#__PURE__*/function (_PureComponent) {
       var item = itemFormatter(focused);
       if (item.collapsed) {
         var _item$onExpand;
-        (_item$onExpand = item.onExpand) === null || _item$onExpand === void 0 ? void 0 : _item$onExpand.call(item);
+        (_item$onExpand = item.onExpand) === null || _item$onExpand === void 0 || _item$onExpand.call(item);
       } else {
         var _item$onCollapse;
-        (_item$onCollapse = item.onCollapse) === null || _item$onCollapse === void 0 ? void 0 : _item$onCollapse.call(item);
+        (_item$onCollapse = item.onCollapse) === null || _item$onCollapse === void 0 || _item$onCollapse.call(item);
       }
     });
     _defineProperty(_assertThisInitialized(_this), "shortcutsMap", {

package/dist/date-picker/date-picker.js

@@ -179,7 +179,7 @@ var DatePicker = /*#__PURE__*/function (_PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "closePopup", function () {
       var _this$popup;
-      (_this$popup = _this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup._onCloseAttempt();
+      (_this$popup = _this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
     });
     _defineProperty(_assertThisInitialized(_this), "parse", memoize(function (date) {
       var parseDateInput = _this.props.parseDateInput;

package/dist/date-picker/date-popup.js

@@ -197,8 +197,8 @@ var DatePopup = /*#__PURE__*/function (_Component) {
         };
       }
       _this.select(changes);
-      (_this$props$onClear = (_this$props = _this.props).onClear) === null || _this$props$onClear === void 0 ? void 0 : _this$props$onClear.call(_this$props, e);
-      (_this$componentRef$cu = _this.componentRef.current) === null || _this$componentRef$cu === void 0 || (_this$componentRef$cu = _this$componentRef$cu.querySelector('input')) === null || _this$componentRef$cu === void 0 ? void 0 : _this$componentRef$cu.focus();
+      (_this$props$onClear = (_this$props = _this.props).onClear) === null || _this$props$onClear === void 0 || _this$props$onClear.call(_this$props, e);
+      (_this$componentRef$cu = _this.componentRef.current) === null || _this$componentRef$cu === void 0 || (_this$componentRef$cu = _this$componentRef$cu.querySelector('input')) === null || _this$componentRef$cu === void 0 || _this$componentRef$cu.focus();
     });
     var defaultState = {
       text: null,

package/dist/dropdown/dropdown.js

@@ -83,7 +83,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         return;
       }
       _this._clearTimer();
-      (_this$props$onMouseEn = (_this$props = _this.props).onMouseEnter) === null || _this$props$onMouseEn === void 0 ? void 0 : _this$props$onMouseEn.call(_this$props, event);
+      (_this$props$onMouseEn = (_this$props = _this.props).onMouseEnter) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props, event);
       _this.hoverTimer = window.setTimeout(function () {
         if (!_this.state.show) {
           _this._toggle(true);
@@ -95,7 +95,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       if (_this.props.disabled) {
         return;
       }
-      (_this$props$onMouseLe = (_this$props2 = _this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 ? void 0 : _this$props$onMouseLe.call(_this$props2, event);
+      (_this$props$onMouseLe = (_this$props2 = _this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props2, event);
       if (_this.state.pinned) {
         return;
       }

package/dist/editable-heading/editable-heading.js

@@ -191,20 +191,20 @@ var EditableHeading = function EditableHeading(props) {
     setIsInFocus(true);
     checkValue(e.target);
     checkOverflow(e.target);
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    onFocus === null || onFocus === void 0 || onFocus(e);
   }, [onFocus, checkOverflow, checkValue]);
   var onInputChange = React.useCallback(function (e) {
     checkValue(e.target);
     checkOverflow(e.target);
-    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    onChange === null || onChange === void 0 || onChange(e);
   }, [onChange, checkOverflow, checkValue]);
   var onInputScroll = React.useCallback(function (e) {
     checkOverflow(e.target);
-    onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
+    onScroll === null || onScroll === void 0 || onScroll(e);
   }, [onScroll, checkOverflow]);
   var onInputBlur = React.useCallback(function (e) {
     setIsInFocus(false);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    onBlur === null || onBlur === void 0 || onBlur(e);
   }, [onBlur]);
   useEffect(function () {
     window.addEventListener('mousemove', onMouseMove);

package/dist/global/focus-sensor-hoc.js

@@ -55,7 +55,7 @@ function focusSensorHOC(ComposedComponent) {
           _this.setState({
             focused: true
           });
-          (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props);
+          (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props);
         }
       });
       _defineProperty(_assertThisInitialized(_this), "onBlurCapture", function (_ref3) {
@@ -71,7 +71,7 @@ function focusSensorHOC(ComposedComponent) {
               _this.setState({
                 focused: false
               });
-              (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props2);
+              (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props2);
             }
           }, 1);
         }
@@ -79,13 +79,13 @@ function focusSensorHOC(ComposedComponent) {
       _defineProperty(_assertThisInitialized(_this), "onFocusRestore", function () {
         var _this$node2;
         _this._skipNextCapture = true;
-        (_this$node2 = _this.node) === null || _this$node2 === void 0 ? void 0 : _this$node2.focus({
+        (_this$node2 = _this.node) === null || _this$node2 === void 0 || _this$node2.focus({
           preventScroll: !_this.props.scrollOnTableFocus
         });
       });
       _defineProperty(_assertThisInitialized(_this), "onFocusReset", function () {
         var _this$node3;
-        (_this$node3 = _this.node) === null || _this$node3 === void 0 ? void 0 : _this$node3.blur();
+        (_this$node3 = _this.node) === null || _this$node3 === void 0 || _this$node3.blur();
       });
       return _this;
     }
@@ -96,14 +96,14 @@ function focusSensorHOC(ComposedComponent) {
           autofocus = _this$props3.autofocus,
           scrollOnTableFocus = _this$props3.scrollOnTableFocus,
           node = this.node;
-        node === null || node === void 0 ? void 0 : node.setAttribute('tabindex', '0');
+        node === null || node === void 0 || node.setAttribute('tabindex', '0');
         if (node != null) {
           node.style.outline = 'none';
         }
         document.addEventListener('focus', this.onFocusCapture, true);
         document.addEventListener('blur', this.onBlurCapture, true);
         if (autofocus) {
-          node === null || node === void 0 ? void 0 : node.focus({
+          node === null || node === void 0 || node.focus({
             preventScroll: !scrollOnTableFocus
           });
         }

package/dist/global/schedule-raf.js

@@ -5,7 +5,7 @@ function scheduleRAF(trailingCall) {
   function doSchedule() {
     RAF = window.requestAnimationFrame(function () {
       var _scheduledCb;
-      (_scheduledCb = scheduledCb) === null || _scheduledCb === void 0 ? void 0 : _scheduledCb();
+      (_scheduledCb = scheduledCb) === null || _scheduledCb === void 0 || _scheduledCb();
       if (trailingCallScheduled) {
         trailingCallScheduled = false;
         doSchedule();

package/dist/grid/row.js

@@ -10,7 +10,13 @@ import { m as modules_855170c0 } from '../_helpers/grid.js';
 
 var _excluded = ["children", "className", "reverse"];
 var ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
-var modifierKeys = ['start', 'center', 'end', 'around', 'between', 'top', 'middle', 'baseline', 'bottom', 'first', 'last' // order
+var modifierKeys = ['start', 'center', 'end',
+// text-align, justify-content
+'around', 'between',
+// justify-content
+'top', 'middle', 'baseline', 'bottom',
+// align-items
+'first', 'last' // order
 ];
 /**
  * Converts xs="middle" to class "middle-xs"

package/dist/header/profile.js

@@ -161,6 +161,7 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
         rgItemType: PopupMenu.ListProps.Type.LINK,
         label: (_translations$profile = translations === null || translations === void 0 ? void 0 : translations.profile) !== null && _translations$profile !== void 0 ? _translations$profile : translate('profile'),
         target: '_self',
+        // Full page reload in Angular
         href: profileUrl,
         LinkComponent
       }, showSwitchUser && {

package/dist/header/smart-services.js

@@ -129,7 +129,7 @@ var SmartServices = /*#__PURE__*/function (_Component) {
       _this.setState({
         loading: true
       });
-      (_this$getServices = _this.getServices(SmartServices.allFields)) === null || _this$getServices === void 0 ? void 0 : _this$getServices.then(function (services) {
+      (_this$getServices = _this.getServices(SmartServices.allFields)) === null || _this$getServices === void 0 || _this$getServices.then(function (services) {
         _this.setState({
           services
         });
@@ -145,7 +145,7 @@ var SmartServices = /*#__PURE__*/function (_Component) {
         _this2 = this;
       var auth = this.props.auth;
       this.http = new HTTP(auth, auth.getAPIPath());
-      (_this$getServices2 = this.getServices(SmartServices.countFields)) === null || _this$getServices2 === void 0 ? void 0 : _this$getServices2.then(function (services) {
+      (_this$getServices2 = this.getServices(SmartServices.countFields)) === null || _this$getServices2 === void 0 || _this$getServices2.then(function (services) {
         if (!services.length) {
           _this2.setState({
             visible: false

package/dist/input/input.js

@@ -74,14 +74,14 @@ var Input = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (e) {
       if (!_this.props.multiline) {
         var _this$props$onChange, _this$props;
-        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e);
+        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props, e);
         _this.checkValue();
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handleTextareaChange", function (e) {
       if (_this.props.multiline) {
         var _this$props$onChange2, _this$props2;
-        (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, e);
+        (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 || _this$props$onChange2.call(_this$props2, e);
         _this.checkValue();
       }
     });

package/dist/island/content.js

@@ -53,7 +53,7 @@ var Content = /*#__PURE__*/function (_Component) {
         var scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
         if (scrolledToBottom) {
           var _this$props$onScrollT, _this$props;
-          (_this$props$onScrollT = (_this$props = _this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 ? void 0 : _this$props$onScrollT.call(_this$props);
+          (_this$props$onScrollT = (_this$props = _this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 || _this$props$onScrollT.call(_this$props);
         }
         _this.setState({
           scrolledToTop,

package/dist/island/header.js

@@ -56,6 +56,7 @@ var Header = /*#__PURE__*/function (_Component) {
       });
       var headerStyle = phase != null ? {
         lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
+        // need to append px because number is a valid line-height value
         paddingTop: this.style('PADDING_TOP'),
         paddingBottom: this.style('PADDING_BOTTOM')
       } : undefined;

package/dist/list/list.js

@@ -776,8 +776,11 @@ _defineProperty(List, "propTypes", {
 _defineProperty(List, "defaultProps", {
   data: [],
   restoreActiveIndex: false,
+  // restore active item using its "key" property
   activateSingleItem: false,
+  // if there is only one item, activate it
   activateFirstItem: false,
+  // if there no active items, activate the first one
   onMouseOut: noop,
   onSelect: noop,
   onScrollToBottom: noop,

package/dist/loader/loader.js

@@ -56,7 +56,7 @@ var Loader = /*#__PURE__*/function (_PureComponent) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$loader;
-      (_this$loader = this.loader) === null || _this$loader === void 0 ? void 0 : _this$loader.destroy();
+      (_this$loader = this.loader) === null || _this$loader === void 0 || _this$loader.destroy();
     }
   }, {
     key: "render",

package/dist/loader/loader__core.js

@@ -102,7 +102,7 @@ var LoaderCore = /*#__PURE__*/function () {
     this.canvas.style.width = "".concat(this.props.size, "px");
     this.canvas.style.height = "".concat(this.props.size, "px");
     this.ctx = this.canvas.getContext('2d');
-    (_this$ctx = this.ctx) === null || _this$ctx === void 0 ? void 0 : _this$ctx.scale(pixelRatio, pixelRatio);
+    (_this$ctx = this.ctx) === null || _this$ctx === void 0 || _this$ctx.scale(pixelRatio, pixelRatio);
     this.height = this.props.size;
     this.width = this.props.size;
     this.particles = [];
@@ -282,27 +282,39 @@ _defineProperty(LoaderCore, "defaultProps", {
     r: 215,
     g: 60,
     b: 234
-  }, {
+  },
+  //#D73CEA
+  {
     r: 145,
     g: 53,
     b: 224
-  }, {
+  },
+  //#9135E0
+  {
     r: 88,
     g: 72,
     b: 224
-  }, {
+  },
+  //#5848F4
+  {
     r: 37,
     g: 183,
     b: 255
-  }, {
+  },
+  //#25B7FF
+  {
     r: 89,
     g: 189,
     b: 0
-  }, {
+  },
+  //#59BD00
+  {
     r: 251,
     g: 172,
     b: 2
-  }, {
+  },
+  //#FBAC02
+  {
     r: 227,
     g: 37,
     b: 129

package/dist/loader-screen-ng/loader-screen-ng.js

@@ -34,7 +34,6 @@ angularModule.service('loaderScreen', ["$timeout", "$rootScope", function servic
     if (showLoaderPromise) {
       return; // already scheduled to show
     }
-
     showLoaderPromise = $timeout(function () {
       _this.setVisible(true);
     }, ttl);
@@ -83,7 +82,6 @@ angularModule.service('loaderScreen', ["$timeout", "$rootScope", function servic
   });
   /* eslint-enable angular/on-watch */
 }]);
-
 angularModule.directive('rgLoaderScreen', function rgLoaderScreenDirective() {
   return {
     restrict: 'A',

package/dist/message-bundle-ng/message-bundle-ng.js

@@ -144,7 +144,6 @@ function RingMessageBundle(ringI18n) {
   };
   /* eslint-enable camelcase */
 }
-
 angularModule.factory('ringI18n', emptyI18n);
 angularModule.service('RingMessageBundle', ['ringI18n', RingMessageBundle]);
 var messageBundleNg = angularModule.name;

package/dist/pager/pager.js

@@ -138,7 +138,7 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
       if (currentPage !== 1) {
         var _this$props$onPageCha, _this$props;
         var prevPage = currentPage - 1;
-        (_this$props$onPageCha = (_this$props = _this.props).onPageChange) === null || _this$props$onPageCha === void 0 ? void 0 : _this$props$onPageCha.call(_this$props, prevPage);
+        (_this$props$onPageCha = (_this$props = _this.props).onPageChange) === null || _this$props$onPageCha === void 0 || _this$props$onPageCha.call(_this$props, prevPage);
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handleNextClick", function () {
@@ -149,7 +149,7 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
       var total = _this.getTotalPages();
       if (currentPage !== total) {
         var _this$props$onPageCha2, _this$props3;
-        (_this$props$onPageCha2 = (_this$props3 = _this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 ? void 0 : _this$props$onPageCha2.call(_this$props3, nextPage);
+        (_this$props$onPageCha2 = (_this$props3 = _this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 || _this$props$onPageCha2.call(_this$props3, nextPage);
       } else if (_this.props.openTotal) {
         onLoadPage(nextPage);
       }
@@ -157,7 +157,7 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "handlePageChange", memoize(function (i) {
       return function (event) {
         var _this$props$onPageCha3, _this$props4;
-        (_this$props$onPageCha3 = (_this$props4 = _this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 ? void 0 : _this$props$onPageCha3.call(_this$props4, i, event);
+        (_this$props$onPageCha3 = (_this$props4 = _this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 || _this$props$onPageCha3.call(_this$props4, i, event);
       };
     }));
     _defineProperty(_assertThisInitialized(_this), "handleLoadMore", memoize(function (i) {
@@ -315,7 +315,7 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
       var translate = this.context.translate;
       if (totalPages < this.props.currentPage) {
         var _this$props$onPageCha4, _this$props9;
-        (_this$props$onPageCha4 = (_this$props9 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 ? void 0 : _this$props$onPageCha4.call(_this$props9, totalPages);
+        (_this$props$onPageCha4 = (_this$props9 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 || _this$props$onPageCha4.call(_this$props9, totalPages);
       }
       var start = 1;
       var end = totalPages;

package/dist/popup/popup.js

@@ -393,8 +393,10 @@ Popup.propTypes = {
   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,
@@ -404,6 +406,7 @@ Popup.propTypes = {
   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,

package/dist/progress-bar/progress-bar.d.ts

@@ -5,6 +5,7 @@ export interface ProgressBarProps extends HTMLAttributes<HTMLElement> {
     value: number;
     label: string;
     global?: boolean | null | undefined;
+    staticColor?: boolean;
 }
 /**
  * @name Progress Bar
@@ -43,6 +44,11 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
          * @type {number}
          */
         value: PropTypes.Requireable<number>;
+        /**
+         * Disables Disabled progress bar color animation and sets it to static color.
+         * @type {boolean}
+         */
+        staticColor: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         max: number;

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

@@ -4,9 +4,9 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var modules_fb7af416 = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","light":"light_rui_2ac4","progressBar":"progressBar_rui_5875","globalMode":"globalMode_rui_5875","line":"line_rui_5875","progress-bar":"progress-bar_rui_5875"};
+var modules_fb7af416 = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","light":"light_rui_2ac4","progressBar":"progressBar_rui_5875","globalMode":"globalMode_rui_5875","line":"line_rui_5875","progress-bar":"progress-bar_rui_5875","staticLineColor":"staticLineColor_rui_5875"};
 
-var _excluded = ["className", "global", "max", "value", "label"];
+var _excluded = ["className", "global", "max", "value", "label", "staticColor"];
 /**
  * @name Progress Bar
  */
@@ -39,10 +39,12 @@ var ProgressBar = /*#__PURE__*/function (_PureComponent) {
         max = _this$props.max,
         value = _this$props.value,
         label = _this$props.label,
+        staticColor = _this$props.staticColor,
         otherProps = _objectWithoutProperties(_this$props, _excluded);
       var width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
       var classes = classNames(modules_fb7af416.progressBar, className, {
-        [modules_fb7af416.globalMode]: global
+        [modules_fb7af416.globalMode]: global,
+        [modules_fb7af416.staticLineColor]: staticColor
       });
       return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
         className: classes,
@@ -102,7 +104,12 @@ _defineProperty(ProgressBar, "propTypes", {
    * A floating point number that specifies current task completion rate.
    * @type {number}
    */
-  value: PropTypes.number
+  value: PropTypes.number,
+  /**
+   * Disables Disabled progress bar color animation and sets it to static color.
+   * @type {boolean}
+   */
+  staticColor: PropTypes.bool
 });
 _defineProperty(ProgressBar, "defaultProps", {
   max: 1.0,