@jetbrains/ring-ui 5.0.36 → 5.0.38

package/dist/list/list__item.js

@@ -26,21 +26,16 @@ var modules_5b0fb3e8 = {"unit":"8px","footer-height":"64px","breakpoint-small":"
  * @constructor
  * @extends {ReactComponent}
  */
-
 const RING_UNIT = 8;
 const DEFAULT_PADDING = 16;
 const CHECKBOX_WIDTH = 28;
 class ListItem extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "id", getUID('list-item-'));
-
     _defineProperty(this, "stopBubbling", e => e.stopPropagation());
-
     _defineProperty(this, "_isString", val => typeof val === 'string' || val instanceof String);
   }
-
   render() {
     const {
       scrolling,
@@ -91,7 +86,6 @@ class ListItem extends PureComponent {
       paddingLeft: `${(Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0)}px`
     };
     let computedTitle = null;
-
     if (this._isString(title)) {
       // if title is specified and is a string then use it
       computedTitle = title;
@@ -100,7 +94,6 @@ class ListItem extends PureComponent {
       // label can also be an element, use empty string in this case
       computedTitle = this._isString(label) ? label : '';
     }
-
     const dataTest = joinDataTestAttributes({
       'ring-list-item': (restProps['data-test'] || '').indexOf('ring-list-item') === -1,
       'ring-list-item-action': !disabled,
@@ -166,7 +159,6 @@ class ListItem extends PureComponent {
       className: detailsClasses
     }, details)));
   }
-
 }
 ListItem.propTypes = {
   scrolling: PropTypes.bool,

package/dist/list/list__link.js

@@ -14,7 +14,6 @@ import '../_helpers/link.js';
  * @constructor
  * @extends {ReactComponent}
  */
-
 class ListLink extends PureComponent {
   render() {
     const {
@@ -48,9 +47,9 @@ class ListLink extends PureComponent {
       "data-test": joinDataTestAttributes('ring-list-link', dataTest)
     }), label !== null && label !== void 0 ? label : children);
   }
-
 }
-ListLink.propTypes = { ...Link.propTypes,
+ListLink.propTypes = {
+  ...Link.propTypes,
   description: PropTypes.string,
   label: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
   rgItemType: PropTypes.number,

package/dist/list/list__separator.js

@@ -17,7 +17,6 @@ class ListSeparator extends PureComponent {
       className: classes
     }, description);
   }
-
 }
 ListSeparator.propTypes = {
   className: PropTypes.string,

package/dist/list/list__title.js

@@ -25,7 +25,6 @@ class ListTitle extends PureComponent {
       "data-test": "ring-list-title-description"
     }, description));
   }
-
 }
 ListTitle.propTypes = {
   className: PropTypes.string,

package/dist/list/list__users-groups-source.js

@@ -60,35 +60,27 @@ const defaultOptions = {
   }
 };
 var Filter;
-
 (function (Filter) {
   Filter[Filter["ALL"] = 0] = "ALL";
   Filter[Filter["USERS"] = 1] = "USERS";
   Filter[Filter["GROUPS"] = 2] = "GROUPS";
 })(Filter || (Filter = {}));
-
 class ListUsersGroupsSource extends HubSourceUsersGroups {
   constructor(auth, options) {
     super(auth, options);
-
     _defineProperty(this, "listSourceOptions", void 0);
-
     this.listSourceOptions = Object.assign({}, defaultOptions, options);
   }
-
   getGroupsSectionTitle(groups) {
     return groups.length ? this.listSourceOptions.GroupsTitle : this.listSourceOptions.NoGroupsTitle;
   }
-
   getUsersSectionTitle(users) {
     return users.length ? this.listSourceOptions.UsersTitle : this.listSourceOptions.NoUsersTitle;
   }
-
   async getForList(query) {
     let filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Filter.ALL;
     const [users, groups] = await this.getUserAndGroups(query);
     const items = [];
-
     if (filter === Filter.ALL) {
       items.push({
         rgItemType: List.ListProps.Type.SEPARATOR,
@@ -96,12 +88,11 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
         description: this.getUsersSectionTitle(users)
       });
     }
-
     if (filter !== Filter.GROUPS) {
       users.forEach(user => {
         var _user$profile$avatar;
-
-        return items.push({ ...user,
+        return items.push({
+          ...user,
           key: user.id,
           label: user.name,
           avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === void 0 ? void 0 : _user$profile$avatar.url : null,
@@ -109,7 +100,6 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
         });
       });
     }
-
     if (filter === Filter.ALL) {
       items.push({
         rgItemType: List.ListProps.Type.SEPARATOR,
@@ -117,9 +107,9 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
         description: this.getGroupsSectionTitle(groups)
       });
     }
-
     if (filter !== Filter.USERS) {
-      groups.forEach(group => items.push({ ...group,
+      groups.forEach(group => items.push({
+        ...group,
         key: group.id,
         label: group.name,
         avatar: group.iconUrl,
@@ -127,12 +117,9 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
         description: this.listSourceOptions.getPluralForUserCount(group.userCount)
       }));
     }
-
     return items;
   }
-
 }
-
 _defineProperty(ListUsersGroupsSource, "Filter", Filter);
 
 export { ListUsersGroupsSource as default };

package/dist/loader/loader.js

@@ -8,24 +8,19 @@ import '../global/dom.js';
 /**
  * @name Loader
  */
-
 /**
  * Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
  */
-
 class Loader extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "loader", void 0);
-
     _defineProperty(this, "initLoader", el => {
       if (el) {
         this.loader = new LoaderCore(el, this.props);
       }
     });
   }
-
   componentDidUpdate(prevProps) {
     if (this.loader) {
       if (!prevProps.stop && this.props.stop) {
@@ -35,13 +30,10 @@ class Loader extends PureComponent {
       }
     }
   }
-
   componentWillUnmount() {
     var _this$loader;
-
     (_this$loader = this.loader) === null || _this$loader === void 0 ? void 0 : _this$loader.destroy();
   }
-
   render() {
     const {
       message,
@@ -58,9 +50,7 @@ class Loader extends PureComponent {
       ref: this.initLoader
     }));
   }
-
 }
-
 _defineProperty(Loader, "propTypes", {
   className: PropTypes.string,
   size: PropTypes.number,

package/dist/loader/loader__core.js

@@ -4,7 +4,6 @@ import { getPixelRatio } from '../global/dom.js';
 var modules_00b5ad26 = {"unit":"8px","canvas":"canvas_rui_47a4","animate":"animate_rui_47a4","rotation-keyframes":"rotation-keyframes_rui_47a4","text":"text_rui_47a4"};
 
 const INITIAL_TICKS = 100;
-
 class Particle {
   constructor(_ref) {
     let {
@@ -13,19 +12,12 @@ class Particle {
       radius,
       color
     } = _ref;
-
     _defineProperty(this, "radius", void 0);
-
     _defineProperty(this, "x", void 0);
-
     _defineProperty(this, "y", void 0);
-
     _defineProperty(this, "color", void 0);
-
     _defineProperty(this, "decay", void 0);
-
     _defineProperty(this, "life", void 0);
-
     this.radius = radius;
     this.x = x;
     this.y = y;
@@ -33,15 +25,12 @@ class Particle {
     this.decay = 0.01;
     this.life = 1;
   }
-
   step() {
     this.life -= this.decay;
   }
-
   isAlive() {
     return this.life >= 0;
   }
-
   draw(ctx) {
     const alpha = this.life >= 0 ? this.life : 0;
     ctx.fillStyle = `rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${alpha})`;
@@ -49,69 +38,42 @@ class Particle {
     ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
     ctx.fill();
   }
-
 }
-
 const DETERMINISTIC_VALUE = 0.5;
-
 function deterministic() {
   return DETERMINISTIC_VALUE;
 }
-
 class LoaderCore {
   static calculateGradient(startColor, stopColor, position) {
     const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
-
     return {
       r: calculateChannelValue(startColor.r, stopColor.r),
       g: calculateChannelValue(startColor.g, stopColor.g),
       b: calculateChannelValue(startColor.b, stopColor.b)
     };
   }
-
   constructor(containerNode, props) {
     var _this$ctx;
-
     _defineProperty(this, "props", void 0);
-
     _defineProperty(this, "canvas", void 0);
-
     _defineProperty(this, "textNode", void 0);
-
     _defineProperty(this, "ctx", void 0);
-
     _defineProperty(this, "height", void 0);
-
     _defineProperty(this, "width", void 0);
-
     _defineProperty(this, "particles", void 0);
-
     _defineProperty(this, "baseSpeed", void 0);
-
     _defineProperty(this, "colorIndex", void 0);
-
     _defineProperty(this, "maxRadius", void 0);
-
     _defineProperty(this, "minRadius", void 0);
-
     _defineProperty(this, "colorChangeTick", void 0);
-
     _defineProperty(this, "x", void 0);
-
     _defineProperty(this, "y", void 0);
-
     _defineProperty(this, "radius", void 0);
-
     _defineProperty(this, "hSpeed", void 0);
-
     _defineProperty(this, "vSpeed", void 0);
-
     _defineProperty(this, "radiusSpeed", void 0);
-
     _defineProperty(this, "tick", void 0);
-
     _defineProperty(this, "isRunning", void 0);
-
     this.props = Object.assign({}, LoaderCore.defaultProps, props);
     this.canvas = document.createElement('canvas');
     this.canvas.dataset.test = 'ring-loader';
@@ -125,22 +87,22 @@ class LoaderCore {
     const pixelRatio = LoaderCore.getPixelRatio();
     const canvasSize = this.props.size * pixelRatio;
     this.canvas.width = canvasSize;
-    this.canvas.height = canvasSize; //Fixate canvas physical size to avoid real size scaling
-
+    this.canvas.height = canvasSize;
+    //Fixate canvas physical size to avoid real size scaling
     this.canvas.style.width = `${this.props.size}px`;
     this.canvas.style.height = `${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.height = this.props.size;
     this.width = this.props.size;
-    this.particles = []; //Configuration
-
+    this.particles = [];
+    //Configuration
     this.baseSpeed = 1.0;
     this.colorIndex = 0;
     this.maxRadius = 10;
     this.minRadius = 6;
-    this.colorChangeTick = 40; //State
-
+    this.colorChangeTick = 40;
+    //State
     this.x = 0;
     this.y = 0;
     this.radius = 8;
@@ -150,72 +112,58 @@ class LoaderCore {
     this.tick = 0;
     this.prepareInitialState(INITIAL_TICKS);
     this.isRunning = !this.props.stop;
-
     if (this.isRunning) {
       this.startAnimation();
     } else {
       this.draw();
     }
   }
-
   static getPixelRatio() {
     return getPixelRatio();
   }
-
   prepareInitialState(ticks) {
     for (let i = 0; i < ticks; i++) {
       this.step();
     }
   }
-
   handleLimits(coord, radius, speed, limit) {
     const randomFunc = this.props.deterministic ? deterministic : Math.random;
     const randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
-
     if (coord + radius * 2 + this.baseSpeed >= limit) {
       return -(this.baseSpeed + randomizedSpeedChange);
     } else if (coord <= this.baseSpeed) {
       return this.baseSpeed + randomizedSpeedChange;
     }
-
     return speed;
   }
-
   calculateNextCoordinates() {
     this.x += this.hSpeed;
     this.y += this.vSpeed;
     this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
     this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
   }
-
   calculateNextRadius() {
     this.radius += this.radiusSpeed;
-
     if (this.radius > this.maxRadius || this.radius < this.minRadius) {
       this.radiusSpeed = -this.radiusSpeed;
     }
   }
-
   getNextColor() {
     const colors = this.props.colors;
     const currentColor = colors[this.colorIndex];
     const nextColor = colors[this.colorIndex + 1] || colors[0];
     return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
   }
-
   nextTick() {
     this.tick++;
-
     if (this.tick > this.colorChangeTick) {
       this.tick = 0;
       this.colorIndex++;
-
       if (this.colorIndex > this.props.colors.length - 1) {
         this.colorIndex = 0;
       }
     }
   }
-
   step() {
     this.nextTick();
     this.calculateNextCoordinates();
@@ -228,53 +176,41 @@ class LoaderCore {
       color: this.getNextColor()
     }));
   }
-
   removeDeadParticles() {
     this.particles = this.particles.filter(it => it.isAlive());
   }
-
   draw() {
     const ctx = this.ctx;
-
     if (ctx == null) {
       return;
     }
-
     ctx.clearRect(0, 0, this.width, this.height);
     this.removeDeadParticles();
     this.particles.forEach(particle => particle.draw(ctx));
   }
-
   loop() {
     this.step();
     this.draw();
-
     if (this.isRunning) {
       window.requestAnimationFrame(() => this.loop());
     }
   }
-
   updateMessage(text) {
     this.textNode.textContent = text || '';
   }
-
   stopAnimation() {
     this.isRunning = false;
     this.canvas.classList.remove(modules_00b5ad26.animate);
   }
-
   startAnimation() {
     this.isRunning = true;
     this.canvas.classList.add(modules_00b5ad26.animate);
     this.loop();
   }
-
   destroy() {
     this.isRunning = false;
   }
-
 }
-
 _defineProperty(LoaderCore, "defaultProps", {
   size: 64,
   stop: false,

package/dist/loader-inline/loader-inline.js

@@ -8,7 +8,6 @@ import { m as modules_e49a3529 } from '../_helpers/loader-inline.js';
 /**
  * @name Loader Inline
  */
-
 class LoaderInline extends PureComponent {
   render() {
     const {
@@ -26,9 +25,7 @@ class LoaderInline extends PureComponent {
       className: modules_e49a3529.children
     }, children)) : loader;
   }
-
 }
-
 _defineProperty(LoaderInline, "propTypes", {
   className: PropTypes.string,
   'data-test': PropTypes.string,

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

@@ -9,7 +9,6 @@ import '../global/dom.js';
  */
 
 const angularModule = angular.module('Ring.loader', []);
-
 class RgLoaderComponent extends RingAngularComponent {
   constructor() {
     super(...arguments);
@@ -20,23 +19,17 @@ class RgLoaderComponent extends RingAngularComponent {
       message: this.message
     });
   }
-
   $onDestroy() {
     this.loader.destroy();
   }
-
   $onChanges(changes) {
     this.loader.updateMessage(changes.message.currentValue);
   }
-
 }
-
 _defineProperty(RgLoaderComponent, "$inject", ['$element']);
-
 _defineProperty(RgLoaderComponent, "bindings", {
   message: '@'
 });
-
 angularModule.component('rgLoader', RgLoaderComponent);
 var loaderNg = angularModule.name;
 

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

@@ -11,7 +11,6 @@ import '../global/dom.js';
 /**
  * @name Loader Screen
  */
-
 class LoaderScreen extends PureComponent {
   render() {
     const {
@@ -31,9 +30,7 @@ class LoaderScreen extends PureComponent {
       className: loaderClasses
     })));
   }
-
 }
-
 _defineProperty(LoaderScreen, "propTypes", {
   className: PropTypes.string,
   containerClassName: PropTypes.string,

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

@@ -13,17 +13,14 @@ import '../global/dom.js';
 const angularModule = angular.module('Ring.loader-screen', [loaderNg]);
 angularModule.service('loaderScreen', ["$timeout", "$rootScope", function service($timeout, $rootScope) {
   var _this = this;
-
   // TODO in CSS Modules version put constant to global.css
   const ordinaryLoadingTTL = 100;
   let initialLoading = false;
   let loadingFailed = false;
   let showLoader;
   let showLoaderPromise;
-
   this.startLoading = function () {
     let ttl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ordinaryLoadingTTL;
-
     if (showLoaderPromise) {
       return; // already scheduled to show
     }
@@ -32,44 +29,34 @@ angularModule.service('loaderScreen', ["$timeout", "$rootScope", function servic
       _this.setVisible(true);
     }, ttl);
   };
-
   this.stopLoading = () => {
     if (showLoaderPromise) {
       $timeout.cancel(showLoaderPromise);
       showLoaderPromise = null;
     }
-
     this.setVisible(false);
   };
-
   this.startInitialLoading = () => {
     initialLoading = true;
     this.setVisible(true);
   };
-
   this.stopInitialLoading = () => {
     initialLoading = false;
     this.setVisible(false);
   };
-
   $rootScope.isInitialLoading = () => initialLoading;
-
   $rootScope.isLoaderVisible = () => showLoader;
-
   $rootScope.isLoadingFailed = () => loadingFailed;
-
   this.failInitialLoading = error => {
     this.stopInitialLoading();
     loadingFailed = true;
     $rootScope.error = error;
   };
-
   this.setVisible = visible => {
     showLoader = visible;
   };
-  /* eslint-disable angular/on-watch */
-
 
+  /* eslint-disable angular/on-watch */
   $rootScope.$on('$routeChangeSuccess', () => {
     this.stopInitialLoading();
   });
@@ -80,6 +67,7 @@ angularModule.service('loaderScreen', ["$timeout", "$rootScope", function servic
   });
   /* eslint-enable angular/on-watch */
 }]);
+
 angularModule.directive('rgLoaderScreen', function rgLoaderScreenDirective() {
   return {
     restrict: 'A',