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

package/dist/island/header.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _extends, a as _objectWithoutProperties } 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';
@@ -27,16 +27,14 @@ class Header extends Component {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       className,
       wrapWithTitle,
       border,
-      phase
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "wrapWithTitle", "border", "phase"]);
-
+      phase,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_e6a056e1.header, className, {
       [modules_e6a056e1.withBottomBorder]: border || phase >= BORDER_APPEAR_PHASE
     });
@@ -55,7 +53,7 @@ class Header extends Component {
       "data-test": "ring-island-header",
       className: classes,
       style: headerStyle
-    }), wrapWithTitle && /*#__PURE__*/React.createElement("div", {
+    }), wrapWithTitle && /*#__PURE__*/React.createElement("h2", {
       className: modules_e6a056e1.title,
       style: titleStyle
     }, children), !wrapWithTitle && children);
@@ -82,4 +80,4 @@ const HeaderWrapper = props => /*#__PURE__*/React.createElement(PhaseContext.Con
   return /*#__PURE__*/React.createElement(Header, _extends({}, props, addProps));
 });
 
-export default HeaderWrapper;
+export { HeaderWrapper as default };

package/dist/island/island.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, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -17,16 +17,14 @@ import '../global/schedule-raf.js';
 
 class Island extends Component {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       className,
       narrow,
       withoutPaddings,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "narrow", "withoutPaddings", "data-test"]);
-
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_e6a056e1.island, className, {
       [modules_e6a056e1.narrowIsland]: narrow,
       [modules_e6a056e1.withoutPaddings]: withoutPaddings
@@ -49,5 +47,4 @@ _defineProperty(Island, "propTypes", {
 
 const AdaptiveIsland = adaptiveIslandHOC(Island);
 
-export default Island;
-export { AdaptiveIsland };
+export { AdaptiveIsland, Island as default };

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

@@ -1,17 +1,15 @@
-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 PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 class Content extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
+      className,
+      ...restProps
+    } = this.props;
     const classes = classNames('ring-island__content', className);
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       className: classes
@@ -25,4 +23,4 @@ _defineProperty(Content, "propTypes", {
   children: PropTypes.node
 });
 
-export default Content;
+export { Content as default };

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

@@ -1,17 +1,15 @@
-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 PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 class Header extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
+      className,
+      ...restProps
+    } = this.props;
     const classes = classNames('ring-island__header', className);
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       className: classes
@@ -27,4 +25,4 @@ _defineProperty(Header, "propTypes", {
   children: PropTypes.node
 });
 
-export default Header;
+export { Header as default };

package/dist/island-legacy/island-legacy.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 PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,13 +7,11 @@ export { default as Content } from './content-legacy.js';
 
 class Island extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
+      className,
+      ...restProps
+    } = this.props;
     const classes = classNames('ring-island', className);
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       className: classes
@@ -27,4 +25,4 @@ _defineProperty(Island, "propTypes", {
   children: PropTypes.node
 });
 
-export default Island;
+export { Island as default };

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

@@ -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';
 
@@ -34,16 +34,14 @@ class ClickableLink extends PureComponent {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       onConditionalClick,
       onPlainLeftClick,
       activeClassName,
       href,
-      children
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["onConditionalClick", "onPlainLeftClick", "activeClassName", "href", "children"]);
-
+      children,
+      ...restProps
+    } = this.props;
     return /*#__PURE__*/React.createElement("a", _extends({
       href: href
     }, restProps, {
@@ -62,4 +60,4 @@ _defineProperty(ClickableLink, "propTypes", {
   children: PropTypes.node.isRequired
 });
 
-export default ClickableLink;
+export { ClickableLink as default };

package/dist/link/link.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 'focus-visible';
 import React, { Component, memo } from 'react';
 import PropTypes from 'prop-types';
@@ -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
@@ -49,8 +48,7 @@ function linkHOC(ComposedComponent) {
     }
 
     render() {
-      const _this$props = this.props,
-            {
+      const {
         active,
         inherit,
         pseudo,
@@ -61,10 +59,9 @@ function linkHOC(ComposedComponent) {
         innerClassName,
         children,
         onPlainLeftClick,
-        onClick
-      } = _this$props,
-            props = _objectWithoutProperties(_this$props, ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "innerClassName", "children", "onPlainLeftClick", "onClick"]);
-
+        onClick,
+        ...props
+      } = this.props;
       const useButton = pseudo || !isCustom && href == null;
       const classes = classNames(modules_607b0772.link, className, {
         [modules_607b0772.active]: active,
@@ -114,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

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