@jetbrains/ring-ui 5.0.127 → 5.0.128

package/dist/global/angular-component-factory.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
 import React from 'react';
 import { unmountComponentAtNode, render } from './react-render-adapter.js';
@@ -17,6 +16,8 @@ function createAngularComponent(Component) {
     bindings[key] = '<';
   });
   class AngularComponent extends RingAngularComponent {
+    static bindings = bindings;
+    static transclude = true;
     $postLink() {
       const {
         $transclude
@@ -63,8 +64,6 @@ function createAngularComponent(Component) {
       }) : null), container);
     }
   }
-  _defineProperty(AngularComponent, "bindings", bindings);
-  _defineProperty(AngularComponent, "transclude", true);
   AngularComponent.$inject = ['$scope', '$element', '$transclude'];
   return AngularComponent;
 }

package/dist/global/dom.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 /**
  * @name DOM
  */
@@ -88,9 +86,7 @@ function resetRootStyleProperties() {
   Object.keys(properties).forEach(key => rootStyle.removeProperty(key));
 }
 class Listeners {
-  constructor() {
-    _defineProperty(this, "_all", new Set());
-  }
+  _all = new Set();
   add(el, event, handler, options) {
     el.addEventListener(event, handler, options);
     const dispatchFn = () => el.removeEventListener(event, handler, options);

package/dist/global/focus-sensor-hoc.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 { refObject } from './prop-types.js';
@@ -22,66 +22,9 @@ function extractPropTypes(_ref) {
 }
 function focusSensorHOC(ComposedComponent) {
   class FocusSensor extends Component {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "state", {
-        focused: this.props.focused
-      });
-      _defineProperty(this, "node", void 0);
-      _defineProperty(this, "_skipNextCapture", false);
-      _defineProperty(this, "onRefUpdate", node => {
-        if (node) {
-          this.node = node;
-        }
-      });
-      _defineProperty(this, "onFocusCapture", _ref2 => {
-        let {
-          target
-        } = _ref2;
-        if (this._skipNextCapture) {
-          this._skipNextCapture = false;
-          return;
-        }
-        const focused = target instanceof Node && this.node?.contains(target);
-        if (focused && !this.state.focused) {
-          this.setState({
-            focused: true
-          });
-          this.props.onFocus?.();
-        }
-      });
-      _defineProperty(this, "onBlurCapture", _ref3 => {
-        let {
-          target
-        } = _ref3;
-        const {
-          state: {
-            focused
-          },
-          node
-        } = this;
-        if (focused) {
-          setTimeout(() => {
-            const blurred = target instanceof Node && node?.contains(target) && !node.contains(document.activeElement);
-            if (blurred) {
-              this.setState({
-                focused: false
-              });
-              this.props.onBlur?.();
-            }
-          }, 1);
-        }
-      });
-      _defineProperty(this, "onFocusRestore", () => {
-        this._skipNextCapture = true;
-        this.node?.focus({
-          preventScroll: !this.props.scrollOnTableFocus
-        });
-      });
-      _defineProperty(this, "onFocusReset", () => {
-        this.node?.blur();
-      });
-    }
+    state = {
+      focused: this.props.focused
+    };
     componentDidMount() {
       const {
         props: {
@@ -116,6 +59,60 @@ function focusSensorHOC(ComposedComponent) {
       document.removeEventListener('focus', this.onFocusCapture, true);
       document.removeEventListener('blur', this.onBlurCapture, true);
     }
+    node;
+    _skipNextCapture = false;
+    onRefUpdate = node => {
+      if (node) {
+        this.node = node;
+      }
+    };
+    onFocusCapture = _ref2 => {
+      let {
+        target
+      } = _ref2;
+      if (this._skipNextCapture) {
+        this._skipNextCapture = false;
+        return;
+      }
+      const focused = target instanceof Node && this.node?.contains(target);
+      if (focused && !this.state.focused) {
+        this.setState({
+          focused: true
+        });
+        this.props.onFocus?.();
+      }
+    };
+    onBlurCapture = _ref3 => {
+      let {
+        target
+      } = _ref3;
+      const {
+        state: {
+          focused
+        },
+        node
+      } = this;
+      if (focused) {
+        setTimeout(() => {
+          const blurred = target instanceof Node && node?.contains(target) && !node.contains(document.activeElement);
+          if (blurred) {
+            this.setState({
+              focused: false
+            });
+            this.props.onBlur?.();
+          }
+        }, 1);
+      }
+    };
+    onFocusRestore = () => {
+      this._skipNextCapture = true;
+      this.node?.focus({
+        preventScroll: !this.props.scrollOnTableFocus
+      });
+    };
+    onFocusReset = () => {
+      this.node?.blur();
+    };
     render() {
       const {
         autofocus,

package/dist/global/listeners.js

@@ -1,9 +1,5 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 class Listeners {
-  constructor() {
-    _defineProperty(this, "_all", new Map());
-  }
+  _all = new Map();
   trigger() {
     for (var _len = arguments.length, _ref = new Array(_len), _key = 0; _key < _len; _key++) {
       _ref[_key] = arguments[_key];

package/dist/global/react-dom-renderer.js

@@ -1,15 +1,11 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 class Renderer extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "node", void 0);
-    _defineProperty(this, "nodeRef", node => {
-      this.node = node;
-    });
-  }
+  static propTypes = {
+    className: PropTypes.string,
+    nodes: PropTypes.array
+  };
   componentDidMount() {
     const {
       nodes
@@ -21,6 +17,10 @@ class Renderer extends Component {
     nodes.forEach(nodeToRender => fragment.appendChild(nodeToRender));
     this.node.appendChild(fragment);
   }
+  node;
+  nodeRef = node => {
+    this.node = node;
+  };
   render() {
     const {
       className
@@ -31,9 +31,5 @@ class Renderer extends Component {
     });
   }
 }
-_defineProperty(Renderer, "propTypes", {
-  className: PropTypes.string,
-  nodes: PropTypes.array
-});
 
 export { Renderer as default };

package/dist/global/rerender-hoc.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { createElement } from 'react';
 import { render } from './react-render-adapter.js';
 import composeRefs from './composeRefs.js';
@@ -12,10 +11,7 @@ import 'react-dom';
  */
 function rerenderHOC(ComposedComponent) {
   return class Rerenderer extends ComposedComponent {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "_propsCache", this.props);
-    }
+    _propsCache = this.props;
     rerender() {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       let callback = arguments.length > 1 ? arguments[1] : undefined;

package/dist/global/ring-angular-component.js

@@ -1,15 +1,13 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 class RingAngularComponent {
   static get controller() {
     return this;
   }
+  $inject = {};
   constructor() {
     var _this$constructor$$in;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _defineProperty(this, "$inject", {});
     ((_this$constructor$$in = this.constructor.$inject) !== null && _this$constructor$$in !== void 0 ? _this$constructor$$in : []).forEach((injectName, i) => {
       this.$inject[injectName] = args[i];
     });

package/dist/grid/col.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -30,6 +29,19 @@ function getClassNames(props) {
   });
 }
 class Col extends Component {
+  static propTypes = {
+    xs: ModifierType,
+    sm: ModifierType,
+    md: ModifierType,
+    lg: ModifierType,
+    xsOffset: PropTypes.number,
+    smOffset: PropTypes.number,
+    mdOffset: PropTypes.number,
+    lgOffset: PropTypes.number,
+    reverse: PropTypes.bool,
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
   render() {
     const {
       children,
@@ -45,18 +57,5 @@ class Col extends Component {
     }, children);
   }
 }
-_defineProperty(Col, "propTypes", {
-  xs: ModifierType,
-  sm: ModifierType,
-  md: ModifierType,
-  lg: ModifierType,
-  xsOffset: PropTypes.number,
-  smOffset: PropTypes.number,
-  mdOffset: PropTypes.number,
-  lgOffset: PropTypes.number,
-  reverse: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node
-});
 
 export { Col as default };

package/dist/grid/grid.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';
@@ -10,6 +10,10 @@ export { default as Col } from './col.js';
  * @name Grid
  */
 class Grid extends Component {
+  static propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
   render() {
     const {
       children,
@@ -22,9 +26,5 @@ class Grid extends Component {
     }), children);
   }
 }
-_defineProperty(Grid, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
 
 export { Grid };

package/dist/grid/row.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -21,6 +20,22 @@ function getModifierClassNames(props) {
   }, []);
 }
 class Row extends Component {
+  static propTypes = {
+    reverse: PropTypes.bool,
+    start: ModifierType,
+    center: ModifierType,
+    end: ModifierType,
+    top: ModifierType,
+    middle: ModifierType,
+    baseline: ModifierType,
+    bottom: ModifierType,
+    around: ModifierType,
+    between: ModifierType,
+    first: ModifierType,
+    last: ModifierType,
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
   render() {
     const {
       children,
@@ -36,21 +51,5 @@ class Row extends Component {
     }, children);
   }
 }
-_defineProperty(Row, "propTypes", {
-  reverse: PropTypes.bool,
-  start: ModifierType,
-  center: ModifierType,
-  end: ModifierType,
-  top: ModifierType,
-  middle: ModifierType,
-  baseline: ModifierType,
-  bottom: ModifierType,
-  around: ModifierType,
-  between: ModifierType,
-  first: ModifierType,
-  last: ModifierType,
-  className: PropTypes.string,
-  children: PropTypes.node
-});
 
 export { Row as default };

package/dist/group/group.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';
@@ -8,6 +8,10 @@ import { m as modules_d9da30c7 } from '../_helpers/group.js';
  * @name Group
  */
 class Group extends Component {
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string
+  };
   render() {
     const {
       children,
@@ -20,9 +24,5 @@ class Group extends Component {
     }), children);
   }
 }
-_defineProperty(Group, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string
-});
 
 export { Group as default };

package/dist/header/header.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';
@@ -110,6 +110,15 @@ import '../_helpers/services-link.js';
  * Displays a configurable page header. See available presentation options in the knobs panel.
  */
 class Header extends Component {
+  static propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node,
+    spaced: PropTypes.bool
+  };
+  static defaultProps = {
+    spaced: true,
+    theme: Theme.DARK
+  };
   render() {
     const {
       children,
@@ -133,14 +142,5 @@ class Header extends Component {
     return header;
   }
 }
-_defineProperty(Header, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node,
-  spaced: PropTypes.bool
-});
-_defineProperty(Header, "defaultProps", {
-  spaced: true,
-  theme: Theme.DARK
-});
 
 export { Header as default };

package/dist/header/logo.js

@@ -1,16 +1,24 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import { Size } from '../icon/icon__constants.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 
 class Logo extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string
+  };
+  static defaultProps = {
+    size: Size.Size48,
+    suppressSizeWarning: true
+  };
+  static Size = Size;
   render() {
     const {
       className,
@@ -22,13 +30,5 @@ class Logo extends PureComponent {
     }, /*#__PURE__*/React.createElement(Icon, restProps));
   }
 }
-_defineProperty(Logo, "propTypes", {
-  className: PropTypes.string
-});
-_defineProperty(Logo, "defaultProps", {
-  size: Size.Size48,
-  suppressSizeWarning: true
-});
-_defineProperty(Logo, "Size", Size);
 
 export { Logo as default };

package/dist/header/profile.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, PureComponent } from 'react';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Avatar, { Size } from '../avatar/avatar.js';
@@ -65,6 +65,62 @@ import '../popup/popup.target.js';
 
 const rgItemType = PopupMenu.ListProps.Type.LINK;
 class Profile extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    closeOnSelect: PropTypes.bool,
+    hasUpdates: PropTypes.bool,
+    loading: PropTypes.bool,
+    onLogin: PropTypes.func,
+    onLogout: PropTypes.func,
+    onSwitchUser: PropTypes.func,
+    profileUrl: PropTypes.string,
+    renderPopupItems: PropTypes.func,
+    LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
+    translations: PropTypes.shape({
+      profile: PropTypes.string,
+      login: PropTypes.string,
+      logout: PropTypes.string,
+      applyChangedUser: PropTypes.string,
+      switchUser: PropTypes.string
+    }),
+    user: PropTypes.shape({
+      guest: PropTypes.bool,
+      profile: PropTypes.object,
+      name: PropTypes.string
+    }),
+    size: PropTypes.number,
+    round: PropTypes.bool,
+    showLogIn: PropTypes.bool,
+    showLogOut: PropTypes.bool,
+    showSwitchUser: PropTypes.bool,
+    showApplyChangedUser: PropTypes.bool,
+    onRevertPostponement: PropTypes.func,
+    renderGuest: PropTypes.func
+  };
+  static defaultProps = {
+    closeOnSelect: true,
+    renderPopupItems: items => items,
+    translations: {},
+    size: Size.Size32,
+    renderGuest: _ref => {
+      let {
+        loading,
+        onLogin,
+        className,
+        translations
+      } = _ref;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames(modules_47759f5e.profileEmpty, className)
+      }, /*#__PURE__*/React.createElement(Button, {
+        primary: true,
+        "data-test": "ring-header-login-button",
+        disabled: loading,
+        loader: loading,
+        onClick: onLogin
+      }, translations.login || 'Log in...'));
+    }
+  };
+  static Size = Size;
   render() {
     const {
       className,
@@ -152,61 +208,5 @@ class Profile extends PureComponent {
     }));
   }
 }
-_defineProperty(Profile, "propTypes", {
-  className: PropTypes.string,
-  closeOnSelect: PropTypes.bool,
-  hasUpdates: PropTypes.bool,
-  loading: PropTypes.bool,
-  onLogin: PropTypes.func,
-  onLogout: PropTypes.func,
-  onSwitchUser: PropTypes.func,
-  profileUrl: PropTypes.string,
-  renderPopupItems: PropTypes.func,
-  LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
-  translations: PropTypes.shape({
-    profile: PropTypes.string,
-    login: PropTypes.string,
-    logout: PropTypes.string,
-    applyChangedUser: PropTypes.string,
-    switchUser: PropTypes.string
-  }),
-  user: PropTypes.shape({
-    guest: PropTypes.bool,
-    profile: PropTypes.object,
-    name: PropTypes.string
-  }),
-  size: PropTypes.number,
-  round: PropTypes.bool,
-  showLogIn: PropTypes.bool,
-  showLogOut: PropTypes.bool,
-  showSwitchUser: PropTypes.bool,
-  showApplyChangedUser: PropTypes.bool,
-  onRevertPostponement: PropTypes.func,
-  renderGuest: PropTypes.func
-});
-_defineProperty(Profile, "defaultProps", {
-  closeOnSelect: true,
-  renderPopupItems: items => items,
-  translations: {},
-  size: Size.Size32,
-  renderGuest: _ref => {
-    let {
-      loading,
-      onLogin,
-      className,
-      translations
-    } = _ref;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames(modules_47759f5e.profileEmpty, className)
-    }, /*#__PURE__*/React.createElement(Button, {
-      primary: true,
-      "data-test": "ring-header-login-button",
-      disabled: loading,
-      loader: loading,
-      onClick: onLogin
-    }, translations.login || 'Log in...'));
-  }
-});
-_defineProperty(Profile, "Size", Size);
 
 export { Profile as default };

package/dist/header/services.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 servicesIcon from '@jetbrains/icons/services-20px';
@@ -58,10 +58,24 @@ const makeAnchor = loading => {
   return Anchor;
 };
 class Services extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "serviceIsActive", service => service.id === this.props.clientId);
-  }
+  static sort = (a, b) => {
+    const aApplicationName = a.applicationName || '';
+    const bApplicationName = b.applicationName || '';
+    return aApplicationName.localeCompare(bApplicationName) || a.name.localeCompare(b.name);
+  };
+  static propTypes = {
+    className: PropTypes.string,
+    clientId: PropTypes.string,
+    initShown: PropTypes.bool,
+    loading: PropTypes.bool,
+    onClick: PropTypes.func,
+    services: PropTypes.arrayOf(ServicesLink.propTypes.service)
+  };
+  static defaultProps = {
+    theme: Theme.DARK
+  };
+  static Link = ServicesLink;
+  serviceIsActive = service => service.id === this.props.clientId;
   render() {
     const {
       clientId,
@@ -113,22 +127,5 @@ class Services extends PureComponent {
     })));
   }
 }
-_defineProperty(Services, "sort", (a, b) => {
-  const aApplicationName = a.applicationName || '';
-  const bApplicationName = b.applicationName || '';
-  return aApplicationName.localeCompare(bApplicationName) || a.name.localeCompare(b.name);
-});
-_defineProperty(Services, "propTypes", {
-  className: PropTypes.string,
-  clientId: PropTypes.string,
-  initShown: PropTypes.bool,
-  loading: PropTypes.bool,
-  onClick: PropTypes.func,
-  services: PropTypes.arrayOf(ServicesLink.propTypes.service)
-});
-_defineProperty(Services, "defaultProps", {
-  theme: Theme.DARK
-});
-_defineProperty(Services, "Link", ServicesLink);
 
 export { Services as default };