@jetbrains/ring-ui-built 7.0.66 → 7.0.71

package/components/table/selection.js

@@ -1,23 +1,19 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 let Selection$1 = class Selection {
-  constructor() {
-    let {
-      data = [],
-      selected = new Set(),
-      focused = null,
-      getKey = item => item.id,
-      getChildren = () => [],
-      isItemSelectable = () => true
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _defineProperty(this, "_rawData", void 0);
-    _defineProperty(this, "_getChildren", void 0);
-    _defineProperty(this, "_data", void 0);
-    _defineProperty(this, "_selected", void 0);
-    _defineProperty(this, "_focused", void 0);
-    _defineProperty(this, "_getKey", void 0);
-    _defineProperty(this, "_isItemSelectable", void 0);
+  _rawData;
+  _getChildren;
+  _data;
+  _selected;
+  _focused;
+  _getKey;
+  _isItemSelectable;
+  constructor({
+    data = [],
+    selected = new Set(),
+    focused = null,
+    getKey = item => item.id,
+    getChildren = () => [],
+    isItemSelectable = () => true
+  } = {}) {
     this._rawData = data;
     this._getChildren = getChildren;
     this._data = this._buildData(data);
@@ -32,12 +28,11 @@ let Selection$1 = class Selection {
   _buildSelected(data, selected) {
     return new Set(selected);
   }
-  cloneWith(_ref) {
-    let {
-      data,
-      selected,
-      focused
-    } = _ref;
+  cloneWith({
+    data,
+    selected,
+    focused
+  }) {
     const newData = data || this._rawData;
     let newSelected;
     if (data && !selected) {
@@ -115,8 +110,7 @@ let Selection$1 = class Selection {
     }
     return undefined;
   }
-  select() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+  select(value = this._focused) {
     if (!value || !this._isItemSelectable(value)) {
       return this;
     }
@@ -126,8 +120,7 @@ let Selection$1 = class Selection {
       selected
     });
   }
-  deselect() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+  deselect(value = this._focused) {
     if (!value || !this._isItemSelectable(value)) {
       return this;
     }
@@ -137,8 +130,7 @@ let Selection$1 = class Selection {
       selected
     });
   }
-  toggleSelection() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+  toggleSelection(value = this._focused) {
     if (this.isSelected(value)) {
       return this.deselect(value);
     }

package/components/table/simple-table.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -13,12 +11,11 @@ import 'memoize-one';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../loader/loader.js';
-import '../loader/loader-core.js';
+import '../_helpers/loader-core.js';
 import '../global/dom.js';
 import './header.js';
 import '../checkbox/checkbox.js';
@@ -28,7 +25,6 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../control-help/control-help.js';
 import './header-cell.js';
@@ -53,7 +49,6 @@ import 'react-dom';
 import '../global/schedule-raf.js';
 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 '../popup/position-css.js';
@@ -61,24 +56,23 @@ import '../_helpers/theme.js';
 import './cell.js';
 
 class SimpleTable extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      selection: new Selection$1({
-        data: this.props.data
-      })
-    });
-    _defineProperty(this, "classes", classNames(style.disabledHover, this.props.className));
-  }
+  static defaultProps = {
+    selectable: false,
+    wideFirstColumn: false
+  };
+  state = {
+    selection: new Selection$1({
+      data: this.props.data
+    })
+  };
+  classes = classNames(style.disabledHover, this.props.className);
   render() {
-    return jsx(TableContainer, _objectSpread2(_objectSpread2({}, this.props), {}, {
-      className: this.classes
-    }, this.state));
+    return jsx(TableContainer, {
+      ...this.props,
+      className: this.classes,
+      ...this.state
+    });
   }
 }
-_defineProperty(SimpleTable, "defaultProps", {
-  selectable: false,
-  wideFirstColumn: false
-});
 
 export { SimpleTable as default };

package/components/table/smart-table.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import TableContainer from './table.js';
@@ -12,12 +10,11 @@ import 'memoize-one';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../loader/loader.js';
-import '../loader/loader-core.js';
+import '../_helpers/loader-core.js';
 import '../global/dom.js';
 import './header.js';
 import '../checkbox/checkbox.js';
@@ -27,7 +24,6 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../control-help/control-help.js';
 import '../_helpers/table.js';
@@ -53,7 +49,6 @@ import 'react-dom';
 import '../global/schedule-raf.js';
 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 '../popup/position-css.js';
@@ -61,21 +56,15 @@ import '../_helpers/theme.js';
 import './cell.js';
 
 class SmartTable extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      selection: new Selection$1({
-        data: this.props.data,
-        isItemSelectable: this.props.isItemSelectable
-      })
-    });
-    _defineProperty(this, "onSelect", selection => {
-      this.setState({
-        selection
-      });
-      this.props.onSelectionChange(selection);
-    });
-  }
+  static defaultProps = {
+    onSelectionChange: () => {}
+  };
+  state = {
+    selection: new Selection$1({
+      data: this.props.data,
+      isItemSelectable: this.props.isItemSelectable
+    })
+  };
   UNSAFE_componentWillReceiveProps(nextProps) {
     const {
       data,
@@ -95,15 +84,19 @@ class SmartTable extends PureComponent {
       });
     }
   }
+  onSelect = selection => {
+    this.setState({
+      selection
+    });
+    this.props.onSelectionChange(selection);
+  };
   render() {
-    return jsx(TableContainer, _objectSpread2(_objectSpread2({}, this.props), {}, {
+    return jsx(TableContainer, {
+      ...this.props,
       selection: this.state.selection,
       onSelect: this.onSelect
-    }));
+    });
   }
 }
-_defineProperty(SmartTable, "defaultProps", {
-  onSelectionChange: () => {}
-});
 
 export { SmartTable as default };

package/components/table/table.js

@@ -1,7 +1,5 @@
-import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { PureComponent, createElement, Component } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { Component, PureComponent, createElement } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { arrayMove, List } from 'react-movable';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
@@ -16,11 +14,10 @@ import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
 import '../global/compose-refs.js';
 import 'memoize-one';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../loader/loader-core.js';
+import '../_helpers/loader-core.js';
 import '../global/dom.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
@@ -29,7 +26,6 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../control-help/control-help.js';
 import './header-cell.js';
@@ -51,103 +47,58 @@ import 'react-dom';
 import '../global/schedule-raf.js';
 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 '../popup/position-css.js';
 import '../_helpers/theme.js';
 import './cell.js';
 
-const _excluded = ["ref"];
 /**
  * Interactive table with selection and keyboard navigation support.
  */
 class Table extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      shortcutsScope: getUID('ring-table-'),
-      userSelectNone: false
-    });
-    _defineProperty(this, "onMouseDown", e => {
-      if (e.shiftKey) {
-        this.setState({
-          userSelectNone: true
-        });
-      }
-    });
-    _defineProperty(this, "onMouseUp", () => {
-      if (this.state.userSelectNone) {
-        this.setState({
-          userSelectNone: false
-        });
-      }
-    });
-    _defineProperty(this, "onRowFocus", row => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      onSelect(selection.focus(row));
-    });
-    _defineProperty(this, "onRowSelect", (row, selected) => {
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      if (selected) {
-        onSelect(selection.select(row));
-      } else {
-        onSelect(selection.deselect(row));
-      }
-    });
-    _defineProperty(this, "onSortEnd", _ref => {
-      let {
-        oldIndex,
-        newIndex
-      } = _ref;
-      const data = arrayMove(this.props.data, oldIndex, newIndex);
-      this.props.onReorder({
-        data,
-        oldIndex,
-        newIndex
-      });
-    });
-    _defineProperty(this, "onCheckboxChange", e => {
-      const {
-        checked
-      } = e.currentTarget;
-      const {
-        selection,
-        onSelect
-      } = this.props;
-      if (checked) {
-        onSelect(selection.selectAll());
-      } else {
-        onSelect(selection.reset());
-      }
-      this.restoreFocusWithoutScroll();
-    });
-    _defineProperty(this, "restoreFocusWithoutScroll", () => {
-      const {
-        scrollX,
-        scrollY
-      } = window;
-      this.props.onFocusRestore();
-      window.scrollTo(scrollX, scrollY);
-    });
-  }
+  static defaultProps = {
+    isItemSelectable: () => true,
+    loading: false,
+    onSort: () => {},
+    onReorder: () => {},
+    getItemKey: item => item.id,
+    sortKey: 'id',
+    sortOrder: true,
+    draggable: false,
+    alwaysShowDragHandle: false,
+    stickyHeader: true,
+    getItemLevel: () => 0,
+    getItemClassName: () => null,
+    getMetaColumnClassName: () => null,
+    getItemDataTest: () => null,
+    isItemCollapsible: () => false,
+    isParentCollapsible: () => false,
+    isItemCollapsed: () => false,
+    onItemCollapse: () => {},
+    onItemExpand: () => {},
+    onItemDoubleClick: () => {},
+    onItemClick: () => {},
+    remoteSelection: false,
+    isDisabledSelectionVisible: () => false,
+    getCheckboxTooltip: () => undefined,
+    RowComponent: RowWithFocusSensorCallbacks,
+    wideFirstColumn: false
+  };
+  state = {
+    shortcutsScope: getUID('ring-table-'),
+    userSelectNone: false
+  };
   componentDidMount() {
     document.addEventListener('mouseup', this.onMouseUp);
   }
-  componentDidUpdate(_ref2) {
-    let {
-      data,
-      selection,
-      onSelect,
-      selectable,
-      remoteSelection
-    } = _ref2;
+  componentDidUpdate({
+    data,
+    selection,
+    onSelect,
+    selectable,
+    remoteSelection
+  }) {
     if (data !== this.props.data && remoteSelection) {
       onSelect(selection.cloneWith({
         data: this.props.data
@@ -160,6 +111,72 @@ class Table extends PureComponent {
   componentWillUnmount() {
     document.removeEventListener('mouseup', this.onMouseUp);
   }
+  onMouseDown = e => {
+    if (e.shiftKey) {
+      this.setState({
+        userSelectNone: true
+      });
+    }
+  };
+  onMouseUp = () => {
+    if (this.state.userSelectNone) {
+      this.setState({
+        userSelectNone: false
+      });
+    }
+  };
+  onRowFocus = row => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    onSelect(selection.focus(row));
+  };
+  onRowSelect = (row, selected) => {
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    if (selected) {
+      onSelect(selection.select(row));
+    } else {
+      onSelect(selection.deselect(row));
+    }
+  };
+  onSortEnd = ({
+    oldIndex,
+    newIndex
+  }) => {
+    const data = arrayMove(this.props.data, oldIndex, newIndex);
+    this.props.onReorder({
+      data,
+      oldIndex,
+      newIndex
+    });
+  };
+  onCheckboxChange = e => {
+    const {
+      checked
+    } = e.currentTarget;
+    const {
+      selection,
+      onSelect
+    } = this.props;
+    if (checked) {
+      onSelect(selection.selectAll());
+    } else {
+      onSelect(selection.reset());
+    }
+    this.restoreFocusWithoutScroll();
+  };
+  restoreFocusWithoutScroll = () => {
+    const {
+      scrollX,
+      scrollY
+    } = window;
+    this.props.onFocusRestore();
+    window.scrollTo(scrollX, scrollY);
+  };
   render() {
     const {
       data,
@@ -226,11 +243,10 @@ class Table extends PureComponent {
       [style.userSelectNone]: this.state.userSelectNone,
       [style.disabledHover]: this.props.disabledHover
     });
-    const renderList = _ref3 => {
-      let {
-        children,
-        props
-      } = _ref3;
+    const renderList = ({
+      children,
+      props
+    }) => {
       const empty = jsx("tr", {
         children: jsx("td", {
           colSpan: columnsArray.length || 1,
@@ -242,27 +258,29 @@ class Table extends PureComponent {
       return jsxs("table", {
         className: classes,
         "data-test": 'ring-table',
-        children: [jsx(Header, _objectSpread2({}, headerProps)), jsx("tbody", _objectSpread2(_objectSpread2({}, props), {}, {
+        children: [jsx(Header, {
+          ...headerProps
+        }), jsx("tbody", {
+          ...props,
           "data-test": 'ring-table-body',
           children: tbody
-        }))]
+        })]
       });
     };
-    const renderItem = _ref4 => {
+    const renderItem = ({
+      value,
+      props = {},
+      isDragged
+    }) => {
       var _restProps$key;
-      let {
-        value,
-        props = {},
-        isDragged
-      } = _ref4;
       if (value === null || value === undefined) {
         return null;
       }
       const {
-          ref
-        } = props,
-        restProps = _objectWithoutProperties(props, _excluded);
-      const row = /*#__PURE__*/createElement(RowComponent, _objectSpread2(_objectSpread2({
+        ref,
+        ...restProps
+      } = props;
+      const row = /*#__PURE__*/createElement(RowComponent, {
         innerRef: ref,
         level: getItemLevel(value),
         item: value,
@@ -290,12 +308,14 @@ class Table extends PureComponent {
         alwaysShowDragHandle: alwaysShowDragHandle,
         dragHandleTitle: dragHandleTitle,
         columns: columns,
-        "data-test": getItemDataTest(value)
-      }, restProps), {}, {
+        "data-test": getItemDataTest(value),
+        ...restProps,
         key: (_restProps$key = restProps.key) !== null && _restProps$key !== void 0 ? _restProps$key : getItemKey(value)
-      }));
+      });
       return isDragged ? jsx("table", {
-        style: _objectSpread2({}, props.style),
+        style: {
+          ...props.style
+        },
         className: style.draggingTable,
         children: jsx("tbody", {
           children: row
@@ -330,44 +350,15 @@ class Table extends PureComponent {
     });
   }
 }
-_defineProperty(Table, "defaultProps", {
-  isItemSelectable: () => true,
-  loading: false,
-  onSort: () => {},
-  onReorder: () => {},
-  getItemKey: item => item.id,
-  sortKey: 'id',
-  sortOrder: true,
-  draggable: false,
-  alwaysShowDragHandle: false,
-  stickyHeader: true,
-  getItemLevel: () => 0,
-  getItemClassName: () => null,
-  getMetaColumnClassName: () => null,
-  getItemDataTest: () => null,
-  isItemCollapsible: () => false,
-  isParentCollapsible: () => false,
-  isItemCollapsed: () => false,
-  onItemCollapse: () => {},
-  onItemExpand: () => {},
-  onItemDoubleClick: () => {},
-  onItemClick: () => {},
-  remoteSelection: false,
-  isDisabledSelectionVisible: () => false,
-  getCheckboxTooltip: () => undefined,
-  RowComponent: RowWithFocusSensorCallbacks,
-  wideFirstColumn: false
-});
 const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));
 // eslint-disable-next-line react/no-multi-comp
 class TableContainer extends Component {
-  constructor() {
-    super(...arguments);
-    // https://stackoverflow.com/a/53882322/6304152
-    _defineProperty(this, "Table", getContainer());
-  }
+  // https://stackoverflow.com/a/53882322/6304152
+  Table = getContainer();
   render() {
-    return jsx(this.Table, _objectSpread2({}, this.props));
+    return jsx(this.Table, {
+      ...this.props
+    });
   }
 }