@jetbrains/ring-ui 4.1.0-beta.8 → 4.1.3

package/dist/list/list__link.js

@@ -1,5 +1,5 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty, c as _objectSpread2 } 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 Link, { linkHOC } from '../link/link.js';
@@ -8,6 +8,7 @@ import { m as modules_3b67a421 } from '../_helpers/list.js';
 import 'focus-visible';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 
 /**
  * @constructor
@@ -16,8 +17,7 @@ import '../link/clickableLink.js';
 
 class ListLink extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       scrolling,
       'data-test': dataTest,
       className,
@@ -30,10 +30,9 @@ class ListLink extends PureComponent {
       disabled,
       LinkComponent,
       compact,
-      hoverClassName
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName"]);
-
+      hoverClassName,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_3b67a421.item, className, {
       [modules_3b67a421.actionLink]: !disabled,
       [modules_3b67a421.compact]: compact,
@@ -51,15 +50,15 @@ class ListLink extends PureComponent {
 
 }
 
-_defineProperty(ListLink, "propTypes", _objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
+_defineProperty(ListLink, "propTypes", { ...Link.propTypes,
   description: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
   rgItemType: PropTypes.number,
   scrolling: PropTypes.bool,
   url: PropTypes.string,
   LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
   onCheckboxChange: PropTypes.func,
   compact: PropTypes.bool
-}));
+});
 
-export default ListLink;
+export { ListLink as default };

package/dist/list/list__separator.js

@@ -27,4 +27,4 @@ _defineProperty(ListSeparator, "propTypes", {
   isFirst: PropTypes.bool
 });
 
-export default ListSeparator;
+export { ListSeparator as default };

package/dist/list/list__title.js

@@ -36,4 +36,4 @@ _defineProperty(ListTitle, "propTypes", {
   isFirst: PropTypes.bool
 });
 
-export default ListTitle;
+export { ListTitle as default };

package/dist/list/list__users-groups-source.js

@@ -1,4 +1,4 @@
-import { c as _objectSpread2, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import GroupIcon from '@jetbrains/icons/group';
 import HubSourceUsersGroups from '../hub-source/hub-source__users-groups.js';
 import List from './list.js';
@@ -27,16 +27,20 @@ import './list__link.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../_helpers/list.js';
 import './list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
 import './list__custom.js';
 import '../global/get-event-key.js';
 import './list__title.js';
@@ -88,12 +92,12 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
     }
 
     if (filter !== Filter.GROUPS) {
-      users.forEach(user => items.push(_objectSpread2(_objectSpread2({}, user), {}, {
+      users.forEach(user => items.push({ ...user,
         key: user.id,
         label: user.name,
         avatar: user.profile ? user.profile.avatar.url : null,
         description: user.login
-      })));
+      }));
     }
 
     if (filter === Filter.ALL) {
@@ -105,13 +109,13 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
     }
 
     if (filter !== Filter.USERS) {
-      groups.forEach(group => items.push(_objectSpread2(_objectSpread2({}, group), {}, {
+      groups.forEach(group => items.push({ ...group,
         key: group.id,
         label: group.name,
         avatar: group.iconUrl,
         glyph: group.iconUrl ? null : GroupIcon,
         description: this.listSourceOptions.getPluralForUserCount(group.userCount)
-      })));
+      }));
     }
 
     return items;
@@ -121,4 +125,4 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
 
 _defineProperty(ListUsersGroupsSource, "Filter", Filter);
 
-export default ListUsersGroupsSource;
+export { ListUsersGroupsSource as default };

package/dist/loader/loader.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 joinDataTestAttributes from '../global/data-tests.js';
@@ -39,17 +39,15 @@ class Loader extends PureComponent {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       message,
       size,
       colors,
       'data-test': dataTest,
       stop,
-      deterministic
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["message", "size", "colors", "data-test", "stop", "deterministic"]);
-
+      deterministic,
+      ...restProps
+    } = this.props;
     return /*#__PURE__*/React.createElement("div", _extends({
       "data-test": joinDataTestAttributes('ring-loader', dataTest)
     }, restProps, {
@@ -69,4 +67,4 @@ _defineProperty(Loader, "propTypes", {
   deterministic: PropTypes.bool
 });
 
-export default Loader;
+export { Loader as default };

package/dist/loader/loader__core.js

@@ -1,7 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { getPixelRatio } from '../global/dom.js';
 
-var modules_00b5ad26 = {"unit":"8px","canvas":"loader_canvas__2113523f","animate":"loader_animate__2113523f","rotation-keyframes":"loader_rotationKeyframes__2113523f","text":"loader_text__2113523f"};
+var modules_00b5ad26 = {"unit":"8px","canvas":"canvas_rui_2113","animate":"animate_rui_2113","rotation-keyframes":"rotationKeyframes_rui_2113","text":"text_rui_2113"};
 
 const INITIAL_TICKS = 100;
 
@@ -269,4 +269,4 @@ _defineProperty(LoaderCore, "defaultProps", {
   ]
 });
 
-export default LoaderCore;
+export { LoaderCore as default };

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';
@@ -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';
@@ -56,12 +58,12 @@ function renderLoginDialog(props) {
 
 function showAuthDialog() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  renderLoginDialog(_objectSpread2(_objectSpread2({}, props), {}, {
+  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 };