@jetbrains/ring-ui 4.1.0-beta.4 → 4.1.2

package/dist/header/profile.js

@@ -1,65 +1,69 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Component } from 'react';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Avatar, { Size } from '../avatar/avatar.js';
 import Button from '../button/button.js';
-import Dropdown from '../dropdown/dropdown.js';
+import DropdownMenu from '../dropdown-menu/dropdown-menu.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import '../global/url.js';
 import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../global/theme.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
+import '../list/list.js';
+import 'react-virtualized/dist/es/List';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'memoize-one';
 import '../global/data-tests.js';
-import '../_helpers/anchor.js';
-import '../popup/popup.js';
-import 'react-dom';
-import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
-import '../list/list.js';
-import 'react-virtualized/dist/es/List';
-import 'react-virtualized/dist/es/AutoSizer';
-import 'react-virtualized/dist/es/WindowScroller';
-import 'react-virtualized/dist/es/CellMeasurer';
-import 'memoize-one';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
+import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
+import '../dropdown/dropdown.js';
+import '../_helpers/anchor.js';
+import '../popup/popup.js';
+import 'react-dom';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
 
 const rgItemType = PopupMenu.ListProps.Type.LINK;
 class Profile extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       className,
       closeOnSelect,
       hasUpdates,
@@ -79,9 +83,9 @@ class Profile extends PureComponent {
       size,
       round,
       loading,
-      onLogin
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["className", "closeOnSelect", "hasUpdates", "onLogout", "user", "profileUrl", "LinkComponent", "onSwitchUser", "renderPopupItems", "onRevertPostponement", "showApplyChangedUser", "showLogIn", "showLogOut", "showSwitchUser", "renderGuest", "translations", "size", "round", "loading", "onLogin"]);
+      onLogin,
+      ...props
+    } = this.props;
 
     if (!user) {
       return /*#__PURE__*/React.createElement("div", _extends({}, props, {
@@ -134,17 +138,18 @@ class Profile extends PureComponent {
       label: translations.logout || 'Log out',
       onClick: onLogout
     }].filter(it => !!it);
-    return /*#__PURE__*/React.createElement(Dropdown, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {
       title: user.name,
       anchor: anchor,
-      "data-test": "ring-profile",
-      className: classNames(modules_47759f5e.profile, className)
-    }), /*#__PURE__*/React.createElement(PopupMenu, {
-      closeOnSelect: closeOnSelect,
       data: renderPopupItems(items),
-      left: -2,
-      top: -8,
-      sidePadding: 32
+      "data-test": "ring-profile",
+      className: classNames(modules_47759f5e.profile, className),
+      menuProps: {
+        closeOnSelect,
+        left: -2,
+        top: -8,
+        sidePadding: 32
+      }
     }));
   }
 
@@ -188,22 +193,25 @@ _defineProperty(Profile, "defaultProps", {
   renderPopupItems: items => items,
   translations: {},
   size: Size.Size32,
-  renderGuest: ({
-    loading,
-    onLogin,
-    className,
-    translations
-  }) => /*#__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...'))
+  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 default Profile;
+export { Profile as default };

package/dist/header/services-link.js

@@ -8,3 +8,4 @@ import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';

package/dist/header/services.js

@@ -1,11 +1,11 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import servicesIcon from '@jetbrains/icons/services-20px';
 import Dropdown from '../dropdown/dropdown.js';
 import Popup from '../popup/popup.js';
 import TrayIcon from './tray-icon.js';
-import { m as modules_74a7bf8b, S as ServicesLink } from '../_helpers/services-link.js';
+import { S as ServicesLink, m as modules_74a7bf8b } from '../_helpers/services-link.js';
 import 'classnames';
 import '../global/data-tests.js';
 import '../_helpers/anchor.js';
@@ -13,7 +13,8 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
@@ -35,16 +36,20 @@ import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../_helpers/header.js';
 import '../link/link.js';
+import '../_helpers/link.js';
 
 const makeAnchor = loading => {
-  const Anchor = ({
-    active
-  }) => /*#__PURE__*/React.createElement(TrayIcon, {
-    loader: loading,
-    active: active,
-    icon: servicesIcon,
-    "aria-label": "Services"
-  });
+  const Anchor = _ref => {
+    let {
+      active
+    } = _ref;
+    return /*#__PURE__*/React.createElement(TrayIcon, {
+      loader: loading,
+      active: active,
+      icon: servicesIcon,
+      "aria-label": "Services"
+    });
+  };
 
   Anchor.propTypes = {
     active: PropTypes.bool
@@ -53,21 +58,20 @@ const makeAnchor = loading => {
 };
 
 class Services extends PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "serviceIsActive", service => service.id === this.props.clientId);
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       clientId,
       loading,
       services,
-      initShown
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["clientId", "loading", "services", "initShown"]);
+      initShown,
+      ...props
+    } = this.props;
 
     if (!services) {
       return /*#__PURE__*/React.createElement(TrayIcon, _extends({}, props, {
@@ -129,4 +133,4 @@ _defineProperty(Services, "propTypes", {
 
 _defineProperty(Services, "Link", ServicesLink);
 
-export default Services;
+export { Services as default };

package/dist/header/smart-profile.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '../auth/auth.js';
@@ -19,7 +19,8 @@ import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/theme.js';
@@ -37,7 +38,9 @@ import 'react-dom';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../group/group.js';
+import '../_helpers/group.js';
 import '../global/listeners.js';
 import '../http/http.js';
 import '../global/promise-with-timeout.js';
@@ -51,47 +54,50 @@ import 'simply-uuid';
 import '../auth/background-flow.js';
 import '../auth/token-validator.js';
 import '../avatar/avatar.js';
+import '../avatar/fallback-avatar.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../_helpers/button__classes.js';
-import '../dropdown/dropdown.js';
-import '../_helpers/anchor.js';
-import '../popup-menu/popup-menu.js';
-import '../popup/popup.js';
-import '../global/schedule-raf.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
+import '../dropdown-menu/dropdown-menu.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
+import '../dropdown/dropdown.js';
+import '../_helpers/anchor.js';
+import '../popup-menu/popup-menu.js';
+import '../popup/popup.js';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
 import '../_helpers/header.js';
 
 const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
 class SmartProfile extends PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {
       user: null,
@@ -187,14 +193,11 @@ class SmartProfile extends PureComponent {
       isLogoutPostponed,
       isUserChangePostponed
     } = this.state;
-
-    const _this$props = this.props,
-          {
+    const {
       auth,
-      profileUrl
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["auth", "profileUrl"]);
-
+      profileUrl,
+      ...props
+    } = this.props;
     const url = profileUrl || (user ? `${auth.config.serverUri}users/${user.id}` : '');
     return /*#__PURE__*/React.createElement(Profile, _extends({
       onLogin: this.login,
@@ -224,4 +227,4 @@ _defineProperty(SmartProfile, "propTypes", {
 
 _defineProperty(SmartProfile, "Size", Profile.Size);
 
-export default SmartProfile;
+export { SmartProfile as default };

package/dist/header/smart-services.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import '../auth/auth.js';
@@ -22,7 +22,8 @@ import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/theme.js';
@@ -38,7 +39,9 @@ import '../alert/container.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../group/group.js';
+import '../_helpers/group.js';
 import '../global/listeners.js';
 import '../global/promise-with-timeout.js';
 import '../auth/storage.js';
@@ -74,8 +77,8 @@ import '../_helpers/services-link.js';
 function noop() {}
 
 class SmartServices extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {
       visible: true,
@@ -126,12 +129,10 @@ class SmartServices extends Component {
       visible,
       loading
     } = this.state;
-
-    const _this$props = this.props,
-          {
-      auth
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["auth"]);
+    const {
+      auth,
+      ...props
+    } = this.props;
 
     if (!visible) {
       return null;
@@ -156,4 +157,4 @@ _defineProperty(SmartServices, "allFields", 'id,name,applicationName,homeUrl,ico
 
 _defineProperty(SmartServices, "countFields", 'key');
 
-export default SmartServices;
+export { SmartServices as default };

package/dist/header/tray-icon.js

@@ -1,4 +1,4 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty, c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -9,7 +9,8 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../global/theme.js';
 import '../link/clickableLink.js';
@@ -17,13 +18,11 @@ import '../_helpers/button__classes.js';
 
 class TrayIcon extends Component {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       className,
-      rotatable: rotatable
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "rotatable"]);
-
+      rotatable: rotatable,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_47759f5e.icon, className, {
       [modules_47759f5e.rotatable]: rotatable,
       [modules_47759f5e.rotated]: rotatable && restProps.active
@@ -35,11 +34,12 @@ class TrayIcon extends Component {
 
 }
 
-_defineProperty(TrayIcon, "propTypes", _objectSpread2(_objectSpread2({}, Button.propTypes), {}, {
+_defineProperty(TrayIcon, "propTypes", { ...Button.propTypes,
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]).isRequired,
   rotatable: PropTypes.bool
-}));
+});
 
-_defineProperty(TrayIcon, "defaultProps", _objectSpread2({}, Button.defaultProps));
+_defineProperty(TrayIcon, "defaultProps", { ...Button.defaultProps
+});
 
-export default TrayIcon;
+export { TrayIcon as default };

package/dist/header/tray.js

@@ -1,4 +1,4 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, Children } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -10,13 +10,11 @@ const wrapChild = child => child && /*#__PURE__*/React.createElement("div", {
 
 class Tray extends Component {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
+      className,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_47759f5e.tray, className);
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       className: classes
@@ -30,4 +28,4 @@ _defineProperty(Tray, "propTypes", {
   children: PropTypes.node
 });
 
-export default Tray;
+export { Tray as default };

package/dist/heading/heading.js

@@ -1,10 +1,10 @@
-import { a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 
-var modules_901b77ec = {"heading":"heading_heading__5ab589c7 global_font__0f8f4370","caps":"heading_caps__5ab589c7"};
+var modules_901b77ec = {"heading":"heading_rui_5ab5 font_rui_750f","caps":"caps_rui_5ab5"};
 
 /**
  * @name Heading
@@ -21,10 +21,9 @@ const Heading = /*#__PURE__*/memo(function Heading(_ref) {
   let {
     children,
     className,
-    level
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["children", "className", "level"]);
-
+    level,
+    ...restProps
+  } = _ref;
   const classes = classNames(modules_901b77ec.heading, className);
   const Tag = level <= Levels.H4 ? `h${level}` : fallbackHeading();
   return /*#__PURE__*/React.createElement(Tag, _extends({}, restProps, {
@@ -42,13 +41,12 @@ Heading.defaultProps = {
 Heading.Levels = Levels;
 
 function makeHeading(level, useCaps) {
-  const H = /*#__PURE__*/memo((_ref2) => {
+  const H = /*#__PURE__*/memo(_ref2 => {
     let {
       className,
-      caps
-    } = _ref2,
-        restProps = _objectWithoutProperties(_ref2, ["className", "caps"]);
-
+      caps,
+      ...restProps
+    } = _ref2;
     const classes = classNames(className, {
       [modules_901b77ec.caps]: useCaps && caps
     });
@@ -72,5 +70,4 @@ const H2 = makeHeading(Levels.H2);
 const H3 = makeHeading(Levels.H3);
 const H4 = makeHeading(Levels.H4);
 
-export default Heading;
-export { H1, H2, H3, H4 };
+export { H1, H2, H3, H4, Heading as default };