@jetbrains/ring-ui 5.0.156 → 5.0.157

package/dist/list/list__custom.js

@@ -1,57 +1,74 @@
+import { j as _inherits, k as _createSuper, b as _classCallCheck, c as _defineProperty, m as _assertThisInitialized, _ as _createClass, h as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { 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 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
 
-class ListCustom extends PureComponent {
-  handleKeyPress = event => {
-    const key = getEventKey(event);
-    if (key === 'Enter' || key === ' ') {
-      this.props.onClick(event);
+var _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
+var ListCustom = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListCustom, _PureComponent);
+  var _super = _createSuper(ListCustom);
+  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];
     }
-  };
-  render() {
-    const {
-      scrolling,
-      hover,
-      className,
-      disabled,
-      template,
-      rgItemType,
-      tabIndex,
-      onClick,
-      onCheckboxChange,
-      onMouseOver,
-      onMouseUp,
-      role,
-      tagName,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_3b67a421.item, className, {
-      [modules_3b67a421.action]: !disabled,
-      [modules_3b67a421.hover]: hover && !disabled,
-      [modules_3b67a421.scrolling]: scrolling
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleKeyPress", function (event) {
+      var key = getEventKey(event);
+      if (key === 'Enter' || key === ' ') {
+        _this.props.onClick(event);
+      }
     });
-    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__*/React.createElement(TagName, {
-      role: role || 'button',
-      tabIndex: tabIndex,
-      onClick: onClick,
-      onKeyPress: this.handleKeyPress,
-      onMouseOver: onMouseOver,
-      onFocus: onMouseOver,
-      onMouseUp: onMouseUp,
-      className: classes,
-      "data-test": dataTest
-    }, content);
+    return _this;
   }
-}
+  _createClass(ListCustom, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+      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, (_classNames = {}, _defineProperty(_classNames, modules_3b67a421.action, !disabled), _defineProperty(_classNames, modules_3b67a421.hover, hover && !disabled), _defineProperty(_classNames, modules_3b67a421.scrolling, scrolling), _classNames));
+      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__*/React.createElement(TagName, {
+        role: role || 'button',
+        tabIndex: tabIndex,
+        onClick: onClick,
+        onKeyPress: this.handleKeyPress,
+        onMouseOver: onMouseOver,
+        onFocus: onMouseOver,
+        onMouseUp: onMouseUp,
+        className: classes,
+        "data-test": dataTest
+      }, content);
+    }
+  }]);
+  return ListCustom;
+}(PureComponent);
 ListCustom.propTypes = {
   scrolling: PropTypes.bool.isRequired,
   hover: PropTypes.bool.isRequired,

package/dist/list/list__hint.js

@@ -1,3 +1,4 @@
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, _ as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,16 +8,26 @@ import { m as modules_3b67a421 } from '../_helpers/list.js';
  * @constructor
  * @extends {ReactComponent}
  */
-class ListHint extends PureComponent {
-  static propTypes = {
-    label: PropTypes.node
-  };
-  render() {
-    return /*#__PURE__*/React.createElement("span", {
-      className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
-      "data-test": "ring-list-hint"
-    }, this.props.label);
+var ListHint = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListHint, _PureComponent);
+  var _super = _createSuper(ListHint);
+  function ListHint() {
+    _classCallCheck(this, ListHint);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(ListHint, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("span", {
+        className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
+        "data-test": "ring-list-hint"
+      }, this.props.label);
+    }
+  }]);
+  return ListHint;
+}(PureComponent);
+_defineProperty(ListHint, "propTypes", {
+  label: PropTypes.node
+});
 
 export { ListHint as default };

package/dist/list/list__item.js

@@ -1,3 +1,9 @@
+import { j as _inherits, k as _createSuper, b as _classCallCheck, c as _defineProperty, m as _assertThisInitialized, _ as _createClass, h as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.index-of.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,10 +13,28 @@ import Checkbox from '../checkbox/checkbox.js';
 import Icon from '../icon/icon.js';
 import getUID from '../global/get-uid.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.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.object.assign.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
@@ -20,145 +44,159 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/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 = {"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_8bff","font":"font_rui_8bff","font-lower":"font-lower_rui_8bff font_rui_8bff","font-smaller":"font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-smaller-lower":"font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger-lower":"font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger":"font-larger_rui_8bff font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","thin-font":"thin-font_rui_8bff","monospace-font":"monospace-font_rui_8bff","ellipsis":"ellipsis_rui_8bff","resetButton":"resetButton_rui_8bff"};
 
+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"];
 /**
  * @constructor
  * @extends {ReactComponent}
  */
-const RING_UNIT = 8;
-const DEFAULT_PADDING = 16;
-const CHECKBOX_WIDTH = 28;
-class ListItem extends PureComponent {
-  id = getUID('list-item-');
-  stopBubbling = e => e.stopPropagation();
-  _isString = val => typeof val === 'string' || val instanceof String;
-  render() {
-    const {
-      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,
-      ...restProps
-    } = this.props;
-    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
+var RING_UNIT = 8;
+var DEFAULT_PADDING = 16;
+var CHECKBOX_WIDTH = 28;
+var ListItem = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListItem, _PureComponent);
+  var _super = _createSuper(ListItem);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "id", getUID('list-item-'));
+    _defineProperty(_assertThisInitialized(_this), "stopBubbling", function (e) {
+      return e.stopPropagation();
     });
-    const detailsClasses = classNames({
-      [modules_3b67a421.details]: details,
-      [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
+    _defineProperty(_assertThisInitialized(_this), "_isString", function (val) {
+      return typeof val === 'string' || val instanceof String;
     });
-    const style = {
-      paddingLeft: `${(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']);
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_3b67a421.itemContainer,
-      "data-test": dataTest
-    }, showCheckbox && /*#__PURE__*/React.createElement("div", {
-      className: modules_3b67a421.checkboxContainer
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      checked: checkbox,
-      disabled: disabled,
-      onChange: onCheckboxChange,
-      onClick: this.stopBubbling
-    })), /*#__PURE__*/React.createElement("button", {
-      id: this.id,
-      type: "button",
-      tabIndex: tabIndex,
-      onClick: onClick,
-      onMouseOver: onMouseOver,
-      onMouseDown: onMouseDown,
-      onFocus: onMouseOver,
-      onMouseUp: onMouseUp,
-      className: classes,
-      style: style
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_3b67a421.top,
-      onMouseOut: this.stopBubbling,
-      onBlur: this.stopBubbling
-    }, !showCheckbox && /*#__PURE__*/React.createElement("div", {
-      className: modules_3b67a421.left
-    }, leftNodes, glyph && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_3b67a421.glyph,
-      glyph: glyph,
-      size: this.props.iconSize
-    }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
-      className: modules_3b67a421.avatar,
-      url: avatar,
-      size: Size.Size20,
-      subavatar: subavatar,
-      username: username
-    })), /*#__PURE__*/React.createElement("span", {
-      className: modules_3b67a421.label,
-      title: computedTitle,
-      "data-test": "ring-list-item-label"
-    }, label), description && /*#__PURE__*/React.createElement("span", {
-      className: modules_3b67a421.description,
-      "data-test": "ring-list-item-description"
-    }, description), /*#__PURE__*/React.createElement("div", {
-      className: modules_3b67a421.right
-    }, rightGlyph && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_3b67a421.rightGlyph,
-      glyph: rightGlyph,
-      size: this.props.iconSize
-    }), icon && /*#__PURE__*/React.createElement("div", {
-      className: modules_3b67a421.icon,
-      style: {
-        backgroundImage: `url("${icon}")`
-      }
-    }), rightNodes)), details && /*#__PURE__*/React.createElement("div", {
-      className: detailsClasses
-    }, details)));
+    return _this;
   }
-}
+  _createClass(ListItem, [{
+    key: "render",
+    value: function render() {
+      var _classNames, _classNames2;
+      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,
+        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, (_classNames = {}, _defineProperty(_classNames, modules_3b67a421.action, !disabled), _defineProperty(_classNames, modules_3b67a421.hover, hover && !disabled), _defineProperty(_classNames, modules_3b67a421.compact, compact), _defineProperty(_classNames, modules_3b67a421.scrolling, scrolling), _defineProperty(_classNames, modules_3b67a421.disabled, disabled), _classNames));
+      var detailsClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, modules_3b67a421.details, details), _defineProperty(_classNames2, modules_3b67a421.padded, icon !== undefined || checkbox !== undefined || glyph !== undefined), _classNames2));
+      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']);
+      return /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.itemContainer,
+        "data-test": dataTest
+      }, showCheckbox && /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.checkboxContainer
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        "aria-labelledby": this.id,
+        checked: checkbox,
+        disabled: disabled,
+        onChange: onCheckboxChange,
+        onClick: this.stopBubbling
+      })), /*#__PURE__*/React.createElement("button", {
+        id: this.id,
+        type: "button",
+        tabIndex: tabIndex,
+        onClick: onClick,
+        onMouseOver: onMouseOver,
+        onMouseDown: onMouseDown,
+        onFocus: onMouseOver,
+        onMouseUp: onMouseUp,
+        className: classes,
+        style: style
+      }, /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.top,
+        onMouseOut: this.stopBubbling,
+        onBlur: this.stopBubbling
+      }, !showCheckbox && /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.left
+      }, leftNodes, glyph && /*#__PURE__*/React.createElement(Icon, {
+        className: modules_3b67a421.glyph,
+        glyph: glyph,
+        size: this.props.iconSize
+      }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
+        className: modules_3b67a421.avatar,
+        url: avatar,
+        size: Size.Size20,
+        subavatar: subavatar,
+        username: username
+      })), /*#__PURE__*/React.createElement("span", {
+        className: modules_3b67a421.label,
+        title: computedTitle,
+        "data-test": "ring-list-item-label"
+      }, label), description && /*#__PURE__*/React.createElement("span", {
+        className: modules_3b67a421.description,
+        "data-test": "ring-list-item-description"
+      }, description), /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.right
+      }, rightGlyph && /*#__PURE__*/React.createElement(Icon, {
+        className: modules_3b67a421.rightGlyph,
+        glyph: rightGlyph,
+        size: this.props.iconSize
+      }), icon && /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.icon,
+        style: {
+          backgroundImage: "url(\"".concat(icon, "\")")
+        }
+      }), rightNodes)), details && /*#__PURE__*/React.createElement("div", {
+        className: detailsClasses
+      }, details)));
+    }
+  }]);
+  return ListItem;
+}(PureComponent);
 ListItem.propTypes = {
   scrolling: PropTypes.bool,
   hover: PropTypes.bool,

package/dist/list/list__link.js

@@ -1,4 +1,6 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _objectSpread2, j as _inherits, k as _createSuper, b as _classCallCheck, _ as _createClass, h as _objectWithoutProperties, c as _defineProperty, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,49 +8,64 @@ import Link, { linkHOC } from '../link/link.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
+import 'core-js/modules/es.array.concat.js';
 import '../_helpers/link.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 
+var _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
 /**
  * @constructor
  * @extends {ReactComponent}
  */
-class ListLink extends PureComponent {
-  render() {
-    const {
-      scrolling,
-      'data-test': dataTest,
-      className,
-      label,
-      hover,
-      description,
-      rgItemType,
-      url,
-      onCheckboxChange,
-      disabled,
-      LinkComponent,
-      compact,
-      hoverClassName,
-      children,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_3b67a421.item, className, {
-      [modules_3b67a421.actionLink]: !disabled,
-      [modules_3b67a421.compact]: compact,
-      [modules_3b67a421.scrolling]: scrolling
-    });
-    const Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
-    return /*#__PURE__*/React.createElement(Comp, _extends({
-      pseudo: !this.props.href
-    }, restProps, {
-      hover: hover && !disabled,
-      className: classes,
-      "data-test": joinDataTestAttributes('ring-list-link', dataTest)
-    }), label !== null && label !== void 0 ? label : children);
+var ListLink = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListLink, _PureComponent);
+  var _super = _createSuper(ListLink);
+  function ListLink() {
+    _classCallCheck(this, ListLink);
+    return _super.apply(this, arguments);
   }
-}
-ListLink.propTypes = {
-  ...Link.propTypes,
+  _createClass(ListLink, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+      var _this$props = this.props,
+        scrolling = _this$props.scrolling,
+        dataTest = _this$props['data-test'],
+        className = _this$props.className,
+        label = _this$props.label,
+        hover = _this$props.hover;
+        _this$props.description;
+        _this$props.rgItemType;
+        _this$props.url;
+        _this$props.onCheckboxChange;
+        var disabled = _this$props.disabled,
+        LinkComponent = _this$props.LinkComponent,
+        compact = _this$props.compact;
+        _this$props.hoverClassName;
+        var children = _this$props.children,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_3b67a421.item, className, (_classNames = {}, _defineProperty(_classNames, modules_3b67a421.actionLink, !disabled), _defineProperty(_classNames, modules_3b67a421.compact, compact), _defineProperty(_classNames, modules_3b67a421.scrolling, scrolling), _classNames));
+      var Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
+      return /*#__PURE__*/React.createElement(Comp, _extends({
+        pseudo: !this.props.href
+      }, restProps, {
+        hover: hover && !disabled,
+        className: classes,
+        "data-test": joinDataTestAttributes('ring-list-link', dataTest)
+      }), label !== null && label !== void 0 ? label : children);
+    }
+  }]);
+  return ListLink;
+}(PureComponent);
+ListLink.propTypes = _objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
   description: PropTypes.string,
   label: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
   rgItemType: PropTypes.number,
@@ -57,6 +74,6 @@ ListLink.propTypes = {
   LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
   onCheckboxChange: PropTypes.func.isRequired,
   compact: PropTypes.bool
-};
+});
 
 export { ListLink as default };

package/dist/list/list__separator.js

@@ -1,23 +1,33 @@
+import { j as _inherits, k as _createSuper, b as _classCallCheck, _ as _createClass, c as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 
-class ListSeparator extends PureComponent {
-  render() {
-    const {
-      description,
-      isFirst,
-      className
-    } = this.props;
-    const classes = classNames(modules_3b67a421.separator, className, {
-      [modules_3b67a421.separator_first]: isFirst
-    });
-    return /*#__PURE__*/React.createElement("span", {
-      className: classes
-    }, description);
+var ListSeparator = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListSeparator, _PureComponent);
+  var _super = _createSuper(ListSeparator);
+  function ListSeparator() {
+    _classCallCheck(this, ListSeparator);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(ListSeparator, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        description = _this$props.description,
+        isFirst = _this$props.isFirst,
+        className = _this$props.className;
+      var classes = classNames(modules_3b67a421.separator, className, _defineProperty({}, modules_3b67a421.separator_first, isFirst));
+      return /*#__PURE__*/React.createElement("span", {
+        className: classes
+      }, description);
+    }
+  }]);
+  return ListSeparator;
+}(PureComponent);
 ListSeparator.propTypes = {
   className: PropTypes.string,
   description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),