@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.4

package/dist/list/list.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, c as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -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();
@@ -337,8 +341,11 @@ class List extends Component {
         });
       } else {
         // Hack around SelectNG implementation
-        const cleanedProps = _objectWithoutProperties(item, ["selectedLabel", "originalModel"]);
-
+        const {
+          selectedLabel,
+          originalModel,
+          ...cleanedProps
+        } = item;
         const itemProps = Object.assign({
           rgItemType: DEFAULT_ITEM_TYPE
         }, cleanedProps);
@@ -429,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 => {
@@ -644,10 +655,11 @@ class List extends Component {
         ref: this.virtualizedListRef,
         className: "ring-list__i",
         autoHeight: autoHeight,
-        style: maxHeight ? _objectSpread2({
+        style: maxHeight ? {
           maxHeight,
-          height: 'auto'
-        }, dirOverride) : dirOverride,
+          height: 'auto',
+          ...dirOverride
+        } : dirOverride,
         autoContainerWidth: true,
         height: height,
         width: width,
@@ -681,10 +693,10 @@ class List extends Component {
       });
     }
 
-    return /*#__PURE__*/React.createElement(WindowScroller, null, props => this.renderVirtualizedInner(_objectSpread2(_objectSpread2({}, props), {}, {
+    return /*#__PURE__*/React.createElement(WindowScroller, null, props => this.renderVirtualizedInner({ ...props,
       rowCount,
       autoHeight: true
-    })));
+    }));
   }
 
   renderSimple(maxHeight, rowCount) {
@@ -703,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
@@ -796,5 +809,4 @@ _defineProperty(List, "ListProps", {
   Dimension
 });
 
-export default List;
-export { ActiveItemContext };
+export { ActiveItemContext, List as default };

package/dist/list/list__custom.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -20,8 +20,7 @@ class ListCustom extends PureComponent {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       scrolling,
       hover,
       className,
@@ -32,10 +31,11 @@ class ListCustom extends PureComponent {
       onClick,
       onCheckboxChange,
       onMouseOver,
-      onMouseUp
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp"]);
-
+      onMouseUp,
+      role,
+      tagName,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_3b67a421.item, className, {
       [modules_3b67a421.action]: !disabled,
       [modules_3b67a421.hover]: hover && !disabled,
@@ -45,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,
@@ -72,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
 });
 
@@ -79,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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -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":"clearfix_rui_750f","font":"font_rui_750f","font-lower":"fontLower_rui_750f font_rui_750f","font-smaller":"fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","font-smaller-lower":"fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","font-larger-lower":"fontLargerLower_rui_750f fontLower_rui_750f font_rui_750f","font-larger":"fontLarger_rui_750f fontLargerLower_rui_750f fontLower_rui_750f font_rui_750f","thin-font":"thinFont_rui_750f","monospace-font":"monospaceFont_rui_750f","ellipsis":"ellipsis_rui_750f","resetButton":"resetButton_rui_750f"};
 
 /**
  * @constructor
@@ -39,8 +42,7 @@ class ListItem extends PureComponent {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       scrolling,
       className,
       disabled,
@@ -65,12 +67,14 @@ class ListItem extends PureComponent {
       onMouseDown,
       onMouseUp,
       rightNodes,
-      leftNodes
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes"]);
-
+      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,
@@ -134,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,
@@ -173,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]),
@@ -194,4 +201,4 @@ _defineProperty(ListItem, "propTypes", {
   'data-test': PropTypes.string
 });
 
-export default ListItem;
+export { ListItem as default };

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 };