@jetbrains/ring-ui-built 6.0.32 → 6.0.34

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

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

package/components/data-list/item.js

@@ -1,3 +1,6 @@
+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';
@@ -6,11 +9,13 @@ 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$1 from '../table/selection.js';
+import Selection 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';
@@ -18,16 +23,28 @@ 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) {
@@ -36,149 +53,159 @@ var moreLessButtonStates;
   moreLessButtonStates[moreLessButtonStates["MORE_LOADING"] = 2] = "MORE_LOADING";
   moreLessButtonStates[moreLessButtonStates["LESS"] = 3] = "LESS";
 })(moreLessButtonStates || (moreLessButtonStates = {}));
-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
-    });
-  };
-  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'));
+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];
     }
-    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"
-        });
+    _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
+      });
+    });
+    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"
+          });
+        }
+      }
+      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);
     }
-    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);
-  }
-}
+  }]);
+}(PureComponent);
+_defineProperty(Item, "defaultProps", {
+  items: [],
+  level: 0,
+  parentShift: 0,
+  showMoreLessButton: moreLessButtonStates.UNUSED,
+  onItemMoreLess: function onItemMoreLess() {}
+});
 Item.propTypes = {
   item: PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
@@ -195,7 +222,7 @@ Item.propTypes = {
   onExpand: PropTypes.func,
   showFocus: PropTypes.bool,
   onFocus: PropTypes.func.isRequired,
-  selection: PropTypes.instanceOf(Selection$1).isRequired,
+  selection: PropTypes.instanceOf(Selection).isRequired,
   selectable: PropTypes.bool,
   selected: PropTypes.bool,
   onSelect: PropTypes.func.isRequired,

package/components/data-list/selection.js

@@ -1,86 +1,146 @@
+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';
 
-class Selection extends Selection$1 {
-  _buildData(data) {
-    return new Set(this._getDescendants(data));
+var Selection = /*#__PURE__*/function (_TableSelection) {
+  function Selection() {
+    _classCallCheck(this, Selection);
+    return _callSuper(this, Selection, arguments);
   }
-  _buildSelected(data, selected) {
-    const _selected = new Set(selected);
-    [...data].forEach(item => {
-      if (_selected.has(item)) {
-        this._selectDescendants(item, _selected);
+  _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)));
       }
-    });
-    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)];
+      return result;
     }
-    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);
+  }, {
+    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);
+      });
+    }
+  }, {
+    key: "select",
+    value: function select() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+      if (!value || !this._isItemSelectable(value)) {
+        return this;
       }
-    });
-  }
-  _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;
+      var selected = new Set(this._selected);
+      selected.add(value);
+      this._selectDescendants(value, selected);
+      this._selectAncestors(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;
+  }, {
+    key: "focus",
+    value: function focus(value) {
+      return _get(_getPrototypeOf(Selection.prototype), "focus", this).call(this, value);
     }
-    const selected = new Set(this._selected);
-    selected.delete(value);
-    this._deselectDescendants(value, selected);
-    this._deselectAncestors(value, selected);
-    return this.cloneWith({
-      selected
-    });
-  }
-}
+  }, {
+    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);
+    }
+  }, {
+    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
+      });
+    }
+  }]);
+}(Selection$1);
 
 export { Selection as default };

package/components/data-list/title.js

@@ -1,3 +1,5 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
@@ -6,12 +8,21 @@ 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';