@jetbrains/ring-ui 5.0.155 → 5.0.157

package/dist/contenteditable/contenteditable.js

@@ -1,13 +1,15 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _defineProperty, a as _objectSpread2, j as _inherits, k as _createSuper, b as _classCallCheck, _ as _createClass, h as _objectWithoutProperties, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { renderToStaticMarkup } from 'react-dom/server';
 
+var _excluded = ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"],
+  _excluded2 = ["children"];
 /**
  * @name ContentEditable
  */
 function noop() {}
-const commonPropTypes = {
+var commonPropTypes = {
   disabled: PropTypes.bool,
   tabIndex: PropTypes.number,
   componentDidUpdate: PropTypes.func,
@@ -15,59 +17,68 @@ const commonPropTypes = {
   className: PropTypes.string,
   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;
+var ContentEditableBase = /*#__PURE__*/function (_Component) {
+  _inherits(ContentEditableBase, _Component);
+  var _super = _createSuper(ContentEditableBase);
+  function ContentEditableBase() {
+    _classCallCheck(this, ContentEditableBase);
+    return _super.apply(this, arguments);
   }
-  componentDidUpdate(prevProps) {
-    this.props.onComponentUpdate(prevProps);
-  }
-  render() {
-    const {
-      __html,
-      onComponentUpdate,
-      disabled,
-      tabIndex,
-      inputRef,
-      ...props
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-      ref: inputRef
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      ,
-      disabled: disabled,
-      role: "textbox",
-      tabIndex: disabled ? undefined : tabIndex,
-      contentEditable: !this.props.disabled,
-      dangerouslySetInnerHTML: {
-        __html
-      }
-    }));
-  }
-}
-const ContentEditable = _ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
+  _createClass(ContentEditableBase, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      this.props.onComponentUpdate(prevProps);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        __html = _this$props.__html;
+        _this$props.onComponentUpdate;
+        var disabled = _this$props.disabled,
+        tabIndex = _this$props.tabIndex,
+        inputRef = _this$props.inputRef,
+        props = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+        ref: inputRef
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        ,
+        disabled: disabled,
+        role: "textbox",
+        tabIndex: disabled ? undefined : tabIndex,
+        contentEditable: !this.props.disabled,
+        dangerouslySetInnerHTML: {
+          __html: __html
+        }
+      }));
+    }
+  }]);
+  return ContentEditableBase;
+}(Component);
+_defineProperty(ContentEditableBase, "propTypes", _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
+  __html: PropTypes.string
+}));
+_defineProperty(ContentEditableBase, "defaultProps", {
+  disabled: false,
+  tabIndex: 0,
+  onInput: noop,
+  onComponentUpdate: noop
+});
+var ContentEditable = function ContentEditable(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded2);
   return /*#__PURE__*/React.createElement(ContentEditableBase, _extends({}, props, {
     __html: renderToStaticMarkup(children)
   }));
 };
-ContentEditable.propTypes = {
-  ...commonPropTypes,
+ContentEditable.propTypes = _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
   children: PropTypes.node
-};
+});
 
 export { ContentEditable as default };

package/dist/control-label/control-label.js

@@ -1,29 +1,25 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _defineProperty, h as _objectWithoutProperties, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_9eb96a10 } from '../_helpers/control-label.js';
 
+var _excluded = ["children", "type", "disabled"];
+var _classNameByType;
 var LabelType;
 (function (LabelType) {
   LabelType["SECONDARY"] = "secondary";
   LabelType["PRIMARY"] = "primary";
 })(LabelType || (LabelType = {}));
-const classNameByType = {
-  [LabelType.SECONDARY]: modules_9eb96a10.secondaryLabel,
-  [LabelType.PRIMARY]: modules_9eb96a10.primaryLabel
-};
-const ControlLabel = _ref => {
-  let {
-    children,
-    type = LabelType.SECONDARY,
-    disabled,
-    ...rest
-  } = _ref;
+var classNameByType = (_classNameByType = {}, _defineProperty(_classNameByType, LabelType.SECONDARY, modules_9eb96a10.secondaryLabel), _defineProperty(_classNameByType, LabelType.PRIMARY, modules_9eb96a10.primaryLabel), _classNameByType);
+var ControlLabel = function ControlLabel(_ref) {
+  var children = _ref.children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? LabelType.SECONDARY : _ref$type,
+    disabled = _ref.disabled,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("label", _extends({
-    className: classNames(modules_9eb96a10.label, classNameByType[type], {
-      [modules_9eb96a10.disabledLabel]: disabled
-    })
+    className: classNames(modules_9eb96a10.label, classNameByType[type], _defineProperty({}, modules_9eb96a10.disabledLabel, disabled))
   }, rest), children);
 };
 ControlLabel.propTypes = {

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

@@ -1,3 +1,6 @@
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, _ as _createClass, a as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.map.js';
 import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -11,20 +14,43 @@ 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 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import '../table/selection.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../loader/loader__core.js';
+import 'core-js/modules/es.array.fill.js';
 import '../global/dom.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
 import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
 import '../link/link.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../text/text.js';
@@ -37,136 +63,149 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../_helpers/checkbox.js';
+import 'core-js/modules/es.array.find.js';
 
-class DataList extends PureComponent {
-  static defaultProps = {
-    loading: false,
-    onItemMoreLess: () => {},
-    itemMoreLessState: () => moreLessButtonStates.UNUSED,
-    remoteSelection: false
-  };
-  componentDidUpdate(prevProps) {
-    const {
-      data,
-      selection,
-      onSelect,
-      selectable
-    } = this.props;
-    if (data !== prevProps.data && !prevProps.remoteSelection) {
-      onSelect(selection.cloneWith({
-        data
-      }));
-    }
-    if (!selectable && prevProps.selectable) {
-      onSelect(selection.resetSelection());
+var DataList = /*#__PURE__*/function (_PureComponent) {
+  _inherits(DataList, _PureComponent);
+  var _super = _createSuper(DataList);
+  function DataList() {
+    var _this;
+    _classCallCheck(this, DataList);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "shortcutsScope", getUID('ring-data-list-'));
+    _defineProperty(_assertThisInitialized(_this), "onItemFocus", function (item) {
+      var _this$props = _this.props,
+        selection = _this$props.selection,
+        onSelect = _this$props.onSelect;
+      onSelect(selection.focus(item));
+    });
+    _defineProperty(_assertThisInitialized(_this), "onItemSelect", function (item, selected) {
+      var _this$props2 = _this.props,
+        selection = _this$props2.selection,
+        onSelect = _this$props2.onSelect;
+      if (selected) {
+        onSelect(selection.select(item));
+      } else {
+        onSelect(selection.deselect(item));
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onEqualPress", function () {
+      var _this$props3 = _this.props,
+        selection = _this$props3.selection,
+        itemFormatter = _this$props3.itemFormatter;
+      var focused = selection.getFocused();
+      if (focused == null) {
+        throw new Error('No focused item');
+      }
+      var item = itemFormatter(focused);
+      if (item.collapsed) {
+        var _item$onExpand;
+        (_item$onExpand = item.onExpand) === null || _item$onExpand === void 0 ? void 0 : _item$onExpand.call(item);
+      } else {
+        var _item$onCollapse;
+        (_item$onCollapse = item.onCollapse) === null || _item$onCollapse === void 0 ? void 0 : _item$onCollapse.call(item);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "shortcutsMap", {
+      '=': _this.onEqualPress
+    });
+    return _this;
   }
-  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');
+  _createClass(DataList, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$props4 = this.props,
+        data = _this$props4.data,
+        selection = _this$props4.selection,
+        onSelect = _this$props4.onSelect,
+        selectable = _this$props4.selectable;
+      if (data !== prevProps.data && !prevProps.remoteSelection) {
+        onSelect(selection.cloneWith({
+          data: data
+        }));
+      }
+      if (!selectable && prevProps.selectable) {
+        onSelect(selection.resetSelection());
+      }
     }
-    const item = itemFormatter(focused);
-    if (item.collapsed) {
-      item.onExpand?.();
-    } else {
-      item.onCollapse?.();
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames,
+        _this2 = this;
+      var _this$props5 = this.props,
+        data = _this$props5.data,
+        className = _this$props5.className,
+        loading = _this$props5.loading,
+        selection = _this$props5.selection,
+        disabledHover = _this$props5.disabledHover,
+        itemFormatter = _this$props5.itemFormatter,
+        focused = _this$props5.focused,
+        innerRef = _this$props5.innerRef;
+      var shortcutsMap = _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap);
+      var classes = classNames(className, (_classNames = {}, _defineProperty(_classNames, modules_09d014b4.dataList, true), _defineProperty(_classNames, modules_09d014b4.disabledHover, disabledHover), _defineProperty(_classNames, modules_09d014b4.multiSelection, selection.getSelected().size > 0), _classNames));
+      return /*#__PURE__*/React.createElement("div", {
+        className: modules_09d014b4.dataListWrapper,
+        "data-test": "ring-data-list",
+        ref: innerRef
+      }, focused && /*#__PURE__*/React.createElement(Shortcuts, {
+        map: shortcutsMap,
+        scope: this.shortcutsScope
+      }), /*#__PURE__*/React.createElement("ul", {
+        className: classes
+      }, data.map(function (model) {
+        var _this2$props$itemMore, _this2$props;
+        var item = itemFormatter(model);
+        var id = item.id,
+          key = item.key,
+          title = item.title,
+          items = item.items;
+        var showMoreLessButton = (_this2$props$itemMore = (_this2$props = _this2.props).itemMoreLessState) === null || _this2$props$itemMore === void 0 ? void 0 : _this2$props$itemMore.call(_this2$props, item);
+        return /*#__PURE__*/React.createElement(Item, {
+          key: key || id,
+          item: model,
+          title: title,
+          items: items,
+          itemFormatter: itemFormatter,
+          collapsible: item.collapsible,
+          collapsed: item.collapsed,
+          onCollapse: item.onCollapse,
+          onExpand: item.onExpand,
+          showFocus: selection.isFocused(model),
+          onFocus: _this2.onItemFocus,
+          selection: selection,
+          selectable: item.selectable,
+          selected: selection.isSelected(model),
+          onSelect: _this2.onItemSelect,
+          showMoreLessButton: showMoreLessButton,
+          onItemMoreLess: _this2.props.onItemMoreLess
+        });
+      })), loading && /*#__PURE__*/React.createElement("div", {
+        className: data.length > 0 ? modules_09d014b4.loadingOverlay : undefined
+      }, /*#__PURE__*/React.createElement(Loader, null)));
     }
-  };
-  shortcutsMap = {
-    '=': this.onEqualPress
-  };
-  render() {
-    const {
-      data,
-      className,
-      loading,
-      selection,
-      disabledHover,
-      itemFormatter,
-      focused,
-      innerRef
-    } = this.props;
-    const shortcutsMap = {
-      ...this.shortcutsMap,
-      ...this.props.shortcutsMap
-    };
-    const classes = classNames(className, {
-      [modules_09d014b4.dataList]: true,
-      [modules_09d014b4.disabledHover]: disabledHover,
-      [modules_09d014b4.multiSelection]: selection.getSelected().size > 0
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_09d014b4.dataListWrapper,
-      "data-test": "ring-data-list",
-      ref: innerRef
-    }, focused && /*#__PURE__*/React.createElement(Shortcuts, {
-      map: shortcutsMap,
-      scope: this.shortcutsScope
-    }), /*#__PURE__*/React.createElement("ul", {
-      className: classes
-    }, data.map(model => {
-      const item = itemFormatter(model);
-      const {
-        id,
-        key,
-        title,
-        items
-      } = item;
-      const showMoreLessButton = this.props.itemMoreLessState?.(item);
-      return /*#__PURE__*/React.createElement(Item, {
-        key: key || id,
-        item: model,
-        title: title,
-        items: items,
-        itemFormatter: itemFormatter,
-        collapsible: item.collapsible,
-        collapsed: item.collapsed,
-        onCollapse: item.onCollapse,
-        onExpand: item.onExpand,
-        showFocus: selection.isFocused(model),
-        onFocus: this.onItemFocus,
-        selection: selection,
-        selectable: item.selectable,
-        selected: selection.isSelected(model),
-        onSelect: this.onItemSelect,
-        showMoreLessButton: showMoreLessButton,
-        onItemMoreLess: this.props.onItemMoreLess
-      });
-    })), loading && /*#__PURE__*/React.createElement("div", {
-      className: data.length > 0 ? modules_09d014b4.loadingOverlay : undefined
-    }, /*#__PURE__*/React.createElement(Loader, null)));
-  }
-}
+  }]);
+  return DataList;
+}(PureComponent);
+_defineProperty(DataList, "defaultProps", {
+  loading: false,
+  onItemMoreLess: function onItemMoreLess() {},
+  itemMoreLessState: function itemMoreLessState() {
+    return moreLessButtonStates.UNUSED;
+  },
+  remoteSelection: false
+});
 DataList.propTypes = {
   className: PropTypes.string,
   data: PropTypes.array.isRequired,
@@ -183,15 +222,32 @@ DataList.propTypes = {
   onSelect: PropTypes.func.isRequired,
   remoteSelection: PropTypes.bool
 };
-const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
+var getContainer = function getContainer() {
+  return disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
+};
 // eslint-disable-next-line react/no-multi-comp
-class DataListContainer extends Component {
-  static propTypes = getContainer().propTypes;
-  // https://stackoverflow.com/a/53882322/6304152
-  DataList = getContainer();
-  render() {
-    return /*#__PURE__*/React.createElement(this.DataList, this.props);
+var DataListContainer = /*#__PURE__*/function (_Component) {
+  _inherits(DataListContainer, _Component);
+  var _super2 = _createSuper(DataListContainer);
+  function DataListContainer() {
+    var _this3;
+    _classCallCheck(this, DataListContainer);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+    // https://stackoverflow.com/a/53882322/6304152
+    _defineProperty(_assertThisInitialized(_this3), "DataList", getContainer());
+    return _this3;
   }
-}
+  _createClass(DataListContainer, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(this.DataList, this.props);
+    }
+  }]);
+  return DataListContainer;
+}(Component);
+_defineProperty(DataListContainer, "propTypes", getContainer().propTypes);
 
 export { DataListContainer as default };

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

@@ -5,12 +5,21 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 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.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../_helpers/badge.js';
 
-const items = [{
+var items = [{
   id: 1,
   title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Assigner"), " in 60 projects"),
   collapsible: true,
@@ -166,7 +175,7 @@ const items = [{
   selectable: true,
   collapsible: true
 }];
-const moreItems = [{
+var moreItems = [{
   id: 91,
   selectable: true,
   collapsible: true,