@jetbrains/ring-ui-built 6.1.1-beta.0 → 7.0.0-beta.10

package/components/table/row.js

@@ -1,8 +1,6 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
@@ -24,37 +22,17 @@ 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 '../control-help/control-help.js';
 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';
@@ -63,15 +41,17 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../_helpers/theme.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'memoize-one';
 
-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 _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"];
+const DragHandle = _ref => {
+  let {
+    alwaysShowDragHandle,
+    dragHandleTitle = 'Drag to reorder'
+  } = _ref;
+  const classes = classNames(modules_1db4bbca.dragHandle, {
     [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
   });
   return /*#__PURE__*/jsx(Button, {
@@ -81,232 +61,187 @@ var DragHandle = function DragHandle(_ref) {
     icon: dragIcon
   });
 };
-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];
-    }
-    _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;
+class Row extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "id", getUID('table-row-'));
+    _defineProperty(this, "onMouseEnter", e => {
+      const {
+        item,
+        onHover
+      } = this.props;
       onHover(item, e);
     });
-    _defineProperty(_this, "onClick", function (e) {
-      var item = _this.props.item;
-      _this.props.onClick(item, e);
+    _defineProperty(this, "onClick", e => {
+      const {
+        item
+      } = this.props;
+      this.props.onClick(item, e);
       if (e.shiftKey) {
-        _this.toggleSelection();
+        this.toggleSelection();
       }
     });
-    _defineProperty(_this, "onCheckboxFocus", function () {
-      _this.props.onFocusRestore();
+    _defineProperty(this, "onCheckboxFocus", () => {
+      this.props.onFocusRestore();
     });
-    _defineProperty(_this, "onCheckboxChange", function () {
-      _this.toggleSelection();
+    _defineProperty(this, "onCheckboxChange", () => {
+      this.toggleSelection();
     });
-    _defineProperty(_this, "onDoubleClick", function () {
-      var item = _this.props.item;
-      _this.props.onDoubleClick(item);
+    _defineProperty(this, "onDoubleClick", () => {
+      const {
+        item
+      } = this.props;
+      this.props.onDoubleClick(item);
     });
-    _defineProperty(_this, "row", void 0);
-    _defineProperty(_this, "rowRef", function (el) {
-      _this.row = el;
+    _defineProperty(this, "row", void 0);
+    _defineProperty(this, "rowRef", el => {
+      this.row = el;
     });
-    _defineProperty(_this, "composedRowRef", createComposedRef());
-    return _this;
+    _defineProperty(this, "composedRowRef", createComposedRef());
   }
-  _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__*/jsxs("div", {
-        className: metaColumnClasses,
-        style: metaColumnStyle,
-        children: [draggable && /*#__PURE__*/jsx(DragHandle, {
-          alwaysShowDragHandle: alwaysShowDragHandle,
-          dragHandleTitle: dragHandleTitle
-        }), selectable && /*#__PURE__*/jsx(Tooltip, {
-          title: checkboxTooltip,
-          children: /*#__PURE__*/jsx(Checkbox, {
-            "aria-labelledby": this.id,
-            className: showFocus ? 'ring-checkbox_focus' : '',
-            checked: selected,
-            onFocus: this.onCheckboxFocus,
-            onChange: this.onCheckboxChange,
-            tabIndex: -1
-          })
-        }), !selectable && showDisabledSelection && /*#__PURE__*/jsx(Tooltip, {
-          title: checkboxTooltip,
-          children: /*#__PURE__*/jsx(Checkbox, {
-            "aria-labelledby": this.id,
-            checked: selected,
-            disabled: true
-          })
-        }), collapsible && collapsed && /*#__PURE__*/jsx(Button, {
-          className: modules_1db4bbca.rowCollapseExpandButton,
-          icon: chevronRightIcon,
-          onClick: function onClick() {
-            return onExpand(item);
-          }
-        }), collapsible && !collapsed && /*#__PURE__*/jsx(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__*/jsxs(Cell, {
-          colSpan: column.colSpan,
-          className: cellClasses,
-          "data-test": getDataTest(item, column),
-          children: [index === 0 && showMetaColumn && metaColumn, value]
-        }, column.id);
-      });
-      return /*#__PURE__*/jsx("tr", _objectSpread2(_objectSpread2(_objectSpread2({
-        id: this.id,
-        ref: this.composedRowRef(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,
-        children: cells
-      }));
+  toggleSelection() {
+    const {
+      selectable,
+      selected,
+      onSelect,
+      item
+    } = this.props;
+    if (selectable) {
+      onSelect(item, !selected);
     }
-  }]);
-}(PureComponent);
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        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
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(className, {
+      [modules_1db4bbca.row]: true,
+      [modules_1db4bbca.rowFocused]: showFocus,
+      [modules_1db4bbca.rowSelected]: selected
+    });
+    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: "".concat(gap, "px")
+    };
+    const metaColumn = /*#__PURE__*/jsxs("div", {
+      className: metaColumnClasses,
+      style: metaColumnStyle,
+      children: [draggable && /*#__PURE__*/jsx(DragHandle, {
+        alwaysShowDragHandle: alwaysShowDragHandle,
+        dragHandleTitle: dragHandleTitle
+      }), selectable && /*#__PURE__*/jsx(Tooltip, {
+        title: checkboxTooltip,
+        children: /*#__PURE__*/jsx(Checkbox, {
+          "aria-labelledby": this.id,
+          className: showFocus ? 'ring-checkbox_focus' : '',
+          checked: selected,
+          onFocus: this.onCheckboxFocus,
+          onChange: this.onCheckboxChange,
+          tabIndex: -1
+        })
+      }), !selectable && showDisabledSelection && /*#__PURE__*/jsx(Tooltip, {
+        title: checkboxTooltip,
+        children: /*#__PURE__*/jsx(Checkbox, {
+          "aria-labelledby": this.id,
+          checked: selected,
+          disabled: true
+        })
+      }), collapsible && collapsed && /*#__PURE__*/jsx(Button, {
+        className: modules_1db4bbca.rowCollapseExpandButton,
+        icon: chevronRightIcon,
+        onClick: () => onExpand(item)
+      }), collapsible && !collapsed && /*#__PURE__*/jsx(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__*/jsxs(Cell, {
+        colSpan: column.colSpan,
+        className: cellClasses,
+        "data-test": getDataTest(item, column),
+        children: [index === 0 && showMetaColumn && metaColumn, value]
+      }, column.id);
+    });
+    return /*#__PURE__*/jsx("tr", _objectSpread2(_objectSpread2(_objectSpread2({
+      id: this.id,
+      ref: this.composedRowRef(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,
+      children: cells
+    }));
+  }
+}
 _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() {},
+  onHover: () => {},
+  onSelect: () => {},
+  onDoubleClick: () => {},
+  onClick: () => {},
   level: 0,
   collapsible: false,
   parentCollapsible: false,
   collapsed: false,
-  onCollapse: function onCollapse() {},
-  onExpand: function onExpand() {}
+  onCollapse: () => {},
+  onExpand: () => {}
 });
-Row.propTypes = {
-  className: PropTypes.string,
-  metaColumnClassName: PropTypes.string,
-  item: PropTypes.object.isRequired,
-  columns: PropTypes.oneOfType([PropTypes.array, PropTypes.func]).isRequired,
-  selectable: PropTypes.bool,
-  showFocus: PropTypes.bool,
-  draggable: PropTypes.bool,
-  alwaysShowDragHandle: PropTypes.bool,
-  selected: PropTypes.bool,
-  onHover: PropTypes.func,
-  onSelect: PropTypes.func,
-  onDoubleClick: PropTypes.func,
-  onClick: PropTypes.func,
-  onFocusRestore: PropTypes.func,
-  level: PropTypes.number,
-  collapsible: PropTypes.bool,
-  parentCollapsible: PropTypes.bool,
-  collapsed: PropTypes.bool,
-  onCollapse: PropTypes.func,
-  onExpand: PropTypes.func,
-  showDisabledSelection: PropTypes.bool,
-  checkboxTooltip: PropTypes.string,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  focused: PropTypes.bool,
-  autofocus: PropTypes.bool,
-  onFocusReset: PropTypes.func,
-  'data-test': PropTypes.string
-};
 
 export { Row as default };

package/components/table/selection-adapter.js

@@ -1,4 +1,4 @@
-import { j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 function selectionAdapter(getSelection) {
   return {
@@ -6,7 +6,7 @@ function selectionAdapter(getSelection) {
       return getSelection().getActive().size;
     },
     get items() {
-      return _toConsumableArray(getSelection().getActive());
+      return [...getSelection().getActive()];
     }
   };
 }