@jetbrains/ring-ui-built 7.0.65 → 7.0.70

package/components/table/row.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -20,8 +18,6 @@ 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 '../global/memoize.js';
 import '../control-help/control-help.js';
 import '@jetbrains/icons/chevron-12px-down';
@@ -40,19 +36,16 @@ 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 '../popup/position-css.js';
 import '../_helpers/theme.js';
 import 'memoize-one';
 
-const _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"];
-const DragHandle = _ref => {
-  let {
-    alwaysShowDragHandle,
-    dragHandleTitle = 'Drag to reorder'
-  } = _ref;
+const DragHandle = ({
+  alwaysShowDragHandle,
+  dragHandleTitle = 'Drag to reorder'
+}) => {
   const classes = classNames(style.dragHandle, {
     [style.visibleDragHandle]: alwaysShowDragHandle
   });
@@ -64,43 +57,46 @@ const DragHandle = _ref => {
   });
 };
 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", e => {
-      const {
-        item
-      } = this.props;
-      this.props.onClick(item, e);
-      if (e.shiftKey) {
-        this.toggleSelection();
-      }
-    });
-    _defineProperty(this, "onCheckboxFocus", () => {
-      this.props.onFocusRestore();
-    });
-    _defineProperty(this, "onCheckboxChange", () => {
+  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();
-    });
-    _defineProperty(this, "onDoubleClick", () => {
-      const {
-        item
-      } = this.props;
-      this.props.onDoubleClick(item);
-    });
-    _defineProperty(this, "row", void 0);
-    _defineProperty(this, "rowRef", el => {
-      this.row = el;
-    });
-    _defineProperty(this, "composedRowRef", createComposedRef());
-  }
+    }
+  };
+  onCheckboxFocus = () => {
+    this.props.onFocusRestore();
+  };
+  onCheckboxChange = () => {
+    this.toggleSelection();
+  };
   toggleSelection() {
     const {
       selectable,
@@ -112,37 +108,47 @@ class Row extends PureComponent {
       onSelect(item, !selected);
     }
   }
+  onDoubleClick = () => {
+    const {
+      item
+    } = this.props;
+    this.props.onDoubleClick(item);
+  };
+  row;
+  rowRef = el => {
+    this.row = el;
+  };
+  composedRowRef = createComposedRef();
   render() {
-    const _this$props = this.props,
-      {
-        item,
-        columns: columnProps,
-        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
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      item,
+      columns: columnProps,
+      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, {
       [style.row]: true,
       [style.rowFocused]: showFocus,
@@ -157,7 +163,7 @@ class Row extends PureComponent {
     const COLLAPSIBLE_PARENT_OFFSET = 20;
     const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
     const metaColumnStyle = {
-      paddingLeft: "".concat(gap, "px")
+      paddingLeft: `${gap}px`
     };
     const metaColumn = jsxs("div", {
       className: metaColumnClasses,
@@ -208,36 +214,20 @@ class Row extends PureComponent {
         children: [index === 0 && showMetaColumn && metaColumn, value]
       }, column.id);
     });
-    return jsx("tr", _objectSpread2(_objectSpread2(_objectSpread2({
+    return jsx("tr", {
       id: this.id,
       ref: this.composedRowRef(this.rowRef, innerRef),
       className: classes,
       tabIndex: 0,
-      "data-test": joinDataTestAttributes('ring-table-row', dataTest)
-    }, testAttrs), restProps), {}, {
+      "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: () => {},
-  onSelect: () => {},
-  onDoubleClick: () => {},
-  onClick: () => {},
-  level: 0,
-  collapsible: false,
-  parentCollapsible: false,
-  collapsed: false,
-  onCollapse: () => {},
-  onExpand: () => {}
-});
 
 export { Row as default };

package/components/table/selection-adapter.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-
 function selectionAdapter(getSelection) {
   return {
     get size() {

package/components/table/selection-shortcuts-hoc.js

@@ -1,178 +1,176 @@
-import { b as _objectSpread2, _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 
-const _excluded = ["selection", "selectable", "onSelect", "shortcuts"];
 function selectionShortcutsHOC(ComposedComponent) {
   class SelectionShortcuts extends PureComponent {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "onUpPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveUp();
-        if (newSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
-        }
-        return false;
-      });
-      _defineProperty(this, "onDownPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveDown();
-        if (newSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
-        }
-        return false;
-      });
-      _defineProperty(this, "shiftSelectionMode", void 0);
-      _defineProperty(this, "onShiftKeyDown", () => {
-        const {
-          selection
-        } = this.props;
-        if (selection.isSelected(selection.getFocused())) {
-          this.shiftSelectionMode = 'deletion';
-        } else {
-          this.shiftSelectionMode = 'addition';
-        }
-      });
-      _defineProperty(this, "shiftSelect", selection => {
-        if (this.shiftSelectionMode === 'addition') {
-          return selection.select();
-        }
-        return selection.deselect();
-      });
-      _defineProperty(this, "onShiftUpPress", e => {
-        e.preventDefault();
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-        if (!selectable) {
-          return;
-        }
-        const newSelection = this.shiftSelect(selection);
-        const newMovedSelection = newSelection.moveUp();
-        if (newMovedSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newMovedSelection);
-        } else {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
-        }
-      });
-      _defineProperty(this, "onShiftDownPress", e => {
-        e.preventDefault();
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-        if (!selectable) {
-          return;
-        }
-        const newSelection = this.shiftSelect(selection);
-        const newMovedSelection = newSelection.moveDown();
-        if (newMovedSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newMovedSelection);
-        } else {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
-        }
-      });
-      _defineProperty(this, "onHomePress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveStart();
-        if (newSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
-        }
-        return false;
-      });
-      _defineProperty(this, "onEndPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        const newSelection = selection.moveEnd();
-        if (newSelection) {
-          onSelect === null || onSelect === void 0 || onSelect(newSelection);
-        }
-        return false;
-      });
-      _defineProperty(this, "onSpacePress", () => {
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-        if (!selectable) {
-          return true;
-        }
-        onSelect === null || onSelect === void 0 || onSelect(selection.toggleSelection());
-        return false;
-      });
-      _defineProperty(this, "onEscPress", () => {
-        const {
-          selection,
-          onSelect
-        } = this.props;
-        onSelect === null || onSelect === void 0 || onSelect(selection.reset());
-        //this.restoreFocusWithoutScroll();
-      });
-      _defineProperty(this, "onCmdAPress", () => {
-        const {
-          selectable,
-          selection,
-          onSelect
-        } = this.props;
-        if (!selectable) {
-          return true;
-        }
-        onSelect === null || onSelect === void 0 || onSelect(selection.selectAll());
-        return false;
-      });
-      _defineProperty(this, "shortcutsMap", {
-        up: this.onUpPress,
-        down: this.onDownPress,
-        shift: this.onShiftKeyDown,
-        'shift+up': this.onShiftUpPress,
-        'shift+down': this.onShiftDownPress,
-        home: this.onHomePress,
-        end: this.onEndPress,
-        space: this.onSpacePress,
-        esc: this.onEscPress,
-        'command+a': this.onCmdAPress,
-        'ctrl+a': this.onCmdAPress
-      });
-    }
+    onUpPress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      const newSelection = selection.moveUp();
+      if (newSelection) {
+        onSelect?.(newSelection);
+      }
+      return false;
+    };
+    onDownPress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      const newSelection = selection.moveDown();
+      if (newSelection) {
+        onSelect?.(newSelection);
+      }
+      return false;
+    };
+    shiftSelectionMode;
+    onShiftKeyDown = () => {
+      const {
+        selection
+      } = this.props;
+      if (selection.isSelected(selection.getFocused())) {
+        this.shiftSelectionMode = 'deletion';
+      } else {
+        this.shiftSelectionMode = 'addition';
+      }
+    };
+    shiftSelect = selection => {
+      if (this.shiftSelectionMode === 'addition') {
+        return selection.select();
+      }
+      return selection.deselect();
+    };
+    onShiftUpPress = e => {
+      e.preventDefault();
+      const {
+        selectable,
+        selection,
+        onSelect
+      } = this.props;
+      if (!selectable) {
+        return;
+      }
+      const newSelection = this.shiftSelect(selection);
+      const newMovedSelection = newSelection.moveUp();
+      if (newMovedSelection) {
+        onSelect?.(newMovedSelection);
+      } else {
+        onSelect?.(newSelection);
+      }
+    };
+    onShiftDownPress = e => {
+      e.preventDefault();
+      const {
+        selectable,
+        selection,
+        onSelect
+      } = this.props;
+      if (!selectable) {
+        return;
+      }
+      const newSelection = this.shiftSelect(selection);
+      const newMovedSelection = newSelection.moveDown();
+      if (newMovedSelection) {
+        onSelect?.(newMovedSelection);
+      } else {
+        onSelect?.(newSelection);
+      }
+    };
+    onHomePress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      const newSelection = selection.moveStart();
+      if (newSelection) {
+        onSelect?.(newSelection);
+      }
+      return false;
+    };
+    onEndPress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      const newSelection = selection.moveEnd();
+      if (newSelection) {
+        onSelect?.(newSelection);
+      }
+      return false;
+    };
+    onSpacePress = () => {
+      const {
+        selectable,
+        selection,
+        onSelect
+      } = this.props;
+      if (!selectable) {
+        return true;
+      }
+      onSelect?.(selection.toggleSelection());
+      return false;
+    };
+    onEscPress = () => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      onSelect?.(selection.reset());
+      //this.restoreFocusWithoutScroll();
+    };
+    onCmdAPress = () => {
+      const {
+        selectable,
+        selection,
+        onSelect
+      } = this.props;
+      if (!selectable) {
+        return true;
+      }
+      onSelect?.(selection.selectAll());
+      return false;
+    };
+    shortcutsMap = {
+      up: this.onUpPress,
+      down: this.onDownPress,
+      shift: this.onShiftKeyDown,
+      'shift+up': this.onShiftUpPress,
+      'shift+down': this.onShiftDownPress,
+      home: this.onHomePress,
+      end: this.onEndPress,
+      space: this.onSpacePress,
+      esc: this.onEscPress,
+      'command+a': this.onCmdAPress,
+      'ctrl+a': this.onCmdAPress
+    };
     render() {
-      const _this$props = this.props,
-        {
-          selection,
-          selectable,
-          onSelect,
-          shortcuts
-        } = _this$props,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      return jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, restProps), {}, {
+      const {
+        selection,
+        selectable,
+        onSelect,
+        shortcuts,
+        ...restProps
+      } = this.props;
+      return jsx(ComposedComponent, {
+        ...restProps,
         selection: selection,
         selectable: selectable,
         onSelect: onSelect,
-        shortcutsMap: _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcuts)
-      }));
+        shortcutsMap: {
+          ...this.shortcutsMap,
+          ...this.props.shortcuts
+        }
+      });
     }
   }
-  SelectionShortcuts.defaultProps = _objectSpread2(_objectSpread2({}, ComposedComponent.defaultProps), {}, {
+  SelectionShortcuts.defaultProps = {
+    ...ComposedComponent.defaultProps,
     selectable: true,
     onSelect: () => {},
     shortcuts: {}
-  });
+  };
   return SelectionShortcuts;
 }