@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.3

package/components/table/header.js

@@ -1,6 +1,5 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, 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, 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';
@@ -17,125 +16,105 @@ 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 '../global/composeRefs.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';
 import '../control-help/control-help.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '@jetbrains/icons/unsorted-10px';
 import '@jetbrains/icons/chevron-10px';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 
-var Header = /*#__PURE__*/function (_PureComponent) {
-  function Header() {
-    var _this;
-    _classCallCheck(this, Header);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Header, [].concat(args));
-    _defineProperty(_this, "id", getUID('table-header-'));
-    _defineProperty(_this, "onCheckboxFocus", function (event) {
+class Header extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "id", getUID('table-header-'));
+    _defineProperty(this, "onCheckboxFocus", event => {
       event.currentTarget.blur();
     });
-    return _this;
   }
-  _inherits(Header, _PureComponent);
-  return _createClass(Header, [{
-    key: "createCells",
-    value: function createCells() {
-      var _this2 = this;
-      var widths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      var _this$props = this.props,
-        selectable = _this$props.selectable,
-        draggable = _this$props.draggable,
-        columns = _this$props.columns,
-        checked = _this$props.checked,
-        checkboxDisabled = _this$props.checkboxDisabled,
-        onCheckboxChange = _this$props.onCheckboxChange,
-        onSort = _this$props.onSort,
-        sortKey = _this$props.sortKey,
-        sortOrder = _this$props.sortOrder;
-      var metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
-      var metaColumn = /*#__PURE__*/jsx("div", {
-        className: metaColumnClasses,
-        children: selectable && /*#__PURE__*/jsx(Checkbox, {
-          "aria-labelledby": this.id,
-          disabled: checkboxDisabled,
-          checked: checked,
-          onChange: onCheckboxChange,
-          onFocus: this.onCheckboxFocus
+  createCells() {
+    let widths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    const {
+      selectable,
+      draggable,
+      columns,
+      checked,
+      checkboxDisabled,
+      onCheckboxChange,
+      onSort,
+      sortKey,
+      sortOrder
+    } = this.props;
+    const metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
+    const metaColumn = /*#__PURE__*/jsx("div", {
+      className: metaColumnClasses,
+      children: selectable && /*#__PURE__*/jsx(Checkbox, {
+        "aria-labelledby": this.id,
+        disabled: checkboxDisabled,
+        checked: checked,
+        onChange: onCheckboxChange,
+        onFocus: this.onCheckboxFocus
+      })
+    });
+    let colSpan = 0;
+    return columns.map((column, index) => {
+      const columnStyle = widths[index] ? {
+        width: widths[index]
+      } : undefined;
+      const props = {
+        column,
+        onSort,
+        sortKey,
+        sortOrder,
+        style: columnStyle
+      };
+      colSpan += column.colSpan || 1;
+      if (colSpan > (this.props.maxColSpan || Infinity)) {
+        return null;
+      }
+      return /*#__PURE__*/jsx(HeaderCell, _objectSpread2(_objectSpread2({
+        "data-test": column.id,
+        colSpan: column.colSpan
+      }, props), {}, {
+        children: index === 0 && (draggable || selectable) && metaColumn
+      }), column.id);
+    });
+  }
+  render() {
+    const {
+      caption,
+      sticky,
+      topStickOffset
+    } = this.props;
+    const regularCells = this.createCells();
+    return /*#__PURE__*/jsxs("thead", {
+      id: this.id,
+      "data-test": "ring-table-header",
+      style: {
+        top: topStickOffset
+      },
+      className: classNames({
+        [modules_1db4bbca.tableHead]: true,
+        [modules_1db4bbca.subHeaderSticky]: sticky
+      }),
+      children: [caption && /*#__PURE__*/jsx("tr", {
+        "data-test": "ring-table-header-row",
+        children: /*#__PURE__*/jsx("th", {
+          className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
+          colSpan: regularCells.length + 1,
+          "data-test": "ring-table-header-cell",
+          children: caption
         })
-      });
-      var colSpan = 0;
-      return columns.map(function (column, index) {
-        var columnStyle = widths[index] ? {
-          width: widths[index]
-        } : undefined;
-        var props = {
-          column,
-          onSort,
-          sortKey,
-          sortOrder,
-          style: columnStyle
-        };
-        colSpan += column.colSpan || 1;
-        if (colSpan > (_this2.props.maxColSpan || Infinity)) {
-          return null;
-        }
-        return /*#__PURE__*/jsx(HeaderCell, _objectSpread2(_objectSpread2({
-          "data-test": column.id,
-          colSpan: column.colSpan
-        }, props), {}, {
-          children: index === 0 && (draggable || selectable) && metaColumn
-        }), column.id);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        caption = _this$props2.caption,
-        sticky = _this$props2.sticky,
-        topStickOffset = _this$props2.topStickOffset;
-      var regularCells = this.createCells();
-      return /*#__PURE__*/jsxs("thead", {
-        id: this.id,
-        "data-test": "ring-table-header",
-        style: {
-          top: topStickOffset
-        },
-        className: classNames({
-          [modules_1db4bbca.tableHead]: true,
-          [modules_1db4bbca.subHeaderSticky]: sticky
-        }),
-        children: [caption && /*#__PURE__*/jsx("tr", {
-          "data-test": "ring-table-header-row",
-          children: /*#__PURE__*/jsx("th", {
-            className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
-            colSpan: regularCells.length + 1,
-            "data-test": "ring-table-header-cell",
-            children: caption
-          })
-        }), /*#__PURE__*/jsx("tr", {
-          className: modules_1db4bbca.subHeader,
-          "data-test": "ring-table-header-row",
-          children: regularCells
-        })]
-      });
-    }
-  }]);
-}(PureComponent);
+      }), /*#__PURE__*/jsx("tr", {
+        className: modules_1db4bbca.subHeader,
+        "data-test": "ring-table-header-row",
+        children: regularCells
+      })]
+    });
+  }
+}
 _defineProperty(Header, "propTypes", {
   caption: PropTypes.string,
   selectable: PropTypes.bool,
@@ -156,8 +135,8 @@ _defineProperty(Header, "defaultProps", {
   checked: true,
   sticky: true,
   topStickOffset: '0px',
-  onSort: function onSort() {},
-  onCheckboxChange: function onCheckboxChange() {},
+  onSort: () => {},
+  onCheckboxChange: () => {},
   sortKey: 'id',
   sortOrder: true
 });

package/components/table/multitable.js

@@ -1,33 +1,27 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f 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-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import { Children, cloneElement, PureComponent } from 'react';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { PureComponent, Children, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from 'react/jsx-runtime';
 
-var MultiTable = /*#__PURE__*/function (_PureComponent) {
-  function MultiTable() {
-    var _this;
-    _classCallCheck(this, MultiTable);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, MultiTable, [].concat(args));
-    _defineProperty(_this, "onUpPress", function () {
-      var tables = _this.props.children;
-      var tableIndex = tables.findIndex(function (_ref) {
-        var selection = _ref.props.selection;
+class MultiTable extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "onUpPress", () => {
+      const {
+        children: tables
+      } = this.props;
+      const tableIndex = tables.findIndex(_ref => {
+        let {
+          props: {
+            selection
+          }
+        } = _ref;
         return selection.getFocused();
       });
-      var currentTable = tables[tableIndex].props;
-      var prevTable = tables[tableIndex - 1] ? tables[tableIndex - 1].props : null;
-      var newSelection = currentTable.selection.moveUp();
+      const currentTable = tables[tableIndex].props;
+      const prevTable = tables[tableIndex - 1] ? tables[tableIndex - 1].props : null;
+      let newSelection = currentTable.selection.moveUp();
       if (newSelection) {
         var _currentTable$onSelec;
         (_currentTable$onSelec = currentTable.onSelect) === null || _currentTable$onSelec === void 0 || _currentTable$onSelec.call(currentTable, newSelection);
@@ -42,15 +36,21 @@ var MultiTable = /*#__PURE__*/function (_PureComponent) {
       }
       return false;
     });
-    _defineProperty(_this, "onDownPress", function () {
-      var tables = _this.props.children;
-      var tableIndex = tables.findIndex(function (_ref2) {
-        var selection = _ref2.props.selection;
+    _defineProperty(this, "onDownPress", () => {
+      const {
+        children: tables
+      } = this.props;
+      const tableIndex = tables.findIndex(_ref2 => {
+        let {
+          props: {
+            selection
+          }
+        } = _ref2;
         return selection.getFocused();
       });
-      var currentTable = tables[tableIndex].props;
-      var nextTable = tables[tableIndex + 1] ? tables[tableIndex + 1].props : null;
-      var newSelection = currentTable.selection.moveDown();
+      const currentTable = tables[tableIndex].props;
+      const nextTable = tables[tableIndex + 1] ? tables[tableIndex + 1].props : null;
+      let newSelection = currentTable.selection.moveDown();
       if (newSelection) {
         var _currentTable$onSelec3;
         (_currentTable$onSelec3 = currentTable.onSelect) === null || _currentTable$onSelec3 === void 0 || _currentTable$onSelec3.call(currentTable, newSelection);
@@ -65,74 +65,68 @@ var MultiTable = /*#__PURE__*/function (_PureComponent) {
       }
       return false;
     });
-    _defineProperty(_this, "onEscPress", function () {
-      var children = _this.props.children;
-      Children.forEach(children, function (_ref3) {
-        var _ref3$props = _ref3.props,
-          selection = _ref3$props.selection,
-          onSelect = _ref3$props.onSelect;
+    _defineProperty(this, "onEscPress", () => {
+      const {
+        children
+      } = this.props;
+      Children.forEach(children, _ref3 => {
+        let {
+          props: {
+            selection,
+            onSelect
+          }
+        } = _ref3;
         onSelect(selection.reset());
       });
     });
-    _defineProperty(_this, "onCmdAPress", function () {
-      var children = _this.props.children;
-      Children.forEach(children, function (_ref4) {
-        var _ref4$props = _ref4.props,
-          selection = _ref4$props.selection,
-          onSelect = _ref4$props.onSelect;
+    _defineProperty(this, "onCmdAPress", () => {
+      const {
+        children
+      } = this.props;
+      Children.forEach(children, _ref4 => {
+        let {
+          props: {
+            selection,
+            onSelect
+          }
+        } = _ref4;
         onSelect(selection.selectAll());
       });
       return false;
     });
-    _defineProperty(_this, "shortcuts", {
-      up: _this.onUpPress,
-      down: _this.onDownPress,
-      esc: _this.onEscPress,
-      'command+a': _this.onCmdAPress,
-      'ctrl+a': _this.onCmdAPress
+    _defineProperty(this, "shortcuts", {
+      up: this.onUpPress,
+      down: this.onDownPress,
+      esc: this.onEscPress,
+      'command+a': this.onCmdAPress,
+      'ctrl+a': this.onCmdAPress
     });
-    return _this;
   }
-  _inherits(MultiTable, _PureComponent);
-  return _createClass(MultiTable, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.children) {
-        var prevSelections = prevProps.children.map(function (element) {
-          return element.props.selection;
-        });
-        var prevFocusedIndex = prevSelections.findIndex(function (selection) {
-          return selection.getFocused();
-        });
-        var prevFocused = prevSelections[prevFocusedIndex];
-        var currentSelections = this.props.children.map(function (element) {
-          return element.props.selection;
-        });
-        var currentFocused = currentSelections.filter(function (selection) {
-          return selection.getFocused();
-        });
-        if (currentFocused.includes(prevFocused)) {
-          var _prevProps$children$p, _prevProps$children$p2;
-          (_prevProps$children$p = (_prevProps$children$p2 = prevProps.children[prevFocusedIndex].props).onSelect) === null || _prevProps$children$p === void 0 || _prevProps$children$p.call(_prevProps$children$p2, prevFocused.resetFocus());
-        }
+  componentDidUpdate(prevProps) {
+    if (prevProps.children) {
+      const prevSelections = prevProps.children.map(element => element.props.selection);
+      const prevFocusedIndex = prevSelections.findIndex(selection => selection.getFocused());
+      const prevFocused = prevSelections[prevFocusedIndex];
+      const currentSelections = this.props.children.map(element => element.props.selection);
+      const currentFocused = currentSelections.filter(selection => selection.getFocused());
+      if (currentFocused.includes(prevFocused)) {
+        var _prevProps$children$p, _prevProps$children$p2;
+        (_prevProps$children$p = (_prevProps$children$p2 = prevProps.children[prevFocusedIndex].props).onSelect) === null || _prevProps$children$p === void 0 || _prevProps$children$p.call(_prevProps$children$p2, prevFocused.resetFocus());
       }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/jsx("div", {
-        "data-test": "ring-multitable",
-        children: Children.map(this.props.children, function (child) {
-          var props = {
-            shortcuts: _this2.shortcuts
-          };
-          return /*#__PURE__*/cloneElement(child, props);
-        })
-      });
-    }
-  }]);
-}(PureComponent);
+  }
+  render() {
+    return /*#__PURE__*/jsx("div", {
+      "data-test": "ring-multitable",
+      children: Children.map(this.props.children, child => {
+        const props = {
+          shortcuts: this.shortcuts
+        };
+        return /*#__PURE__*/cloneElement(child, props);
+      })
+    });
+  }
+}
 _defineProperty(MultiTable, "propTypes", {
   children: PropTypes.any.isRequired
 });

package/components/table/row-with-focus-sensor.js

@@ -1,5 +1,5 @@
-import { a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
 import Row from './row.js';
@@ -7,11 +7,7 @@ import { jsx } from 'react/jsx-runtime';
 import 'prop-types';
 import '../global/prop-types.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 'memoize-one';
-import 'util-deprecate';
-import 'core-js/modules/es.array.map.js';
 import 'classnames';
 import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
@@ -20,16 +16,12 @@ import '../checkbox/checkbox.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 '../control-help/control-help.js';
 import '../button/button.js';
 import '../link/clickableLink.js';
@@ -37,24 +29,12 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.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/get-uid.js';
 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';
@@ -68,50 +48,38 @@ import '../popup/popup.target.js';
 import './cell.js';
 import '../_helpers/table.js';
 
-var getContainer = function getContainer() {
-  return focusSensorHOC(Row);
-};
-var RowWithFocusSensorCallbacks = /*#__PURE__*/function (_PureComponent) {
-  function RowWithFocusSensorCallbacks() {
-    var _this;
-    _classCallCheck(this, RowWithFocusSensorCallbacks);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RowWithFocusSensorCallbacks, [].concat(args));
+const getContainer = () => focusSensorHOC(Row);
+class RowWithFocusSensorCallbacks extends PureComponent {
+  constructor() {
+    super(...arguments);
     // https://stackoverflow.com/a/53882322/6304152
-    _defineProperty(_this, "RowWithFocusSensor", getContainer());
-    _defineProperty(_this, "onFocus", function () {
+    _defineProperty(this, "RowWithFocusSensor", getContainer());
+    _defineProperty(this, "onFocus", () => {
       var _this$props$onFocus, _this$props;
-      (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props, _this.props.item);
+      (_this$props$onFocus = (_this$props = this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props, this.props.item);
     });
-    _defineProperty(_this, "onSelect", function (item, selected) {
+    _defineProperty(this, "onSelect", (item, selected) => {
       var _this$props$onSelect, _this$props2;
-      (_this$props$onSelect = (_this$props2 = _this.props).onSelect) === null || _this$props$onSelect === void 0 || _this$props$onSelect.call(_this$props2, item, selected);
+      (_this$props$onSelect = (_this$props2 = this.props).onSelect) === null || _this$props$onSelect === void 0 || _this$props$onSelect.call(_this$props2, item, selected);
     });
-    _defineProperty(_this, "onCollapse", function () {
+    _defineProperty(this, "onCollapse", () => {
       var _this$props$onCollaps, _this$props3;
-      (_this$props$onCollaps = (_this$props3 = _this.props).onCollapse) === null || _this$props$onCollaps === void 0 || _this$props$onCollaps.call(_this$props3, _this.props.item);
+      (_this$props$onCollaps = (_this$props3 = this.props).onCollapse) === null || _this$props$onCollaps === void 0 || _this$props$onCollaps.call(_this$props3, this.props.item);
     });
-    _defineProperty(_this, "onExpand", function () {
+    _defineProperty(this, "onExpand", () => {
       var _this$props$onExpand, _this$props4;
-      (_this$props$onExpand = (_this$props4 = _this.props).onExpand) === null || _this$props$onExpand === void 0 || _this$props$onExpand.call(_this$props4, _this.props.item);
+      (_this$props$onExpand = (_this$props4 = this.props).onExpand) === null || _this$props$onExpand === void 0 || _this$props$onExpand.call(_this$props4, this.props.item);
     });
-    return _this;
   }
-  _inherits(RowWithFocusSensorCallbacks, _PureComponent);
-  return _createClass(RowWithFocusSensorCallbacks, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/jsx(this.RowWithFocusSensor, _objectSpread2(_objectSpread2({}, this.props), {}, {
-        onFocus: this.onFocus,
-        onSelect: this.onSelect,
-        onCollapse: this.onCollapse,
-        onExpand: this.onExpand
-      }));
-    }
-  }]);
-}(PureComponent);
+  render() {
+    return /*#__PURE__*/jsx(this.RowWithFocusSensor, _objectSpread2(_objectSpread2({}, this.props), {}, {
+      onFocus: this.onFocus,
+      onSelect: this.onSelect,
+      onCollapse: this.onCollapse,
+      onExpand: this.onExpand
+    }));
+  }
+}
 RowWithFocusSensorCallbacks.propTypes = Row.propTypes;
 
 export { RowWithFocusSensorCallbacks as default };