@jetbrains/ring-ui 5.0.155 → 5.0.157

package/dist/table/row.js

@@ -1,4 +1,6 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, _ as _createClass, h as _objectWithoutProperties, i as _extends } 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 classNames from 'classnames';
@@ -20,35 +22,58 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/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.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../global/prop-types.js';
 import '../_helpers/checkbox.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import 'react-dom';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.set.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.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 '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import 'core-js/modules/es.array.reduce.js';
 
-const DragHandle = _ref => {
-  let {
-    alwaysShowDragHandle,
-    dragHandleTitle = 'Drag to reorder'
-  } = _ref;
-  const classes = classNames(modules_1db4bbca.dragHandle, {
-    [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
-  });
+var _excluded = ["item", "columns", "selectable", "selected", "showFocus", "draggable", "alwaysShowDragHandle", "dragHandleTitle", "level", "collapsible", "parentCollapsible", "collapsed", "onCollapse", "onExpand", "showDisabledSelection", "onSelect", "checkboxTooltip", "innerRef", "focused", "autofocus", "onFocusReset", "onFocusRestore", "onHover", "className", "metaColumnClassName", "data-test"];
+var DragHandle = function DragHandle(_ref) {
+  var alwaysShowDragHandle = _ref.alwaysShowDragHandle,
+    _ref$dragHandleTitle = _ref.dragHandleTitle,
+    dragHandleTitle = _ref$dragHandleTitle === void 0 ? 'Drag to reorder' : _ref$dragHandleTitle;
+  var classes = classNames(modules_1db4bbca.dragHandle, _defineProperty({}, modules_1db4bbca.visibleDragHandle, alwaysShowDragHandle));
   return /*#__PURE__*/React.createElement(Button, {
     "data-movable-handle": true,
     title: dragHandleTitle,
@@ -60,171 +85,184 @@ DragHandle.propTypes = {
   alwaysShowDragHandle: PropTypes.bool,
   dragHandleTitle: PropTypes.string
 };
-class Row extends PureComponent {
-  static defaultProps = {
-    selectable: true,
-    showFocus: false,
-    draggable: false,
-    alwaysShowDragHandle: false,
-    selected: false,
-    onHover: () => {},
-    onSelect: () => {},
-    onDoubleClick: () => {},
-    onClick: () => {},
-    level: 0,
-    collapsible: false,
-    parentCollapsible: false,
-    collapsed: false,
-    onCollapse: () => {},
-    onExpand: () => {}
-  };
-  id = getUID('table-row-');
-  onMouseEnter = e => {
-    const {
-      item,
-      onHover
-    } = this.props;
-    onHover(item, e);
-  };
-  onClick = e => {
-    const {
-      item
-    } = this.props;
-    this.props.onClick(item, e);
-    if (e.shiftKey) {
-      this.toggleSelection();
-    }
-  };
-  onCheckboxFocus = () => {
-    this.props.onFocusRestore();
-  };
-  onCheckboxChange = () => {
-    this.toggleSelection();
-  };
-  toggleSelection() {
-    const {
-      selectable,
-      selected,
-      onSelect,
-      item
-    } = this.props;
-    if (selectable) {
-      onSelect(item, !selected);
+var Row = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Row, _PureComponent);
+  var _super = _createSuper(Row);
+  function Row() {
+    var _this;
+    _classCallCheck(this, Row);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-  }
-  onDoubleClick = () => {
-    const {
-      item
-    } = this.props;
-    this.props.onDoubleClick(item);
-  };
-  row;
-  rowRef = el => {
-    this.row = el;
-  };
-  render() {
-    const {
-      item,
-      columns,
-      selectable,
-      selected,
-      showFocus,
-      draggable,
-      alwaysShowDragHandle,
-      dragHandleTitle,
-      level,
-      collapsible,
-      parentCollapsible,
-      collapsed,
-      onCollapse,
-      onExpand,
-      showDisabledSelection,
-      onSelect,
-      checkboxTooltip,
-      innerRef,
-      focused,
-      autofocus,
-      onFocusReset,
-      onFocusRestore,
-      onHover,
-      className,
-      metaColumnClassName,
-      'data-test': dataTest,
-      ...restProps
-    } = this.props;
-    const classes = classNames(className, {
-      [modules_1db4bbca.row]: true,
-      [modules_1db4bbca.rowFocused]: showFocus,
-      [modules_1db4bbca.rowSelected]: selected
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "id", getUID('table-row-'));
+    _defineProperty(_assertThisInitialized(_this), "onMouseEnter", function (e) {
+      var _this$props = _this.props,
+        item = _this$props.item,
+        onHover = _this$props.onHover;
+      onHover(item, e);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
+      var item = _this.props.item;
+      _this.props.onClick(item, e);
+      if (e.shiftKey) {
+        _this.toggleSelection();
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onCheckboxFocus", function () {
+      _this.props.onFocusRestore();
     });
-    const testAttrs = {
-      'data-test-focused': showFocus || undefined,
-      'data-test-selected': selected || undefined
-    };
-    const metaColumnClasses = classNames(metaColumnClassName, modules_1db4bbca.metaColumn);
-    const SUBITEM_OFFSET = 30;
-    const COLLAPSIBLE_PARENT_OFFSET = 20;
-    const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
-    const metaColumnStyle = {
-      paddingLeft: `${gap}px`
-    };
-    const metaColumn = /*#__PURE__*/React.createElement("div", {
-      className: metaColumnClasses,
-      style: metaColumnStyle
-    }, draggable && /*#__PURE__*/React.createElement(DragHandle, {
-      alwaysShowDragHandle: alwaysShowDragHandle,
-      dragHandleTitle: dragHandleTitle
-    }), selectable && /*#__PURE__*/React.createElement(Tooltip, {
-      title: checkboxTooltip
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      className: showFocus ? 'ring-checkbox_focus' : '',
-      checked: selected,
-      onFocus: this.onCheckboxFocus,
-      onChange: this.onCheckboxChange,
-      tabIndex: -1
-    })), !selectable && showDisabledSelection && /*#__PURE__*/React.createElement(Tooltip, {
-      title: checkboxTooltip
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      "aria-labelledby": this.id,
-      checked: selected,
-      disabled: true
-    })), collapsible && collapsed && /*#__PURE__*/React.createElement(Button, {
-      className: modules_1db4bbca.rowCollapseExpandButton,
-      icon: chevronRightIcon,
-      onClick: () => onExpand(item)
-    }), collapsible && !collapsed && /*#__PURE__*/React.createElement(Button, {
-      className: modules_1db4bbca.rowCollapseExpandButton,
-      icon: chevronDownIcon,
-      onClick: () => onCollapse(item)
-    }));
-    const cells = columns.map((column, index) => {
-      const getValue = column.getValue || (() => item[column.id]);
-      const getDataTest = column.getDataTest || (() => column.id);
-      const value = getValue(item, column);
-      const cellClasses = classNames({
-        [modules_1db4bbca.cellRight]: column.rightAlign
-      }, column.className);
-      const showMetaColumn = draggable || selectable || collapsible || showDisabledSelection || !!level;
-      return /*#__PURE__*/React.createElement(Cell, {
-        key: column.id,
-        className: cellClasses,
-        "data-test": getDataTest(item, column)
-      }, index === 0 && showMetaColumn && metaColumn, value);
+    _defineProperty(_assertThisInitialized(_this), "onCheckboxChange", function () {
+      _this.toggleSelection();
     });
-    return /*#__PURE__*/React.createElement("tr", _extends({
-      id: this.id,
-      ref: composeRefs(this.rowRef, innerRef),
-      className: classes,
-      tabIndex: 0,
-      "data-test": joinDataTestAttributes('ring-table-row', dataTest)
-    }, testAttrs, restProps, {
-      onMouseMove: this.onMouseEnter,
-      onClick: this.onClick,
-      onDoubleClick: this.onDoubleClick
-    }), cells);
+    _defineProperty(_assertThisInitialized(_this), "onDoubleClick", function () {
+      var item = _this.props.item;
+      _this.props.onDoubleClick(item);
+    });
+    _defineProperty(_assertThisInitialized(_this), "row", void 0);
+    _defineProperty(_assertThisInitialized(_this), "rowRef", function (el) {
+      _this.row = el;
+    });
+    return _this;
   }
-}
+  _createClass(Row, [{
+    key: "toggleSelection",
+    value: function toggleSelection() {
+      var _this$props2 = this.props,
+        selectable = _this$props2.selectable,
+        selected = _this$props2.selected,
+        onSelect = _this$props2.onSelect,
+        item = _this$props2.item;
+      if (selectable) {
+        onSelect(item, !selected);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames2;
+      var _this$props3 = this.props,
+        item = _this$props3.item,
+        columns = _this$props3.columns,
+        selectable = _this$props3.selectable,
+        selected = _this$props3.selected,
+        showFocus = _this$props3.showFocus,
+        draggable = _this$props3.draggable,
+        alwaysShowDragHandle = _this$props3.alwaysShowDragHandle,
+        dragHandleTitle = _this$props3.dragHandleTitle,
+        level = _this$props3.level,
+        collapsible = _this$props3.collapsible,
+        parentCollapsible = _this$props3.parentCollapsible,
+        collapsed = _this$props3.collapsed,
+        onCollapse = _this$props3.onCollapse,
+        onExpand = _this$props3.onExpand,
+        showDisabledSelection = _this$props3.showDisabledSelection;
+        _this$props3.onSelect;
+        var checkboxTooltip = _this$props3.checkboxTooltip,
+        innerRef = _this$props3.innerRef;
+        _this$props3.focused;
+        _this$props3.autofocus;
+        _this$props3.onFocusReset;
+        _this$props3.onFocusRestore;
+        _this$props3.onHover;
+        var className = _this$props3.className,
+        metaColumnClassName = _this$props3.metaColumnClassName,
+        dataTest = _this$props3['data-test'],
+        restProps = _objectWithoutProperties(_this$props3, _excluded);
+      var classes = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, modules_1db4bbca.row, true), _defineProperty(_classNames2, modules_1db4bbca.rowFocused, showFocus), _defineProperty(_classNames2, modules_1db4bbca.rowSelected, selected), _classNames2));
+      var testAttrs = {
+        'data-test-focused': showFocus || undefined,
+        'data-test-selected': selected || undefined
+      };
+      var metaColumnClasses = classNames(metaColumnClassName, modules_1db4bbca.metaColumn);
+      var SUBITEM_OFFSET = 30;
+      var COLLAPSIBLE_PARENT_OFFSET = 20;
+      var gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
+      var metaColumnStyle = {
+        paddingLeft: "".concat(gap, "px")
+      };
+      var metaColumn = /*#__PURE__*/React.createElement("div", {
+        className: metaColumnClasses,
+        style: metaColumnStyle
+      }, draggable && /*#__PURE__*/React.createElement(DragHandle, {
+        alwaysShowDragHandle: alwaysShowDragHandle,
+        dragHandleTitle: dragHandleTitle
+      }), selectable && /*#__PURE__*/React.createElement(Tooltip, {
+        title: checkboxTooltip
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        "aria-labelledby": this.id,
+        className: showFocus ? 'ring-checkbox_focus' : '',
+        checked: selected,
+        onFocus: this.onCheckboxFocus,
+        onChange: this.onCheckboxChange,
+        tabIndex: -1
+      })), !selectable && showDisabledSelection && /*#__PURE__*/React.createElement(Tooltip, {
+        title: checkboxTooltip
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        "aria-labelledby": this.id,
+        checked: selected,
+        disabled: true
+      })), collapsible && collapsed && /*#__PURE__*/React.createElement(Button, {
+        className: modules_1db4bbca.rowCollapseExpandButton,
+        icon: chevronRightIcon,
+        onClick: function onClick() {
+          return onExpand(item);
+        }
+      }), collapsible && !collapsed && /*#__PURE__*/React.createElement(Button, {
+        className: modules_1db4bbca.rowCollapseExpandButton,
+        icon: chevronDownIcon,
+        onClick: function onClick() {
+          return onCollapse(item);
+        }
+      }));
+      var cells = columns.map(function (column, index) {
+        var getValue = column.getValue || function () {
+          return item[column.id];
+        };
+        var getDataTest = column.getDataTest || function () {
+          return column.id;
+        };
+        var value = getValue(item, column);
+        var cellClasses = classNames(_defineProperty({}, modules_1db4bbca.cellRight, column.rightAlign), column.className);
+        var showMetaColumn = draggable || selectable || collapsible || showDisabledSelection || !!level;
+        return /*#__PURE__*/React.createElement(Cell, {
+          key: column.id,
+          className: cellClasses,
+          "data-test": getDataTest(item, column)
+        }, index === 0 && showMetaColumn && metaColumn, value);
+      });
+      return /*#__PURE__*/React.createElement("tr", _extends({
+        id: this.id,
+        ref: composeRefs(this.rowRef, innerRef),
+        className: classes,
+        tabIndex: 0,
+        "data-test": joinDataTestAttributes('ring-table-row', dataTest)
+      }, testAttrs, restProps, {
+        onMouseMove: this.onMouseEnter,
+        onClick: this.onClick,
+        onDoubleClick: this.onDoubleClick
+      }), cells);
+    }
+  }]);
+  return Row;
+}(PureComponent);
+_defineProperty(Row, "defaultProps", {
+  selectable: true,
+  showFocus: false,
+  draggable: false,
+  alwaysShowDragHandle: false,
+  selected: false,
+  onHover: function onHover() {},
+  onSelect: function onSelect() {},
+  onDoubleClick: function onDoubleClick() {},
+  onClick: function onClick() {},
+  level: 0,
+  collapsible: false,
+  parentCollapsible: false,
+  collapsed: false,
+  onCollapse: function onCollapse() {},
+  onExpand: function onExpand() {}
+});
 Row.propTypes = {
   className: PropTypes.string,
   metaColumnClassName: PropTypes.string,

package/dist/table/selection-adapter.js

@@ -1,10 +1,12 @@
+import { g as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+
 function selectionAdapter(getSelection) {
   return {
     get size() {
       return getSelection().getActive().size;
     },
     get items() {
-      return [...getSelection().getActive()];
+      return _toConsumableArray(getSelection().getActive());
     }
   };
 }