@jetbrains/ring-ui 4.2.9 → 4.2.10

package/dist/header/smart-profile.js

@@ -0,0 +1,233 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import '../auth/auth.js';
+import alertService from '../alert-service/alert-service.js';
+import Profile from './profile.js';
+import Auth, { USER_CHANGED_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGE_POSTPONED_EVENT } from '../auth/auth__core.js';
+import '../auth/window-flow.js';
+import '../auth/response-parser.js';
+import 'core-js/modules/es.string.replace.js';
+import 'es6-error';
+import '../global/url.js';
+import '../auth/down-notification.js';
+import '../alert/alert.js';
+import 'classnames';
+import '@jetbrains/icons/exception';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/warning';
+import '@jetbrains/icons/close';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+import '../loader-inline/loader-inline.js';
+import '../global/theme.js';
+import '../global/data-tests.js';
+import '../_helpers/inject-styles.js';
+import '../global/conic-gradient.js';
+import 'conic-gradient';
+import '../global/supports-css.js';
+import '../global/inject-styles.js';
+import '../global/radial-gradient-mask.js';
+import '../global/get-uid.js';
+import '../global/dom.js';
+import '../alert/container.js';
+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/react-render-adapter.js';
+import '../global/listeners.js';
+import '../http/http.js';
+import '../global/promise-with-timeout.js';
+import '../auth/storage.js';
+import '../storage/storage.js';
+import '../storage/storage__local.js';
+import '../storage/storage__fallback.js';
+import 'deep-equal';
+import '../auth/request-builder.js';
+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-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() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {
+      user: null,
+      size: Profile.defaultProps.size,
+      isLogoutPostponed: false,
+      isUserChangePostponed: false
+    });
+
+    _defineProperty(this, "login", async () => {
+      this.setState({
+        loading: true
+      });
+
+      try {
+        await this.props.auth.login();
+      } catch (err) {// do nothing
+      } finally {
+        this.setState({
+          loading: false
+        });
+      }
+    });
+
+    _defineProperty(this, "logout", () => this.props.auth.logout());
+
+    _defineProperty(this, "switchUser", () => this.props.auth.switchUser());
+
+    _defineProperty(this, "onRevertPostponement", () => {
+      if (this.state.isLogoutPostponed) {
+        this.props.auth.login();
+      }
+
+      if (this.state.isUserChangePostponed) {
+        this.props.auth.updateUser();
+      }
+    });
+  }
+
+  componentDidMount() {
+    this.requestUser();
+  }
+
+  async requestUser() {
+    try {
+      const {
+        auth
+      } = this.props;
+      const user = await auth.requestUser();
+      this.checkUserCertificateMismatch(user);
+      this.setState({
+        user
+      });
+      auth.addListener(USER_CHANGED_EVENT, newUser => {
+        this.setState({
+          user: newUser,
+          isLogoutPostponed: false,
+          isUserChangePostponed: false
+        });
+      });
+      auth.addListener(LOGOUT_POSTPONED_EVENT, () => {
+        this.setState({
+          isLogoutPostponed: true
+        });
+      });
+      auth.addListener(USER_CHANGE_POSTPONED_EVENT, () => {
+        this.setState({
+          isUserChangePostponed: true
+        });
+      });
+    } catch (e) {// noop
+    }
+  }
+
+  checkUserCertificateMismatch(user) {
+    var _userMeta$headers;
+
+    const {
+      auth,
+      translations
+    } = this.props;
+    const userMeta = auth.http.getMetaForResponse(user);
+
+    if (userMeta !== null && userMeta !== void 0 && (_userMeta$headers = userMeta.headers) !== null && _userMeta$headers !== void 0 && _userMeta$headers.has(CERTIFICATE_MISMATCH_HEADER)) {
+      const message = (translations === null || translations === void 0 ? void 0 : translations.certificateMismatch) || "You are authenticated as ".concat(user.login || user.name, ". To authenticate with the client certificate for your account, log out, then click the \"Log in with certificate\" option on the login page.");
+      alertService.warning(message, 0);
+    }
+  }
+
+  render() {
+    const {
+      user,
+      loading,
+      isLogoutPostponed,
+      isUserChangePostponed
+    } = this.state;
+    const {
+      auth,
+      profileUrl,
+      ...props
+    } = this.props;
+    const url = profileUrl || (user ? "".concat(auth.config.serverUri, "users/").concat(user.id) : '');
+    return /*#__PURE__*/React.createElement(Profile, _extends({
+      onLogin: this.login,
+      onLogout: this.logout,
+      onSwitchUser: this.switchUser,
+      loading: loading,
+      user: user,
+      profileUrl: url,
+      showApplyChangedUser: isUserChangePostponed,
+      showLogIn: isLogoutPostponed,
+      showLogOut: !isLogoutPostponed,
+      showSwitchUser: auth._canShowDialogs() && !isLogoutPostponed && !isUserChangePostponed,
+      onRevertPostponement: this.onRevertPostponement
+    }, props));
+  }
+
+}
+
+_defineProperty(SmartProfile, "propTypes", {
+  auth: PropTypes.instanceOf(Auth).isRequired,
+  className: PropTypes.string,
+  translations: PropTypes.object,
+  profileUrl: PropTypes.string,
+  size: Profile.propTypes.size,
+  round: Profile.propTypes.round
+});
+
+_defineProperty(SmartProfile, "Size", Profile.Size);
+
+export { SmartProfile as default };

package/dist/header/smart-services.js

@@ -0,0 +1,163 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import '../auth/auth.js';
+import HTTP from '../http/http.js';
+import Services from './services.js';
+import Auth from '../auth/auth__core.js';
+import '../auth/window-flow.js';
+import '../auth/response-parser.js';
+import 'core-js/modules/es.string.replace.js';
+import 'es6-error';
+import '../global/url.js';
+import '../auth/down-notification.js';
+import '../alert-service/alert-service.js';
+import '../global/react-render-adapter.js';
+import 'react-dom';
+import '../global/get-uid.js';
+import '../alert/alert.js';
+import 'classnames';
+import '@jetbrains/icons/exception';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/warning';
+import '@jetbrains/icons/close';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+import '../loader-inline/loader-inline.js';
+import '../global/theme.js';
+import '../global/data-tests.js';
+import '../_helpers/inject-styles.js';
+import '../global/conic-gradient.js';
+import 'conic-gradient';
+import '../global/supports-css.js';
+import '../global/inject-styles.js';
+import '../global/radial-gradient-mask.js';
+import '../global/dom.js';
+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';
+import '../storage/storage.js';
+import '../storage/storage__local.js';
+import '../storage/storage__fallback.js';
+import 'deep-equal';
+import '../auth/request-builder.js';
+import 'simply-uuid';
+import '../auth/background-flow.js';
+import '../auth/token-validator.js';
+import '@jetbrains/icons/services-20px';
+import '../dropdown/dropdown.js';
+import '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';
+import '../button/button.js';
+import '../_helpers/button__classes.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 './tray-icon.js';
+import '../_helpers/header.js';
+import '../_helpers/services-link.js';
+
+function noop() {}
+
+class SmartServices extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {
+      visible: true,
+      loading: false,
+      services: null
+    });
+
+    _defineProperty(this, "stopLoading", () => {
+      this.setState({
+        loading: false
+      });
+    });
+
+    _defineProperty(this, "getServicesContent", () => {
+      this.setState({
+        loading: true
+      });
+      this.getServices(SmartServices.allFields).then(services => {
+        this.setState({
+          services
+        });
+        this.stopLoading();
+      }).catch(this.stopLoading);
+    });
+  }
+
+  componentDidMount() {
+    const {
+      auth
+    } = this.props;
+    this.http = new HTTP(auth, auth.getAPIPath());
+    this.getServices(SmartServices.countFields).then(services => {
+      if (!services.length) {
+        this.setState({
+          visible: false
+        });
+      }
+    }).catch(noop);
+  }
+
+  getServices(fields) {
+    return this.http.get("services/header?fields=".concat(fields));
+  }
+
+  render() {
+    const {
+      services,
+      visible,
+      loading
+    } = this.state;
+    const {
+      auth,
+      ...props
+    } = this.props;
+
+    if (!visible) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement(Services, _extends({}, props, {
+      clientId: auth.config.clientId,
+      initShown: true,
+      loading: loading,
+      onClick: this.getServicesContent,
+      services: services
+    }));
+  }
+
+}
+
+_defineProperty(SmartServices, "propTypes", {
+  auth: PropTypes.instanceOf(Auth).isRequired
+});
+
+_defineProperty(SmartServices, "allFields", 'id,name,applicationName,homeUrl,iconUrl');
+
+_defineProperty(SmartServices, "countFields", 'key');
+
+export { SmartServices as default };

package/dist/header/tray-icon.js

@@ -0,0 +1,47 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Button from '../button/button.js';
+import { m as modules_47759f5e } from '../_helpers/header.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/memoize.js';
+import '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+
+class TrayIcon extends Component {
+  render() {
+    const {
+      className,
+      rotatable: rotatable,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_47759f5e.icon, className, {
+      [modules_47759f5e.rotatable]: rotatable,
+      [modules_47759f5e.rotated]: rotatable && restProps.active
+    });
+    return /*#__PURE__*/React.createElement(Button, _extends({}, restProps, {
+      className: classes
+    }));
+  }
+
+}
+
+_defineProperty(TrayIcon, "propTypes", { ...Button.propTypes,
+  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]).isRequired,
+  rotatable: PropTypes.bool
+});
+
+_defineProperty(TrayIcon, "defaultProps", { ...Button.defaultProps
+});
+
+export { TrayIcon as default };

package/dist/header/tray.js

@@ -0,0 +1,31 @@
+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';
+import { m as modules_47759f5e } from '../_helpers/header.js';
+
+const wrapChild = child => child && /*#__PURE__*/React.createElement("div", {
+  className: modules_47759f5e.trayItem
+}, child);
+
+class Tray extends Component {
+  render() {
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_47759f5e.tray, className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), Children.map(children, wrapChild));
+  }
+
+}
+
+_defineProperty(Tray, "propTypes", {
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { Tray as default };

package/dist/heading/heading.js

@@ -0,0 +1,73 @@
+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_rui_4b24 font_rui_8bff","caps":"caps_rui_4b24"};
+
+/**
+ * @name Heading
+ */
+
+const Levels = {
+  H1: 1,
+  H2: 2,
+  H3: 3,
+  H4: 4
+};
+const fallbackHeading = deprecate(() => 'h3', 'Headings of level 5 and higher are replaced with h3');
+const Heading = /*#__PURE__*/memo(function Heading(_ref) {
+  let {
+    children,
+    className,
+    level,
+    ...restProps
+  } = _ref;
+  const classes = classNames(modules_901b77ec.heading, className);
+  const Tag = level <= Levels.H4 ? "h".concat(level) : fallbackHeading();
+  return /*#__PURE__*/React.createElement(Tag, _extends({}, restProps, {
+    className: classes
+  }), children);
+});
+Heading.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  level: PropTypes.number
+};
+Heading.defaultProps = {
+  level: Levels.H1
+};
+Heading.Levels = Levels;
+
+function makeHeading(level, useCaps) {
+  const H = /*#__PURE__*/memo(_ref2 => {
+    let {
+      className,
+      caps,
+      ...restProps
+    } = _ref2;
+    const classes = classNames(className, {
+      [modules_901b77ec.caps]: useCaps && caps
+    });
+    return /*#__PURE__*/React.createElement(Heading, _extends({}, restProps, {
+      level: level,
+      className: classes
+    }));
+  });
+  H.displayName = "H".concat(level);
+  H.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    // use only for short h1 headers, no longer than three words
+    caps: PropTypes.bool
+  };
+  return H;
+}
+
+const H1 = makeHeading(Levels.H1, true);
+const H2 = makeHeading(Levels.H2);
+const H3 = makeHeading(Levels.H3);
+const H4 = makeHeading(Levels.H4);
+
+export { H1, H2, H3, H4, Heading as default };