@jetbrains/ring-ui 5.0.127 → 5.0.129

package/dist/island/content.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -12,55 +12,25 @@ const scheduleScrollAction = scheduleRAF();
 const noop = () => {};
 const END_DISTANCE = 16;
 class Content extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      scrolledToTop: true,
-      scrolledToBottom: false
-    });
-    _defineProperty(this, "resizeDetector", createResizeDetector({
-      strategy: 'scroll'
-    }));
-    _defineProperty(this, "wrapperNode", void 0);
-    _defineProperty(this, "setWrapper", node => {
-      if (!node) {
-        return;
-      }
-      this.wrapperNode = node;
-      this.resizeDetector.listenTo(node, this.calculateScrollPosition);
-    });
-    _defineProperty(this, "calculateScrollPosition", () => scheduleScrollAction(() => {
-      const {
-        scrollableNode
-      } = this;
-      if (!scrollableNode) {
-        return;
-      }
-      this.props.onScroll(scrollableNode);
-      const {
-        scrollTop,
-        scrollHeight,
-        offsetHeight
-      } = scrollableNode;
-      const scrolledToTop = scrollTop === 0;
-      const scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
-      if (scrolledToBottom) {
-        this.props.onScrollToBottom?.();
-      }
-      this.setState({
-        scrolledToTop,
-        scrolledToBottom
-      });
-    }));
-    _defineProperty(this, "scrollableNode", void 0);
-    _defineProperty(this, "setScrollableNodeAndCalculatePosition", node => {
-      if (!node) {
-        return;
-      }
-      this.scrollableNode = node;
-      this.calculateScrollPosition();
-    });
-  }
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    scrollableWrapperClassName: PropTypes.string,
+    fade: PropTypes.bool,
+    bottomBorder: PropTypes.bool,
+    onScroll: PropTypes.func,
+    onScrollToBottom: PropTypes.func
+  };
+  static defaultProps = {
+    fade: true,
+    bottomBorder: false,
+    onScroll: noop,
+    onScrollToBottom: noop
+  };
+  state = {
+    scrolledToTop: true,
+    scrolledToBottom: false
+  };
   componentWillUnmount() {
     this.scrollableNode = null;
     if (!this.wrapperNode) {
@@ -68,6 +38,48 @@ class Content extends Component {
     }
     this.resizeDetector.removeAllListeners(this.wrapperNode);
   }
+  resizeDetector = createResizeDetector({
+    strategy: 'scroll'
+  });
+  wrapperNode;
+  setWrapper = node => {
+    if (!node) {
+      return;
+    }
+    this.wrapperNode = node;
+    this.resizeDetector.listenTo(node, this.calculateScrollPosition);
+  };
+  calculateScrollPosition = () => scheduleScrollAction(() => {
+    const {
+      scrollableNode
+    } = this;
+    if (!scrollableNode) {
+      return;
+    }
+    this.props.onScroll(scrollableNode);
+    const {
+      scrollTop,
+      scrollHeight,
+      offsetHeight
+    } = scrollableNode;
+    const scrolledToTop = scrollTop === 0;
+    const scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
+    if (scrolledToBottom) {
+      this.props.onScrollToBottom?.();
+    }
+    this.setState({
+      scrolledToTop,
+      scrolledToBottom
+    });
+  });
+  scrollableNode;
+  setScrollableNodeAndCalculatePosition = node => {
+    if (!node) {
+      return;
+    }
+    this.scrollableNode = node;
+    this.calculateScrollPosition();
+  };
   render() {
     const {
       children,
@@ -106,21 +118,6 @@ class Content extends Component {
     }, children), !fade && children));
   }
 }
-_defineProperty(Content, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  scrollableWrapperClassName: PropTypes.string,
-  fade: PropTypes.bool,
-  bottomBorder: PropTypes.bool,
-  onScroll: PropTypes.func,
-  onScrollToBottom: PropTypes.func
-});
-_defineProperty(Content, "defaultProps", {
-  fade: true,
-  bottomBorder: false,
-  onScroll: noop,
-  onScrollToBottom: noop
-});
 const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(ScrollHandlerContext.Consumer, null, onScroll => {
   const addProps = onScroll != null ? {
     onScroll,

package/dist/island/header.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } 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';
@@ -27,6 +27,16 @@ const End = {
 };
 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);
@@ -64,16 +74,6 @@ class Header extends Component {
     }, children), !wrapWithTitle && children);
   }
 }
-_defineProperty(Header, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  border: PropTypes.bool,
-  wrapWithTitle: PropTypes.bool,
-  phase: PropTypes.number
-});
-_defineProperty(Header, "defaultProps", {
-  wrapWithTitle: true
-});
 const HeaderWrapper = props => /*#__PURE__*/React.createElement(PhaseContext.Consumer, null, phase => {
   const addProps = phase != null ? {
     phase

package/dist/island/island.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } 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';
@@ -15,6 +15,13 @@ import '../global/schedule-raf.js';
  * @name Island
  */
 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,
@@ -34,13 +41,6 @@ class Island extends Component {
     }), children);
   }
 }
-_defineProperty(Island, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  narrow: PropTypes.bool,
-  withoutPaddings: PropTypes.bool,
-  'data-test': PropTypes.string
-});
 const AdaptiveIsland = adaptiveIslandHOC(Island);
 
 export { AdaptiveIsland, Island as default };

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

@@ -1,9 +1,13 @@
-import { _ as _defineProperty, a as _extends } 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';
 
 class Content extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
   render() {
     const {
       children,
@@ -16,9 +20,5 @@ class Content extends PureComponent {
     }), children);
   }
 }
-_defineProperty(Content, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
 
 export { Content as default };

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

@@ -1,9 +1,13 @@
-import { _ as _defineProperty, a as _extends } 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';
 
 class Header extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
   render() {
     const {
       children,
@@ -18,9 +22,5 @@ class Header extends PureComponent {
     }, children));
   }
 }
-_defineProperty(Header, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
 
 export { Header as default };

package/dist/island-legacy/island-legacy.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } 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';
@@ -6,6 +6,10 @@ export { default as Header } from './header-legacy.js';
 export { default as Content } from './content-legacy.js';
 
 class Island extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
   render() {
     const {
       children,
@@ -18,9 +22,5 @@ class Island extends PureComponent {
     }), children);
   }
 }
-_defineProperty(Island, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
 
 export { Island as default };

package/dist/link/clickableLink.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
@@ -6,27 +6,32 @@ const LEFT_BUTTON = 0;
 // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
 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);
-      }
-      if (onConditionalClick) {
-        onConditionalClick(isPlainLeft, e);
-      }
-      if (onPlainLeftClick && isPlainLeft) {
-        e.preventDefault();
-        onPlainLeftClick(e);
-      }
-    });
-  }
+  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);
+    }
+    if (onConditionalClick) {
+      onConditionalClick(isPlainLeft, e);
+    }
+    if (onPlainLeftClick && isPlainLeft) {
+      e.preventDefault();
+      onPlainLeftClick(e);
+    }
+  };
   render() {
     const {
       onConditionalClick,
@@ -43,13 +48,5 @@ class ClickableLink extends PureComponent {
     }), children);
   }
 }
-_defineProperty(ClickableLink, "propTypes", {
-  onClick: PropTypes.func,
-  onPlainLeftClick: PropTypes.func,
-  onConditionalClick: PropTypes.func,
-  activeClassName: PropTypes.string,
-  href: PropTypes.string.isRequired,
-  children: PropTypes.node.isRequired
-});
 
 export { ClickableLink as default };

package/dist/link/link.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 import React, { PureComponent, memo } from 'react';
 import PropTypes from 'prop-types';
@@ -33,9 +33,21 @@ const makeWrapText = memoize(innerClassName => {
   return /*#__PURE__*/memo(WrapText);
 });
 function linkHOC(ComposedComponent) {
-  var _class;
   const isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
-  return _class = class Link extends PureComponent {
+  return class Link extends PureComponent {
+    static propTypes = {
+      className: PropTypes.string,
+      innerClassName: PropTypes.string,
+      active: PropTypes.bool,
+      inherit: PropTypes.bool,
+      pseudo: PropTypes.bool,
+      hover: PropTypes.bool,
+      children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      'data-test': PropTypes.string,
+      href: PropTypes.string,
+      onPlainLeftClick: PropTypes.func,
+      onClick: PropTypes.func
+    };
     getChildren() {
       const {
         children,
@@ -92,19 +104,7 @@ function linkHOC(ComposedComponent) {
         "data-test": joinDataTestAttributes('ring-link', dataTest)
       }), this.getChildren());
     }
-  }, _defineProperty(_class, "propTypes", {
-    className: PropTypes.string,
-    innerClassName: PropTypes.string,
-    active: PropTypes.bool,
-    inherit: PropTypes.bool,
-    pseudo: PropTypes.bool,
-    hover: PropTypes.bool,
-    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-    'data-test': PropTypes.string,
-    href: PropTypes.string,
-    onPlainLeftClick: PropTypes.func,
-    onClick: PropTypes.func
-  }), _class;
+  };
 }
 var Link = linkHOC(ClickableLink);