@jetbrains/ring-ui 5.0.126 → 5.0.128

package/dist/list/list__custom.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,15 +6,12 @@ import getEventKey from '../global/get-event-key.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 
 class ListCustom extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleKeyPress", event => {
-      const key = getEventKey(event);
-      if (key === 'Enter' || key === ' ') {
-        this.props.onClick(event);
-      }
-    });
-  }
+  handleKeyPress = event => {
+    const key = getEventKey(event);
+    if (key === 'Enter' || key === ' ') {
+      this.props.onClick(event);
+    }
+  };
   render() {
     const {
       scrolling,

package/dist/list/list__hint.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -9,6 +8,9 @@ import { m as modules_3b67a421 } from '../_helpers/list.js';
  * @extends {ReactComponent}
  */
 class ListHint extends PureComponent {
+  static propTypes = {
+    label: PropTypes.node
+  };
   render() {
     return /*#__PURE__*/React.createElement("span", {
       className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
@@ -16,8 +18,5 @@ class ListHint extends PureComponent {
     }, this.props.label);
   }
 }
-_defineProperty(ListHint, "propTypes", {
-  label: PropTypes.node
-});
 
 export { ListHint as default };

package/dist/list/list__item.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,6 +7,7 @@ import Checkbox from '../checkbox/checkbox.js';
 import Icon from '../icon/icon.js';
 import getUID from '../global/get-uid.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
@@ -32,12 +32,9 @@ 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);
-  }
+  id = getUID('list-item-');
+  stopBubbling = e => e.stopPropagation();
+  _isString = val => typeof val === 'string' || val instanceof String;
   render() {
     const {
       scrolling,

package/dist/list/list__link.js

@@ -1,4 +1,4 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

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

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import GroupIcon from '@jetbrains/icons/group';
 import HubSourceUsersGroups from '../hub-source/hub-source__users-groups.js';
 import List from './list.js';
@@ -24,6 +23,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
 import './list__link.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
@@ -68,9 +68,10 @@ var Filter;
   Filter[Filter["GROUPS"] = 2] = "GROUPS";
 })(Filter || (Filter = {}));
 class ListUsersGroupsSource extends HubSourceUsersGroups {
+  static Filter = Filter;
+  listSourceOptions;
   constructor(auth, options) {
     super(auth, options);
-    _defineProperty(this, "listSourceOptions", void 0);
     this.listSourceOptions = Object.assign({}, defaultOptions, options);
   }
   getGroupsSectionTitle(groups) {
@@ -119,6 +120,5 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
     return items;
   }
 }
-_defineProperty(ListUsersGroupsSource, "Filter", Filter);
 
 export { ListUsersGroupsSource as default };

package/dist/loader/loader.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -12,15 +12,15 @@ import '../global/dom.js';
  * 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);
-      }
-    });
-  }
+  static propTypes = {
+    className: PropTypes.string,
+    size: PropTypes.number,
+    colors: PropTypes.array,
+    message: PropTypes.string,
+    'data-test': PropTypes.string,
+    stop: PropTypes.bool,
+    deterministic: PropTypes.bool
+  };
   componentDidUpdate(prevProps) {
     if (this.loader) {
       if (!prevProps.stop && this.props.stop) {
@@ -33,6 +33,12 @@ class Loader extends PureComponent {
   componentWillUnmount() {
     this.loader?.destroy();
   }
+  loader;
+  initLoader = el => {
+    if (el) {
+      this.loader = new LoaderCore(el, this.props);
+    }
+  };
   render() {
     const {
       message,
@@ -50,14 +56,5 @@ class Loader extends PureComponent {
     }));
   }
 }
-_defineProperty(Loader, "propTypes", {
-  className: PropTypes.string,
-  size: PropTypes.number,
-  colors: PropTypes.array,
-  message: PropTypes.string,
-  'data-test': PropTypes.string,
-  stop: PropTypes.bool,
-  deterministic: PropTypes.bool
-});
 
 export { Loader as default };

package/dist/loader/loader__core.js

@@ -1,10 +1,15 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { getPixelRatio } from '../global/dom.js';
 
 var modules_00b5ad26 = {"unit":"i__const_unit_0","light":"light_rui_47a4","canvas":"canvas_rui_47a4","animate":"animate_rui_47a4","rotation-keyframes":"rotation-keyframes_rui_47a4","text":"text_rui_47a4"};
 
 const INITIAL_TICKS = 100;
 class Particle {
+  radius;
+  x;
+  y;
+  color;
+  decay;
+  life;
   constructor(_ref) {
     let {
       x,
@@ -12,12 +17,6 @@ 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;
@@ -44,6 +43,42 @@ function deterministic() {
   return DETERMINISTIC_VALUE;
 }
 class LoaderCore {
+  static defaultProps = {
+    size: 64,
+    stop: false,
+    deterministic: false,
+    colors: [{
+      r: 215,
+      g: 60,
+      b: 234
+    }, {
+      r: 145,
+      g: 53,
+      b: 224
+    }, {
+      r: 88,
+      g: 72,
+      b: 224
+    }, {
+      r: 37,
+      g: 183,
+      b: 255
+    }, {
+      r: 89,
+      g: 189,
+      b: 0
+    }, {
+      r: 251,
+      g: 172,
+      b: 2
+    }, {
+      r: 227,
+      g: 37,
+      b: 129
+    } //#E32581
+    ]
+  };
+
   static calculateGradient(startColor, stopColor, position) {
     const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
     return {
@@ -52,27 +87,27 @@ class LoaderCore {
       b: calculateChannelValue(startColor.b, stopColor.b)
     };
   }
+  props;
+  canvas;
+  textNode;
+  ctx;
+  height;
+  width;
+  particles;
+  baseSpeed;
+  colorIndex;
+  maxRadius;
+  minRadius;
+  colorChangeTick;
+  x;
+  y;
+  radius;
+  hSpeed;
+  vSpeed;
+  radiusSpeed;
+  tick;
+  isRunning;
   constructor(containerNode, props) {
-    _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';
@@ -210,40 +245,5 @@ class LoaderCore {
     this.isRunning = false;
   }
 }
-_defineProperty(LoaderCore, "defaultProps", {
-  size: 64,
-  stop: false,
-  deterministic: false,
-  colors: [{
-    r: 215,
-    g: 60,
-    b: 234
-  }, {
-    r: 145,
-    g: 53,
-    b: 224
-  }, {
-    r: 88,
-    g: 72,
-    b: 224
-  }, {
-    r: 37,
-    g: 183,
-    b: 255
-  }, {
-    r: 89,
-    g: 189,
-    b: 0
-  }, {
-    r: 251,
-    g: 172,
-    b: 2
-  }, {
-    r: 227,
-    g: 37,
-    b: 129
-  } //#E32581
-  ]
-});
 
 export { LoaderCore as default };

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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -9,6 +9,11 @@ import { m as modules_e49a3529 } from '../_helpers/loader-inline.js';
  * @name Loader Inline
  */
 class LoaderInline extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    'data-test': PropTypes.string,
+    children: PropTypes.node
+  };
   render() {
     const {
       className,
@@ -26,10 +31,5 @@ class LoaderInline extends PureComponent {
     }, children)) : loader;
   }
 }
-_defineProperty(LoaderInline, "propTypes", {
-  className: PropTypes.string,
-  'data-test': PropTypes.string,
-  children: PropTypes.node
-});
 
 export { LoaderInline as default };

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

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import LoaderCore from '../loader/loader__core.js';
@@ -10,6 +9,9 @@ import '../global/dom.js';
 
 const angularModule = angular.module('Ring.loader', []);
 class RgLoaderComponent extends RingAngularComponent {
+  static bindings = {
+    message: '@'
+  };
   constructor() {
     super(...arguments);
     const {
@@ -26,9 +28,6 @@ class RgLoaderComponent extends RingAngularComponent {
     this.loader.updateMessage(changes.message.currentValue);
   }
 }
-_defineProperty(RgLoaderComponent, "bindings", {
-  message: '@'
-});
 RgLoaderComponent.$inject = ['$element'];
 angularModule.component('rgLoader', RgLoaderComponent);
 var loaderNg = angularModule.name;

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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -12,6 +12,11 @@ import '../global/dom.js';
  * @name Loader Screen
  */
 class LoaderScreen extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    containerClassName: PropTypes.string,
+    message: PropTypes.string
+  };
   render() {
     const {
       message,
@@ -31,10 +36,5 @@ class LoaderScreen extends PureComponent {
     })));
   }
 }
-_defineProperty(LoaderScreen, "propTypes", {
-  className: PropTypes.string,
-  containerClassName: PropTypes.string,
-  message: PropTypes.string
-});
 
 export { LoaderScreen as default };

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

@@ -1,7 +1,6 @@
 import angular from 'angular';
 import loaderNg from '../loader-ng/loader-ng.js';
 import { m as modules_122a82e9 } from '../_helpers/loader-screen.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/ring-angular-component.js';
 import '../loader/loader__core.js';
 import '../global/dom.js';

package/dist/login-dialog/login-dialog.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Dialog from '../dialog/dialog.js';
@@ -6,6 +5,7 @@ import '../island/island.js';
 import LoaderScreen from '../loader-screen/loader-screen.js';
 import { HUB_AUTH_PAGE_OPENED } from '../auth/background-flow.js';
 import ContentWrapper from '../island/content.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react-dom';
 import 'classnames';
 import '@jetbrains/icons/close';
@@ -57,47 +57,29 @@ const DEFAULT_SHOW_FALLBACK_TIMEOUT = 5000;
  * @name Login Dialog
  */
 class LoginDialog extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      loading: true,
-      loggingIn: false,
-      showFallbackLink: false,
-      height: DEFAULT_HEIGHT,
-      width: DEFAULT_WIDTH
-    });
-    _defineProperty(this, "showFallbackTimout", void 0);
-    _defineProperty(this, "onMessage", event => {
-      const {
-        data
-      } = event;
-      if (!data) {
-        return;
-      }
-      if (data === HUB_AUTH_PAGE_OPENED) {
-        clearTimeout(this.showFallbackTimout);
-        this.setState({
-          loading: false,
-          loggingIn: false
-        });
-        return;
-      }
-      if (data === HUB_AUTH_PAGE_LOGIN_STARTED) {
-        this.setState({
-          loading: true,
-          loggingIn: true
-        });
-        this.startFallbackCountdown();
-        return;
-      }
-      if (data.message === HUB_AUTH_PAGE_LOGIN_DIMENSIONS) {
-        this.setState({
-          height: data.height,
-          width: data.width
-        });
-      }
-    });
-  }
+  static propTypes = {
+    show: PropTypes.bool,
+    className: PropTypes.string,
+    url: PropTypes.string,
+    loader: PropTypes.bool,
+    loadingMessage: PropTypes.string,
+    showFallbackTimeout: PropTypes.number,
+    renderFallbackLink: PropTypes.func,
+    onCancel: PropTypes.func.isRequired
+  };
+  static defaultProps = {
+    show: false,
+    url: 'about:blank',
+    renderFallbackLink: () => null,
+    showFallbackTimeout: DEFAULT_SHOW_FALLBACK_TIMEOUT
+  };
+  state = {
+    loading: true,
+    loggingIn: false,
+    showFallbackLink: false,
+    height: DEFAULT_HEIGHT,
+    width: DEFAULT_WIDTH
+  };
   componentDidMount() {
     window.addEventListener('message', this.onMessage);
     this.startFallbackCountdown();
@@ -105,11 +87,42 @@ class LoginDialog extends Component {
   componentWillUnmount() {
     window.removeEventListener('message', this.onMessage);
   }
+  showFallbackTimout;
   startFallbackCountdown() {
     this.showFallbackTimout = window.setTimeout(() => this.setState({
       showFallbackLink: true
     }), this.props.showFallbackTimeout);
   }
+  onMessage = event => {
+    const {
+      data
+    } = event;
+    if (!data) {
+      return;
+    }
+    if (data === HUB_AUTH_PAGE_OPENED) {
+      clearTimeout(this.showFallbackTimout);
+      this.setState({
+        loading: false,
+        loggingIn: false
+      });
+      return;
+    }
+    if (data === HUB_AUTH_PAGE_LOGIN_STARTED) {
+      this.setState({
+        loading: true,
+        loggingIn: true
+      });
+      this.startFallbackCountdown();
+      return;
+    }
+    if (data.message === HUB_AUTH_PAGE_LOGIN_DIMENSIONS) {
+      this.setState({
+        height: data.height,
+        width: data.width
+      });
+    }
+  };
   render() {
     const {
       show,
@@ -153,21 +166,5 @@ class LoginDialog extends Component {
     }, renderFallbackLink(loggingIn)));
   }
 }
-_defineProperty(LoginDialog, "propTypes", {
-  show: PropTypes.bool,
-  className: PropTypes.string,
-  url: PropTypes.string,
-  loader: PropTypes.bool,
-  loadingMessage: PropTypes.string,
-  showFallbackTimeout: PropTypes.number,
-  renderFallbackLink: PropTypes.func,
-  onCancel: PropTypes.func.isRequired
-});
-_defineProperty(LoginDialog, "defaultProps", {
-  show: false,
-  url: 'about:blank',
-  renderFallbackLink: () => null,
-  showFallbackTimeout: DEFAULT_SHOW_FALLBACK_TIMEOUT
-});
 
 export { LoginDialog as default };

package/dist/login-dialog/service.js

@@ -3,9 +3,9 @@ import { unmountComponentAtNode, render } from '../global/react-render-adapter.j
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import LoginDialog from './login-dialog.js';
 import 'react-dom';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../dialog/dialog.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';

package/dist/markdown/code.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Code from '../code/code.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import 'highlight.js/lib/core';
 import '../global/normalize-indent.js';

package/dist/markdown/markdown.js

@@ -1,4 +1,4 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import ReactMarkdown from 'react-markdown';

package/dist/message/message.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -105,19 +105,27 @@ const getTailOffsets = offset => ({
  * Displays a popup containing a message.
  */
 class Message extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {});
-    _defineProperty(this, "_onDirectionChange", direction => this.setState({
-      direction
-    }));
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "node", void 0);
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-      this.node = this.popup?.node;
-    });
-  }
+  static defaultProps = {
+    icon: gift,
+    directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
+    translations: {
+      gotIt: 'Got it',
+      dismiss: 'Dismiss'
+    },
+    theme: Theme.DARK
+  };
+  state = {};
+  static Directions = Directions;
+  static PopupProps = Popup.PopupProps;
+  _onDirectionChange = direction => this.setState({
+    direction
+  });
+  popup;
+  node;
+  popupRef = el => {
+    this.popup = el;
+    this.node = this.popup?.node;
+  };
   getTailOffset() {
     const DEFAULT_OFFSET = 32;
     const {
@@ -192,17 +200,6 @@ class Message extends Component {
     }, translations.dismiss))));
   }
 }
-_defineProperty(Message, "defaultProps", {
-  icon: gift,
-  directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
-  translations: {
-    gotIt: 'Got it',
-    dismiss: 'Dismiss'
-  },
-  theme: Theme.DARK
-});
-_defineProperty(Message, "Directions", Directions);
-_defineProperty(Message, "PopupProps", Popup.PopupProps);
 Message.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,