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

package/components/island/header.js

@@ -1,15 +1,15 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { interpolateLinear } from '../global/linear-function.js';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import { PhaseContext } from './adaptive-island-hoc.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var _excluded = ["children", "className", "wrapWithTitle", "border", "phase"];
-var Start = {
+const _excluded = ["children", "className", "wrapWithTitle", "border", "phase"];
+const Start = {
   FONT_SIZE: 24,
   LINE_HEIGHT: 28,
   PADDING_TOP: 24,
@@ -18,7 +18,7 @@ var Start = {
   Y: 0,
   SPACING: 0
 };
-var End = {
+const End = {
   FONT_SIZE: 13,
   LINE_HEIGHT: 20,
   PADDING_TOP: 16,
@@ -28,57 +28,49 @@ var End = {
   Y: 0.1,
   SPACING: 1.09
 };
-var BORDER_APPEAR_PHASE = 0.5;
-var Header = /*#__PURE__*/function (_Component) {
-  function Header() {
-    _classCallCheck(this, Header);
-    return _callSuper(this, Header, arguments);
+const BORDER_APPEAR_PHASE = 0.5;
+class Header extends Component {
+  style(name) {
+    var _this$props$phase;
+    return interpolateLinear(Start[name], End[name], (_this$props$phase = this.props.phase) !== null && _this$props$phase !== void 0 ? _this$props$phase : 0);
   }
-  _inherits(Header, _Component);
-  return _createClass(Header, [{
-    key: "style",
-    value: function style(name) {
-      var _this$props$phase;
-      return interpolateLinear(Start[name], End[name], (_this$props$phase = this.props.phase) !== null && _this$props$phase !== void 0 ? _this$props$phase : 0);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        wrapWithTitle = _this$props.wrapWithTitle,
-        border = _this$props.border,
-        phase = _this$props.phase,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_e6a056e1.header, className, {
-        [modules_e6a056e1.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
-      });
-      var headerStyle = phase != null ? {
-        lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
-        // need to append px because number is a valid line-height value
-        paddingTop: this.style('PADDING_TOP'),
-        paddingBottom: this.style('PADDING_BOTTOM')
-      } : undefined;
-      var scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;
-      var titleStyle = phase != null && phase < 1 ? {
-        fontSize: Start.FONT_SIZE,
-        transform: "translate(".concat(this.style('X'), "px, ").concat(this.style('Y'), "px) scale(").concat(scaleFont, ")"),
-        letterSpacing: this.style('SPACING')
-      } : undefined;
-      return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        "data-test": "ring-island-header",
-        className: classes,
-        style: headerStyle,
-        children: [wrapWithTitle && /*#__PURE__*/jsx("h2", {
-          className: modules_e6a056e1.title,
-          style: titleStyle,
-          children: children
-        }), !wrapWithTitle && children]
-      }));
-    }
-  }]);
-}(Component);
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        wrapWithTitle,
+        border,
+        phase
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_e6a056e1.header, className, {
+      [modules_e6a056e1.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
+    });
+    const headerStyle = phase != null ? {
+      lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
+      // need to append px because number is a valid line-height value
+      paddingTop: this.style('PADDING_TOP'),
+      paddingBottom: this.style('PADDING_BOTTOM')
+    } : undefined;
+    const scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;
+    const titleStyle = phase != null && phase < 1 ? {
+      fontSize: Start.FONT_SIZE,
+      transform: "translate(".concat(this.style('X'), "px, ").concat(this.style('Y'), "px) scale(").concat(scaleFont, ")"),
+      letterSpacing: this.style('SPACING')
+    } : undefined;
+    return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      "data-test": "ring-island-header",
+      className: classes,
+      style: headerStyle,
+      children: [wrapWithTitle && /*#__PURE__*/jsx("h2", {
+        className: modules_e6a056e1.title,
+        style: titleStyle,
+        children: children
+      }), !wrapWithTitle && children]
+    }));
+  }
+}
 _defineProperty(Header, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,
@@ -89,15 +81,13 @@ _defineProperty(Header, "propTypes", {
 _defineProperty(Header, "defaultProps", {
   wrapWithTitle: true
 });
-var HeaderWrapper = function HeaderWrapper(props) {
-  return /*#__PURE__*/jsx(PhaseContext.Consumer, {
-    children: function children(phase) {
-      var addProps = phase != null ? {
-        phase
-      } : {};
-      return /*#__PURE__*/jsx(Header, _objectSpread2(_objectSpread2({}, props), addProps));
-    }
-  });
-};
+const HeaderWrapper = props => /*#__PURE__*/jsx(PhaseContext.Consumer, {
+  children: phase => {
+    const addProps = phase != null ? {
+      phase
+    } : {};
+    return /*#__PURE__*/jsx(Header, _objectSpread2(_objectSpread2({}, props), addProps));
+  }
+});
 
 export { HeaderWrapper as default };

package/components/island/island.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,43 +8,35 @@ import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import { jsx } from 'react/jsx-runtime';
 export { default as Header } from './header.js';
 export { default as Content } from './content.js';
-import 'core-js/modules/es.array.concat.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 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/linear-function.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-var _excluded = ["children", "className", "narrow", "withoutPaddings", "data-test"];
-var Island = /*#__PURE__*/function (_Component) {
-  function Island() {
-    _classCallCheck(this, Island);
-    return _callSuper(this, Island, arguments);
+const _excluded = ["children", "className", "narrow", "withoutPaddings", "data-test"];
+class Island extends Component {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        narrow,
+        withoutPaddings,
+        'data-test': dataTest
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_e6a056e1.island, className, {
+      [modules_e6a056e1.narrowIsland]: narrow,
+      [modules_e6a056e1.withoutPaddings]: withoutPaddings
+    });
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      "data-test": joinDataTestAttributes('ring-island', dataTest),
+      children: children
+    }));
   }
-  _inherits(Island, _Component);
-  return _createClass(Island, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        narrow = _this$props.narrow,
-        withoutPaddings = _this$props.withoutPaddings,
-        dataTest = _this$props['data-test'],
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_e6a056e1.island, className, {
-        [modules_e6a056e1.narrowIsland]: narrow,
-        [modules_e6a056e1.withoutPaddings]: withoutPaddings
-      });
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        "data-test": joinDataTestAttributes('ring-island', dataTest),
-        children: children
-      }));
-    }
-  }]);
-}(Component);
+}
 _defineProperty(Island, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,
@@ -52,6 +44,6 @@ _defineProperty(Island, "propTypes", {
   withoutPaddings: PropTypes.bool,
   'data-test': PropTypes.string
 });
-var AdaptiveIsland = adaptiveIslandHOC(Island);
+const AdaptiveIsland = adaptiveIslandHOC(Island);
 
 export { AdaptiveIsland, Island as default };

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

@@ -1,31 +1,25 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "className"];
-var Content = /*#__PURE__*/function (_PureComponent) {
-  function Content() {
-    _classCallCheck(this, Content);
-    return _callSuper(this, Content, arguments);
+const _excluded = ["children", "className"];
+class Content extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames('ring-island__content', className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      children: children
+    }));
   }
-  _inherits(Content, _PureComponent);
-  return _createClass(Content, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames('ring-island__content', className);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: children
-      }));
-    }
-  }]);
-}(PureComponent);
+}
 _defineProperty(Content, "propTypes", {
   className: PropTypes.string,
   children: PropTypes.node

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

@@ -1,34 +1,28 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "className"];
-var Header = /*#__PURE__*/function (_PureComponent) {
-  function Header() {
-    _classCallCheck(this, Header);
-    return _callSuper(this, Header, arguments);
+const _excluded = ["children", "className"];
+class Header extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames('ring-island__header', className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      children: /*#__PURE__*/jsx("div", {
+        className: "ring-island__title",
+        children: children
+      })
+    }));
   }
-  _inherits(Header, _PureComponent);
-  return _createClass(Header, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames('ring-island__header', className);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: /*#__PURE__*/jsx("div", {
-          className: "ring-island__title",
-          children: children
-        })
-      }));
-    }
-  }]);
-}(PureComponent);
+}
 _defineProperty(Header, "propTypes", {
   className: PropTypes.string,
   children: PropTypes.node

package/components/island-legacy/island-legacy.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,28 +6,22 @@ import { jsx } from 'react/jsx-runtime';
 export { default as Header } from './header-legacy.js';
 export { default as Content } from './content-legacy.js';
 
-var _excluded = ["children", "className"];
-var Island = /*#__PURE__*/function (_PureComponent) {
-  function Island() {
-    _classCallCheck(this, Island);
-    return _callSuper(this, Island, arguments);
+const _excluded = ["children", "className"];
+class Island extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        className
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames('ring-island', className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      className: classes,
+      children: children
+    }));
   }
-  _inherits(Island, _PureComponent);
-  return _createClass(Island, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames('ring-island', className);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        className: classes,
-        children: children
-      }));
-    }
-  }]);
-}(PureComponent);
+}
 _defineProperty(Island, "propTypes", {
   className: PropTypes.string,
   children: PropTypes.node

package/components/link/clickableLink.js

@@ -1,29 +1,23 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["onConditionalClick", "onPlainLeftClick", "activeClassName", "href", "children"];
-var LEFT_BUTTON = 0;
+const _excluded = ["onConditionalClick", "onPlainLeftClick", "activeClassName", "href", "children"];
+const LEFT_BUTTON = 0;
 // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
-var isPlainLeftClick = function isPlainLeftClick(e) {
-  return e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-};
-var ClickableLink = /*#__PURE__*/function (_PureComponent) {
-  function ClickableLink() {
-    var _this;
-    _classCallCheck(this, ClickableLink);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ClickableLink, [].concat(args));
-    _defineProperty(_this, "onClick", function (e) {
-      var _this$props = _this.props,
-        onClick = _this$props.onClick,
-        onConditionalClick = _this$props.onConditionalClick,
-        onPlainLeftClick = _this$props.onPlainLeftClick;
-      var isPlainLeft = isPlainLeftClick(e);
+const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
+class ClickableLink extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "onClick", e => {
+      const {
+        onClick,
+        onConditionalClick,
+        onPlainLeftClick
+      } = this.props;
+      const isPlainLeft = isPlainLeftClick(e);
       if (onClick) {
         onClick(e);
       }
@@ -35,28 +29,25 @@ var ClickableLink = /*#__PURE__*/function (_PureComponent) {
         onPlainLeftClick(e);
       }
     });
-    return _this;
   }
-  _inherits(ClickableLink, _PureComponent);
-  return _createClass(ClickableLink, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props;
-        _this$props2.onConditionalClick;
-        _this$props2.onPlainLeftClick;
-        _this$props2.activeClassName;
-        var href = _this$props2.href,
-        children = _this$props2.children,
-        restProps = _objectWithoutProperties(_this$props2, _excluded);
-      return /*#__PURE__*/jsx("a", _objectSpread2(_objectSpread2({
-        href: href
-      }, restProps), {}, {
-        onClick: this.onClick,
-        children: children
-      }));
-    }
-  }]);
-}(PureComponent);
+  render() {
+    const _this$props = this.props,
+      {
+        onConditionalClick,
+        onPlainLeftClick,
+        activeClassName,
+        href,
+        children
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    return /*#__PURE__*/jsx("a", _objectSpread2(_objectSpread2({
+      href: href
+    }, restProps), {}, {
+      onClick: this.onClick,
+      children: children
+    }));
+  }
+}
 _defineProperty(ClickableLink, "propTypes", {
   onClick: PropTypes.func,
   onPlainLeftClick: PropTypes.func,

package/components/link/link.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,70 +6,62 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickableLink.js';
 import { m as modules_607b0772 } from '../_helpers/link.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.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 'core-js/modules/web.dom-collections.iterator.js';
 
-var _excluded = ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "children", "onPlainLeftClick", "onClick"];
+const _excluded = ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "children", "onPlainLeftClick", "onClick"];
 function linkHOC(ComposedComponent) {
   var _Link;
-  var isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
-  return _Link = /*#__PURE__*/function (_PureComponent) {
-    function Link() {
-      _classCallCheck(this, Link);
-      return _callSuper(this, Link, arguments);
-    }
-    _inherits(Link, _PureComponent);
-    return _createClass(Link, [{
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-          active = _this$props.active,
-          inherit = _this$props.inherit,
-          pseudo = _this$props.pseudo,
-          hover = _this$props.hover,
-          className = _this$props.className,
-          dataTest = _this$props['data-test'],
-          href = _this$props.href,
-          children = _this$props.children,
-          onPlainLeftClick = _this$props.onPlainLeftClick,
-          onClick = _this$props.onClick,
-          restProps = _objectWithoutProperties(_this$props, _excluded);
-        var useButton = pseudo || !isCustom && href == null;
-        var classes = classNames(modules_607b0772.link, className, {
-          [modules_607b0772.active]: active,
-          [modules_607b0772.inherit]: inherit,
-          [modules_607b0772.hover]: hover,
-          [modules_607b0772.pseudo]: useButton
+  const isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
+  return _Link = class Link extends PureComponent {
+    render() {
+      const _this$props = this.props,
+        {
+          active,
+          inherit,
+          pseudo,
+          hover,
+          className,
+          'data-test': dataTest,
+          href,
+          children,
+          onPlainLeftClick,
+          onClick
+        } = _this$props,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      const useButton = pseudo || !isCustom && href == null;
+      const classes = classNames(modules_607b0772.link, className, {
+        [modules_607b0772.active]: active,
+        [modules_607b0772.inherit]: inherit,
+        [modules_607b0772.hover]: hover,
+        [modules_607b0772.pseudo]: useButton
+      });
+      let props = restProps;
+      if (isCustom && !props.activeClassName) {
+        props = _objectSpread2(_objectSpread2({}, props), {}, {
+          activeClassName: modules_607b0772.active
         });
-        var props = restProps;
-        if (isCustom && !props.activeClassName) {
-          props = _objectSpread2(_objectSpread2({}, props), {}, {
-            activeClassName: modules_607b0772.active
-          });
-        }
-        if (useButton) {
-          return /*#__PURE__*/jsx("button", _objectSpread2(_objectSpread2({
-            type: "button"
-          }, props), {}, {
-            className: classes,
-            onClick: onClick || onPlainLeftClick,
-            "data-test": joinDataTestAttributes('ring-link', dataTest),
-            children: children
-          }));
-        }
-        return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, props), {}, {
-          href: href,
+      }
+      if (useButton) {
+        return /*#__PURE__*/jsx("button", _objectSpread2(_objectSpread2({
+          type: "button"
+        }, props), {}, {
           className: classes,
-          onClick: onClick,
-          onPlainLeftClick: onPlainLeftClick,
+          onClick: onClick || onPlainLeftClick,
           "data-test": joinDataTestAttributes('ring-link', dataTest),
           children: children
         }));
       }
-    }]);
-  }(PureComponent), _defineProperty(_Link, "propTypes", {
+      return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, props), {}, {
+        href: href,
+        className: classes,
+        onClick: onClick,
+        onPlainLeftClick: onPlainLeftClick,
+        "data-test": joinDataTestAttributes('ring-link', dataTest),
+        children: children
+      }));
+    }
+  }, _defineProperty(_Link, "propTypes", {
     className: PropTypes.string,
     active: PropTypes.bool,
     inherit: PropTypes.bool,

package/components/list/consts.js

@@ -11,7 +11,7 @@ var Type;
   Type[Type["TITLE"] = 5] = "TITLE";
   Type[Type["MARGIN"] = 6] = "MARGIN";
 })(Type || (Type = {}));
-var Dimension = {
+const Dimension = {
   ITEM_PADDING: 16,
   ITEM_HEIGHT: 32,
   COMPACT_ITEM_HEIGHT: 24,
@@ -22,6 +22,6 @@ var Dimension = {
   INNER_PADDING: 8,
   MARGIN: 8
 };
-var DEFAULT_ITEM_TYPE = Type.ITEM;
+const DEFAULT_ITEM_TYPE = Type.ITEM;
 
 export { DEFAULT_ITEM_TYPE, Dimension, Type };