@jetbrains/ring-ui 5.0.126 → 5.0.128

package/dist/input/input.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';
@@ -34,33 +34,18 @@ var Size;
   Size["FULL"] = "FULL";
 })(Size || (Size = {}));
 class Input extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      empty: true
-    });
-    _defineProperty(this, "frame", void 0);
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "id", getUID('ring-input-'));
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
-    });
-    _defineProperty(this, "clear", e => {
-      this.props.onClear && this.props.onClear(e);
-    });
-    _defineProperty(this, "handleInputChange", e => {
-      if (!this.props.multiline) {
-        this.props.onChange?.(e);
-        this.checkValue();
-      }
-    });
-    _defineProperty(this, "handleTextareaChange", e => {
-      if (this.props.multiline) {
-        this.props.onChange?.(e);
-        this.checkValue();
-      }
-    });
-  }
+  static defaultProps = {
+    size: Size.M,
+    onChange: noop,
+    inputRef: noop,
+    enableShortcuts: ['esc'],
+    translations: {
+      clear: 'Clear input'
+    }
+  };
+  state = {
+    empty: true
+  };
   componentDidMount() {
     this.frame = requestAnimationFrame(() => this.adapt());
   }
@@ -72,6 +57,10 @@ class Input extends PureComponent {
       cancelAnimationFrame(this.frame);
     }
   }
+  static contextType = ControlsHeightContext;
+  frame;
+  input;
+  id = getUID('ring-input-');
   getId() {
     return this.props.id || this.id;
   }
@@ -93,6 +82,24 @@ class Input extends PureComponent {
   adapt() {
     this.checkValue();
   }
+  inputRef = el => {
+    this.input = el;
+  };
+  clear = e => {
+    this.props.onClear && this.props.onClear(e);
+  };
+  handleInputChange = e => {
+    if (!this.props.multiline) {
+      this.props.onChange?.(e);
+      this.checkValue();
+    }
+  };
+  handleTextareaChange = e => {
+    if (this.props.multiline) {
+      this.props.onChange?.(e);
+      this.checkValue();
+    }
+  };
   render() {
     const {
       // Modifiers
@@ -174,16 +181,6 @@ class Input extends PureComponent {
     }, error));
   }
 }
-_defineProperty(Input, "defaultProps", {
-  size: Size.M,
-  onChange: noop,
-  inputRef: noop,
-  enableShortcuts: ['esc'],
-  translations: {
-    clear: 'Clear input'
-  }
-});
-_defineProperty(Input, "contextType", ControlsHeightContext);
 Input.propTypes = {
   value: PropTypes.string,
   className: PropTypes.string,

package/dist/input-ng/input-ng.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close';
@@ -18,6 +17,28 @@ var modules_c40fa551 = {"errorText":"errorText_rui_d15a","clear":"clear_rui_d15a
 
 const angularModule = angular.module('Ring.input', [Button]);
 class RingInputComponent extends RingAngularComponent {
+  static require = {
+    ngModelCtrl: '?ngModel'
+  };
+  static bindings = {
+    name: '@',
+    required: '@',
+    ngMinlength: '@',
+    ngMaxlength: '@',
+    placeholder: '@',
+    ngModel: '<',
+    onChange: '&',
+    label: '@',
+    hint: '@',
+    size: '@',
+    disabled: '@',
+    active: '<',
+    error: '@',
+    empty: '<',
+    clearable: '<',
+    borderless: '<',
+    multiline: '<'
+  };
   $onInit() {
     this.closeIcon = closeIcon;
     if (!this.ngModelCtrl) {
@@ -60,30 +81,7 @@ class RingInputComponent extends RingAngularComponent {
       [modules_88cfaf40.borderless]: this.borderless
     });
   }
-}
-_defineProperty(RingInputComponent, "require", {
-  ngModelCtrl: '?ngModel'
-});
-_defineProperty(RingInputComponent, "bindings", {
-  name: '@',
-  required: '@',
-  ngMinlength: '@',
-  ngMaxlength: '@',
-  placeholder: '@',
-  ngModel: '<',
-  onChange: '&',
-  label: '@',
-  hint: '@',
-  size: '@',
-  disabled: '@',
-  active: '<',
-  error: '@',
-  empty: '<',
-  clearable: '<',
-  borderless: '<',
-  multiline: '<'
-});
-_defineProperty(RingInputComponent, "template", `
+  static template = `
 <div
   data-test="ring-input-container"
   ng-class="$ctrl.getContainerClasses()"
@@ -138,7 +136,8 @@ _defineProperty(RingInputComponent, "template", `
 
   <div ng-if="!$ctrl.borderless && $ctrl.error" class="${modules_88cfaf40.errorText} ${modules_c40fa551.errorText}">{{$ctrl.error}}</div>
 </div>
-  `);
+  `;
+}
 RingInputComponent.$inject = ['$element'];
 angularModule.component('rgInput', RingInputComponent);
 var InputNg = angularModule.name;

package/dist/island/adaptive-island-hoc.js

@@ -1,5 +1,4 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { createContext, Component } from 'react';
+import React, { Component, createContext } from 'react';
 import { interpolateLinear } from '../global/linear-function.js';
 
 const TITLE_RESIZE_END = 20;
@@ -7,28 +6,25 @@ const TITLE_RESIZE_THRESHOLD = 36;
 const PhaseContext = /*#__PURE__*/createContext(null);
 const ScrollHandlerContext = /*#__PURE__*/createContext(null);
 function adaptiveIslandHOC(ComposedComponent) {
-  var _class;
-  return _class = class AdaptiveIsland extends Component {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "state", {
-        phase: null
-      });
-      _defineProperty(this, "onContentScroll", _ref => {
-        var _this$state$phase;
-        let {
-          scrollTop,
-          scrollHeight,
-          clientHeight
-        } = _ref;
-        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
-          const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
-          this.setState({
-            phase
-          });
-        }
-      });
-    }
+  return class AdaptiveIsland extends Component {
+    static propTypes = ComposedComponent.propTypes;
+    state = {
+      phase: null
+    };
+    onContentScroll = _ref => {
+      var _this$state$phase;
+      let {
+        scrollTop,
+        scrollHeight,
+        clientHeight
+      } = _ref;
+      if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
+        const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
+        this.setState({
+          phase
+        });
+      }
+    };
     render() {
       return /*#__PURE__*/React.createElement(PhaseContext.Provider, {
         value: this.state.phase
@@ -36,7 +32,7 @@ function adaptiveIslandHOC(ComposedComponent) {
         value: this.onContentScroll
       }, /*#__PURE__*/React.createElement(ComposedComponent, this.props)));
     }
-  }, _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _class;
+  };
 }
 
 export { PhaseContext, ScrollHandlerContext, adaptiveIslandHOC as default };

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);