@jetbrains/ring-ui-built 6.0.30 → 6.0.32

package/components/island/header.js

@@ -1,5 +1,4 @@
-import { _ as _defineProperty, 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.array.concat.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,8 +6,7 @@ import { interpolateLinear } from '../global/linear-function.js';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import { PhaseContext } from './adaptive-island-hoc.js';
 
-var _excluded = ["children", "className", "wrapWithTitle", "border", "phase"];
-var Start = {
+const Start = {
   FONT_SIZE: 24,
   LINE_HEIGHT: 28,
   PADDING_TOP: 24,
@@ -17,7 +15,7 @@ var Start = {
   Y: 0,
   SPACING: 0
 };
-var End = {
+const End = {
   FONT_SIZE: 13,
   LINE_HEIGHT: 20,
   PADDING_TOP: 16,
@@ -27,72 +25,61 @@ 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 {
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    border: PropTypes.bool,
+    wrapWithTitle: PropTypes.bool,
+    phase: PropTypes.number
+  };
+  static defaultProps = {
+    wrapWithTitle: true
+  };
+  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__*/React.createElement("div", _extends({}, restProps, {
-        "data-test": "ring-island-header",
-        className: classes,
-        style: headerStyle
-      }), wrapWithTitle && /*#__PURE__*/React.createElement("h2", {
-        className: modules_e6a056e1.title,
-        style: titleStyle
-      }, children), !wrapWithTitle && children);
-    }
-  }]);
-}(Component);
-_defineProperty(Header, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  border: PropTypes.bool,
-  wrapWithTitle: PropTypes.bool,
-  phase: PropTypes.number
-});
-_defineProperty(Header, "defaultProps", {
-  wrapWithTitle: true
+  render() {
+    const {
+      children,
+      className,
+      wrapWithTitle,
+      border,
+      phase,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_e6a056e1.header, className, {
+      [modules_e6a056e1.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
+    });
+    const headerStyle = phase != null ? {
+      lineHeight: `${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(${this.style('X')}px, ${this.style('Y')}px) scale(${scaleFont})`,
+      letterSpacing: this.style('SPACING')
+    } : undefined;
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      "data-test": "ring-island-header",
+      className: classes,
+      style: headerStyle
+    }), wrapWithTitle && /*#__PURE__*/React.createElement("h2", {
+      className: modules_e6a056e1.title,
+      style: titleStyle
+    }, children), !wrapWithTitle && children);
+  }
+}
+const HeaderWrapper = props => /*#__PURE__*/React.createElement(PhaseContext.Consumer, null, phase => {
+  const addProps = phase != null ? {
+    phase
+  } : {};
+  return /*#__PURE__*/React.createElement(Header, _extends({}, props, addProps));
 });
-var HeaderWrapper = function HeaderWrapper(props) {
-  return /*#__PURE__*/React.createElement(PhaseContext.Consumer, null, function (phase) {
-    var addProps = phase != null ? {
-      phase
-    } : {};
-    return /*#__PURE__*/React.createElement(Header, _extends({}, 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, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,52 +7,40 @@ import adaptiveIslandHOC from './adaptive-island-hoc.js';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 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 '../global/linear-function.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-var _excluded = ["children", "className", "narrow", "withoutPaddings", "data-test"];
 /**
  * @name Island
  */
-var Island = /*#__PURE__*/function (_Component) {
-  function Island() {
-    _classCallCheck(this, Island);
-    return _callSuper(this, Island, arguments);
+class Island extends Component {
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    narrow: PropTypes.bool,
+    withoutPaddings: PropTypes.bool,
+    'data-test': PropTypes.string
+  };
+  render() {
+    const {
+      children,
+      className,
+      narrow,
+      withoutPaddings,
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_e6a056e1.island, className, {
+      [modules_e6a056e1.narrowIsland]: narrow,
+      [modules_e6a056e1.withoutPaddings]: withoutPaddings
+    });
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes,
+      "data-test": joinDataTestAttributes('ring-island', dataTest)
+    }), 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__*/React.createElement("div", _extends({}, restProps, {
-        className: classes,
-        "data-test": joinDataTestAttributes('ring-island', dataTest)
-      }), children);
-    }
-  }]);
-}(Component);
-_defineProperty(Island, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  narrow: PropTypes.bool,
-  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,32 +1,24 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var _excluded = ["children", "className"];
-var Content = /*#__PURE__*/function (_PureComponent) {
-  function Content() {
-    _classCallCheck(this, Content);
-    return _callSuper(this, Content, arguments);
+class Content extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
+  render() {
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames('ring-island__content', className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), 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__*/React.createElement("div", _extends({}, restProps, {
-        className: classes
-      }), children);
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Content, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
+}
 
 export { Content as default };

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

@@ -1,34 +1,26 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var _excluded = ["children", "className"];
-var Header = /*#__PURE__*/function (_PureComponent) {
-  function Header() {
-    _classCallCheck(this, Header);
-    return _callSuper(this, Header, arguments);
+class Header extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
+  render() {
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames('ring-island__header', className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "ring-island__title"
+    }, 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__*/React.createElement("div", _extends({}, restProps, {
-        className: classes
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "ring-island__title"
-      }, children));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Header, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
+}
 
 export { Header as default };

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

@@ -1,34 +1,26 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 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);
+class Island extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
+  render() {
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames('ring-island', className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), 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__*/React.createElement("div", _extends({}, restProps, {
-        className: classes
-      }), children);
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Island, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
+}
 
 export { Island as default };

package/components/link/clickableLink.js

@@ -1,67 +1,52 @@
-import { _ as _defineProperty, 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.array.concat.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
-var _excluded = ["onConditionalClick", "onPlainLeftClick", "activeClassName", "href", "children"];
-var LEFT_BUTTON = 0;
+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];
+const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
+class ClickableLink extends PureComponent {
+  static propTypes = {
+    onClick: PropTypes.func,
+    onPlainLeftClick: PropTypes.func,
+    onConditionalClick: PropTypes.func,
+    activeClassName: PropTypes.string,
+    href: PropTypes.string.isRequired,
+    children: PropTypes.node.isRequired
+  };
+  onClick = e => {
+    const {
+      onClick,
+      onConditionalClick,
+      onPlainLeftClick
+    } = this.props;
+    const isPlainLeft = isPlainLeftClick(e);
+    if (onClick) {
+      onClick(e);
     }
-    _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);
-      if (onClick) {
-        onClick(e);
-      }
-      if (onConditionalClick) {
-        onConditionalClick(isPlainLeft, e);
-      }
-      if (onPlainLeftClick && isPlainLeft) {
-        e.preventDefault();
-        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__*/React.createElement("a", _extends({
-        href: href
-      }, restProps, {
-        onClick: this.onClick
-      }), children);
+    if (onConditionalClick) {
+      onConditionalClick(isPlainLeft, e);
+    }
+    if (onPlainLeftClick && isPlainLeft) {
+      e.preventDefault();
+      onPlainLeftClick(e);
     }
-  }]);
-}(PureComponent);
-_defineProperty(ClickableLink, "propTypes", {
-  onClick: PropTypes.func,
-  onPlainLeftClick: PropTypes.func,
-  onConditionalClick: PropTypes.func,
-  activeClassName: PropTypes.string,
-  href: PropTypes.string.isRequired,
-  children: PropTypes.node.isRequired
-});
+  };
+  render() {
+    const {
+      onConditionalClick,
+      onPlainLeftClick,
+      activeClassName,
+      href,
+      children,
+      ...restProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement("a", _extends({
+      href: href
+    }, restProps, {
+      onClick: this.onClick
+    }), children);
+  }
+}
 
 export { ClickableLink as default };

package/components/link/link.js

@@ -1,83 +1,72 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickableLink.js';
 import { m as modules_607b0772 } from '../_helpers/link.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';
 
-var _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
-        });
-        var props = restProps;
-        if (isCustom && !props.activeClassName) {
-          props = _objectSpread2(_objectSpread2({}, props), {}, {
-            activeClassName: modules_607b0772.active
-          });
-        }
-        if (useButton) {
-          return /*#__PURE__*/React.createElement("button", _extends({
-            type: "button"
-          }, props, {
-            className: classes,
-            onClick: onClick || onPlainLeftClick,
-            "data-test": joinDataTestAttributes('ring-link', dataTest)
-          }), children);
-        }
-        return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, props, {
-          href: href,
+  const isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
+  return class Link extends PureComponent {
+    static propTypes = {
+      className: PropTypes.string,
+      active: PropTypes.bool,
+      inherit: PropTypes.bool,
+      pseudo: PropTypes.bool,
+      hover: PropTypes.bool,
+      children: PropTypes.node,
+      'data-test': PropTypes.string,
+      href: PropTypes.string,
+      onPlainLeftClick: PropTypes.func,
+      onClick: PropTypes.func
+    };
+    render() {
+      const {
+        active,
+        inherit,
+        pseudo,
+        hover,
+        className,
+        'data-test': dataTest,
+        href,
+        children,
+        onPlainLeftClick,
+        onClick,
+        ...restProps
+      } = this.props;
+      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 = {
+          ...props,
+          activeClassName: modules_607b0772.active
+        };
+      }
+      if (useButton) {
+        return /*#__PURE__*/React.createElement("button", _extends({
+          type: "button"
+        }, props, {
           className: classes,
-          onClick: onClick,
-          onPlainLeftClick: onPlainLeftClick,
+          onClick: onClick || onPlainLeftClick,
           "data-test": joinDataTestAttributes('ring-link', dataTest)
         }), children);
       }
-    }]);
-  }(PureComponent), _defineProperty(_Link, "propTypes", {
-    className: PropTypes.string,
-    active: PropTypes.bool,
-    inherit: PropTypes.bool,
-    pseudo: PropTypes.bool,
-    hover: PropTypes.bool,
-    children: PropTypes.node,
-    'data-test': PropTypes.string,
-    href: PropTypes.string,
-    onPlainLeftClick: PropTypes.func,
-    onClick: PropTypes.func
-  }), _Link;
+      return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, props, {
+        href: href,
+        className: classes,
+        onClick: onClick,
+        onPlainLeftClick: onPlainLeftClick,
+        "data-test": joinDataTestAttributes('ring-link', dataTest)
+      }), children);
+    }
+  };
 }
 var Link = linkHOC(ClickableLink);