@jetbrains/ring-ui 5.0.127 → 5.0.128

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,

package/dist/data-list/data-list.js

@@ -1,5 +1,4 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Component } from 'react';
+import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
@@ -12,6 +11,7 @@ import { refObject } from '../global/prop-types.js';
 import Item, { moreLessButtonStates } from './item.js';
 import { m as modules_09d014b4 } from '../_helpers/title.js';
 import Selection from './selection.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/composeRefs.js';
 import '../table/selection.js';
 import '../shortcuts/core.js';
@@ -46,47 +46,12 @@ import '@jetbrains/icons/remove-14px';
 import '../_helpers/checkbox.js';
 
 class DataList extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "shortcutsScope", getUID('ring-data-list-'));
-    _defineProperty(this, "onItemFocus", item => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      onSelect(selection.focus(item));
-    });
-    _defineProperty(this, "onItemSelect", (item, selected) => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      if (selected) {
-        onSelect(selection.select(item));
-      } else {
-        onSelect(selection.deselect(item));
-      }
-    });
-    _defineProperty(this, "onEqualPress", () => {
-      const {
-        selection,
-        itemFormatter
-      } = this.props;
-      const focused = selection.getFocused();
-      if (focused == null) {
-        throw new Error('No focused item');
-      }
-      const item = itemFormatter(focused);
-      if (item.collapsed) {
-        item.onExpand?.();
-      } else {
-        item.onCollapse?.();
-      }
-    });
-    _defineProperty(this, "shortcutsMap", {
-      '=': this.onEqualPress
-    });
-  }
+  static defaultProps = {
+    loading: false,
+    onItemMoreLess: () => {},
+    itemMoreLessState: () => moreLessButtonStates.UNUSED,
+    remoteSelection: false
+  };
   componentDidUpdate(prevProps) {
     const {
       data,
@@ -103,6 +68,44 @@ class DataList extends PureComponent {
       onSelect(selection.resetSelection());
     }
   }
+  shortcutsScope = getUID('ring-data-list-');
+  onItemFocus = item => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    onSelect(selection.focus(item));
+  };
+  onItemSelect = (item, selected) => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    if (selected) {
+      onSelect(selection.select(item));
+    } else {
+      onSelect(selection.deselect(item));
+    }
+  };
+  onEqualPress = () => {
+    const {
+      selection,
+      itemFormatter
+    } = this.props;
+    const focused = selection.getFocused();
+    if (focused == null) {
+      throw new Error('No focused item');
+    }
+    const item = itemFormatter(focused);
+    if (item.collapsed) {
+      item.onExpand?.();
+    } else {
+      item.onCollapse?.();
+    }
+  };
+  shortcutsMap = {
+    '=': this.onEqualPress
+  };
   render() {
     const {
       data,
@@ -165,12 +168,6 @@ class DataList extends PureComponent {
     }, /*#__PURE__*/React.createElement(Loader, null)));
   }
 }
-_defineProperty(DataList, "defaultProps", {
-  loading: false,
-  onItemMoreLess: () => {},
-  itemMoreLessState: () => moreLessButtonStates.UNUSED,
-  remoteSelection: false
-});
 DataList.propTypes = {
   className: PropTypes.string,
   data: PropTypes.array.isRequired,
@@ -190,15 +187,12 @@ DataList.propTypes = {
 const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
 // eslint-disable-next-line react/no-multi-comp
 class DataListContainer extends Component {
-  constructor() {
-    super(...arguments);
-    // https://stackoverflow.com/a/53882322/6304152
-    _defineProperty(this, "DataList", getContainer());
-  }
+  static propTypes = getContainer().propTypes;
+  // https://stackoverflow.com/a/53882322/6304152
+  DataList = getContainer();
   render() {
     return /*#__PURE__*/React.createElement(this.DataList, this.props);
   }
 }
-_defineProperty(DataListContainer, "propTypes", getContainer().propTypes);
 
 export { DataListContainer as default };