@jetbrains/ring-ui 5.0.127 → 5.0.129

package/dist/table/multitable.js

@@ -1,99 +1,10 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent, Children, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 
 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();
-      });
-      const currentTable = tables[tableIndex].props;
-      const prevTable = tables[tableIndex - 1] ? tables[tableIndex - 1].props : null;
-      let newSelection = currentTable.selection.moveUp();
-      if (newSelection) {
-        currentTable.onSelect?.(newSelection);
-      } else if (prevTable) {
-        currentTable.onSelect?.(currentTable.selection.resetFocus());
-        newSelection = prevTable.selection.moveUp();
-        if (newSelection) {
-          prevTable.onSelect?.(newSelection);
-        }
-      }
-      return false;
-    });
-    _defineProperty(this, "onDownPress", () => {
-      const {
-        children: tables
-      } = this.props;
-      const tableIndex = tables.findIndex(_ref2 => {
-        let {
-          props: {
-            selection
-          }
-        } = _ref2;
-        return selection.getFocused();
-      });
-      const currentTable = tables[tableIndex].props;
-      const nextTable = tables[tableIndex + 1] ? tables[tableIndex + 1].props : null;
-      let newSelection = currentTable.selection.moveDown();
-      if (newSelection) {
-        currentTable.onSelect?.(newSelection);
-      } else if (nextTable) {
-        currentTable.onSelect?.(currentTable.selection.resetFocus());
-        newSelection = nextTable.selection.moveDown();
-        if (newSelection) {
-          nextTable.onSelect?.(newSelection);
-        }
-      }
-      return false;
-    });
-    _defineProperty(this, "onEscPress", () => {
-      const {
-        children
-      } = this.props;
-      Children.forEach(children, _ref3 => {
-        let {
-          props: {
-            selection,
-            onSelect
-          }
-        } = _ref3;
-        onSelect(selection.reset());
-      });
-    });
-    _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
-    });
-  }
+  static propTypes = {
+    children: PropTypes.any.isRequired
+  };
   componentDidUpdate(prevProps) {
     if (prevProps.children) {
       const prevSelections = prevProps.children.map(element => element.props.selection);
@@ -106,6 +17,94 @@ class MultiTable extends PureComponent {
       }
     }
   }
+  onUpPress = () => {
+    const {
+      children: tables
+    } = this.props;
+    const tableIndex = tables.findIndex(_ref => {
+      let {
+        props: {
+          selection
+        }
+      } = _ref;
+      return selection.getFocused();
+    });
+    const currentTable = tables[tableIndex].props;
+    const prevTable = tables[tableIndex - 1] ? tables[tableIndex - 1].props : null;
+    let newSelection = currentTable.selection.moveUp();
+    if (newSelection) {
+      currentTable.onSelect?.(newSelection);
+    } else if (prevTable) {
+      currentTable.onSelect?.(currentTable.selection.resetFocus());
+      newSelection = prevTable.selection.moveUp();
+      if (newSelection) {
+        prevTable.onSelect?.(newSelection);
+      }
+    }
+    return false;
+  };
+  onDownPress = () => {
+    const {
+      children: tables
+    } = this.props;
+    const tableIndex = tables.findIndex(_ref2 => {
+      let {
+        props: {
+          selection
+        }
+      } = _ref2;
+      return selection.getFocused();
+    });
+    const currentTable = tables[tableIndex].props;
+    const nextTable = tables[tableIndex + 1] ? tables[tableIndex + 1].props : null;
+    let newSelection = currentTable.selection.moveDown();
+    if (newSelection) {
+      currentTable.onSelect?.(newSelection);
+    } else if (nextTable) {
+      currentTable.onSelect?.(currentTable.selection.resetFocus());
+      newSelection = nextTable.selection.moveDown();
+      if (newSelection) {
+        nextTable.onSelect?.(newSelection);
+      }
+    }
+    return false;
+  };
+  onEscPress = () => {
+    const {
+      children
+    } = this.props;
+    Children.forEach(children, _ref3 => {
+      let {
+        props: {
+          selection,
+          onSelect
+        }
+      } = _ref3;
+      onSelect(selection.reset());
+    });
+  };
+  onCmdAPress = () => {
+    const {
+      children
+    } = this.props;
+    Children.forEach(children, _ref4 => {
+      let {
+        props: {
+          selection,
+          onSelect
+        }
+      } = _ref4;
+      onSelect(selection.selectAll());
+    });
+    return false;
+  };
+  shortcuts = {
+    up: this.onUpPress,
+    down: this.onDownPress,
+    esc: this.onEscPress,
+    'command+a': this.onCmdAPress,
+    'ctrl+a': this.onCmdAPress
+  };
   render() {
     return /*#__PURE__*/React.createElement("div", {
       "data-test": "ring-multitable"
@@ -117,8 +116,5 @@ class MultiTable extends PureComponent {
     }));
   }
 }
-_defineProperty(MultiTable, "propTypes", {
-  children: PropTypes.any.isRequired
-});
 
 export { MultiTable as default };

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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
 import Row from './row.js';
@@ -46,23 +46,20 @@ import '../_helpers/table.js';
 
 const getContainer = () => focusSensorHOC(Row);
 class RowWithFocusSensorCallbacks extends PureComponent {
-  constructor() {
-    super(...arguments);
-    // https://stackoverflow.com/a/53882322/6304152
-    _defineProperty(this, "RowWithFocusSensor", getContainer());
-    _defineProperty(this, "onFocus", () => {
-      this.props.onFocus?.(this.props.item);
-    });
-    _defineProperty(this, "onSelect", (item, selected) => {
-      this.props.onSelect?.(item, selected);
-    });
-    _defineProperty(this, "onCollapse", () => {
-      this.props.onCollapse?.(this.props.item);
-    });
-    _defineProperty(this, "onExpand", () => {
-      this.props.onExpand?.(this.props.item);
-    });
-  }
+  // https://stackoverflow.com/a/53882322/6304152
+  RowWithFocusSensor = getContainer();
+  onFocus = () => {
+    this.props.onFocus?.(this.props.item);
+  };
+  onSelect = (item, selected) => {
+    this.props.onSelect?.(item, selected);
+  };
+  onCollapse = () => {
+    this.props.onCollapse?.(this.props.item);
+  };
+  onExpand = () => {
+    this.props.onExpand?.(this.props.item);
+  };
   render() {
     return /*#__PURE__*/React.createElement(this.RowWithFocusSensor, _extends({}, this.props, {
       onFocus: this.onFocus,

package/dist/table/row.d.ts

@@ -25,6 +25,7 @@ export interface RowProps<T extends SelectionItem> extends Omit<HTMLAttributes<H
     checkboxTooltip?: string | undefined;
     autofocus?: boolean | null | undefined;
     'data-test'?: string | null | undefined;
+    metaColumnClassName?: string | null | undefined;
 }
 export default class Row<T extends SelectionItem> extends PureComponent<RowProps<T>> {
     static defaultProps: {

package/dist/table/row.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -62,42 +62,46 @@ DragHandle.propTypes = {
   dragHandleTitle: PropTypes.string
 };
 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;
-    });
-  }
+    }
+  };
+  onCheckboxFocus = () => {
+    this.props.onFocusRestore();
+  };
+  onCheckboxChange = () => {
+    this.toggleSelection();
+  };
   toggleSelection() {
     const {
       selectable,
@@ -109,6 +113,16 @@ class Row extends PureComponent {
       onSelect(item, !selected);
     }
   }
+  onDoubleClick = () => {
+    const {
+      item
+    } = this.props;
+    this.props.onDoubleClick(item);
+  };
+  row;
+  rowRef = el => {
+    this.row = el;
+  };
   render() {
     const {
       item,
@@ -135,6 +149,7 @@ class Row extends PureComponent {
       onFocusRestore,
       onHover,
       className,
+      metaColumnClassName,
       'data-test': dataTest,
       ...restProps
     } = this.props;
@@ -147,7 +162,7 @@ class Row extends PureComponent {
       'data-test-focused': showFocus || undefined,
       'data-test-selected': selected || undefined
     };
-    const metaColumnClasses = modules_1db4bbca.metaColumn;
+    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);
@@ -191,7 +206,7 @@ class Row extends PureComponent {
       const cellClasses = classNames({
         [modules_1db4bbca.cellRight]: column.rightAlign
       }, column.className);
-      const showMetaColumn = draggable || selectable || showDisabledSelection || !!level;
+      const showMetaColumn = draggable || selectable || collapsible || showDisabledSelection || !!level;
       return /*#__PURE__*/React.createElement(Cell, {
         key: column.id,
         className: cellClasses,
@@ -211,25 +226,9 @@ class Row extends PureComponent {
     }), 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: () => {}
-});
 Row.propTypes = {
   className: PropTypes.string,
+  metaColumnClassName: PropTypes.string,
   item: PropTypes.object.isRequired,
   columns: PropTypes.array.isRequired,
   selectable: PropTypes.bool,