@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.11

package/components/header/profile.d.ts

@@ -1,6 +1,5 @@
-import { Component, ComponentType, HTMLAttributes, PureComponent, ReactNode } from 'react';
+import { ComponentType, HTMLAttributes, PureComponent, ReactNode } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { Size } from '../avatar/avatar';
 import { PopupMenuAttrs } from '../popup-menu/popup-menu';
 import { ListDataItem } from '../list/consts';
@@ -41,43 +40,6 @@ export interface ProfileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSe
     onHide?: (() => void);
 }
 export default class Profile extends PureComponent<ProfileProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        activeClassName: PropTypes.Requireable<string>;
-        closeOnSelect: PropTypes.Requireable<boolean>;
-        hasUpdates: PropTypes.Requireable<boolean>;
-        loading: PropTypes.Requireable<boolean>;
-        onLogin: PropTypes.Requireable<(...args: any[]) => any>;
-        onLogout: PropTypes.Requireable<(...args: any[]) => any>;
-        onSwitchUser: PropTypes.Requireable<(...args: any[]) => any>;
-        profileUrl: PropTypes.Requireable<string>;
-        renderPopupItems: PropTypes.Requireable<(...args: any[]) => any>;
-        LinkComponent: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | Component<unknown, unknown, unknown> | null | undefined>>;
-        translations: PropTypes.Requireable<PropTypes.InferProps<{
-            profile: PropTypes.Requireable<string>;
-            login: PropTypes.Requireable<string>;
-            logout: PropTypes.Requireable<string>;
-            applyChangedUser: PropTypes.Requireable<string>;
-            switchUser: PropTypes.Requireable<string>;
-        }>>;
-        user: PropTypes.Requireable<PropTypes.InferProps<{
-            guest: PropTypes.Requireable<boolean>;
-            profile: PropTypes.Requireable<object>;
-            name: PropTypes.Requireable<string>;
-        }>>;
-        size: PropTypes.Requireable<number>;
-        round: PropTypes.Requireable<boolean>;
-        showName: PropTypes.Requireable<boolean>;
-        showLogIn: PropTypes.Requireable<boolean>;
-        showLogOut: PropTypes.Requireable<boolean>;
-        showSwitchUser: PropTypes.Requireable<boolean>;
-        showApplyChangedUser: PropTypes.Requireable<boolean>;
-        onRevertPostponement: PropTypes.Requireable<(...args: any[]) => any>;
-        renderGuest: PropTypes.Requireable<(...args: any[]) => any>;
-        menuProps: PropTypes.Requireable<object>;
-        onShow: PropTypes.Requireable<(...args: any[]) => any>;
-        onHide: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static defaultProps: ProfileProps;
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
     context: React.ContextType<typeof Profile.contextType>;

package/components/header/profile.js

@@ -1,8 +1,5 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.to-string.js';
-import { Component, PureComponent } from 'react';
-import PropTypes from 'prop-types';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Avatar, { Size } from '../avatar/avatar.js';
 import { Button } from '../button/button.js';
@@ -12,45 +9,24 @@ import { I18nContext } from '../i18n/i18n-context.js';
 import { isTruthy } from '../global/typescript-utils.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.slice.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.find.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.string.includes.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -61,7 +37,6 @@ import 'core-js/modules/es.array.reduce.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.splice.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -74,7 +49,6 @@ import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
 import '../list/list__custom.js';
@@ -95,174 +69,135 @@ import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../i18n/i18n.js';
 
-var _excluded = ["className", "activeClassName", "closeOnSelect", "hasUpdates", "onLogout", "user", "profileUrl", "LinkComponent", "onSwitchUser", "renderPopupItems", "onRevertPostponement", "showApplyChangedUser", "showName", "showLogIn", "showLogOut", "showSwitchUser", "renderGuest", "translations", "size", "round", "loading", "onLogin", "menuProps", "onShow", "onHide"];
-var rgItemType = PopupMenu.ListProps.Type.LINK;
-var Profile = /*#__PURE__*/function (_PureComponent) {
-  function Profile() {
-    _classCallCheck(this, Profile);
-    return _callSuper(this, Profile, arguments);
-  }
-  _inherits(Profile, _PureComponent);
-  return _createClass(Profile, [{
-    key: "render",
-    value: function render() {
-      var _translations$applyCh, _translations$login, _translations$profile, _translations$switchU, _translations$logout;
-      var _this$props = this.props,
-        className = _this$props.className,
-        activeClassName = _this$props.activeClassName,
-        closeOnSelect = _this$props.closeOnSelect,
-        hasUpdates = _this$props.hasUpdates,
-        onLogout = _this$props.onLogout,
-        user = _this$props.user,
-        profileUrl = _this$props.profileUrl,
-        LinkComponent = _this$props.LinkComponent,
-        onSwitchUser = _this$props.onSwitchUser,
-        renderPopupItems = _this$props.renderPopupItems,
-        onRevertPostponement = _this$props.onRevertPostponement,
-        showApplyChangedUser = _this$props.showApplyChangedUser,
-        showName = _this$props.showName,
-        showLogIn = _this$props.showLogIn,
-        showLogOut = _this$props.showLogOut,
-        showSwitchUser = _this$props.showSwitchUser,
-        renderGuest = _this$props.renderGuest,
-        translations = _this$props.translations,
-        size = _this$props.size,
-        round = _this$props.round;
-        _this$props.loading;
-        _this$props.onLogin;
-        var menuProps = _this$props.menuProps,
-        onShow = _this$props.onShow,
-        onHide = _this$props.onHide,
-        props = _objectWithoutProperties(_this$props, _excluded);
-      var translate = this.context.translate;
-      if (!user) {
-        return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
-          className: classNames(modules_47759f5e.profileEmpty, className),
-          children: /*#__PURE__*/jsx(Avatar, {
-            size: size,
-            round: round
-          })
-        }));
-      }
-      if (user.guest) {
-        return renderGuest(this.props);
-      }
-      var avatarWrapper = classNames(modules_47759f5e.avatarWrapper, {
-        [modules_47759f5e.hasUpdates]: hasUpdates
-      });
-      var anchor = /*#__PURE__*/jsxs("button", {
-        type: "button",
-        className: modules_47759f5e.anchorClassName,
-        children: [/*#__PURE__*/jsx("span", {
-          className: avatarWrapper,
-          children: /*#__PURE__*/jsx(Avatar, {
-            url: user.profile && user.profile.avatar && user.profile.avatar.url,
-            size: size,
-            round: round,
-            username: user.name
-          })
-        }), showName && /*#__PURE__*/jsx("span", {
-          children: user.name
-        })]
-      });
-      var items = [showApplyChangedUser && {
-        rgItemType,
-        label: (_translations$applyCh = translations === null || translations === void 0 ? void 0 : translations.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
-        className: modules_47759f5e.profileMenuItem,
-        onClick: onRevertPostponement
-      }, showLogIn && {
-        rgItemType,
-        label: (_translations$login = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login'),
-        className: modules_47759f5e.profileMenuItem,
-        onClick: onRevertPostponement
-      }, {
-        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 && {
-        rgItemType,
-        label: (_translations$switchU = translations === null || translations === void 0 ? void 0 : translations.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
-        className: modules_47759f5e.profileMenuItem,
-        onClick: onSwitchUser
-      }, showLogOut && {
-        rgItemType,
-        label: (_translations$logout = translations === null || translations === void 0 ? void 0 : translations.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
-        onClick: onLogout
-      }].filter(isTruthy);
-      return /*#__PURE__*/jsx(DropdownMenu, _objectSpread2(_objectSpread2({}, props), {}, {
-        onShow: onShow,
-        onHide: onHide,
-        title: user.name,
-        anchor: anchor,
-        data: renderPopupItems(items),
-        "data-test": "ring-profile",
-        className: classNames(modules_47759f5e.profile, className),
-        activeClassName: activeClassName,
-        menuProps: _objectSpread2({
-          closeOnSelect,
-          left: -2,
-          top: -8,
-          sidePadding: 32
-        }, menuProps)
+const _excluded = ["className", "activeClassName", "closeOnSelect", "hasUpdates", "onLogout", "user", "profileUrl", "LinkComponent", "onSwitchUser", "renderPopupItems", "onRevertPostponement", "showApplyChangedUser", "showName", "showLogIn", "showLogOut", "showSwitchUser", "renderGuest", "translations", "size", "round", "loading", "onLogin", "menuProps", "onShow", "onHide"];
+const rgItemType = PopupMenu.ListProps.Type.LINK;
+class Profile extends PureComponent {
+  render() {
+    var _translations$applyCh, _translations$login, _translations$profile, _translations$switchU, _translations$logout;
+    const _this$props = this.props,
+      {
+        className,
+        activeClassName,
+        closeOnSelect,
+        hasUpdates,
+        onLogout,
+        user,
+        profileUrl,
+        LinkComponent,
+        onSwitchUser,
+        renderPopupItems,
+        onRevertPostponement,
+        showApplyChangedUser,
+        showName,
+        showLogIn,
+        showLogOut,
+        showSwitchUser,
+        renderGuest,
+        translations,
+        size,
+        round,
+        loading,
+        onLogin,
+        menuProps,
+        onShow,
+        onHide
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      translate
+    } = this.context;
+    if (!user) {
+      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+        className: classNames(modules_47759f5e.profileEmpty, className),
+        children: /*#__PURE__*/jsx(Avatar, {
+          size: size,
+          round: round
+        })
       }));
     }
-  }]);
-}(PureComponent);
-_defineProperty(Profile, "propTypes", {
-  className: PropTypes.string,
-  activeClassName: 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,
-  showName: PropTypes.bool,
-  showLogIn: PropTypes.bool,
-  showLogOut: PropTypes.bool,
-  showSwitchUser: PropTypes.bool,
-  showApplyChangedUser: PropTypes.bool,
-  onRevertPostponement: PropTypes.func,
-  renderGuest: PropTypes.func,
-  menuProps: PropTypes.object,
-  onShow: PropTypes.func,
-  onHide: PropTypes.func
-});
+    if (user.guest) {
+      return renderGuest(this.props);
+    }
+    const avatarWrapper = classNames(modules_47759f5e.avatarWrapper, {
+      [modules_47759f5e.hasUpdates]: hasUpdates
+    });
+    const anchor = /*#__PURE__*/jsxs("button", {
+      type: "button",
+      className: modules_47759f5e.anchorClassName,
+      children: [/*#__PURE__*/jsx("span", {
+        className: avatarWrapper,
+        children: /*#__PURE__*/jsx(Avatar, {
+          url: user.profile && user.profile.avatar && user.profile.avatar.url,
+          size: size,
+          round: round,
+          username: user.name
+        })
+      }), showName && /*#__PURE__*/jsx("span", {
+        children: user.name
+      })]
+    });
+    const items = [showApplyChangedUser && {
+      rgItemType,
+      label: (_translations$applyCh = translations === null || translations === void 0 ? void 0 : translations.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
+      className: modules_47759f5e.profileMenuItem,
+      onClick: onRevertPostponement
+    }, showLogIn && {
+      rgItemType,
+      label: (_translations$login = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login'),
+      className: modules_47759f5e.profileMenuItem,
+      onClick: onRevertPostponement
+    }, {
+      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 && {
+      rgItemType,
+      label: (_translations$switchU = translations === null || translations === void 0 ? void 0 : translations.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
+      className: modules_47759f5e.profileMenuItem,
+      onClick: onSwitchUser
+    }, showLogOut && {
+      rgItemType,
+      label: (_translations$logout = translations === null || translations === void 0 ? void 0 : translations.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
+      onClick: onLogout
+    }].filter(isTruthy);
+    return /*#__PURE__*/jsx(DropdownMenu, _objectSpread2(_objectSpread2({}, props), {}, {
+      onShow: onShow,
+      onHide: onHide,
+      title: user.name,
+      anchor: anchor,
+      data: renderPopupItems(items),
+      "data-test": "ring-profile",
+      className: classNames(modules_47759f5e.profile, className),
+      activeClassName: activeClassName,
+      menuProps: _objectSpread2({
+        closeOnSelect,
+        left: -2,
+        top: -8,
+        sidePadding: 32
+      }, menuProps)
+    }));
+  }
+}
 _defineProperty(Profile, "defaultProps", {
   closeOnSelect: true,
-  renderPopupItems: function renderPopupItems(items) {
-    return items;
-  },
+  renderPopupItems: items => items,
   size: Size.Size32,
-  renderGuest: function renderGuest(_ref) {
-    var loading = _ref.loading,
-      onLogin = _ref.onLogin,
-      className = _ref.className,
-      translations = _ref.translations;
+  renderGuest: _ref => {
+    let {
+      loading,
+      onLogin,
+      className,
+      translations
+    } = _ref;
     return /*#__PURE__*/jsx(I18nContext.Consumer, {
-      children: function children(_ref2) {
+      children: _ref2 => {
         var _translations$login2;
-        var translate = _ref2.translate;
+        let {
+          translate
+        } = _ref2;
         return /*#__PURE__*/jsx("div", {
           className: classNames(modules_47759f5e.profileEmpty, className),
           children: /*#__PURE__*/jsx(Button, {

package/components/header/services-link.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import { LinkProps } from '../link/link';
 export interface Service {
     id: string;
@@ -12,14 +11,5 @@ export interface ServicesLinkProps extends Partial<LinkProps> {
     service: Service;
 }
 export default class ServicesLink extends PureComponent<ServicesLinkProps> {
-    static propTypes: {
-        isActive: PropTypes.Requireable<boolean>;
-        service: PropTypes.Requireable<PropTypes.InferProps<{
-            applicationName: PropTypes.Requireable<string>;
-            iconUrl: PropTypes.Requireable<string>;
-            homeUrl: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-        }>>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/header/services-link.js

@@ -1,14 +1,11 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
-import 'prop-types';
 import '../link/link.js';
 export { S as default } from '../_helpers/services-link.js';
 import 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/components/header/services.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import Theme from '../global/theme';
 import ServicesLink, { Service } from './services-link';
 export interface ServicesProps extends HTMLAttributes<HTMLElement> {
@@ -11,19 +10,6 @@ export interface ServicesProps extends HTMLAttributes<HTMLElement> {
 }
 export default class Services extends PureComponent<ServicesProps> {
     static sort: (a: Service, b: Service) => number;
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        clientId: PropTypes.Requireable<string>;
-        initShown: PropTypes.Requireable<boolean>;
-        loading: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        services: PropTypes.Requireable<(PropTypes.InferProps<{
-            applicationName: PropTypes.Requireable<string>;
-            iconUrl: PropTypes.Requireable<string>;
-            homeUrl: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-    };
     static defaultProps: {
         theme: Theme;
     };