@jetbrains/ring-ui-built 6.0.30 → 6.0.32

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

@@ -5,15 +5,11 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 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';
 import '../_helpers/badge.js';
 
-var items = [{
+const items = [{
   id: 1,
   title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Assigner"), " in 60 projects"),
   collapsible: true,
@@ -169,7 +165,7 @@ var items = [{
   selectable: true,
   collapsible: true
 }];
-var moreItems = [{
+const moreItems = [{
   id: 91,
   selectable: true,
   collapsible: true,

package/components/data-list/item.js

@@ -1,6 +1,3 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
@@ -9,13 +6,11 @@ import Link from '../link/link.js';
 import Text from '../text/text.js';
 import LoaderInline from '../loader-inline/loader-inline.js';
 import { Button } from '../button/button.js';
-import Selection from '../table/selection.js';
+import Selection$1 from '../table/selection.js';
 import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 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.object.to-string.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/chevron-10px';
@@ -23,28 +18,16 @@ import '../icon/icon.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.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.set.js';
 import '../global/focus-sensor-hoc.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 
 var moreLessButtonStates;
 (function (moreLessButtonStates) {
@@ -53,159 +36,149 @@ var moreLessButtonStates;
   moreLessButtonStates[moreLessButtonStates["MORE_LOADING"] = 2] = "MORE_LOADING";
   moreLessButtonStates[moreLessButtonStates["LESS"] = 3] = "LESS";
 })(moreLessButtonStates || (moreLessButtonStates = {}));
-var ITEM_LEFT_OFFSET = 32;
-var LIST_LEFT_OFFSET = 24;
-var Item = /*#__PURE__*/function (_PureComponent) {
-  function Item() {
-    var _this;
-    _classCallCheck(this, Item);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Item, [].concat(args));
-    _defineProperty(_this, "onShowMore", function () {
-      var _this$props = _this.props,
-        onItemMoreLess = _this$props.onItemMoreLess,
-        item = _this$props.item;
-      onItemMoreLess(item, true);
-    });
-    _defineProperty(_this, "onShowLess", function () {
-      var _this$props2 = _this.props,
-        onItemMoreLess = _this$props2.onItemMoreLess,
-        item = _this$props2.item;
-      onItemMoreLess(item, false);
-    });
-    _defineProperty(_this, "onFocus", function () {
-      var _this$props3 = _this.props,
-        onFocus = _this$props3.onFocus,
-        item = _this$props3.item;
-      onFocus(item);
-    });
-    _defineProperty(_this, "onSelect", function (selected) {
-      var _this$props4 = _this.props,
-        onSelect = _this$props4.onSelect,
-        item = _this$props4.item;
-      onSelect(item, selected);
-    });
-    _defineProperty(_this, "renderItem", function (model, parentShift) {
-      var _this$props5 = _this.props,
-        onFocus = _this$props5.onFocus,
-        onSelect = _this$props5.onSelect,
-        selection = _this$props5.selection,
-        level = _this$props5.level,
-        itemFormatter = _this$props5.itemFormatter;
-      var item = itemFormatter(model);
-      return /*#__PURE__*/React.createElement(Item, {
-        key: item.key || item.id,
-        item: model,
-        title: item.title,
-        items: item.items,
-        level: level + 1,
-        parentShift: parentShift,
-        itemFormatter: itemFormatter,
-        collapsible: item.collapsible,
-        collapsed: item.collapsed,
-        onCollapse: item.onCollapse,
-        onExpand: item.onExpand,
-        showFocus: selection.isFocused(model),
-        onFocus: onFocus,
-        selection: selection,
-        selectable: item.selectable,
-        selected: selection.isSelected(model),
-        onSelect: onSelect
-      });
+const ITEM_LEFT_OFFSET = 32;
+const LIST_LEFT_OFFSET = 24;
+class Item extends PureComponent {
+  static defaultProps = {
+    items: [],
+    level: 0,
+    parentShift: 0,
+    showMoreLessButton: moreLessButtonStates.UNUSED,
+    onItemMoreLess: () => {}
+  };
+  onShowMore = () => {
+    const {
+      onItemMoreLess,
+      item
+    } = this.props;
+    onItemMoreLess(item, true);
+  };
+  onShowLess = () => {
+    const {
+      onItemMoreLess,
+      item
+    } = this.props;
+    onItemMoreLess(item, false);
+  };
+  onFocus = () => {
+    const {
+      onFocus,
+      item
+    } = this.props;
+    onFocus(item);
+  };
+  onSelect = selected => {
+    const {
+      onSelect,
+      item
+    } = this.props;
+    onSelect(item, selected);
+  };
+  renderItem = (model, parentShift) => {
+    const {
+      onFocus,
+      onSelect,
+      selection,
+      level,
+      itemFormatter
+    } = this.props;
+    const item = itemFormatter(model);
+    return /*#__PURE__*/React.createElement(Item, {
+      key: item.key || item.id,
+      item: model,
+      title: item.title,
+      items: item.items,
+      level: level + 1,
+      parentShift: parentShift,
+      itemFormatter: itemFormatter,
+      collapsible: item.collapsible,
+      collapsed: item.collapsed,
+      onCollapse: item.onCollapse,
+      onExpand: item.onExpand,
+      showFocus: selection.isFocused(model),
+      onFocus: onFocus,
+      selection: selection,
+      selectable: item.selectable,
+      selected: selection.isSelected(model),
+      onSelect: onSelect
     });
-    return _this;
-  }
-  _inherits(Item, _PureComponent);
-  return _createClass(Item, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props6 = this.props,
-        title = _this$props6.title,
-        items = _this$props6.items,
-        showMoreLessButton = _this$props6.showMoreLessButton,
-        level = _this$props6.level,
-        parentShift = _this$props6.parentShift,
-        showFocus = _this$props6.showFocus,
-        selectable = _this$props6.selectable,
-        selected = _this$props6.selected,
-        collapsible = _this$props6.collapsible,
-        collapsed = _this$props6.collapsed,
-        onCollapse = _this$props6.onCollapse,
-        onExpand = _this$props6.onExpand;
-      var moreLessButton;
-      if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
-        moreLessButton = /*#__PURE__*/React.createElement(Text, {
-          info: true
-        }, /*#__PURE__*/React.createElement(Link, {
-          inherit: true,
-          pseudo: true,
-          onClick: this.onShowMore
-        }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
-          className: modules_09d014b4.showMoreLoader
-        }));
-      } else if (showMoreLessButton === moreLessButtonStates.LESS) {
-        moreLessButton = /*#__PURE__*/React.createElement(Text, {
-          info: true
-        }, /*#__PURE__*/React.createElement(Link, {
-          inherit: true,
-          pseudo: true,
-          onClick: this.onShowLess
-        }, 'Show less'));
-      }
-      var collapserExpander = null;
-      if (collapsible) {
-        if (collapsed) {
-          collapserExpander = /*#__PURE__*/React.createElement(Button, {
-            title: "Expand",
-            onClick: onExpand,
-            icon: chevronRightIcon,
-            className: modules_09d014b4.collapseButton,
-            iconClassName: modules_09d014b4.collapseIcon,
-            "data-test": "ring-data-list-expand"
-          });
-        } else {
-          collapserExpander = /*#__PURE__*/React.createElement(Button, {
-            title: "Collapse",
-            onClick: onCollapse,
-            icon: chevronDownIcon,
-            className: modules_09d014b4.collapseButton,
-            iconClassName: modules_09d014b4.collapseIcon,
-            "data-test": "ring-data-list-collapse"
-          });
-        }
+  };
+  render() {
+    const {
+      title,
+      items,
+      showMoreLessButton,
+      level,
+      parentShift,
+      showFocus,
+      selectable,
+      selected,
+      collapsible,
+      collapsed,
+      onCollapse,
+      onExpand
+    } = this.props;
+    let moreLessButton;
+    if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
+      moreLessButton = /*#__PURE__*/React.createElement(Text, {
+        info: true
+      }, /*#__PURE__*/React.createElement(Link, {
+        inherit: true,
+        pseudo: true,
+        onClick: this.onShowMore
+      }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
+        className: modules_09d014b4.showMoreLoader
+      }));
+    } else if (showMoreLessButton === moreLessButtonStates.LESS) {
+      moreLessButton = /*#__PURE__*/React.createElement(Text, {
+        info: true
+      }, /*#__PURE__*/React.createElement(Link, {
+        inherit: true,
+        pseudo: true,
+        onClick: this.onShowLess
+      }, 'Show less'));
+    }
+    let collapserExpander = null;
+    if (collapsible) {
+      if (collapsed) {
+        collapserExpander = /*#__PURE__*/React.createElement(Button, {
+          title: "Expand",
+          onClick: onExpand,
+          icon: chevronRightIcon,
+          className: modules_09d014b4.collapseButton,
+          iconClassName: modules_09d014b4.collapseIcon,
+          "data-test": "ring-data-list-expand"
+        });
+      } else {
+        collapserExpander = /*#__PURE__*/React.createElement(Button, {
+          title: "Collapse",
+          onClick: onCollapse,
+          icon: chevronDownIcon,
+          className: modules_09d014b4.collapseButton,
+          iconClassName: modules_09d014b4.collapseIcon,
+          "data-test": "ring-data-list-collapse"
+        });
       }
-      var itemIsEmpty = !(items !== null && items !== void 0 && items.length) || collapsible && collapsed;
-      var offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
-      return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Title, {
-        title: title,
-        focused: showFocus,
-        showFocus: showFocus,
-        selectable: selectable,
-        selected: selected,
-        collapserExpander: collapserExpander,
-        onFocus: this.onFocus,
-        onSelect: this.onSelect,
-        offset: offset
-      }), !itemIsEmpty ? /*#__PURE__*/React.createElement("ul", {
-        className: modules_09d014b4.itemContent
-      }, items.map(function (model) {
-        return _this2.renderItem(model, parentShift);
-      }), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/React.createElement("li", {
-        className: modules_09d014b4.showMore
-      }, moreLessButton) : null) : null);
     }
-  }]);
-}(PureComponent);
-_defineProperty(Item, "defaultProps", {
-  items: [],
-  level: 0,
-  parentShift: 0,
-  showMoreLessButton: moreLessButtonStates.UNUSED,
-  onItemMoreLess: function onItemMoreLess() {}
-});
+    const itemIsEmpty = !items?.length || collapsible && collapsed;
+    const offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
+    return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Title, {
+      title: title,
+      focused: showFocus,
+      showFocus: showFocus,
+      selectable: selectable,
+      selected: selected,
+      collapserExpander: collapserExpander,
+      onFocus: this.onFocus,
+      onSelect: this.onSelect,
+      offset: offset
+    }), !itemIsEmpty ? /*#__PURE__*/React.createElement("ul", {
+      className: modules_09d014b4.itemContent
+    }, items.map(model => this.renderItem(model, parentShift)), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/React.createElement("li", {
+      className: modules_09d014b4.showMore
+    }, moreLessButton) : null) : null);
+  }
+}
 Item.propTypes = {
   item: PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
@@ -222,7 +195,7 @@ Item.propTypes = {
   onExpand: PropTypes.func,
   showFocus: PropTypes.bool,
   onFocus: PropTypes.func.isRequired,
-  selection: PropTypes.instanceOf(Selection).isRequired,
+  selection: PropTypes.instanceOf(Selection$1).isRequired,
   selectable: PropTypes.bool,
   selected: PropTypes.bool,
   onSelect: PropTypes.func.isRequired,

package/components/data-list/selection.js

@@ -1,146 +1,86 @@
-import { a as _inherits, b as _createClass, k as _toConsumableArray, m as _get, n as _getPrototypeOf, f as _classCallCheck, g as _callSuper } from '../_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.includes.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import Selection$1 from '../table/selection.js';
-import 'core-js/modules/es.array.index-of.js';
 
-var Selection = /*#__PURE__*/function (_TableSelection) {
-  function Selection() {
-    _classCallCheck(this, Selection);
-    return _callSuper(this, Selection, arguments);
+class Selection extends Selection$1 {
+  _buildData(data) {
+    return new Set(this._getDescendants(data));
   }
-  _inherits(Selection, _TableSelection);
-  return _createClass(Selection, [{
-    key: "_buildData",
-    value: function _buildData(data) {
-      return new Set(this._getDescendants(data));
-    }
-  }, {
-    key: "_buildSelected",
-    value: function _buildSelected(data, selected) {
-      var _this = this;
-      var _selected = new Set(selected);
-      _toConsumableArray(data).forEach(function (item) {
-        if (_selected.has(item)) {
-          _this._selectDescendants(item, _selected);
-        }
-      });
-      return _selected;
-    }
-  }, {
-    key: "_getDescendants",
-    value: function _getDescendants(items) {
-      var _this2 = this;
-      var result = [];
-      items.forEach(function (item) {
-        result.push(item);
-        result = [].concat(_toConsumableArray(result), _toConsumableArray(_this2._getDescendants(_this2._getChildren(item))));
-      });
-      return result;
-    }
-  }, {
-    key: "_getAncestors",
-    value: function _getAncestors(item) {
-      var _this3 = this;
-      var result = [];
-      var parent = _toConsumableArray(this._data).find(function (it) {
-        return _this3._getChildren(it).includes(item);
-      });
-      if (parent) {
-        result = [parent].concat(_toConsumableArray(this._getAncestors(parent)));
+  _buildSelected(data, selected) {
+    const _selected = new Set(selected);
+    [...data].forEach(item => {
+      if (_selected.has(item)) {
+        this._selectDescendants(item, _selected);
       }
-      return result;
-    }
-  }, {
-    key: "_selectDescendants",
-    value: function _selectDescendants(item, selected) {
-      this._getDescendants(this._getChildren(item)).forEach(function (it) {
-        return selected.add(it);
-      });
-    }
-  }, {
-    key: "_deselectDescendants",
-    value: function _deselectDescendants(item, selected) {
-      this._getDescendants(this._getChildren(item)).forEach(function (it) {
-        return selected.delete(it);
-      });
-    }
-  }, {
-    key: "_selectAncestors",
-    value: function _selectAncestors(item, selected) {
-      var _this4 = this;
-      this._getAncestors(item).forEach(function (ancestor) {
-        var groupIsSelected = _this4._getChildren(ancestor).filter(function (it) {
-          return _this4._isItemSelectable(it);
-        }).every(function (it) {
-          return selected.has(it);
-        });
-        if (groupIsSelected) {
-          selected.add(ancestor);
-        }
-      });
-    }
-  }, {
-    key: "_deselectAncestors",
-    value: function _deselectAncestors(item, selected) {
-      this._getAncestors(item).forEach(function (it) {
-        return selected.delete(it);
-      });
+    });
+    return _selected;
+  }
+  _getDescendants(items) {
+    let result = [];
+    items.forEach(item => {
+      result.push(item);
+      result = [...result, ...this._getDescendants(this._getChildren(item))];
+    });
+    return result;
+  }
+  _getAncestors(item) {
+    let result = [];
+    const parent = [...this._data].find(it => this._getChildren(it).includes(item));
+    if (parent) {
+      result = [parent, ...this._getAncestors(parent)];
     }
-  }, {
-    key: "select",
-    value: function select() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-      if (!value || !this._isItemSelectable(value)) {
-        return this;
+    return result;
+  }
+  _selectDescendants(item, selected) {
+    this._getDescendants(this._getChildren(item)).forEach(it => selected.add(it));
+  }
+  _deselectDescendants(item, selected) {
+    this._getDescendants(this._getChildren(item)).forEach(it => selected.delete(it));
+  }
+  _selectAncestors(item, selected) {
+    this._getAncestors(item).forEach(ancestor => {
+      const groupIsSelected = this._getChildren(ancestor).filter(it => this._isItemSelectable(it)).every(it => selected.has(it));
+      if (groupIsSelected) {
+        selected.add(ancestor);
       }
-      var selected = new Set(this._selected);
-      selected.add(value);
-      this._selectDescendants(value, selected);
-      this._selectAncestors(value, selected);
-      return this.cloneWith({
-        selected
-      });
-    }
-  }, {
-    key: "focus",
-    value: function focus(value) {
-      return _get(_getPrototypeOf(Selection.prototype), "focus", this).call(this, value);
-    }
-  }, {
-    key: "resetSelection",
-    value: function resetSelection() {
-      return _get(_getPrototypeOf(Selection.prototype), "resetSelection", this).call(this);
-    }
-  }, {
-    key: "cloneWith",
-    value: function cloneWith(config) {
-      return _get(_getPrototypeOf(Selection.prototype), "cloneWith", this).call(this, config);
+    });
+  }
+  _deselectAncestors(item, selected) {
+    this._getAncestors(item).forEach(it => selected.delete(it));
+  }
+  select() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+    if (!value || !this._isItemSelectable(value)) {
+      return this;
     }
-  }, {
-    key: "deselect",
-    value: function deselect() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-      if (!value || !this._isItemSelectable(value)) {
-        return this;
-      }
-      var selected = new Set(this._selected);
-      selected.delete(value);
-      this._deselectDescendants(value, selected);
-      this._deselectAncestors(value, selected);
-      return this.cloneWith({
-        selected
-      });
+    const selected = new Set(this._selected);
+    selected.add(value);
+    this._selectDescendants(value, selected);
+    this._selectAncestors(value, selected);
+    return this.cloneWith({
+      selected
+    });
+  }
+  focus(value) {
+    return super.focus(value);
+  }
+  resetSelection() {
+    return super.resetSelection();
+  }
+  cloneWith(config) {
+    return super.cloneWith(config);
+  }
+  deselect() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+    if (!value || !this._isItemSelectable(value)) {
+      return this;
     }
-  }]);
-}(Selection$1);
+    const selected = new Set(this._selected);
+    selected.delete(value);
+    this._deselectDescendants(value, selected);
+    this._deselectAncestors(value, selected);
+    return this.cloneWith({
+      selected
+    });
+  }
+}
 
 export { Selection as default };

package/components/data-list/title.js

@@ -1,5 +1,3 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
@@ -8,21 +6,12 @@ import '../checkbox/checkbox.js';
 import '../global/get-uid.js';
 import '../global/prop-types.js';
 export { T as default } from '../_helpers/title.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 '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.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.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.regexp.to-string.js';