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

package/dist/loader-inline/inject-styles.js

@@ -4,8 +4,8 @@ import '../global/memoize.js';
 import '../global/radial-gradient-mask.js';
 import '../global/theme.js';
 export { i as default } from '../_helpers/inject-styles.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'conic-gradient';
 import '../global/supports-css.js';
 import '../global/get-uid.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';

package/dist/loader-inline/loader-inline.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, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -23,15 +23,13 @@ class LoaderInline extends PureComponent {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       className,
       theme,
       'data-test': dataTest,
-      children
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "theme", "data-test", "children"]);
-
+      children,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_e49a3529.loader, className, `${modules_e49a3529.loader}_${theme}`);
     const loader = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
@@ -55,4 +53,4 @@ _defineProperty(LoaderInline, "Theme", Theme);
 
 var LoaderInline$1 = withTheme()(LoaderInline);
 
-export default LoaderInline$1;
+export { LoaderInline$1 as default };

package/dist/loader-inline-ng/loader-inline-ng.js

@@ -0,0 +1,42 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import angular from 'angular';
+import { m as modules_e49a3529, i as injectStyles } from '../_helpers/inject-styles.js';
+import Theme from '../global/theme.js';
+import '../global/conic-gradient.js';
+import 'conic-gradient';
+import '../global/memoize.js';
+import '../global/supports-css.js';
+import '../global/inject-styles.js';
+import '../global/radial-gradient-mask.js';
+import '../global/get-uid.js';
+import 'react';
+
+/**
+ * @name Loader Inline Ng
+ */
+
+const angularModule = angular.module('Ring.loader-inline', []);
+
+class LoaderController {
+  constructor() {
+    _defineProperty(this, "getThemeClass", () => `${modules_e49a3529.loader}_${this.theme}`);
+  }
+
+  $onInit() {
+    injectStyles();
+    this.theme = this.theme || Theme.LIGHT;
+  }
+
+}
+
+LoaderController.$inject = [];
+angularModule.component('rgLoaderInline', {
+  bindings: {
+    theme: '@?'
+  },
+  template: `<div data-test="ring-loader-inline-ng" class="${modules_e49a3529.loader}" ng-class="$ctrl.getThemeClass()"></div>`,
+  controller: LoaderController
+});
+var loaderInlineNg = angularModule.name;
+
+export { loaderInlineNg as default };

package/dist/loader-ng/loader-ng.js

@@ -0,0 +1,43 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import angular from 'angular';
+import RingAngularComponent from '../global/ring-angular-component.js';
+import LoaderCore from '../loader/loader__core.js';
+import '../global/dom.js';
+
+/**
+ * @name Loader Ng
+ */
+
+const angularModule = angular.module('Ring.loader', []);
+
+class RgLoaderComponent extends RingAngularComponent {
+  constructor() {
+    super(...arguments);
+    const {
+      $element
+    } = this.$inject;
+    this.loader = new LoaderCore($element[0], {
+      message: this.message
+    });
+  }
+
+  $onDestroy() {
+    this.loader.destroy();
+  }
+
+  $onChanges(changes) {
+    this.loader.updateMessage(changes.message.currentValue);
+  }
+
+}
+
+_defineProperty(RgLoaderComponent, "$inject", ['$element']);
+
+_defineProperty(RgLoaderComponent, "bindings", {
+  message: '@'
+});
+
+angularModule.component('rgLoader', RgLoaderComponent);
+var loaderNg = angularModule.name;
+
+export { loaderNg as default };

package/dist/loader-screen/loader-screen.js

@@ -1,28 +1,25 @@
-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, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import Loader from '../loader/loader.js';
+import { m as modules_122a82e9 } from '../_helpers/loader-screen.js';
 import '../global/data-tests.js';
 import '../loader/loader__core.js';
 import '../global/dom.js';
 
-var modules_122a82e9 = {"loaderScreen":"loaderScreen_loaderScreen__58811ca6","loader":"loaderScreen_loader__58811ca6","loaderWithoutSpacing":"loaderScreen_loaderWithoutSpacing__58811ca6"};
-
 /**
  * @name Loader Screen
  */
 
 class LoaderScreen extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       message,
       className,
-      containerClassName
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["message", "className", "containerClassName"]);
-
+      containerClassName,
+      ...restProps
+    } = this.props;
     const containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
     const loaderClasses = classNames(className, modules_122a82e9.loader, {
       [modules_122a82e9.loaderWithoutSpacing]: !message
@@ -43,4 +40,4 @@ _defineProperty(LoaderScreen, "propTypes", {
   message: PropTypes.string
 });
 
-export default LoaderScreen;
+export { LoaderScreen as default };

package/dist/loader-screen-ng/loader-screen-ng.js

@@ -0,0 +1,99 @@
+import angular from 'angular';
+import loaderNg from '../loader-ng/loader-ng.js';
+import { m as modules_122a82e9 } from '../_helpers/loader-screen.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import '../global/ring-angular-component.js';
+import '../loader/loader__core.js';
+import '../global/dom.js';
+
+/**
+ * @name Loader Screen Ng
+ */
+
+const angularModule = angular.module('Ring.loader-screen', [loaderNg]);
+angularModule.service('loaderScreen', ["$timeout", "$rootScope", function service($timeout, $rootScope) {
+  var _this = this;
+
+  // TODO in CSS Modules version put constant to global.css
+  const ordinaryLoadingTTL = 100;
+  let initialLoading = false;
+  let loadingFailed = false;
+  let showLoader;
+  let showLoaderPromise;
+
+  this.startLoading = function () {
+    let ttl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ordinaryLoadingTTL;
+
+    if (showLoaderPromise) {
+      return; // already scheduled to show
+    }
+
+    showLoaderPromise = $timeout(() => {
+      _this.setVisible(true);
+    }, ttl);
+  };
+
+  this.stopLoading = () => {
+    if (showLoaderPromise) {
+      $timeout.cancel(showLoaderPromise);
+      showLoaderPromise = null;
+    }
+
+    this.setVisible(false);
+  };
+
+  this.startInitialLoading = () => {
+    initialLoading = true;
+    this.setVisible(true);
+  };
+
+  this.stopInitialLoading = () => {
+    initialLoading = false;
+    this.setVisible(false);
+  };
+
+  $rootScope.isInitialLoading = () => initialLoading;
+
+  $rootScope.isLoaderVisible = () => showLoader;
+
+  $rootScope.isLoadingFailed = () => loadingFailed;
+
+  this.failInitialLoading = error => {
+    this.stopInitialLoading();
+    loadingFailed = true;
+    $rootScope.error = error;
+  };
+
+  this.setVisible = visible => {
+    showLoader = visible;
+  };
+  /* eslint-disable angular/on-watch */
+
+
+  $rootScope.$on('$routeChangeSuccess', () => {
+    this.stopInitialLoading();
+  });
+  $rootScope.$on('$routeChangeError', (event, current, previous, rejection) => {
+    if (!rejection || !(rejection.silent || rejection.authRedirect)) {
+      this.failInitialLoading(rejection);
+    }
+  });
+  /* eslint-enable angular/on-watch */
+}]);
+angularModule.directive('rgLoaderScreen', function rgLoaderScreenDirective() {
+  return {
+    restrict: 'A',
+    scope: {
+      message: '@rgLoaderScreen'
+    },
+    template: `
+<div class="${modules_122a82e9.loaderScreen}" ng-if="$root.isLoaderVisible()">
+  <rg-loader class="${modules_122a82e9.loader}"
+    message="{{$root.isInitialLoading() ? message : ''}}"></rg-loader>
+</div>
+    `
+  };
+});
+var loaderScreenNg = angularModule.name;
+
+export { loaderScreenNg as default };

package/dist/login-dialog/login-dialog.js

@@ -24,7 +24,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';
@@ -40,11 +41,12 @@ import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../loader/loader.js';
 import '../loader/loader__core.js';
+import '../_helpers/loader-screen.js';
 import '../auth/response-parser.js';
 import 'es6-error';
 import '../global/url.js';
 
-var modules_45da1992 = {"unit":"8px","iFrame":"loginDialog_iFrame__ea283227","dialogContent":"loginDialog_dialogContent__ea283227","nonOpaqueLoader":"loginDialog_nonOpaqueLoader__ea283227","fallbackLinkContainer":"loginDialog_fallbackLinkContainer__ea283227"};
+var modules_45da1992 = {"unit":"8px","iFrame":"iFrame_rui_ea28","dialogContent":"dialogContent_rui_ea28","nonOpaqueLoader":"nonOpaqueLoader_rui_ea28","fallbackLinkContainer":"fallbackLinkContainer_rui_ea28"};
 
 const HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
 const HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';
@@ -56,8 +58,8 @@ const DEFAULT_SHOW_FALLBACK_TIMEOUT = 5000;
  */
 
 class LoginDialog extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {
       loading: true,
@@ -181,4 +183,4 @@ _defineProperty(LoginDialog, "defaultProps", {
   showFallbackTimeout: DEFAULT_SHOW_FALLBACK_TIMEOUT
 });
 
-export default LoginDialog;
+export { LoginDialog as default };

package/dist/login-dialog/service.js

@@ -1,7 +1,7 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { unmountComponentAtNode, render } from 'react-dom';
 import LoginDialog from './login-dialog.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../dialog/dialog.js';
 import 'classnames';
@@ -29,7 +29,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';
@@ -40,6 +41,7 @@ import 'scrollbar-width';
 import '../loader-screen/loader-screen.js';
 import '../loader/loader.js';
 import '../loader/loader__core.js';
+import '../_helpers/loader-screen.js';
 import '../auth/background-flow.js';
 import '../auth/response-parser.js';
 import 'es6-error';
@@ -54,13 +56,14 @@ function renderLoginDialog(props) {
   render( /*#__PURE__*/React.createElement(LoginDialog, props), containerElement);
 }
 
-function showAuthDialog(props = {}) {
-  renderLoginDialog(_objectSpread2(_objectSpread2({}, props), {}, {
+function showAuthDialog() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  renderLoginDialog({ ...props,
     show: true
-  }));
+  });
   return () => {
     unmountComponentAtNode(containerElement);
   };
 }
 
-export default showAuthDialog;
+export { showAuthDialog as default };

package/dist/markdown/code.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Code from '../code/code.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'classnames';
+import 'highlight.js/lib/core';
+import '../global/normalize-indent.js';
+import '../global/trivial-template-tag.js';
+import '../global/memoize.js';
+
+const MarkdownCode = _ref => {
+  let {
+    value,
+    language,
+    inline
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Code, {
+    language: language,
+    code: value || '',
+    inline: inline
+  });
+};
+
+MarkdownCode.propTypes = {
+  language: PropTypes.string,
+  value: PropTypes.string,
+  inline: PropTypes.bool
+};
+
+export { MarkdownCode as default };

package/dist/markdown/heading.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Heading from '../heading/heading.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'classnames';
+import 'util-deprecate';
+
+const MarkdownHeading = _ref => {
+  let {
+    level,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Heading, {
+    level: level
+  }, children);
+};
+
+MarkdownHeading.propTypes = {
+  level: PropTypes.number,
+  children: PropTypes.node
+};
+
+export { MarkdownHeading as default };

package/dist/markdown/link.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Link from '../link/link.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
+import 'classnames';
+import '../global/memoize.js';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+
+const MarkdownLink = _ref => {
+  let {
+    href,
+    title,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Link, {
+    href,
+    title
+  }, children);
+};
+
+MarkdownLink.propTypes = {
+  href: PropTypes.string,
+  title: PropTypes.string,
+  children: PropTypes.node
+};
+
+export { MarkdownLink as default };

package/dist/markdown/markdown.js

@@ -0,0 +1,73 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import ReactMarkdown from 'react-markdown';
+import classNames from 'classnames';
+import RemarkBreaks from 'remark-breaks';
+import RemarkGFM from 'remark-gfm';
+import normalizeIndent from '../global/normalize-indent.js';
+import trivialTemplateTag from '../global/trivial-template-tag.js';
+import MarkdownCode from './code.js';
+import MarkdownLink from './link.js';
+import MarkdownHeading from './heading.js';
+import '../code/code.js';
+import 'highlight.js/lib/core';
+import '../global/memoize.js';
+import '../link/link.js';
+import 'focus-visible';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../heading/heading.js';
+import 'util-deprecate';
+
+var modules_9c709e64 = {"unit":"8px","p-margin":"10px","inline":"inline_rui_273a","markdown":"markdown_rui_273a font_rui_750f"};
+
+/**
+  * @name Markdown
+*/
+
+class Markdown extends PureComponent {
+  render() {
+    const {
+      className,
+      renderers,
+      inline,
+      source,
+      plugins = [],
+      ...restProps
+    } = this.props;
+    const classes = classNames(className, {
+      [modules_9c709e64.markdown]: !inline,
+      [modules_9c709e64.inline]: inline
+    });
+    return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
+      className: classes,
+      source: normalizeIndent(source),
+      plugins: [RemarkBreaks, RemarkGFM, ...plugins],
+      renderers: {
+        link: MarkdownLink,
+        linkReference: MarkdownLink,
+        code: MarkdownCode,
+        inlineCode: MarkdownCode,
+        heading: MarkdownHeading,
+        ...renderers
+      }
+    }, restProps));
+  }
+
+}
+
+_defineProperty(Markdown, "propTypes", {
+  inline: PropTypes.bool,
+  source: PropTypes.string,
+  className: PropTypes.string,
+  renderers: PropTypes.object,
+  plugins: PropTypes.array
+});
+
+const md = trivialTemplateTag(source => /*#__PURE__*/React.createElement(Markdown, {
+  source
+}));
+
+export { Markdown as default, md };

package/dist/message/message.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, 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 classNames from 'classnames';
@@ -22,7 +22,8 @@ import '../popup/popup.consts.js';
 import '../popup/popup.target.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 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
@@ -30,7 +31,7 @@ import '../global/theme.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_message__18608ba2","icon":"message_icon__18608ba2","title":"message_title__18608ba2 global_fontLower__0f8f4370 global_font__0f8f4370","description":"message_description__18608ba2 global_fontSmallerLower__0f8f4370 global_fontSmaller__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","button":"message_button__18608ba2","tail":"message_tail__18608ba2"};
+var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_rui_4faf","icon":"icon_rui_4faf","title":"title_rui_4faf fontLower_rui_750f font_rui_750f","description":"description_rui_4faf fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","button":"button_rui_4faf","tail":"tail_rui_4faf"};
 
 /**
   * @name Message
@@ -106,8 +107,8 @@ const getTailOffsets = offset => ({
 
 
 class Message extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {});
 
@@ -229,4 +230,4 @@ _defineProperty(Message, "Directions", Directions);
 
 _defineProperty(Message, "PopupProps", Popup.PopupProps);
 
-export default Message;
+export { Message as default };

package/dist/message-bundle-ng/message-bundle-ng.js

@@ -0,0 +1,111 @@
+import angular from 'angular';
+
+/**
+ * This service is used by directive to correctly show messages.
+ * You can decorate this service to provide your own localized messages.
+ */
+
+const angularModule = angular.module('Ring.message-bundle', []);
+/**
+ * Empty i18n function. If project supports localization, it should decorate i18n
+ * with translating function
+ */
+
+function emptyI18n() {
+  return str => str;
+}
+
+function RingMessageBundle(ringI18n) {
+  const i18n = ringI18n;
+  /* eslint-disable camelcase */
+
+  this.form_required = () => i18n('Value is required');
+
+  this.form_invalid = () => i18n('Value is invalid');
+
+  this.form_url = () => i18n('Should be a valid URL');
+
+  this.form_email = () => i18n('Should be a valid email');
+
+  this.form_number = () => i18n('Should be a number');
+
+  this.form_maxlength = () => i18n('Is too long');
+
+  this.form_minlength = () => i18n('Is too short');
+
+  this.form_pattern = () => i18n('Doesn\'t match the pattern');
+
+  this.form_equalvalue = () => i18n('Is not the same');
+
+  this.form_unique = () => i18n('Is not unique');
+
+  this.form_max = () => i18n('Is out of range');
+
+  this.form_min = () => i18n('Is out of range');
+
+  this.form_save = () => i18n('Save');
+
+  this.form_saved = () => i18n('Saved');
+
+  this.form_cancel = () => i18n('Cancel');
+
+  this.avatareditor_nosupport = () => i18n('Sorry, your browser doesn\'t support File API');
+
+  this.avatareditor_noselected = () => i18n('No image file was selected');
+
+  this.avatareditor_delete = () => i18n('Delete Image');
+
+  this.avatareditor_add = () => i18n('Add Image');
+
+  this.errorpage_seriouslywrong = () => i18n('Oh-oh... Something went seriously wrong.');
+
+  this.errorpage_offline = () => i18n('There\'s nothing we can do: The server seems to be offline.');
+
+  this.errorpage_disconnected = () => i18n('Disconnected');
+
+  this.errorpage_disconnectedmsg = () => i18n('No, no one\'s there.');
+
+  this.errorpage_401 = () => i18n('Authorization required');
+
+  this.errorpage_401msg = () => i18n('You have requested access to a page that requires authorization, but the request is missing valid authentication credentials. It can also mean that your account has been banned.');
+
+  this.errorpage_403 = () => i18n('Woah, you can\'t touch this!');
+
+  this.errorpage_403msg = () => i18n('Unfortunately, you are not allowed to access the page you\'ve requested. It seems you don\'t have sufficient permissions.');
+
+  this.errorpage_404 = () => i18n('Nope, can\'t find it!');
+
+  this.errorpage_404msg = () => i18n('Despite our best efforts, there\'s nothing here to show you with the URL you requested. Most likely the URL is invalid or you don\'t have permissions to access the page.');
+
+  this.errorpage_500 = () => i18n('Oh-oh... Something went seriously wrong');
+
+  this.errorpage_500msg = () => i18n('Despite our best efforts, the server is not working properly.');
+
+  this.select_options_not_found = () => i18n('No options found');
+
+  this.select_loading = () => i18n('Loading...');
+
+  this.select_label = () => i18n('Select an option');
+
+  this.previous_page = () => i18n('previous');
+
+  this.next_page = () => i18n('next page');
+
+  this.first_page = () => i18n('First page');
+
+  this.last_page = () => i18n('Last page');
+
+  this.items_per_page = () => i18n('per page');
+
+  this.confirmation_ok = () => i18n('Ok');
+
+  this.confirmation_cancel = () => i18n('Cancel');
+  /* eslint-enable camelcase */
+
+}
+
+angularModule.factory('ringI18n', emptyI18n);
+angularModule.service('RingMessageBundle', ['ringI18n', RingMessageBundle]);
+var MessageBundle = angularModule.name;
+
+export { MessageBundle as default };

package/dist/old-browsers-message/old-browsers-message.js

@@ -1,5 +1,4 @@
 import { isBrowserInWhiteList } from './white-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/sniffer.js';
 import 'sniffr';