@jetbrains/ring-ui 5.0.127 → 5.0.129

package/dist/dropdown/dropdown.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, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -22,82 +22,112 @@ import '../_helpers/button__classes.js';
  * @name Dropdown
  */
 class Dropdown extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      show: this.props.initShown,
-      pinned: false
-    });
-    _defineProperty(this, "onClick", () => {
-      if (this.props.disabled) {
-        return;
-      }
-      const {
-        show,
-        pinned
-      } = this.state;
-      let nextPinned = pinned;
-      if (this.props.hoverMode) {
-        if (!pinned) {
-          nextPinned = true;
-          if (show) {
-            this.setState({
-              pinned: true
-            });
-            return;
-          }
-        } else {
-          nextPinned = false;
+  static propTypes = {
+    /**
+     * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
+     * React element should render some interactive HTML element like `button` or `a`
+     */
+    anchor: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
+    children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,
+    initShown: PropTypes.bool,
+    className: PropTypes.string,
+    activeClassName: PropTypes.string,
+    clickMode: PropTypes.bool,
+    hoverMode: PropTypes.bool,
+    hoverShowTimeOut: PropTypes.number,
+    hoverHideTimeOut: PropTypes.number,
+    disabled: PropTypes.bool,
+    onShow: PropTypes.func,
+    onHide: PropTypes.func,
+    onMouseEnter: PropTypes.func,
+    onMouseLeave: PropTypes.func,
+    'data-test': PropTypes.string
+  };
+  static defaultProps = {
+    initShown: false,
+    clickMode: true,
+    hoverMode: false,
+    hoverShowTimeOut: 300,
+    hoverHideTimeOut: 600,
+    disabled: false,
+    onShow: () => {},
+    onHide: () => {},
+    onMouseEnter: () => {},
+    onMouseLeave: () => {}
+  };
+  state = {
+    show: this.props.initShown,
+    pinned: false
+  };
+  onClick = () => {
+    if (this.props.disabled) {
+      return;
+    }
+    const {
+      show,
+      pinned
+    } = this.state;
+    let nextPinned = pinned;
+    if (this.props.hoverMode) {
+      if (!pinned) {
+        nextPinned = true;
+        if (show) {
+          this.setState({
+            pinned: true
+          });
+          return;
         }
-      }
-      this._toggle(!show, nextPinned);
-    });
-    _defineProperty(this, "onChildCloseAttempt", () => {
-      let nextPinned = this.state.pinned;
-      if (this.props.hoverMode) {
+      } else {
         nextPinned = false;
       }
-      this._toggle(false, nextPinned);
-    });
-    _defineProperty(this, "hoverTimer", void 0);
-    _defineProperty(this, "onMouseEnter", event => {
-      if (this.props.disabled) {
-        return;
-      }
-      this._clearTimer();
-      this.props.onMouseEnter?.(event);
-      this.hoverTimer = window.setTimeout(() => {
-        if (!this.state.show) {
-          this._toggle(true);
-        }
-      }, this.props.hoverShowTimeOut);
-    });
-    _defineProperty(this, "onMouseLeave", event => {
-      if (this.props.disabled) {
-        return;
+    }
+    this._toggle(!show, nextPinned);
+  };
+  onChildCloseAttempt = () => {
+    let nextPinned = this.state.pinned;
+    if (this.props.hoverMode) {
+      nextPinned = false;
+    }
+    this._toggle(false, nextPinned);
+  };
+  hoverTimer;
+  onMouseEnter = event => {
+    if (this.props.disabled) {
+      return;
+    }
+    this._clearTimer();
+    this.props.onMouseEnter?.(event);
+    this.hoverTimer = window.setTimeout(() => {
+      if (!this.state.show) {
+        this._toggle(true);
       }
-      this.props.onMouseLeave?.(event);
-      if (this.state.pinned) {
-        return;
+    }, this.props.hoverShowTimeOut);
+  };
+  onMouseLeave = event => {
+    if (this.props.disabled) {
+      return;
+    }
+    this.props.onMouseLeave?.(event);
+    if (this.state.pinned) {
+      return;
+    }
+    this._clearTimer();
+    this.hoverTimer = window.setTimeout(() => {
+      if (this.state.show) {
+        this._toggle(false);
       }
-      this._clearTimer();
-      this.hoverTimer = window.setTimeout(() => {
-        if (this.state.show) {
-          this._toggle(false);
-        }
-      }, this.props.hoverHideTimeOut);
-    });
-    _defineProperty(this, "handlePopupInteraction", () => {
-      this.setState(_ref => {
-        let {
-          pinned
-        } = _ref;
-        return pinned ? null : {
-          pinned: true
-        };
-      });
+    }, this.props.hoverHideTimeOut);
+  };
+  handlePopupInteraction = () => {
+    this.setState(_ref => {
+      let {
+        pinned
+      } = _ref;
+      return pinned ? null : {
+        pinned: true
+      };
     });
-  }
+  };
   toggle() {
     let show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.state.show;
     this._toggle(show);
@@ -182,38 +212,5 @@ class Dropdown extends Component {
     }), anchorElement, typeof children === 'function' ? children(childProps) : /*#__PURE__*/cloneElement(children, childProps));
   }
 }
-_defineProperty(Dropdown, "propTypes", {
-  /**
-   * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
-   * React element should render some interactive HTML element like `button` or `a`
-   */
-  anchor: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,
-  initShown: PropTypes.bool,
-  className: PropTypes.string,
-  activeClassName: PropTypes.string,
-  clickMode: PropTypes.bool,
-  hoverMode: PropTypes.bool,
-  hoverShowTimeOut: PropTypes.number,
-  hoverHideTimeOut: PropTypes.number,
-  disabled: PropTypes.bool,
-  onShow: PropTypes.func,
-  onHide: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  'data-test': PropTypes.string
-});
-_defineProperty(Dropdown, "defaultProps", {
-  initShown: false,
-  clickMode: true,
-  hoverMode: false,
-  hoverShowTimeOut: 300,
-  hoverHideTimeOut: 600,
-  disabled: false,
-  onShow: () => {},
-  onHide: () => {},
-  onMouseEnter: () => {},
-  onMouseLeave: () => {}
-});
 
 export { Anchor, Dropdown as default };

package/dist/dropdown-menu/dropdown-menu.js

@@ -1,4 +1,4 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { useMemo, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import List, { ActiveItemContext } from '../list/list.js';

package/dist/editable-heading/editable-heading.js

@@ -1,4 +1,4 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading.js';

package/dist/error-bubble/error-bubble.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent, Children, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -15,6 +14,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
 
@@ -24,6 +24,11 @@ var modules_ee284100 = {"unit":"i__const_unit_0","light":"light_rui_b075","error
  * @name Error Bubble
  */
 class ErrorBubble extends PureComponent {
+  static propTypes = {
+    error: PropTypes.string,
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
   render() {
     const {
       children,
@@ -48,10 +53,5 @@ class ErrorBubble extends PureComponent {
     }, restProps.error)));
   }
 }
-_defineProperty(ErrorBubble, "propTypes", {
-  error: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node
-});
 
 export { ErrorBubble as default };

package/dist/error-message/error-message.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,6 +5,7 @@ import Icon from '../icon/icon.js';
 import { Size } from '../icon/icon__constants.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
@@ -15,6 +15,15 @@ import '../global/memoize.js';
  * @name Error Message
  */
 class ErrorMessage extends Component {
+  static propTypes = {
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+    code: PropTypes.string,
+    message: PropTypes.string,
+    description: PropTypes.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    'data-test': PropTypes.string
+  };
   render() {
     const {
       className,
@@ -43,14 +52,5 @@ class ErrorMessage extends Component {
     }, description), children));
   }
 }
-_defineProperty(ErrorMessage, "propTypes", {
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  code: PropTypes.string,
-  message: PropTypes.string,
-  description: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  'data-test': PropTypes.string
-});
 
 export { ErrorMessage as default };

package/dist/error-message-ng/error-message-ng.js

@@ -4,7 +4,6 @@ import LinkModule from '../link-ng/link-ng.js';
 import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/ring-angular-component.js';
 import '../_helpers/icon.js';
 import '../_helpers/link.js';

package/dist/footer-ng/footer-ng.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { m as modules_7385b3fd, c as copyright } from '../_helpers/footer.js';
@@ -6,6 +5,7 @@ import 'react';
 import 'prop-types';
 import 'classnames';
 import '../link/link.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 import '../global/memoize.js';
 import '../global/data-tests.js';
@@ -18,17 +18,13 @@ import '../_helpers/link.js';
 
 const angularModule = angular.module('Ring.footer', []);
 class rgFooterComponent extends RingAngularComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "styles", modules_7385b3fd);
-  }
-}
-_defineProperty(rgFooterComponent, "transclude", {
-  left: '?rgFooterLeft',
-  center: '?rgFooterCenter',
-  right: '?rgFooterRight'
-});
-_defineProperty(rgFooterComponent, "template", `<footer ng-class=":: $ctrl.styles.footer" data-test="ring-footer">
+  styles = modules_7385b3fd;
+  static transclude = {
+    left: '?rgFooterLeft',
+    center: '?rgFooterCenter',
+    right: '?rgFooterRight'
+  };
+  static template = `<footer ng-class=":: $ctrl.styles.footer" data-test="ring-footer">
   <div ng-class=":: $ctrl.styles.columnLeft">
     <div ng-transclude="left" ng-class=":: $ctrl.styles.columnItem"></div>
   </div>
@@ -40,20 +36,22 @@ _defineProperty(rgFooterComponent, "template", `<footer ng-class=":: $ctrl.style
   <div ng-class=":: $ctrl.styles.columnRight">
     <div ng-transclude="right" ng-class=":: $ctrl.styles.columnItem"></div>
   </div>
-</footer>`);
-class rgFooterLineComponent extends RingAngularComponent {}
-_defineProperty(rgFooterLineComponent, "transclude", true);
-_defineProperty(rgFooterLineComponent, "template", `<div class="${modules_7385b3fd.line}" ng-transclude></div>`);
+</footer>`;
+}
+class rgFooterLineComponent extends RingAngularComponent {
+  static transclude = true;
+  static template = `<div class="${modules_7385b3fd.line}" ng-transclude></div>`;
+}
 class rgFooterCopyrightComponent extends RingAngularComponent {
+  static template = '<span>{{:: $ctrl.copyrightYears}} {{:: $ctrl.companyName}}</span>';
+  static bindings = {
+    year: '@',
+    companyName: '@'
+  };
   $onInit() {
     this.copyrightYears = copyright(this.year);
   }
 }
-_defineProperty(rgFooterCopyrightComponent, "template", '<span>{{:: $ctrl.copyrightYears}} {{:: $ctrl.companyName}}</span>');
-_defineProperty(rgFooterCopyrightComponent, "bindings", {
-  year: '@',
-  companyName: '@'
-});
 angularModule.component('rgFooter', rgFooterComponent);
 angularModule.component('rgFooterLine', rgFooterLineComponent);
 angularModule.component('rgFooterCopyright', rgFooterCopyrightComponent);

package/dist/global/angular-component-factory.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
 import React from 'react';
 import { unmountComponentAtNode, render } from './react-render-adapter.js';
@@ -17,6 +16,8 @@ function createAngularComponent(Component) {
     bindings[key] = '<';
   });
   class AngularComponent extends RingAngularComponent {
+    static bindings = bindings;
+    static transclude = true;
     $postLink() {
       const {
         $transclude
@@ -63,8 +64,6 @@ function createAngularComponent(Component) {
       }) : null), container);
     }
   }
-  _defineProperty(AngularComponent, "bindings", bindings);
-  _defineProperty(AngularComponent, "transclude", true);
   AngularComponent.$inject = ['$scope', '$element', '$transclude'];
   return AngularComponent;
 }

package/dist/global/dom.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 /**
  * @name DOM
  */
@@ -88,9 +86,7 @@ function resetRootStyleProperties() {
   Object.keys(properties).forEach(key => rootStyle.removeProperty(key));
 }
 class Listeners {
-  constructor() {
-    _defineProperty(this, "_all", new Set());
-  }
+  _all = new Set();
   add(el, event, handler, options) {
     el.addEventListener(event, handler, options);
     const dispatchFn = () => el.removeEventListener(event, handler, options);

package/dist/global/focus-sensor-hoc.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 { refObject } from './prop-types.js';
@@ -22,66 +22,9 @@ function extractPropTypes(_ref) {
 }
 function focusSensorHOC(ComposedComponent) {
   class FocusSensor extends Component {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "state", {
-        focused: this.props.focused
-      });
-      _defineProperty(this, "node", void 0);
-      _defineProperty(this, "_skipNextCapture", false);
-      _defineProperty(this, "onRefUpdate", node => {
-        if (node) {
-          this.node = node;
-        }
-      });
-      _defineProperty(this, "onFocusCapture", _ref2 => {
-        let {
-          target
-        } = _ref2;
-        if (this._skipNextCapture) {
-          this._skipNextCapture = false;
-          return;
-        }
-        const focused = target instanceof Node && this.node?.contains(target);
-        if (focused && !this.state.focused) {
-          this.setState({
-            focused: true
-          });
-          this.props.onFocus?.();
-        }
-      });
-      _defineProperty(this, "onBlurCapture", _ref3 => {
-        let {
-          target
-        } = _ref3;
-        const {
-          state: {
-            focused
-          },
-          node
-        } = this;
-        if (focused) {
-          setTimeout(() => {
-            const blurred = target instanceof Node && node?.contains(target) && !node.contains(document.activeElement);
-            if (blurred) {
-              this.setState({
-                focused: false
-              });
-              this.props.onBlur?.();
-            }
-          }, 1);
-        }
-      });
-      _defineProperty(this, "onFocusRestore", () => {
-        this._skipNextCapture = true;
-        this.node?.focus({
-          preventScroll: !this.props.scrollOnTableFocus
-        });
-      });
-      _defineProperty(this, "onFocusReset", () => {
-        this.node?.blur();
-      });
-    }
+    state = {
+      focused: this.props.focused
+    };
     componentDidMount() {
       const {
         props: {
@@ -116,6 +59,60 @@ function focusSensorHOC(ComposedComponent) {
       document.removeEventListener('focus', this.onFocusCapture, true);
       document.removeEventListener('blur', this.onBlurCapture, true);
     }
+    node;
+    _skipNextCapture = false;
+    onRefUpdate = node => {
+      if (node) {
+        this.node = node;
+      }
+    };
+    onFocusCapture = _ref2 => {
+      let {
+        target
+      } = _ref2;
+      if (this._skipNextCapture) {
+        this._skipNextCapture = false;
+        return;
+      }
+      const focused = target instanceof Node && this.node?.contains(target);
+      if (focused && !this.state.focused) {
+        this.setState({
+          focused: true
+        });
+        this.props.onFocus?.();
+      }
+    };
+    onBlurCapture = _ref3 => {
+      let {
+        target
+      } = _ref3;
+      const {
+        state: {
+          focused
+        },
+        node
+      } = this;
+      if (focused) {
+        setTimeout(() => {
+          const blurred = target instanceof Node && node?.contains(target) && !node.contains(document.activeElement);
+          if (blurred) {
+            this.setState({
+              focused: false
+            });
+            this.props.onBlur?.();
+          }
+        }, 1);
+      }
+    };
+    onFocusRestore = () => {
+      this._skipNextCapture = true;
+      this.node?.focus({
+        preventScroll: !this.props.scrollOnTableFocus
+      });
+    };
+    onFocusReset = () => {
+      this.node?.blur();
+    };
     render() {
       const {
         autofocus,

package/dist/global/listeners.js

@@ -1,9 +1,5 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 class Listeners {
-  constructor() {
-    _defineProperty(this, "_all", new Map());
-  }
+  _all = new Map();
   trigger() {
     for (var _len = arguments.length, _ref = new Array(_len), _key = 0; _key < _len; _key++) {
       _ref[_key] = arguments[_key];

package/dist/global/react-dom-renderer.js

@@ -1,15 +1,11 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 class Renderer extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "node", void 0);
-    _defineProperty(this, "nodeRef", node => {
-      this.node = node;
-    });
-  }
+  static propTypes = {
+    className: PropTypes.string,
+    nodes: PropTypes.array
+  };
   componentDidMount() {
     const {
       nodes
@@ -21,6 +17,10 @@ class Renderer extends Component {
     nodes.forEach(nodeToRender => fragment.appendChild(nodeToRender));
     this.node.appendChild(fragment);
   }
+  node;
+  nodeRef = node => {
+    this.node = node;
+  };
   render() {
     const {
       className
@@ -31,9 +31,5 @@ class Renderer extends Component {
     });
   }
 }
-_defineProperty(Renderer, "propTypes", {
-  className: PropTypes.string,
-  nodes: PropTypes.array
-});
 
 export { Renderer as default };

package/dist/global/rerender-hoc.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { createElement } from 'react';
 import { render } from './react-render-adapter.js';
 import composeRefs from './composeRefs.js';
@@ -12,10 +11,7 @@ import 'react-dom';
  */
 function rerenderHOC(ComposedComponent) {
   return class Rerenderer extends ComposedComponent {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "_propsCache", this.props);
-    }
+    _propsCache = this.props;
     rerender() {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       let callback = arguments.length > 1 ? arguments[1] : undefined;

package/dist/global/ring-angular-component.js

@@ -1,15 +1,13 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 class RingAngularComponent {
   static get controller() {
     return this;
   }
+  $inject = {};
   constructor() {
     var _this$constructor$$in;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _defineProperty(this, "$inject", {});
     ((_this$constructor$$in = this.constructor.$inject) !== null && _this$constructor$$in !== void 0 ? _this$constructor$$in : []).forEach((injectName, i) => {
       this.$inject[injectName] = args[i];
     });