@jetbrains/ring-ui 5.0.127 → 5.0.129

package/dist/button-ng/button-ng.js

@@ -1,8 +1,7 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
 import classNames from 'classnames';
 import RingAngularComponent from '../global/ring-angular-component.js';
-import { addClasses, removeClasses, applyMethodToClasses } from '../global/dom.js';
+import { applyMethodToClasses, addClasses, removeClasses } from '../global/dom.js';
 import IconNG from '../icon-ng/icon-ng.js';
 import { m as modules_e81895c9, g as getButtonClasses } from '../_helpers/button__classes.js';
 import { ControlsHeight } from '../global/controls-height.js';
@@ -36,75 +35,16 @@ const LOADER_BACKGROUND_SELECTOR = '.js-button-loader';
 class ButtonController extends RingAngularComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "updateClasses", () => {
-      const {
-        $attrs
-      } = this.$inject;
-      const foreignClasses = [...this.element.classList].filter(name => !buttonClassesMap[name]);
-      this.element.className = classNames(foreignClasses, getButtonClasses({
-        height: $attrs.height || ControlsHeight.S,
-        className: modules_e81895c9.button,
-        active: this.getAttrValue($attrs.active),
-        disabled: this.getAttrValue($attrs.disabled),
-        loader: this.getAttrValue($attrs.loader),
-        primary: $attrs.mode === 'primary' || $attrs.mode === 'blue',
-        short: this.getAttrValue($attrs.short),
-        text: this.getAttrValue($attrs.text),
-        inline: this.getAttrValue($attrs.inline),
-        danger: this.getAttrValue($attrs.danger),
-        delayed: this.getAttrValue($attrs.delayed),
-        icon: $attrs.icon
-      }), {
-        // Some overrides for angular buttons
-        [modules_5f65bc62.buttonWithoutIcon]: !$attrs.icon,
-        [modules_5f65bc62.narrowRight]: this.getAttrValue($attrs.narrowRight)
-      });
-      if (!$attrs.hasOwnProperty('mode')) {
-        addClasses(this.findTranscludeNode().classList, ringIconDefaultColor);
-      } else {
-        removeClasses(this.findTranscludeNode().classList, ringIconDefaultColor);
-      }
-    });
-    _defineProperty(this, "findTranscludeNode", () => this.element.querySelector('ng-transclude'));
-    _defineProperty(this, "updateIcon", () => {
-      const {
-        $attrs,
-        $compile,
-        $scope
-      } = this.$inject;
-      const icon = this.element.querySelector('rg-icon');
-      const transcludeNode = this.findTranscludeNode();
-      const glyph = $attrs.icon;
-      const size = $attrs.iconSize;
-      const isLoading = this.getAttrValue($attrs.loader);
-      if (glyph && isLoading) {
-        icon.setAttribute('loading', true);
-      } else {
-        icon.setAttribute('loading', false);
-      }
-      if (glyph) {
-        addClasses(transcludeNode.classList, transcludeSpacer);
-        icon.setAttribute('glyph', glyph);
-        if (size) {
-          icon.setAttribute('size', size);
-        }
-      } else {
-        removeClasses(transcludeNode.classList, transcludeSpacer);
-        icon.removeAttribute('glyph');
-        icon.removeAttribute('size');
-      }
-      $compile(icon)($scope);
-    });
     const {
       $element,
-      $attrs: _$attrs,
-      $scope: _$scope
+      $attrs,
+      $scope
     } = this.$inject;
-    _$scope.styles = modules_e81895c9;
+    $scope.styles = modules_e81895c9;
     this.element = $element[0];
     const modifiers = ['delayed', 'loader', 'danger', 'short', 'active', 'text', 'inline', 'narrowRight'];
     modifiers.forEach(mod => {
-      _$scope.$watch(() => _$scope.$eval(_$attrs[mod]), val => {
+      $scope.$watch(() => $scope.$eval($attrs[mod]), val => {
         this.updateClasses();
         const attrName = `data-test-${mod}`;
         if (val) {
@@ -113,17 +53,17 @@ class ButtonController extends RingAngularComponent {
           this.element.removeAttribute(attrName);
         }
         if (mod === 'loader') {
-          const isText = this.getAttrValue(_$attrs.text);
-          const withIcon = !!_$attrs.icon;
+          const isText = this.getAttrValue($attrs.text);
+          const withIcon = !!$attrs.icon;
           applyMethodToClasses(val && !isText && !withIcon ? 'add' : 'remove')(this.element.querySelector(LOADER_BACKGROUND_SELECTOR).classList, modules_e81895c9.loaderBackground);
         }
       });
     });
-    const tabIndex = _$attrs.tabindex || ORDER_NOT_DEFINED;
+    const tabIndex = $attrs.tabindex || ORDER_NOT_DEFINED;
     if (tabIndex !== ORDER_NOT_DEFINED) {
       this.element.setAttribute('tabindex', tabIndex);
     }
-    _$scope.$watch(() => _$scope.$eval(_$attrs.loader), val => {
+    $scope.$watch(() => $scope.$eval($attrs.loader), val => {
       if (val) {
         this.element.setAttribute('tabindex', ORDER_NOT_DEFINED);
       } else if (tabIndex !== ORDER_NOT_DEFINED) {
@@ -154,6 +94,65 @@ class ButtonController extends RingAngularComponent {
     } = this.$inject;
     return $scope.$eval(attribute);
   }
+  updateClasses = () => {
+    const {
+      $attrs
+    } = this.$inject;
+    const foreignClasses = [...this.element.classList].filter(name => !buttonClassesMap[name]);
+    this.element.className = classNames(foreignClasses, getButtonClasses({
+      height: $attrs.height || ControlsHeight.S,
+      className: modules_e81895c9.button,
+      active: this.getAttrValue($attrs.active),
+      disabled: this.getAttrValue($attrs.disabled),
+      loader: this.getAttrValue($attrs.loader),
+      primary: $attrs.mode === 'primary' || $attrs.mode === 'blue',
+      short: this.getAttrValue($attrs.short),
+      text: this.getAttrValue($attrs.text),
+      inline: this.getAttrValue($attrs.inline),
+      danger: this.getAttrValue($attrs.danger),
+      delayed: this.getAttrValue($attrs.delayed),
+      icon: $attrs.icon
+    }), {
+      // Some overrides for angular buttons
+      [modules_5f65bc62.buttonWithoutIcon]: !$attrs.icon,
+      [modules_5f65bc62.narrowRight]: this.getAttrValue($attrs.narrowRight)
+    });
+    if (!$attrs.hasOwnProperty('mode')) {
+      addClasses(this.findTranscludeNode().classList, ringIconDefaultColor);
+    } else {
+      removeClasses(this.findTranscludeNode().classList, ringIconDefaultColor);
+    }
+  };
+  findTranscludeNode = () => this.element.querySelector('ng-transclude');
+  updateIcon = () => {
+    const {
+      $attrs,
+      $compile,
+      $scope
+    } = this.$inject;
+    const icon = this.element.querySelector('rg-icon');
+    const transcludeNode = this.findTranscludeNode();
+    const glyph = $attrs.icon;
+    const size = $attrs.iconSize;
+    const isLoading = this.getAttrValue($attrs.loader);
+    if (glyph && isLoading) {
+      icon.setAttribute('loading', true);
+    } else {
+      icon.setAttribute('loading', false);
+    }
+    if (glyph) {
+      addClasses(transcludeNode.classList, transcludeSpacer);
+      icon.setAttribute('glyph', glyph);
+      if (size) {
+        icon.setAttribute('size', size);
+      }
+    } else {
+      removeClasses(transcludeNode.classList, transcludeSpacer);
+      icon.removeAttribute('glyph');
+      icon.removeAttribute('size');
+    }
+    $compile(icon)($scope);
+  };
 }
 ButtonController.$inject = ['$element', '$attrs', '$scope', '$compile', '$log'];
 function createButtonDirective(tagName) {

package/dist/button-set/button-set.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 classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -9,6 +9,11 @@ import { m as modules_fd849143 } from '../_helpers/button-set.js';
  * @name Button Set
  */
 class ButtonSet extends PureComponent {
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    'data-test': PropTypes.string
+  };
   render() {
     const {
       className,
@@ -23,10 +28,5 @@ class ButtonSet extends PureComponent {
     }), children);
   }
 }
-_defineProperty(ButtonSet, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  'data-test': PropTypes.string
-});
 
 export { ButtonSet as default };

package/dist/button-toolbar/button-toolbar.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';
@@ -9,6 +9,11 @@ import { m as modules_34154ec0 } from '../_helpers/button-toolbar.js';
  * @name Button Toolbar
 */
 class ButtonToolbar extends PureComponent {
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    'data-test': PropTypes.string
+  };
   render() {
     const {
       className,
@@ -22,10 +27,5 @@ class ButtonToolbar extends PureComponent {
     }));
   }
 }
-_defineProperty(ButtonToolbar, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  'data-test': PropTypes.string
-});
 
 export { ButtonToolbar as default };

package/dist/caret/caret.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { getRect } from '../global/dom.js';
 
 /**
@@ -9,7 +8,7 @@ class Caret {
    * Line endings RegExp
    * @type {RegExp}
    */
-
+  static returnRE = /\r/g;
   /**
    * Line endings normalizer
    * Borrowed from jQuery
@@ -20,8 +19,8 @@ class Caret {
   static normalizeNewlines(value) {
     return typeof value === 'string' ? value.replace(this.returnRE, '') : value;
   }
+  target;
   constructor(target) {
-    _defineProperty(this, "target", void 0);
     this.target = target;
   }
   isContentEditable() {
@@ -221,6 +220,5 @@ class Caret {
     return offset;
   }
 }
-_defineProperty(Caret, "returnRE", /\r/g);
 
 export { Caret as default };

package/dist/checkbox/checkbox.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';
@@ -21,16 +21,25 @@ import '../global/memoize.js';
  * Displays a checkbox.
  */
 class Checkbox extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "inputRef", el => {
-      if (el != null) {
-        el.indeterminate = this.props.indeterminate;
-      }
-      this.input = el;
-    });
-  }
+  static propTypes = {
+    name: PropTypes.string,
+    label: PropTypes.string,
+    className: PropTypes.string,
+    containerClassName: PropTypes.string,
+    containerStyle: PropTypes.object,
+    cellClassName: PropTypes.string,
+    labelClassName: PropTypes.string,
+    defaultChecked: PropTypes.bool,
+    checked: PropTypes.bool,
+    indeterminate: PropTypes.bool,
+    disabled: PropTypes.bool,
+    onChange: PropTypes.func,
+    children: PropTypes.node,
+    inputRef: PropTypes.oneOfType([PropTypes.func, refObject(PropTypes.instanceOf(HTMLInputElement))])
+  };
+  static defaultProps = {
+    indeterminate: false
+  };
   componentDidMount() {
     if (this.input != null) {
       this.input.indeterminate = this.props.indeterminate;
@@ -44,6 +53,13 @@ class Checkbox extends PureComponent {
       this.input.indeterminate = this.props.indeterminate;
     }
   }
+  input;
+  inputRef = el => {
+    if (el != null) {
+      el.indeterminate = this.props.indeterminate;
+    }
+    this.input = el;
+  };
   render() {
     const {
       children,
@@ -83,24 +99,5 @@ class Checkbox extends PureComponent {
     }, label || children));
   }
 }
-_defineProperty(Checkbox, "propTypes", {
-  name: PropTypes.string,
-  label: PropTypes.string,
-  className: PropTypes.string,
-  containerClassName: PropTypes.string,
-  containerStyle: PropTypes.object,
-  cellClassName: PropTypes.string,
-  labelClassName: PropTypes.string,
-  defaultChecked: PropTypes.bool,
-  checked: PropTypes.bool,
-  indeterminate: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  children: PropTypes.node,
-  inputRef: PropTypes.oneOfType([PropTypes.func, refObject(PropTypes.instanceOf(HTMLInputElement))])
-});
-_defineProperty(Checkbox, "defaultProps", {
-  indeterminate: false
-});
 
 export { Checkbox as default };

package/dist/checkbox-ng/checkbox-ng.js

@@ -5,7 +5,6 @@ import proxyAttrs from '../proxy-attrs/proxy-attrs.js';
 import { m as modules_3199090e } from '../_helpers/checkbox.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';
 

package/dist/code/code.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -22,16 +21,29 @@ const registerLanguage = memoize(async language => {
  * @name Code
  */
 class Code extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "code", void 0);
-  }
+  static propTypes = {
+    className: PropTypes.string,
+    code: PropTypes.string.isRequired,
+    inline: PropTypes.bool,
+    softWrap: PropTypes.bool,
+    language: PropTypes.string,
+    replacer: PropTypes.func,
+    codeRef: PropTypes.oneOfType([PropTypes.shape({
+      current: PropTypes.instanceOf(Element)
+    }), PropTypes.func])
+  };
+  static defaultProps = {
+    inline: false,
+    softWrap: false,
+    replacer: noop
+  };
   componentDidMount() {
     this.highlight();
   }
   componentDidUpdate() {
     this.highlight();
   }
+  code;
   async highlight() {
     const codeRef = this.codeRef;
     if (codeRef == null) {
@@ -96,22 +108,6 @@ class Code extends PureComponent {
     }, normalizeIndent(code)));
   }
 }
-_defineProperty(Code, "propTypes", {
-  className: PropTypes.string,
-  code: PropTypes.string.isRequired,
-  inline: PropTypes.bool,
-  softWrap: PropTypes.bool,
-  language: PropTypes.string,
-  replacer: PropTypes.func,
-  codeRef: PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.instanceOf(Element)
-  }), PropTypes.func])
-});
-_defineProperty(Code, "defaultProps", {
-  inline: false,
-  softWrap: false,
-  replacer: noop
-});
 const code = trivialTemplateTag(source => /*#__PURE__*/React.createElement(Code, {
   code: source
 }));

package/dist/confirm/confirm.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Dialog from '../dialog/dialog.js';
@@ -7,6 +6,7 @@ import '../island/island.js';
 import Panel from '../panel/panel.js';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react-dom';
 import 'classnames';
 import '@jetbrains/icons/close';
@@ -46,14 +46,36 @@ var modules_4c9c3a3a = {"unit":"i__const_unit_0","light":"light_rui_2cda","descr
  * @name Confirm
  */
 class Confirm extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "onEscPress", () => {
-      if (this.props.rejectOnEsc) {
-        this.props.onReject();
-      }
-    });
-  }
+  static propTypes = {
+    className: PropTypes.string,
+    text: PropTypes.string,
+    description: PropTypes.node,
+    show: PropTypes.bool,
+    rejectOnEsc: PropTypes.bool,
+    inProgress: PropTypes.bool,
+    cancelIsDefault: PropTypes.bool,
+    confirmLabel: PropTypes.string,
+    rejectLabel: PropTypes.string,
+    onConfirm: PropTypes.func,
+    onReject: PropTypes.func
+  };
+  static defaultProps = {
+    text: null,
+    description: null,
+    show: false,
+    rejectOnEsc: true,
+    inProgress: false,
+    cancelIsDefault: false,
+    confirmLabel: 'OK',
+    rejectLabel: 'Cancel',
+    onConfirm: () => {},
+    onReject: () => {}
+  };
+  onEscPress = () => {
+    if (this.props.rejectOnEsc) {
+      this.props.onReject();
+    }
+  };
   render() {
     const {
       show,
@@ -90,30 +112,5 @@ class Confirm extends PureComponent {
     }, rejectLabel)));
   }
 }
-_defineProperty(Confirm, "propTypes", {
-  className: PropTypes.string,
-  text: PropTypes.string,
-  description: PropTypes.node,
-  show: PropTypes.bool,
-  rejectOnEsc: PropTypes.bool,
-  inProgress: PropTypes.bool,
-  cancelIsDefault: PropTypes.bool,
-  confirmLabel: PropTypes.string,
-  rejectLabel: PropTypes.string,
-  onConfirm: PropTypes.func,
-  onReject: PropTypes.func
-});
-_defineProperty(Confirm, "defaultProps", {
-  text: null,
-  description: null,
-  show: false,
-  rejectOnEsc: true,
-  inProgress: false,
-  cancelIsDefault: false,
-  confirmLabel: 'OK',
-  rejectLabel: 'Cancel',
-  onConfirm: () => {},
-  onReject: () => {}
-});
 
 export { Confirm as default };

package/dist/confirm-ng/confirm-ng.js

@@ -5,9 +5,9 @@ import 'react';
 import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../confirm/confirm.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../dialog/dialog.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';

package/dist/confirm-service/confirm-service.js

@@ -3,9 +3,9 @@ import { render } from '../global/react-render-adapter.js';
 import Confirm from '../confirm/confirm.js';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import 'react-dom';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../dialog/dialog.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';

package/dist/content-layout/content-layout.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';
@@ -9,17 +9,23 @@ import 'react-waypoint';
  * @name Content Layout
  */
 class ContentLayout extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      contentNode: null
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    contentClassName: PropTypes.string,
+    responsive: PropTypes.bool
+  };
+  static defaultProps = {
+    responsive: true
+  };
+  state = {
+    contentNode: null
+  };
+  saveContentNode = contentNode => {
+    this.setState({
+      contentNode
     });
-    _defineProperty(this, "saveContentNode", contentNode => {
-      this.setState({
-        contentNode
-      });
-    });
-  }
+  };
   render() {
     const {
       children,
@@ -46,14 +52,5 @@ class ContentLayout extends Component {
     }, contentChildren));
   }
 }
-_defineProperty(ContentLayout, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  contentClassName: PropTypes.string,
-  responsive: PropTypes.bool
-});
-_defineProperty(ContentLayout, "defaultProps", {
-  responsive: true
-});
 
 export { Sidebar, ContentLayout as default };

package/dist/contenteditable/contenteditable.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 { renderToStaticMarkup } from 'react-dom/server';
@@ -16,6 +16,16 @@ const commonPropTypes = {
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
 class ContentEditableBase extends Component {
+  static propTypes = {
+    ...commonPropTypes,
+    __html: PropTypes.string
+  };
+  static defaultProps = {
+    disabled: false,
+    tabIndex: 0,
+    onInput: noop,
+    onComponentUpdate: noop
+  };
   shouldComponentUpdate(nextProps) {
     return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
   }
@@ -46,16 +56,6 @@ class ContentEditableBase extends Component {
     }));
   }
 }
-_defineProperty(ContentEditableBase, "propTypes", {
-  ...commonPropTypes,
-  __html: PropTypes.string
-});
-_defineProperty(ContentEditableBase, "defaultProps", {
-  disabled: false,
-  tabIndex: 0,
-  onInput: noop,
-  onComponentUpdate: noop
-});
 const ContentEditable = _ref => {
   let {
     children,