@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.11

package/components/list/list__custom.js

@@ -1,92 +1,65 @@
-import { a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getEventKey from '../global/get-event-key.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 
-var _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
-var ListCustom = /*#__PURE__*/function (_PureComponent) {
-  function ListCustom() {
-    var _this;
-    _classCallCheck(this, ListCustom);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ListCustom, [].concat(args));
-    _defineProperty(_this, "handleKeyPress", function (event) {
-      var key = getEventKey(event);
+const _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
+class ListCustom extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "handleKeyPress", event => {
+      const key = getEventKey(event);
       if (key === 'Enter' || key === ' ') {
-        _this.props.onClick(event);
+        this.props.onClick(event);
       }
     });
-    return _this;
   }
-  _inherits(ListCustom, _PureComponent);
-  return _createClass(ListCustom, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        scrolling = _this$props.scrolling,
-        hover = _this$props.hover,
-        className = _this$props.className,
-        disabled = _this$props.disabled,
-        template = _this$props.template;
-        _this$props.rgItemType;
-        var tabIndex = _this$props.tabIndex,
-        onClick = _this$props.onClick;
-        _this$props.onCheckboxChange;
-        var onMouseOver = _this$props.onMouseOver,
-        onMouseUp = _this$props.onMouseUp,
-        role = _this$props.role,
-        tagName = _this$props.tagName,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_3b67a421.item, className, {
-        [modules_3b67a421.action]: !disabled,
-        [modules_3b67a421.hover]: hover && !disabled,
-        [modules_3b67a421.scrolling]: scrolling
-      });
-      var dataTest = joinDataTestAttributes('ring-list-item-custom', {
-        'ring-list-item-action': !disabled
-      }, restProps['data-test']);
-      var content = typeof template === 'function' ? template(this.props) : template;
-      var TagName = tagName || 'span';
-      return /*#__PURE__*/jsx(TagName, {
-        role: role || 'button',
-        tabIndex: tabIndex,
-        onClick: onClick,
-        onKeyPress: this.handleKeyPress,
-        onMouseOver: onMouseOver,
-        onFocus: onMouseOver,
-        onMouseUp: onMouseUp,
-        className: classes,
-        "data-test": dataTest,
-        children: content
-      });
-    }
-  }]);
-}(PureComponent);
-ListCustom.propTypes = {
-  scrolling: PropTypes.bool.isRequired,
-  hover: PropTypes.bool.isRequired,
-  className: PropTypes.string,
-  disabled: PropTypes.bool,
-  rgItemType: PropTypes.number,
-  tabIndex: PropTypes.number.isRequired,
-  template: PropTypes.oneOfType([PropTypes.func, PropTypes.element, PropTypes.string]),
-  onClick: PropTypes.func.isRequired,
-  onMouseOver: PropTypes.func.isRequired,
-  onMouseUp: PropTypes.func,
-  onCheckboxChange: PropTypes.func.isRequired,
-  role: PropTypes.string,
-  tagName: PropTypes.string,
-  'data-test': PropTypes.string
-};
+  render() {
+    const _this$props = this.props,
+      {
+        scrolling,
+        hover,
+        className,
+        disabled,
+        template,
+        rgItemType,
+        tabIndex,
+        onClick,
+        onCheckboxChange,
+        onMouseOver,
+        onMouseUp,
+        role,
+        tagName
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_3b67a421.item, className, {
+      [modules_3b67a421.action]: !disabled,
+      [modules_3b67a421.hover]: hover && !disabled,
+      [modules_3b67a421.scrolling]: scrolling
+    });
+    const dataTest = joinDataTestAttributes('ring-list-item-custom', {
+      'ring-list-item-action': !disabled
+    }, restProps['data-test']);
+    const content = typeof template === 'function' ? template(this.props) : template;
+    const TagName = tagName || 'span';
+    return /*#__PURE__*/jsx(TagName, {
+      role: role || 'button',
+      tabIndex: tabIndex,
+      onClick: onClick,
+      onKeyPress: this.handleKeyPress,
+      onMouseOver: onMouseOver,
+      onFocus: onMouseOver,
+      onMouseUp: onMouseUp,
+      className: classes,
+      "data-test": dataTest,
+      children: content
+    });
+  }
+}
 
 export { ListCustom as default };

package/components/list/list__hint.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 export interface ListHintProps {
     label: ReactNode;
 }
@@ -8,8 +7,5 @@ export interface ListHintProps {
  * @extends {ReactComponent}
  */
 export default class ListHint extends PureComponent<ListHintProps> {
-    static propTypes: {
-        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/list/list__hint.js

@@ -1,29 +1,16 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import { jsx } from 'react/jsx-runtime';
 
-var ListHint = /*#__PURE__*/function (_PureComponent) {
-  function ListHint() {
-    _classCallCheck(this, ListHint);
-    return _callSuper(this, ListHint, arguments);
+class ListHint extends PureComponent {
+  render() {
+    return /*#__PURE__*/jsx("span", {
+      className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
+      "data-test": "ring-list-hint",
+      children: this.props.label
+    });
   }
-  _inherits(ListHint, _PureComponent);
-  return _createClass(ListHint, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/jsx("span", {
-        className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
-        "data-test": "ring-list-hint",
-        children: this.props.label
-      });
-    }
-  }]);
-}(PureComponent);
-_defineProperty(ListHint, "propTypes", {
-  label: PropTypes.node
-});
+}
 
 export { ListHint as default };

package/components/list/list__item.js

@@ -1,10 +1,7 @@
-import { a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
+import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Avatar, { Size } from '../avatar/avatar.js';
@@ -14,233 +11,172 @@ import getUID from '../global/get-uid.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 import '../global/url.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import 'memoize-one';
-import 'util-deprecate';
 import '../control-help/control-help.js';
+import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 
 var modules_5b0fb3e8 = {"footer-height":"calc(var(--ring-unit)*8)","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_f295","font":"font_rui_f295","font-lower":"font-lower_rui_f295 font_rui_f295","font-smaller":"font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-smaller-lower":"font-smaller-lower_rui_f295 font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger-lower":"font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger":"font-larger_rui_f295 font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","thin-font":"thin-font_rui_f295","monospace-font":"monospace-font_rui_f295","ellipsis":"ellipsis_rui_f295","resetButton":"resetButton_rui_f295"};
 
-var _excluded = ["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", "showGeneratedAvatar", "username", "labelWrapper"];
-var RING_UNIT = 8;
-var DEFAULT_PADDING = 16;
-var CHECKBOX_WIDTH = 28;
-var ListItem = /*#__PURE__*/function (_PureComponent) {
-  function ListItem() {
-    var _this;
-    _classCallCheck(this, ListItem);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ListItem, [].concat(args));
-    _defineProperty(_this, "id", getUID('list-item-'));
-    _defineProperty(_this, "stopBubbling", function (e) {
-      return e.stopPropagation();
+const _excluded = ["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", "showGeneratedAvatar", "username", "labelWrapper"];
+const RING_UNIT = 8;
+const DEFAULT_PADDING = 16;
+const CHECKBOX_WIDTH = 28;
+class ListItem extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "id", getUID('list-item-'));
+    _defineProperty(this, "stopBubbling", e => e.stopPropagation());
+    _defineProperty(this, "_isString", val => typeof val === 'string' || val instanceof String);
+  }
+  render() {
+    const _this$props = 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,
+        showGeneratedAvatar,
+        username,
+        labelWrapper
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const checkable = checkbox !== undefined;
+    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,
+      [modules_3b67a421.hover]: hover && !disabled,
+      [modules_3b67a421.compact]: compact,
+      [modules_3b67a421.scrolling]: scrolling,
+      [modules_3b67a421.disabled]: disabled
     });
-    _defineProperty(_this, "_isString", function (val) {
-      return typeof val === 'string' || val instanceof String;
+    const detailsClasses = classNames({
+      [modules_3b67a421.details]: details,
+      [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
     });
-    return _this;
-  }
-  _inherits(ListItem, _PureComponent);
-  return _createClass(ListItem, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        scrolling = _this$props.scrolling,
-        className = _this$props.className,
-        disabled = _this$props.disabled,
-        checkbox = _this$props.checkbox,
-        avatar = _this$props.avatar,
-        subavatar = _this$props.subavatar,
-        glyph = _this$props.glyph,
-        icon = _this$props.icon,
-        rightGlyph = _this$props.rightGlyph,
-        description = _this$props.description,
-        label = _this$props.label,
-        title = _this$props.title,
-        details = _this$props.details,
-        hover = _this$props.hover;
-        _this$props.rgItemType;
-        var level = _this$props.level,
-        tabIndex = _this$props.tabIndex,
-        compact = _this$props.compact,
-        onClick = _this$props.onClick,
-        onCheckboxChange = _this$props.onCheckboxChange,
-        onMouseOver = _this$props.onMouseOver,
-        onMouseDown = _this$props.onMouseDown,
-        onMouseUp = _this$props.onMouseUp,
-        rightNodes = _this$props.rightNodes,
-        leftNodes = _this$props.leftNodes,
-        showGeneratedAvatar = _this$props.showGeneratedAvatar,
-        username = _this$props.username,
-        labelWrapper = _this$props.labelWrapper,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var checkable = checkbox !== undefined;
-      var shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
-      var hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
-      var showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
-      var classes = classNames(modules_3b67a421.item, modules_5b0fb3e8.resetButton, className, {
-        [modules_3b67a421.action]: !disabled,
-        [modules_3b67a421.hover]: hover && !disabled,
-        [modules_3b67a421.compact]: compact,
-        [modules_3b67a421.scrolling]: scrolling,
-        [modules_3b67a421.disabled]: disabled
-      });
-      var detailsClasses = classNames({
-        [modules_3b67a421.details]: details,
-        [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
-      });
-      var style = {
-        paddingLeft: "".concat((Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
-      };
-      var computedTitle = null;
-      if (this._isString(title)) {
-        // if title is specified and is a string then use it
-        computedTitle = title;
-      } else {
-        // otherwise use label if it is a string;
-        // label can also be an element, use empty string in this case
-        computedTitle = this._isString(label) ? label : '';
-      }
-      var dataTest = joinDataTestAttributes({
-        'ring-list-item': (restProps['data-test'] || '').indexOf('ring-list-item') === -1,
-        'ring-list-item-action': !disabled,
-        'ring-list-item-selected': checkbox
-      }, restProps['data-test']);
-      var labelElement = /*#__PURE__*/jsx("span", {
-        className: modules_3b67a421.label,
-        title: computedTitle,
-        "data-test": "ring-list-item-label",
-        children: label
-      });
-      return /*#__PURE__*/jsxs("div", {
-        className: modules_3b67a421.itemContainer,
-        "data-test": dataTest,
-        children: [showCheckbox && /*#__PURE__*/jsx("div", {
-          className: modules_3b67a421.checkboxContainer,
-          children: /*#__PURE__*/jsx(Checkbox, {
-            "aria-labelledby": this.id,
-            checked: checkbox,
-            disabled: disabled,
-            onChange: onCheckboxChange,
-            onClick: this.stopBubbling
-          })
-        }), /*#__PURE__*/jsxs("button", {
-          id: this.id,
-          type: "button",
-          tabIndex: tabIndex,
-          onClick: onClick,
-          onMouseOver: onMouseOver,
-          onMouseDown: onMouseDown,
-          onFocus: onMouseOver,
-          onMouseUp: onMouseUp,
-          className: classes,
-          style: style,
+    const style = {
+      paddingLeft: "".concat((Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
+    };
+    let computedTitle = null;
+    if (this._isString(title)) {
+      // if title is specified and is a string then use it
+      computedTitle = title;
+    } else {
+      // otherwise use label if it is a string;
+      // label can also be an element, use empty string in this case
+      computedTitle = this._isString(label) ? label : '';
+    }
+    const dataTest = joinDataTestAttributes({
+      'ring-list-item': (restProps['data-test'] || '').indexOf('ring-list-item') === -1,
+      'ring-list-item-action': !disabled,
+      'ring-list-item-selected': checkbox
+    }, restProps['data-test']);
+    const labelElement = /*#__PURE__*/jsx("span", {
+      className: modules_3b67a421.label,
+      title: computedTitle,
+      "data-test": "ring-list-item-label",
+      children: label
+    });
+    return /*#__PURE__*/jsxs("div", {
+      className: modules_3b67a421.itemContainer,
+      "data-test": dataTest,
+      children: [showCheckbox && /*#__PURE__*/jsx("div", {
+        className: modules_3b67a421.checkboxContainer,
+        children: /*#__PURE__*/jsx(Checkbox, {
+          "aria-labelledby": this.id,
+          checked: checkbox,
           disabled: disabled,
-          children: [/*#__PURE__*/jsxs("div", {
-            className: modules_3b67a421.top,
-            onMouseOut: this.stopBubbling,
-            onBlur: this.stopBubbling,
-            children: [!showCheckbox && /*#__PURE__*/jsxs("div", {
-              className: modules_3b67a421.left,
-              children: [leftNodes, glyph && /*#__PURE__*/jsx(Icon, {
-                className: modules_3b67a421.glyph,
-                glyph: glyph,
-                size: this.props.iconSize,
-                suppressSizeWarning: this.props.suppressSizeWarning
-              }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/jsx(Avatar, {
-                className: modules_3b67a421.avatar,
-                url: avatar,
-                size: Size.Size20,
-                subavatar: subavatar,
-                username: username
-              })]
-            }), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/jsx("span", {
-              className: modules_3b67a421.description,
-              "data-test": "ring-list-item-description",
-              children: description
-            }), /*#__PURE__*/jsxs("div", {
-              className: modules_3b67a421.right,
-              children: [rightGlyph && /*#__PURE__*/jsx(Icon, {
-                className: modules_3b67a421.rightGlyph,
-                glyph: rightGlyph,
-                suppressSizeWarning: this.props.suppressSizeWarning,
-                size: this.props.iconSize
-              }), icon && /*#__PURE__*/jsx("div", {
-                className: modules_3b67a421.icon,
-                style: {
-                  backgroundImage: "url(\"".concat(icon, "\")")
-                }
-              }), rightNodes]
+          onChange: onCheckboxChange,
+          onClick: this.stopBubbling
+        })
+      }), /*#__PURE__*/jsxs("button", {
+        id: this.id,
+        type: "button",
+        tabIndex: tabIndex,
+        onClick: onClick,
+        onMouseOver: onMouseOver,
+        onMouseDown: onMouseDown,
+        onFocus: onMouseOver,
+        onMouseUp: onMouseUp,
+        className: classes,
+        style: style,
+        disabled: disabled,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: modules_3b67a421.top,
+          onMouseOut: this.stopBubbling,
+          onBlur: this.stopBubbling,
+          children: [!showCheckbox && /*#__PURE__*/jsxs("div", {
+            className: modules_3b67a421.left,
+            children: [leftNodes, glyph && /*#__PURE__*/jsx(Icon, {
+              className: modules_3b67a421.glyph,
+              glyph: glyph,
+              size: this.props.iconSize,
+              suppressSizeWarning: this.props.suppressSizeWarning
+            }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/jsx(Avatar, {
+              className: modules_3b67a421.avatar,
+              url: avatar,
+              size: Size.Size20,
+              subavatar: subavatar,
+              username: username
             })]
-          }), details && /*#__PURE__*/jsx("div", {
-            className: detailsClasses,
-            children: details
+          }), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/jsx("span", {
+            className: modules_3b67a421.description,
+            "data-test": "ring-list-item-description",
+            children: description
+          }), /*#__PURE__*/jsxs("div", {
+            className: modules_3b67a421.right,
+            children: [rightGlyph && /*#__PURE__*/jsx(Icon, {
+              className: modules_3b67a421.rightGlyph,
+              glyph: rightGlyph,
+              suppressSizeWarning: this.props.suppressSizeWarning,
+              size: this.props.iconSize
+            }), icon && /*#__PURE__*/jsx("div", {
+              className: modules_3b67a421.icon,
+              style: {
+                backgroundImage: "url(\"".concat(icon, "\")")
+              }
+            }), rightNodes]
           })]
+        }), details && /*#__PURE__*/jsx("div", {
+          className: detailsClasses,
+          children: details
         })]
-      });
-    }
-  }]);
-}(PureComponent);
-ListItem.propTypes = {
-  scrolling: PropTypes.bool,
-  hover: PropTypes.bool,
-  details: PropTypes.string,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  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]),
-  icon: PropTypes.string,
-  iconSize: PropTypes.number,
-  rightNodes: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.array]),
-  leftNodes: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.array]),
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  title: PropTypes.string,
-  level: PropTypes.number,
-  rgItemType: PropTypes.number,
-  rightGlyph: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  compact: PropTypes.bool,
-  onClick: PropTypes.func,
-  onCheckboxChange: PropTypes.func,
-  onMouseOver: PropTypes.func,
-  onMouseDown: PropTypes.func,
-  onMouseUp: PropTypes.func,
-  'data-test': PropTypes.string
-};
+      })]
+    });
+  }
+}
 
 export { ListItem as default };