@jetbrains/ring-ui-built 6.0.30 → 6.0.32

package/components/tabs/smart-tabs.js

@@ -1,62 +1,34 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Tabs from './dumb-tabs.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.find.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.promise.js';
 import 'classnames';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../_helpers/tab-link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import './collapsible-tabs.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '@jetbrains/icons/chevron-10px';
 import '../popup/popup.consts.js';
 import '../popup-menu/popup-menu.js';
 import '../popup/popup.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -67,18 +39,15 @@ import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
-import 'core-js/modules/es.array.index-of.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../list/list__custom.js';
@@ -96,44 +65,35 @@ import '../_helpers/button__classes.js';
 import './collapsible-tab.js';
 import './custom-item.js';
 
-var _excluded = ["children", "initSelected", "data-test"];
-var SmartTabs = /*#__PURE__*/function (_PureComponent) {
-  function SmartTabs(props) {
-    var _this;
-    _classCallCheck(this, SmartTabs);
-    _this = _callSuper(this, SmartTabs, [props]);
-    _defineProperty(_this, "state", void 0);
-    _defineProperty(_this, "handleSelect", function (selected) {
-      return _this.setState({
-        selected
-      });
-    });
-    _this.state = {
-      selected: _this.props.initSelected || Array.isArray(_this.props.children) && _this.props.children[0].props.id || '0'
+class SmartTabs extends PureComponent {
+  static propTypes = {
+    children: PropTypes.arrayOf(PropTypes.element).isRequired,
+    initSelected: PropTypes.string,
+    'data-test': PropTypes.string
+  };
+  constructor(props) {
+    super(props);
+    this.state = {
+      selected: this.props.initSelected || Array.isArray(this.props.children) && this.props.children[0].props.id || '0'
     };
-    return _this;
   }
-  _inherits(SmartTabs, _PureComponent);
-  return _createClass(SmartTabs, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children;
-        _this$props.initSelected;
-        var dataTest = _this$props['data-test'],
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Tabs, _extends({
-        "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
-        selected: this.state.selected,
-        onSelect: this.handleSelect
-      }, restProps), children);
-    }
-  }]);
-}(PureComponent);
-_defineProperty(SmartTabs, "propTypes", {
-  children: PropTypes.arrayOf(PropTypes.element).isRequired,
-  initSelected: PropTypes.string,
-  'data-test': PropTypes.string
-});
+  state;
+  handleSelect = selected => this.setState({
+    selected
+  });
+  render() {
+    const {
+      children,
+      initSelected,
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Tabs, _extends({
+      "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
+      selected: this.state.selected,
+      onSelect: this.handleSelect
+    }, restProps), children);
+  }
+}
 
 export { SmartTabs as default };

package/components/tabs/tab-link.js

@@ -1,13 +1,9 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import 'prop-types';
 import '../link/link.js';
 export { T as default } from '../_helpers/tab-link.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/components/tabs/tab.js

@@ -1,39 +1,27 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 
-var Tab = /*#__PURE__*/function (_PureComponent) {
-  function Tab() {
-    _classCallCheck(this, Tab);
-    return _callSuper(this, Tab, arguments);
+class Tab extends PureComponent {
+  static propTypes = {
+    title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
+    id: PropTypes.string,
+    className: PropTypes.string,
+    children: PropTypes.node,
+    'data-test': PropTypes.string
+  };
+  render() {
+    const {
+      className,
+      children,
+      'data-test': dataTest
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      "data-test": joinDataTestAttributes('ring-tab', dataTest),
+      className: classNames(className)
+    }, children);
   }
-  _inherits(Tab, _PureComponent);
-  return _createClass(Tab, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        children = _this$props.children,
-        dataTest = _this$props['data-test'];
-      return /*#__PURE__*/React.createElement("div", {
-        "data-test": joinDataTestAttributes('ring-tab', dataTest),
-        className: classNames(className)
-      }, children);
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Tab, "propTypes", {
-  title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  id: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
+}
 
 export { Tab as default };

package/components/tabs/tabs.js

@@ -4,62 +4,34 @@ export { default as SmartTabs } from './smart-tabs.js';
 export { default as Tab } from './tab.js';
 import 'prop-types';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.find.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
 import 'react';
 import 'classnames';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../_helpers/tab-link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import './collapsible-tabs.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '@jetbrains/icons/chevron-10px';
 import '../popup/popup.consts.js';
 import '../popup-menu/popup-menu.js';
 import '../popup/popup.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -70,18 +42,15 @@ import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
-import 'core-js/modules/es.array.index-of.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../list/list__custom.js';

package/components/tag/tag.js

@@ -1,5 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -10,15 +9,7 @@ import { ControlsHeight } from '../global/controls-height.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
@@ -28,184 +19,153 @@ var modules_2f9be069 = {"max-height":"20px","tag":"tag_rui_5765 resetButton_rui_
 /**
  * @name Tag
  */
-var Tag = /*#__PURE__*/function (_PureComponent) {
-  function Tag() {
-    var _this;
-    _classCallCheck(this, Tag);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+class Tag extends PureComponent {
+  static propTypes = {
+    onRemove: PropTypes.func,
+    onClick: PropTypes.func,
+    rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+    icon: PropTypes.string,
+    avatar: PropTypes.string,
+    rgTagTitle: PropTypes.string,
+    readOnly: PropTypes.bool,
+    disabled: PropTypes.bool,
+    focused: PropTypes.bool,
+    angled: PropTypes.bool,
+    backgroundColor: PropTypes.string,
+    textColor: PropTypes.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    render: PropTypes.func
+  };
+  static defaultProps = {
+    onRemove: () => {},
+    onClick: () => {},
+    readOnly: false,
+    disabled: false,
+    focused: false,
+    render: props => /*#__PURE__*/React.createElement("button", _extends({
+      type: "button"
+    }, props))
+  };
+  state = {
+    focused: false
+  };
+  componentDidUpdate(prevProps) {
+    if (this.props.focused !== prevProps.focused) {
+      this.setState({
+        focused: this.props.focused
+      });
     }
-    _this = _callSuper(this, Tag, [].concat(args));
-    _defineProperty(_this, "state", {
+    if (this.state.focused) {
+      this.tagNode?.focus();
+    }
+    this.setDocumentClickListener(this.state.focused);
+  }
+  componentWillUnmount() {
+    this.setDocumentClickListener(false);
+    this.setState({
       focused: false
     });
-    _defineProperty(_this, "onDocumentClick", function (event) {
-      if (_this.tagNode) {
-        _this.setState({
-          focused: _this.tagNode === event.target
-        });
-      }
-    });
-    _defineProperty(_this, "tagNode", void 0);
-    _defineProperty(_this, "tagRef", function (el) {
-      _this.tagNode = el;
-    });
-    return _this;
   }
-  _inherits(Tag, _PureComponent);
-  return _createClass(Tag, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.props.focused !== prevProps.focused) {
-        this.setState({
-          focused: this.props.focused
-        });
-      }
-      if (this.state.focused) {
-        var _this$tagNode;
-        (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 || _this$tagNode.focus();
-      }
-      this.setDocumentClickListener(this.state.focused);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.setDocumentClickListener(false);
+  onDocumentClick = event => {
+    if (this.tagNode) {
       this.setState({
-        focused: false
+        focused: this.tagNode === event.target
       });
     }
-  }, {
-    key: "setDocumentClickListener",
-    value: function setDocumentClickListener(setListener) {
-      if (setListener) {
-        document.addEventListener('click', this.onDocumentClick);
-      } else {
-        document.removeEventListener('click', this.onDocumentClick);
-      }
-    }
-  }, {
-    key: "renderCustomIcon",
-    value: function renderCustomIcon() {
-      if (this.props.rgTagIcon) {
-        return /*#__PURE__*/React.createElement(Icon, {
-          className: modules_2f9be069.icon,
-          title: this.props.rgTagTitle,
-          glyph: this.props.rgTagIcon
-        });
-      }
-      return null;
+  };
+  tagNode;
+  tagRef = el => {
+    this.tagNode = el;
+  };
+  setDocumentClickListener(setListener) {
+    if (setListener) {
+      document.addEventListener('click', this.onDocumentClick);
+    } else {
+      document.removeEventListener('click', this.onDocumentClick);
     }
-  }, {
-    key: "_renderImageElement",
-    value: function _renderImageElement(avatarSrc) {
-      var classes = classNames({
-        [modules_2f9be069.customIcon]: this.props.icon,
-        [modules_2f9be069.avatarIcon]: avatarSrc
-      });
-      return /*#__PURE__*/React.createElement("img", {
-        alt: avatarSrc ? 'Avatar' : 'Icon',
-        className: classes,
-        src: avatarSrc || this.props.icon
+  }
+  renderCustomIcon() {
+    if (this.props.rgTagIcon) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        className: modules_2f9be069.icon,
+        title: this.props.rgTagTitle,
+        glyph: this.props.rgTagIcon
       });
     }
-  }, {
-    key: "renderImage",
-    value: function renderImage() {
-      if (this.props.icon && !this.props.avatar) {
-        return this._renderImageElement();
-      }
-      return null;
-    }
-  }, {
-    key: "renderAvatar",
-    value: function renderAvatar() {
-      if (this.props.avatar) {
-        return /*#__PURE__*/React.createElement("span", {
-          className: modules_2f9be069.avatarContainer
-        }, this._renderImageElement(this.props.avatar));
-      }
-      return null;
-    }
-  }, {
-    key: "renderRemoveIcon",
-    value: function renderRemoveIcon() {
-      if (!this.props.readOnly) {
-        return /*#__PURE__*/React.createElement(Button, {
-          title: "Remove",
-          icon: closeIcon,
-          "data-test": "ring-tag-remove",
-          className: modules_2f9be069.remove,
-          iconClassName: modules_2f9be069.removeIcon,
-          onClick: this.props.onRemove,
-          style: {
-            '--ring-icon-secondary-color': this.props.textColor
-          },
-          height: ControlsHeight.M
-        });
-      }
-      return null;
+    return null;
+  }
+  _renderImageElement(avatarSrc) {
+    const classes = classNames({
+      [modules_2f9be069.customIcon]: this.props.icon,
+      [modules_2f9be069.avatarIcon]: avatarSrc
+    });
+    return /*#__PURE__*/React.createElement("img", {
+      alt: avatarSrc ? 'Avatar' : 'Icon',
+      className: classes,
+      src: avatarSrc || this.props.icon
+    });
+  }
+  renderImage() {
+    if (this.props.icon && !this.props.avatar) {
+      return this._renderImageElement();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
-        [modules_2f9be069.focused]: this.state.focused,
-        [modules_2f9be069.disabled]: this.props.disabled,
-        [modules_2f9be069.tagAngled]: this.props.angled,
-        [modules_2f9be069.withRemove]: !this.props.readOnly
-      }, this.props.className);
-      var _this$props = this.props,
-        backgroundColor = _this$props.backgroundColor,
-        textColor = _this$props.textColor,
-        render = _this$props.render;
+    return null;
+  }
+  renderAvatar() {
+    if (this.props.avatar) {
       return /*#__PURE__*/React.createElement("span", {
-        className: modules_2f9be069.container
-      }, render({
-        'data-test': 'ring-tag',
-        className: classes,
-        ref: this.tagRef,
-        onClick: this.props.onClick,
+        className: modules_2f9be069.avatarContainer
+      }, this._renderImageElement(this.props.avatar));
+    }
+    return null;
+  }
+  renderRemoveIcon() {
+    if (!this.props.readOnly) {
+      return /*#__PURE__*/React.createElement(Button, {
+        title: "Remove",
+        icon: closeIcon,
+        "data-test": "ring-tag-remove",
+        className: modules_2f9be069.remove,
+        iconClassName: modules_2f9be069.removeIcon,
+        onClick: this.props.onRemove,
         style: {
-          backgroundColor,
-          color: textColor
+          '--ring-icon-secondary-color': this.props.textColor
         },
-        disabled: this.props.disabled,
-        children: /*#__PURE__*/React.createElement(React.Fragment, null, this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/React.createElement("span", {
-          className: modules_2f9be069.content
-        }, this.props.children))
-      }), this.renderRemoveIcon());
+        height: ControlsHeight.M
+      });
     }
-  }]);
-}(PureComponent);
-_defineProperty(Tag, "propTypes", {
-  onRemove: PropTypes.func,
-  onClick: PropTypes.func,
-  rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  icon: PropTypes.string,
-  avatar: PropTypes.string,
-  rgTagTitle: PropTypes.string,
-  readOnly: PropTypes.bool,
-  disabled: PropTypes.bool,
-  focused: PropTypes.bool,
-  angled: PropTypes.bool,
-  backgroundColor: PropTypes.string,
-  textColor: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  render: PropTypes.func
-});
-_defineProperty(Tag, "defaultProps", {
-  onRemove: function onRemove() {},
-  onClick: function onClick() {},
-  readOnly: false,
-  disabled: false,
-  focused: false,
-  render: function render(props) {
-    return /*#__PURE__*/React.createElement("button", _extends({
-      type: "button"
-    }, props));
+    return null;
+  }
+  render() {
+    const classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
+      [modules_2f9be069.focused]: this.state.focused,
+      [modules_2f9be069.disabled]: this.props.disabled,
+      [modules_2f9be069.tagAngled]: this.props.angled,
+      [modules_2f9be069.withRemove]: !this.props.readOnly
+    }, this.props.className);
+    const {
+      backgroundColor,
+      textColor,
+      render
+    } = this.props;
+    return /*#__PURE__*/React.createElement("span", {
+      className: modules_2f9be069.container
+    }, render({
+      'data-test': 'ring-tag',
+      className: classes,
+      ref: this.tagRef,
+      onClick: this.props.onClick,
+      style: {
+        backgroundColor,
+        color: textColor
+      },
+      disabled: this.props.disabled,
+      children: /*#__PURE__*/React.createElement(React.Fragment, null, this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/React.createElement("span", {
+        className: modules_2f9be069.content
+      }, this.props.children))
+    }), this.renderRemoveIcon());
   }
-});
+}
 
 export { Tag as default };