@jetbrains/ring-ui 4.1.0-beta.13 → 4.1.0-beta.17

package/dist/island-ng/island-content-ng.js

@@ -0,0 +1,56 @@
+import angular from 'angular';
+import { m as modules_e6a056e1 } from '../_helpers/island.js';
+import scheduleRAF from '../global/schedule-raf.js';
+import compile from './island-ng-class-fixer.js';
+
+const scheduleScroll = scheduleRAF();
+const angularModule = angular.module('Ring.island-ng.header', []);
+angularModule.directive('rgIslandContent', function islandContentDirective() {
+  return {
+    transclude: true,
+    replace: true,
+    bindToController: {
+      fade: '=?',
+      onScroll: '&?'
+    },
+    compile,
+    template: `
+<div
+  data-test="ring-island-content"
+  class=${modules_e6a056e1.content}
+  ng-class="{
+    '${modules_e6a056e1.contentWithTopFade}': contentCtrl.fade,
+    '${modules_e6a056e1.contentWithBottomFade}': contentCtrl.fade
+  }"
+>
+  <div
+    tabindex="0"
+    class="${modules_e6a056e1.scrollableWrapper} js-scrollable-wrapper"
+    ng-transclude
+  ></div>
+</div>
+`,
+    controllerAs: 'contentCtrl',
+    controller: ["$scope", "$element", function controller($scope, $element) {
+      const el = $element[0];
+
+      if (this.onScroll) {
+        const scrollable = el.querySelector('.js-scrollable-wrapper');
+
+        const scrollCallback = evt => {
+          const $scrollTop = scrollable.scrollTop;
+          this.onScroll({
+            $event: evt,
+            $scrollTop
+          });
+          $scope.$apply();
+        };
+
+        scrollable.addEventListener('scroll', () => scheduleScroll(scrollCallback));
+      }
+    }]
+  };
+});
+var IslandContent = angularModule.name;
+
+export { IslandContent as default };

package/dist/island-ng/island-header-ng.js

@@ -0,0 +1,32 @@
+import angular from 'angular';
+import { m as modules_e6a056e1 } from '../_helpers/island.js';
+import compile from './island-ng-class-fixer.js';
+
+const angularModule = angular.module('Ring.island-ng.content', []);
+angularModule.directive('rgIslandHeader', function islandHeaderDirective() {
+  return {
+    transclude: true,
+    replace: true,
+    bindToController: {
+      border: '=?'
+    },
+    compile,
+    template: `
+<div
+  data-test="ring-island-header"
+  class="${modules_e6a056e1.header}"
+  ng-class="{'${modules_e6a056e1.withBottomBorder}': headerCtrl.border}" 
+  ng-transclude
+></div>
+`,
+    controllerAs: 'headerCtrl',
+    controller: function controller() {
+      this.$onInit = () => {
+        this.wrapWithTitle = this.wrapWithTitle !== undefined ? this.wrapWithTitle : true;
+      };
+    }
+  };
+});
+var IslandHeader = angularModule.name;
+
+export { IslandHeader as default };

package/dist/island-ng/island-ng-class-fixer.js

@@ -0,0 +1,9 @@
+// Workaround fo Angular bug with ng-class & replace: true support
+// See https://github.com/angular/angular.js/issues/5695#issuecomment-31898355
+function compile(tElement, tAttrs) {
+  if (tAttrs.ngClass) {
+    tAttrs.ngClass = tAttrs.ngClass.replace(/}\s*{/g, ', ');
+  }
+}
+
+export { compile as default };

package/dist/island-ng/island-ng.js

@@ -0,0 +1,31 @@
+import angular from 'angular';
+import { m as modules_e6a056e1 } from '../_helpers/island.js';
+import IslandHeader from './island-header-ng.js';
+import IslandContent from './island-content-ng.js';
+import compile from './island-ng-class-fixer.js';
+import '../global/schedule-raf.js';
+
+const angularModule = angular.module('Ring.island-ng', [IslandHeader, IslandContent]);
+angularModule.directive('rgIsland', function islandDirective() {
+  return {
+    transclude: true,
+    replace: true,
+    bindToController: {
+      narrow: '='
+    },
+    compile,
+    template: `
+<div 
+  data-test="ring-island"
+  class="${modules_e6a056e1.island}" 
+  ng-class="{'${modules_e6a056e1.narrowIsland}': islandCtrl.narrow}" 
+  ng-transclude
+></div>
+`,
+    controllerAs: 'islandCtrl',
+    controller: angular.noop
+  };
+});
+var islandNg = angularModule.name;
+
+export { islandNg as default };

package/dist/link/clickableLink.js

@@ -60,4 +60,4 @@ _defineProperty(ClickableLink, "propTypes", {
   children: PropTypes.node.isRequired
 });
 
-export default ClickableLink;
+export { ClickableLink as default };

package/dist/link/link.js

@@ -6,8 +6,7 @@ import classNames from 'classnames';
 import memoize from '../global/memoize.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickableLink.js';
-
-var modules_607b0772 = {"link":"link_link__21bf811c alert_link__9b217ed4","hover":"link_hover__21bf811c","inner":"link_inner__21bf811c","active":"link_active__21bf811c","compatibilityUnderlineMode":"link_compatibilityUnderlineMode__21bf811c","pseudo":"link_pseudo__21bf811c","text":"link_text__21bf811c","inherit":"link_inherit__21bf811c"};
+import { m as modules_607b0772 } from '../_helpers/link.js';
 
 /**
  * @name Link
@@ -112,5 +111,4 @@ function linkHOC(ComposedComponent) {
 }
 var Link = linkHOC(ClickableLink);
 
-export default Link;
-export { linkHOC, setCompatibilityMode };
+export { Link as default, linkHOC, setCompatibilityMode };

package/dist/link-ng/link-ng.js

@@ -0,0 +1,25 @@
+import angular from 'angular';
+import { m as modules_607b0772 } from '../_helpers/link.js';
+
+/**
+ * @name Link Ng
+ */
+
+const angularModule = angular.module('Ring.link', []);
+
+function rgLinkDirective() {
+  return {
+    restrict: 'E',
+    transclude: true,
+    replace: true,
+    template: `
+<a class="${modules_607b0772.link} ${modules_607b0772.compatibilityUnderlineMode}"
+><span class="${modules_607b0772.inner}" ng-transclude></span></a>
+    `
+  };
+}
+
+angularModule.directive('rgLink', rgLinkDirective);
+var LinkNG = angularModule.name;
+
+export { LinkNG as default };

package/dist/list/list.js

@@ -30,14 +30,18 @@ import 'sniffr';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.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 '../global/get-event-key.js';
 
 const scheduleScrollListener = scheduleRAF();
@@ -432,9 +436,13 @@ class List extends Component {
         }, /*#__PURE__*/React.createElement("div", {
           role: "cell"
         }, el));
-      }) : /*#__PURE__*/cloneElement(el, {
+      }) : /*#__PURE__*/React.createElement("div", {
+        role: "row",
+        id: itemId,
         key: itemKey
-      });
+      }, /*#__PURE__*/React.createElement("div", {
+        role: "cell"
+      }, /*#__PURE__*/cloneElement(el)));
     });
 
     _defineProperty(this, "addItemDataTestToProp", props => {
@@ -707,6 +715,7 @@ class List extends Component {
       onMouseMove: this.mouseHandler
     }, /*#__PURE__*/React.createElement("div", {
       "aria-label": this.props.ariaLabel,
+      role: "grid",
       style: maxHeight ? {
         maxHeight: this.getVisibleListHeight(this.props)
       } : null
@@ -800,5 +809,4 @@ _defineProperty(List, "ListProps", {
   Dimension
 });
 
-export default List;
-export { ActiveItemContext };
+export { ActiveItemContext, List as default };

package/dist/list/list__custom.js

@@ -32,6 +32,8 @@ class ListCustom extends PureComponent {
       onCheckboxChange,
       onMouseOver,
       onMouseUp,
+      role,
+      tagName,
       ...restProps
     } = this.props;
     const classes = classNames(modules_3b67a421.item, className, {
@@ -43,8 +45,9 @@ class ListCustom extends PureComponent {
       'ring-list-item-action': !disabled
     }, restProps['data-test']);
     const content = typeof template === 'function' ? template(this.props) : template;
-    return /*#__PURE__*/React.createElement("span", {
-      role: "button",
+    const TagName = tagName || 'span';
+    return /*#__PURE__*/React.createElement(TagName, {
+      role: role || 'button',
       tabIndex: tabIndex,
       onClick: onClick,
       onKeyPress: this.handleKeyPress,
@@ -70,6 +73,8 @@ _defineProperty(ListCustom, "propTypes", {
   onMouseOver: PropTypes.func,
   onMouseUp: PropTypes.func,
   onCheckboxChange: PropTypes.func,
+  role: PropTypes.string,
+  tagName: PropTypes.string,
   'data-test': PropTypes.string
 });
 
@@ -77,4 +82,4 @@ _defineProperty(ListCustom, "defaultProps", {
   hover: false
 });
 
-export default ListCustom;
+export { ListCustom as default };

package/dist/list/list__hint.js

@@ -23,4 +23,4 @@ _defineProperty(ListHint, "propTypes", {
   label: PropTypes.node
 });
 
-export default ListHint;
+export { ListHint as default };

package/dist/list/list__item.js

@@ -10,14 +10,17 @@ import getUID from '../global/get-uid.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import '../global/url.js';
 import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.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';
 
-var modules_5b0fb3e8 = {"unit":"8px","footer-height":"64px","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width:639px)","small-screen-media":"(min-width:640px) and (max-width:959px)","middle-screen-media":"(min-width:960px) and (max-width:1199px)","large-screen-media":"(min-width:1200px)","clearfix":"global_clearfix__0f8f4370","font":"global_font__0f8f4370","font-lower":"global_fontLower__0f8f4370 global_font__0f8f4370","font-smaller":"global_fontSmaller__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","font-smaller-lower":"global_fontSmallerLower__0f8f4370 global_fontSmaller__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","font-larger-lower":"global_fontLargerLower__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","font-larger":"global_fontLarger__0f8f4370 global_fontLargerLower__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","thin-font":"global_thinFont__0f8f4370","monospace-font":"global_monospaceFont__0f8f4370","ellipsis":"global_ellipsis__0f8f4370","resetButton":"global_resetButton__0f8f4370"};
+var modules_5b0fb3e8 = {"unit":"8px","footer-height":"64px","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width:639px)","small-screen-media":"(min-width:640px) and (max-width:959px)","middle-screen-media":"(min-width:960px) and (max-width:1199px)","large-screen-media":"(min-width:1200px)","clearfix":"global_clearfix__750f6947","font":"global_font__750f6947","font-lower":"global_fontLower__750f6947 global_font__750f6947","font-smaller":"global_fontSmaller__750f6947 global_fontLower__750f6947 global_font__750f6947","font-smaller-lower":"global_fontSmallerLower__750f6947 global_fontSmaller__750f6947 global_fontLower__750f6947 global_font__750f6947","font-larger-lower":"global_fontLargerLower__750f6947 global_fontLower__750f6947 global_font__750f6947","font-larger":"global_fontLarger__750f6947 global_fontLargerLower__750f6947 global_fontLower__750f6947 global_font__750f6947","thin-font":"global_thinFont__750f6947","monospace-font":"global_monospaceFont__750f6947","ellipsis":"global_ellipsis__750f6947","resetButton":"global_resetButton__750f6947"};
 
 /**
  * @constructor
@@ -65,10 +68,13 @@ class ListItem extends PureComponent {
       onMouseUp,
       rightNodes,
       leftNodes,
+      showGeneratedAvatar,
+      username,
       ...restProps
     } = this.props;
     const checkable = checkbox !== undefined;
-    const hasLeftNodes = leftNodes || glyph || avatar;
+    const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
+    const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
     const showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
     const classes = classNames(modules_3b67a421.item, modules_5b0fb3e8.resetButton, className, {
       [modules_3b67a421.action]: !disabled,
@@ -132,11 +138,12 @@ class ListItem extends PureComponent {
       className: modules_3b67a421.glyph,
       glyph: glyph,
       size: this.props.iconSize
-    }), avatar && /*#__PURE__*/React.createElement(Avatar, {
+    }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
       className: modules_3b67a421.avatar,
       url: avatar,
       size: Size.Size20,
-      subavatar: subavatar
+      subavatar: subavatar,
+      username: username
     })), /*#__PURE__*/React.createElement("span", {
       className: modules_3b67a421.label,
       title: computedTitle,
@@ -171,6 +178,8 @@ _defineProperty(ListItem, "propTypes", {
   tabIndex: PropTypes.number,
   checkbox: PropTypes.bool,
   description: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.array]),
+  showGeneratedAvatar: PropTypes.bool,
+  username: PropTypes.string,
   avatar: PropTypes.string,
   subavatar: PropTypes.string,
   glyph: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
@@ -192,4 +201,4 @@ _defineProperty(ListItem, "propTypes", {
   'data-test': PropTypes.string
 });
 
-export default ListItem;
+export { ListItem as default };

package/dist/list/list__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
@@ -60,4 +61,4 @@ _defineProperty(ListLink, "propTypes", { ...Link.propTypes,
   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

@@ -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';
@@ -121,4 +125,4 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
 
 _defineProperty(ListUsersGroupsSource, "Filter", Filter);
 
-export default ListUsersGroupsSource;
+export { ListUsersGroupsSource as default };

package/dist/loader/loader.js

@@ -67,4 +67,4 @@ _defineProperty(Loader, "propTypes", {
   deterministic: PropTypes.bool
 });
 
-export default Loader;
+export { Loader as default };

package/dist/loader/loader__core.js

@@ -269,4 +269,4 @@ _defineProperty(LoaderCore, "defaultProps", {
   ]
 });
 
-export default LoaderCore;
+export { LoaderCore as default };

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

@@ -53,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

@@ -3,12 +3,11 @@ 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
  */
@@ -41,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,6 +41,7 @@ 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';
@@ -181,4 +183,4 @@ _defineProperty(LoginDialog, "defaultProps", {
   showFallbackTimeout: DEFAULT_SHOW_FALLBACK_TIMEOUT
 });
 
-export default LoginDialog;
+export { LoginDialog as default };