@jetbrains/ring-ui-built 6.0.30 → 6.0.32

package/components/table/row.js

@@ -1,6 +1,4 @@
-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 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -21,55 +19,32 @@ 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.object.to-string.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/prop-types.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 'core-js/modules/web.dom-collections.for-each.js';
 import 'react-dom';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.filter.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.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.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.consts.js';
 import '../popup/popup.target.js';
-import 'core-js/modules/es.array.reduce.js';
 
-var _excluded = ["item", "columns", "selectable", "selected", "showFocus", "draggable", "alwaysShowDragHandle", "dragHandleTitle", "level", "collapsible", "parentCollapsible", "collapsed", "maxColSpan", "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, {
+const DragHandle = _ref => {
+  let {
+    alwaysShowDragHandle,
+    dragHandleTitle = 'Drag to reorder'
+  } = _ref;
+  const classes = classNames(modules_1db4bbca.dragHandle, {
     [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
   });
   return /*#__PURE__*/React.createElement(Button, {
@@ -83,195 +58,179 @@ DragHandle.propTypes = {
   alwaysShowDragHandle: PropTypes.bool,
   dragHandleTitle: PropTypes.string
 };
-var Row = /*#__PURE__*/function (_PureComponent) {
-  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];
+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();
     }
-    _this = _callSuper(this, Row, [].concat(args));
-    _defineProperty(_this, "id", getUID('table-row-'));
-    _defineProperty(_this, "onMouseEnter", function (e) {
-      var _this$props = _this.props,
-        item = _this$props.item,
-        onHover = _this$props.onHover;
-      onHover(item, e);
+  };
+  onCheckboxFocus = () => {
+    this.props.onFocusRestore();
+  };
+  onCheckboxChange = () => {
+    this.toggleSelection();
+  };
+  toggleSelection() {
+    const {
+      selectable,
+      selected,
+      onSelect,
+      item
+    } = this.props;
+    if (selectable) {
+      onSelect(item, !selected);
+    }
+  }
+  onDoubleClick = () => {
+    const {
+      item
+    } = this.props;
+    this.props.onDoubleClick(item);
+  };
+  row;
+  rowRef = el => {
+    this.row = el;
+  };
+  render() {
+    const {
+      item,
+      columns: columnProps,
+      selectable,
+      selected,
+      showFocus,
+      draggable,
+      alwaysShowDragHandle,
+      dragHandleTitle,
+      level,
+      collapsible,
+      parentCollapsible,
+      collapsed,
+      maxColSpan,
+      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
     });
-    _defineProperty(_this, "onClick", function (e) {
-      var item = _this.props.item;
-      _this.props.onClick(item, e);
-      if (e.shiftKey) {
-        _this.toggleSelection();
+    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 columns = typeof columnProps === 'function' ? columnProps(item) : columnProps;
+    let colSpan = 0;
+    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;
+      colSpan += column.colSpan || 1;
+      if (colSpan > (maxColSpan || Infinity)) {
+        return null;
       }
+      return /*#__PURE__*/React.createElement(Cell, {
+        colSpan: column.colSpan,
+        key: column.id,
+        className: cellClasses,
+        "data-test": getDataTest(item, column)
+      }, index === 0 && showMetaColumn && metaColumn, value);
     });
-    _defineProperty(_this, "onCheckboxFocus", function () {
-      _this.props.onFocusRestore();
-    });
-    _defineProperty(_this, "onCheckboxChange", function () {
-      _this.toggleSelection();
-    });
-    _defineProperty(_this, "onDoubleClick", function () {
-      var item = _this.props.item;
-      _this.props.onDoubleClick(item);
-    });
-    _defineProperty(_this, "row", void 0);
-    _defineProperty(_this, "rowRef", function (el) {
-      _this.row = el;
-    });
-    return _this;
+    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);
   }
-  _inherits(Row, _PureComponent);
-  return _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 _this$props3 = this.props,
-        item = _this$props3.item,
-        columnProps = _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,
-        maxColSpan = _this$props3.maxColSpan,
-        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, {
-        [modules_1db4bbca.row]: true,
-        [modules_1db4bbca.rowFocused]: showFocus,
-        [modules_1db4bbca.rowSelected]: selected
-      });
-      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 columns = typeof columnProps === 'function' ? columnProps(item) : columnProps;
-      var colSpan = 0;
-      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({
-          [modules_1db4bbca.cellRight]: column.rightAlign
-        }, column.className);
-        var showMetaColumn = draggable || selectable || collapsible || showDisabledSelection || !!level;
-        colSpan += column.colSpan || 1;
-        if (colSpan > (maxColSpan || Infinity)) {
-          return null;
-        }
-        return /*#__PURE__*/React.createElement(Cell, {
-          colSpan: column.colSpan,
-          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);
-    }
-  }]);
-}(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/components/table/selection-adapter.js

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