@jetbrains/ring-ui-built 6.0.31 → 6.0.32

package/components/list/list__custom.js

@@ -1,75 +1,57 @@
-import { a as _inherits, b as _createClass, c as _objectWithoutProperties, f as _classCallCheck, g as _callSuper, _ as _defineProperty } 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.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];
+class ListCustom extends PureComponent {
+  handleKeyPress = event => {
+    const key = getEventKey(event);
+    if (key === 'Enter' || key === ' ') {
+      this.props.onClick(event);
     }
-    _this = _callSuper(this, ListCustom, [].concat(args));
-    _defineProperty(_this, "handleKeyPress", function (event) {
-      var key = getEventKey(event);
-      if (key === 'Enter' || key === ' ') {
-        _this.props.onClick(event);
-      }
+  };
+  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
     });
-    return _this;
+    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);
   }
-  _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__*/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);
-    }
-  }]);
-}(PureComponent);
+}
 ListCustom.propTypes = {
   scrolling: PropTypes.bool.isRequired,
   hover: PropTypes.bool.isRequired,

package/components/list/list__hint.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,24 +7,16 @@ import { m as modules_3b67a421 } from '../_helpers/list.js';
  * @constructor
  * @extends {ReactComponent}
  */
-var ListHint = /*#__PURE__*/function (_PureComponent) {
-  function ListHint() {
-    _classCallCheck(this, ListHint);
-    return _callSuper(this, ListHint, arguments);
+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);
   }
-  _inherits(ListHint, _PureComponent);
-  return _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);
-    }
-  }]);
-}(PureComponent);
-_defineProperty(ListHint, "propTypes", {
-  label: PropTypes.node
-});
+}
 
 export { ListHint as default };

package/components/list/list__item.js

@@ -1,8 +1,3 @@
-import { a as _inherits, b as _createClass, c as _objectWithoutProperties, f as _classCallCheck, g as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.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 React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -12,26 +7,10 @@ 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 '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 '../_helpers/_rollupPluginBabelHelpers.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';
@@ -39,169 +18,149 @@ import '../global/composeRefs.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"];
 /**
  * @constructor
  * @extends {ReactComponent}
  */
-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 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,
+      labelWrapper,
+      ...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
     });
-    _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__*/React.createElement("span", {
-        className: modules_3b67a421.label,
-        title: computedTitle,
-        "data-test": "ring-list-item-label"
-      }, label);
-      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,
-        suppressSizeWarning: this.props.suppressSizeWarning
-      }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
-        className: modules_3b67a421.avatar,
-        url: avatar,
-        size: Size.Size20,
-        subavatar: subavatar,
-        username: username
-      })), labelWrapper ? labelWrapper(labelElement) : labelElement, 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,
-        suppressSizeWarning: this.props.suppressSizeWarning,
-        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)));
+    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 : '';
     }
-  }]);
-}(PureComponent);
+    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__*/React.createElement("span", {
+      className: modules_3b67a421.label,
+      title: computedTitle,
+      "data-test": "ring-list-item-label"
+    }, label);
+    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,
+      suppressSizeWarning: this.props.suppressSizeWarning
+    }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
+      className: modules_3b67a421.avatar,
+      url: avatar,
+      size: Size.Size20,
+      subavatar: subavatar,
+      username: username
+    })), labelWrapper ? labelWrapper(labelElement) : labelElement, 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,
+      suppressSizeWarning: this.props.suppressSizeWarning,
+      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)));
+  }
+}
 ListItem.propTypes = {
   scrolling: PropTypes.bool,
   hover: PropTypes.bool,

package/components/list/list__link.js

@@ -1,6 +1,4 @@
-import { d as _objectSpread2, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,59 +6,48 @@ import Link, { linkHOC } from '../link/link.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_3b67a421 } from '../_helpers/list.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';
-import 'core-js/modules/es.object.to-string.js';
 
-var _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
 /**
  * @constructor
  * @extends {ReactComponent}
  */
-var ListLink = /*#__PURE__*/function (_PureComponent) {
-  function ListLink() {
-    _classCallCheck(this, ListLink);
-    return _callSuper(this, ListLink, arguments);
+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);
   }
-  _inherits(ListLink, _PureComponent);
-  return _createClass(ListLink, [{
-    key: "render",
-    value: function render() {
-      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, {
-        [modules_3b67a421.actionLink]: !disabled,
-        [modules_3b67a421.compact]: compact,
-        [modules_3b67a421.scrolling]: scrolling
-      });
-      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);
-    }
-  }]);
-}(PureComponent);
-ListLink.propTypes = _objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
+}
+ListLink.propTypes = {
+  ...Link.propTypes,
   description: PropTypes.string,
   label: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
   rgItemType: PropTypes.number,
@@ -69,6 +56,6 @@ ListLink.propTypes = _objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
   LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
   onCheckboxChange: PropTypes.func.isRequired,
   compact: PropTypes.bool
-});
+};
 
 export { ListLink as default };

package/components/list/list__separator.js

@@ -1,33 +1,23 @@
-import { a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } 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';
 
-var ListSeparator = /*#__PURE__*/function (_PureComponent) {
-  function ListSeparator() {
-    _classCallCheck(this, ListSeparator);
-    return _callSuper(this, ListSeparator, arguments);
+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);
   }
-  _inherits(ListSeparator, _PureComponent);
-  return _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, {
-        [modules_3b67a421.separator_first]: isFirst
-      });
-      return /*#__PURE__*/React.createElement("span", {
-        className: classes
-      }, description);
-    }
-  }]);
-}(PureComponent);
+}
 ListSeparator.propTypes = {
   className: PropTypes.string,
   description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),