@jetbrains/ring-ui 4.2.7 → 4.2.10

package/dist/auth-dialog/auth-dialog.js

@@ -0,0 +1,180 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import '../island/island.js';
+import Dialog from '../dialog/dialog.js';
+import Button from '../button/button.js';
+import { H2 } from '../heading/heading.js';
+import ContentWrapper from '../island/content.js';
+import '../global/data-tests.js';
+import '../island/adaptive-island-hoc.js';
+import '../global/linear-function.js';
+import '../_helpers/island.js';
+import '../island/header.js';
+import 'react-dom';
+import '@jetbrains/icons/close';
+import '../global/get-uid.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../global/dom.js';
+import '../popup/popup.target.js';
+import '../_helpers/dialog__body-scroll-preventer.js';
+import 'scrollbar-width';
+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 '../global/memoize.js';
+import '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import 'element-resize-detector';
+import '../global/schedule-raf.js';
+
+var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_159b","content":"content_rui_159b font_rui_8bff","button":"button_rui_159b","firstButton":"firstButton_rui_159b button_rui_159b","title":"title_rui_159b","logo":"logo_rui_159b","error":"error_rui_159b"};
+
+/**
+ * @name Auth Dialog
+ */
+
+class AuthDialog extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {
+      retrying: false
+    });
+
+    _defineProperty(this, "onEscPress", () => {
+      if (this.props.cancelOnEsc) {
+        this.props.onCancel();
+      }
+    });
+
+    _defineProperty(this, "onRetryPress", async () => {
+      if (!this.props.onTryAgain || this.state.retrying) {
+        return;
+      }
+
+      this.setState({
+        retrying: true
+      });
+
+      try {
+        await this.props.onTryAgain();
+      } catch (e) {// do nothing, error is handled in onTryAgain
+      } finally {
+        this.setState({
+          retrying: false
+        });
+      }
+    });
+  }
+
+  componentDidMount() {
+    window.addEventListener('online', this.onRetryPress);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('online', this.onRetryPress);
+  }
+
+  render() {
+    const {
+      show,
+      className,
+      errorMessage,
+      serviceImage,
+      serviceName,
+      loginCaption,
+      loginToCaption,
+      confirmLabel,
+      cancelLabel,
+      tryAgainLabel,
+      onConfirm,
+      onCancel,
+      onTryAgain
+    } = this.props;
+    const {
+      retrying
+    } = this.state;
+    const defaultTitle = serviceName ? loginToCaption : loginCaption;
+    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName);
+    return /*#__PURE__*/React.createElement(Dialog, {
+      label: title,
+      "data-test": "ring-auth-dialog",
+      className: className,
+      contentClassName: classNames(className, modules_ae521deb.dialog),
+      onEscPress: this.onEscPress,
+      show: show,
+      trapFocus: true
+    }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
+      className: modules_ae521deb.content
+    }, serviceImage && /*#__PURE__*/React.createElement("img", {
+      alt: "".concat(serviceName, " logo"),
+      className: modules_ae521deb.logo,
+      src: serviceImage
+    }), /*#__PURE__*/React.createElement(H2, {
+      className: modules_ae521deb.title
+    }, title), errorMessage && /*#__PURE__*/React.createElement("div", {
+      className: modules_ae521deb.error
+    }, errorMessage), /*#__PURE__*/React.createElement(Button, {
+      primary: true,
+      className: modules_ae521deb.firstButton,
+      "data-test": "auth-dialog-confirm-button",
+      onClick: onConfirm
+    }, confirmLabel), onTryAgain && /*#__PURE__*/React.createElement(Button, {
+      className: modules_ae521deb.button,
+      "data-test": "auth-dialog-retry-button",
+      onClick: () => this.onRetryPress(),
+      loader: retrying,
+      disabled: retrying
+    }, tryAgainLabel), /*#__PURE__*/React.createElement(Button, {
+      className: modules_ae521deb.button,
+      "data-test": "auth-dialog-cancel-button",
+      onClick: onCancel
+    }, cancelLabel))));
+  }
+
+}
+
+_defineProperty(AuthDialog, "propTypes", {
+  className: PropTypes.string,
+  title: PropTypes.string,
+  errorMessage: PropTypes.string,
+  serviceImage: PropTypes.string,
+  serviceName: PropTypes.string,
+  loginCaption: PropTypes.string,
+  loginToCaption: PropTypes.string,
+  show: PropTypes.bool,
+  cancelOnEsc: PropTypes.bool,
+  confirmLabel: PropTypes.string,
+  cancelLabel: PropTypes.string,
+  tryAgainLabel: PropTypes.string,
+  onConfirm: PropTypes.func,
+  onCancel: PropTypes.func,
+  onTryAgain: PropTypes.func
+});
+
+_defineProperty(AuthDialog, "defaultProps", {
+  loginCaption: 'Log in',
+  loginToCaption: 'Log in to %serviceName%',
+  show: false,
+  cancelOnEsc: true,
+  confirmLabel: 'Log in',
+  cancelLabel: 'Remain a guest',
+  onConfirm: () => {},
+  onCancel: () => {}
+});
+
+export { AuthDialog as default };

package/dist/auth-dialog-service/auth-dialog-service.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { render } from '../global/react-render-adapter.js';
+import AuthDialog from '../auth-dialog/auth-dialog.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.replace.js';
+import 'prop-types';
+import 'classnames';
+import '../island/island.js';
+import '../global/data-tests.js';
+import '../island/adaptive-island-hoc.js';
+import '../global/linear-function.js';
+import '../_helpers/island.js';
+import '../island/header.js';
+import '../island/content.js';
+import 'element-resize-detector';
+import '../global/schedule-raf.js';
+import '../dialog/dialog.js';
+import '@jetbrains/icons/close';
+import '../global/get-uid.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../global/dom.js';
+import '../button/button.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 '../global/memoize.js';
+import '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import '../popup/popup.target.js';
+import '../_helpers/dialog__body-scroll-preventer.js';
+import 'scrollbar-width';
+import '../heading/heading.js';
+
+/**
+ * @name Auth Dialog Service
+ */
+
+const containerElement = document.createElement('div');
+/**
+ * Renders AuthDialog into virtual node to skip maintaining container
+ */
+
+function renderAuthDialog(props) {
+  render( /*#__PURE__*/React.createElement(AuthDialog, props), containerElement);
+}
+
+function showAuthDialog() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  renderAuthDialog({ ...props,
+    show: true
+  });
+  return () => {
+    renderAuthDialog({
+      show: false
+    });
+  };
+}
+
+export { showAuthDialog as default };

package/dist/auth-ng/auth-ng.js

@@ -0,0 +1,206 @@
+import 'core-js/modules/es.string.replace.js';
+import angular from 'angular';
+import '../auth/auth.js';
+import Auth from '../auth/auth__core.js';
+import '../auth/window-flow.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import '../auth/response-parser.js';
+import 'es6-error';
+import '../global/url.js';
+import '../auth/down-notification.js';
+import 'react';
+import 'prop-types';
+import '../alert-service/alert-service.js';
+import 'core-js/modules/web.dom-collections.iterator.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 '../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';
+
+/**
+ * @name Auth Ng
+ */
+
+const angularModule = angular.module('Ring.auth', []);
+angularModule.provider('auth', ["$httpProvider", function provider($httpProvider) {
+  /**
+   * @type Auth
+   */
+  let auth;
+  /**
+   * @type {{cleanHash: boolean}} config
+   */
+
+  const defaultConfig = {
+    cleanHash: false //prevents infinite redirect on angular>1.2.26
+
+  };
+
+  this.init = authInstance => {
+    auth = authInstance;
+  };
+  /**
+   * @param {{
+   *   serverUri: string,
+   *   redirectUri: string?,
+   *   clientId: string?,
+   *   scope: string[]?,
+   *   cleanHash: boolean?
+   * }} config
+   */
+
+
+  this.config = config => {
+    const configCopy = angular.extend({}, defaultConfig, config);
+    auth = new Auth(configCopy);
+  };
+
+  $httpProvider.interceptors.push(['$q', '$injector', 'auth', ($q, $injector, authInstance) => {
+    function urlEndsWith(config, suffix) {
+      return config && config.url && config.url.indexOf(suffix) === config.url.length - suffix.length;
+    }
+
+    return {
+      request(config) {
+        if (!authInstance || urlEndsWith(config, '.html') || config && config.noAuthorization) {
+          // Don't intercept angular template requests
+          return config;
+        }
+
+        return authInstance.promise.then(() => authInstance.auth.requestToken()).then(accessToken => {
+          if (accessToken) {
+            config.headers.Authorization = "Bearer ".concat(accessToken);
+          }
+
+          return config;
+        });
+      },
+
+      responseError(rejection) {
+        if (authInstance && !urlEndsWith(rejection.config, '.html') && rejection.data != null && Auth.shouldRefreshToken(rejection.data.error)) {
+          // Use $injector to avoid circular dependency
+          const $http = $injector.get('$http');
+          const {
+            data,
+            method,
+            params,
+            url
+          } = rejection.config;
+          return authInstance.auth.forceTokenUpdate().then(() => $http({
+            data,
+            method,
+            params,
+            url
+          }));
+        }
+
+        return $q.reject(rejection);
+      }
+
+    };
+  }]);
+  this.$get = ["$injector", "$log", "$sniffer", function get($injector, $log, $sniffer) {
+    // Do not try to init anything without config
+    if (!auth) {
+      $log.warn('Auth wasn\'t initialized');
+      return null;
+    }
+
+    if (auth.config.reloadOnUserChange === false) {
+      auth.addListener('userChange', () => {
+        const $route = $injector.get('$route');
+        $route.reload();
+      });
+    }
+    /**
+     * @type {Promise.<string>}
+     */
+
+
+    const authInitPromise = auth.init();
+    /**
+     * @param {string?} restoreLocationURL
+     */
+
+    function restoreLocation(restoreLocationURL) {
+      if (restoreLocationURL) {
+        const bases = document.getElementsByTagName('base');
+        let baseURI = auth.config.redirectUri;
+
+        if (bases.length > 0) {
+          baseURI = bases[0].href;
+        }
+
+        if (restoreLocationURL.indexOf(baseURI) === 0) {
+          const $location = $injector.get('$location');
+          let relativeURI = restoreLocationURL.substr(baseURI.length); // We have to turn url with hash to simple relative url in HashbangInHtml5 mode
+          // And there is no other and documented way to detect that mode
+          // @see http://stackoverflow.com/a/16678065
+
+          if ($location.$$html5 && !$sniffer.history) {
+            // eslint-disable-line angular/no-private-call
+            relativeURI = relativeURI.replace(/^#\//, '');
+          }
+
+          $location.url(relativeURI).replace();
+        }
+      }
+    }
+
+    authInitPromise.then(restoreLocation, e => {
+      if (!e.authRedirect) {
+        $log.error(e);
+      }
+    });
+    return {
+      auth,
+      requestUser: auth.requestUser.bind(auth),
+      clientId: auth.config.clientId,
+      logout: auth.logout.bind(auth),
+      promise: authInitPromise
+    };
+  }];
+}]);
+var authNg = angularModule.name;
+
+export { authNg as default };

package/dist/auth-ng/auth-ng.mock.js

@@ -0,0 +1,33 @@
+/**
+ * TODO(maksimrv): Remove this code
+ * It is currently required because permissions do not work without auth,
+ * but we can't stub the correct auth component and should mock all providers.
+ */
+function AuthProviderMock() {
+  this.$get = ['$q', function get($q) {
+    const promise = $q.resolve([]);
+    return {
+      auth: {
+        addListener() {},
+
+        getAPIPath() {
+          return '/';
+        },
+
+        requestToken() {
+          return promise;
+        },
+
+        http: {
+          get() {
+            return promise;
+          }
+
+        }
+      },
+      promise
+    };
+  }];
+}
+
+export { AuthProviderMock as default };

package/dist/autofocus-ng/autofocus-ng.js

@@ -0,0 +1,51 @@
+import angular from 'angular';
+import { FOCUSABLE_ELEMENTS } from '../tab-trap/tab-trap.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
+import 'prop-types';
+import '../global/dom.js';
+
+const angularModule = angular.module('Ring.autofocus', []);
+const RING_SELECT_SELECTOR = '[data-test=ring-select__focus]';
+const RING_SELECT = 'rg-select';
+angularModule.directive('rgAutofocus', function rgAutofocusDirective() {
+  /**
+   * Focuses on element itself if it has "focus" method.
+   * Searches and focuses on select's button or input if element is rg-select
+   * @param element
+   */
+  function focusOnElement(element) {
+    if (!element) {
+      return;
+    }
+
+    if (element.hasAttribute(RING_SELECT) || element.tagName.toLowerCase() === RING_SELECT) {
+      focusOnElement(element.querySelector(RING_SELECT_SELECTOR));
+      return;
+    }
+
+    if (element.matches(FOCUSABLE_ELEMENTS) && element.focus) {
+      element.focus();
+      return;
+    }
+
+    const focusableChild = element.querySelector(FOCUSABLE_ELEMENTS);
+
+    if (focusableChild && focusableChild.focus) {
+      focusableChild.focus();
+    }
+  }
+
+  return (scope, iElement, iAttrs) => {
+    const element = iElement[0];
+    scope.$watch(iAttrs.rgAutofocus, newValue => {
+      if (newValue) {
+        scope.$evalAsync(() => focusOnElement(element));
+      }
+    });
+  };
+});
+var autofocusNg = angularModule.name;
+
+export { autofocusNg as default };

package/dist/avatar/avatar-example-datauri.js

@@ -0,0 +1,4 @@
+// Taken from https://hub.jetbrains.com/api/rest/avatar/default?username=Jet%20Brains&dpr=2&size=56
+const avatarDataUri = "data:image/svg+xml,".concat(encodeURIComponent("\n<svg viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\">\n    <defs>\n        <linearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop stop-color=\"#D50F6B\" offset=\"0\"/>\n            <stop stop-color=\"#E73AE8\" offset=\"1\"/>\n        </linearGradient>\n    </defs>\n    <g>\n        <rect fill=\"url(#gradient)\"\n              x=\"0\" y=\"0\" width=\"40\" height=\"40\"\n              rx=\"3\" ry=\"3\"/>\n        <text x=\"5\" y=\"19\"\n              font-family=\"Arial, Helvetica, sans-serif\"\n              font-size=\"15px\"\n              letter-spacing=\"1\"\n              fill=\"#FFFFFF\">\n            <tspan>JB</tspan>\n            <tspan x=\"6\" y=\"28\">_</tspan>\n        </text>\n    </g>\n</svg>\n"));
+
+export { avatarDataUri };