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

package/components/table/selection.js

@@ -1,33 +1,16 @@
-import { b as _createClass, j as _toConsumableArray, e as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.set.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-var Selection = /*#__PURE__*/function () {
-  function Selection() {
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$data = _ref.data,
-      data = _ref$data === void 0 ? [] : _ref$data,
-      _ref$selected = _ref.selected,
-      selected = _ref$selected === void 0 ? new Set() : _ref$selected,
-      _ref$focused = _ref.focused,
-      focused = _ref$focused === void 0 ? null : _ref$focused,
-      _ref$getKey = _ref.getKey,
-      getKey = _ref$getKey === void 0 ? function (item) {
-        return item.id;
-      } : _ref$getKey,
-      _ref$getChildren = _ref.getChildren,
-      getChildren = _ref$getChildren === void 0 ? function () {
-        return [];
-      } : _ref$getChildren,
-      _ref$isItemSelectable = _ref.isItemSelectable,
-      isItemSelectable = _ref$isItemSelectable === void 0 ? function () {
-        return true;
-      } : _ref$isItemSelectable;
-    _classCallCheck(this, Selection);
+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);
@@ -43,214 +26,164 @@ var Selection = /*#__PURE__*/function () {
     this._getKey = getKey;
     this._isItemSelectable = isItemSelectable;
   }
-  return _createClass(Selection, [{
-    key: "_buildData",
-    value: function _buildData(data) {
-      return new Set(data);
-    }
-  }, {
-    key: "_buildSelected",
-    value: function _buildSelected(data, selected) {
-      return new Set(selected);
-    }
-  }, {
-    key: "cloneWith",
-    value: function cloneWith(_ref2) {
-      var _this = this;
-      var data = _ref2.data,
-        selected = _ref2.selected,
-        focused = _ref2.focused;
-      var newData = data || this._rawData;
-      var newSelected;
-      if (data && !selected) {
-        newSelected = new Set(_toConsumableArray(this._buildData(newData)).filter(function (item) {
-          return _toConsumableArray(_this._selected).some(function (it) {
-            return _this._getKey(item) === _this._getKey(it);
-          });
-        }));
-        newSelected = this._buildSelected(this._buildData(newData), newSelected);
-      } else if (selected) {
-        newSelected = selected;
-      } else {
-        newSelected = this._selected;
-      }
-      newSelected = new Set(_toConsumableArray(newSelected).filter(function (item) {
-        return _this._isItemSelectable(item);
-      }));
-      var cloneFocus = function cloneFocus() {
-        return _toConsumableArray(_this._buildData(data)).filter(function (item) {
-          return _this._focused && _this._getKey(item) === _this._getKey(_this._focused);
-        })[0];
-      };
-      var newFocused = focused === undefined ? this._focused : focused;
-      return new this.constructor({
-        data: newData,
-        selected: newSelected,
-        focused: data && !focused ? cloneFocus() : newFocused,
-        getKey: this._getKey,
-        getChildren: this._getChildren,
-        isItemSelectable: this._isItemSelectable
-      });
-    }
-  }, {
-    key: "focus",
-    value: function focus(value) {
+  _buildData(data) {
+    return new Set(data);
+  }
+  _buildSelected(data, selected) {
+    return new Set(selected);
+  }
+  cloneWith(_ref) {
+    let {
+      data,
+      selected,
+      focused
+    } = _ref;
+    const newData = data || this._rawData;
+    let newSelected;
+    if (data && !selected) {
+      newSelected = new Set([...this._buildData(newData)].filter(item => [...this._selected].some(it => this._getKey(item) === this._getKey(it))));
+      newSelected = this._buildSelected(this._buildData(newData), newSelected);
+    } else if (selected) {
+      newSelected = selected;
+    } else {
+      newSelected = this._selected;
+    }
+    newSelected = new Set([...newSelected].filter(item => this._isItemSelectable(item)));
+    const cloneFocus = () => [...this._buildData(data)].filter(item => this._focused && this._getKey(item) === this._getKey(this._focused))[0];
+    const newFocused = focused === undefined ? this._focused : focused;
+    return new this.constructor({
+      data: newData,
+      selected: newSelected,
+      focused: data && !focused ? cloneFocus() : newFocused,
+      getKey: this._getKey,
+      getChildren: this._getChildren,
+      isItemSelectable: this._isItemSelectable
+    });
+  }
+  focus(value) {
+    return this.cloneWith({
+      focused: value
+    });
+  }
+  moveUp() {
+    const focused = this._focused;
+    const data = [...this._data];
+    if (!focused) {
       return this.cloneWith({
-        focused: value
+        focused: data[data.length - 1]
       });
     }
-  }, {
-    key: "moveUp",
-    value: function moveUp() {
-      var focused = this._focused;
-      var data = _toConsumableArray(this._data);
-      if (!focused) {
-        return this.cloneWith({
-          focused: data[data.length - 1]
-        });
-      }
-      var nextItem = data[data.indexOf(focused) - 1];
-      if (nextItem) {
-        return this.cloneWith({
-          focused: nextItem
-        });
-      }
-      return undefined;
-    }
-  }, {
-    key: "moveDown",
-    value: function moveDown() {
-      var focused = this._focused;
-      var data = _toConsumableArray(this._data);
-      if (!focused) {
-        return this.cloneWith({
-          focused: data[0]
-        });
-      }
-      var nextItem = data[data.indexOf(focused) + 1];
-      if (nextItem) {
-        return this.cloneWith({
-          focused: nextItem
-        });
-      }
-      return undefined;
-    }
-  }, {
-    key: "moveStart",
-    value: function moveStart() {
-      var data = _toConsumableArray(this._data);
-      if (data.length) {
-        return this.cloneWith({
-          focused: data[0]
-        });
-      }
-      return undefined;
-    }
-  }, {
-    key: "moveEnd",
-    value: function moveEnd() {
-      var data = _toConsumableArray(this._data);
-      if (data.length) {
-        return this.cloneWith({
-          focused: data.pop()
-        });
-      }
-      return undefined;
-    }
-  }, {
-    key: "select",
-    value: function select() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-      if (!value || !this._isItemSelectable(value)) {
-        return this;
-      }
-      var selected = new Set(this._selected);
-      selected.add(value);
+    const nextItem = data[data.indexOf(focused) - 1];
+    if (nextItem) {
       return this.cloneWith({
-        selected
+        focused: nextItem
       });
     }
-  }, {
-    key: "deselect",
-    value: function deselect() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-      if (!value || !this._isItemSelectable(value)) {
-        return this;
-      }
-      var selected = new Set(this._selected);
-      selected.delete(value);
+    return undefined;
+  }
+  moveDown() {
+    const focused = this._focused;
+    const data = [...this._data];
+    if (!focused) {
       return this.cloneWith({
-        selected
+        focused: data[0]
       });
     }
-  }, {
-    key: "toggleSelection",
-    value: function toggleSelection() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-      if (this.isSelected(value)) {
-        return this.deselect(value);
-      } else {
-        return this.select(value);
-      }
-    }
-  }, {
-    key: "selectAll",
-    value: function selectAll() {
+    const nextItem = data[data.indexOf(focused) + 1];
+    if (nextItem) {
       return this.cloneWith({
-        selected: _toConsumableArray(this._data)
+        focused: nextItem
       });
     }
-  }, {
-    key: "resetFocus",
-    value: function resetFocus() {
+    return undefined;
+  }
+  moveStart() {
+    const data = [...this._data];
+    if (data.length) {
       return this.cloneWith({
-        focused: null
+        focused: data[0]
       });
     }
-  }, {
-    key: "resetSelection",
-    value: function resetSelection() {
+    return undefined;
+  }
+  moveEnd() {
+    const data = [...this._data];
+    if (data.length) {
       return this.cloneWith({
-        selected: new Set()
+        focused: data.pop()
       });
     }
-  }, {
-    key: "reset",
-    value: function reset() {
-      return this.resetFocus().resetSelection();
-    }
-  }, {
-    key: "isFocused",
-    value: function isFocused(value) {
-      return this._focused === value;
-    }
-  }, {
-    key: "isSelected",
-    value: function isSelected(value) {
-      return value != null && this._selected.has(value);
-    }
-  }, {
-    key: "getFocused",
-    value: function getFocused() {
-      return this._focused;
+    return undefined;
+  }
+  select() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+    if (!value || !this._isItemSelectable(value)) {
+      return this;
+    }
+    const selected = new Set(this._selected);
+    selected.add(value);
+    return this.cloneWith({
+      selected
+    });
+  }
+  deselect() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+    if (!value || !this._isItemSelectable(value)) {
+      return this;
+    }
+    const selected = new Set(this._selected);
+    selected.delete(value);
+    return this.cloneWith({
+      selected
+    });
+  }
+  toggleSelection() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+    if (this.isSelected(value)) {
+      return this.deselect(value);
+    } else {
+      return this.select(value);
     }
-  }, {
-    key: "getSelected",
-    value: function getSelected() {
+  }
+  selectAll() {
+    return this.cloneWith({
+      selected: [...this._data]
+    });
+  }
+  resetFocus() {
+    return this.cloneWith({
+      focused: null
+    });
+  }
+  resetSelection() {
+    return this.cloneWith({
+      selected: new Set()
+    });
+  }
+  reset() {
+    return this.resetFocus().resetSelection();
+  }
+  isFocused(value) {
+    return this._focused === value;
+  }
+  isSelected(value) {
+    return value != null && this._selected.has(value);
+  }
+  getFocused() {
+    return this._focused;
+  }
+  getSelected() {
+    return new Set(this._selected);
+  }
+  getActive() {
+    if (this._selected.size) {
       return new Set(this._selected);
+    } else if (this._focused) {
+      return new Set([this._focused]);
+    } else {
+      return new Set();
     }
-  }, {
-    key: "getActive",
-    value: function getActive() {
-      if (this._selected.size) {
-        return new Set(this._selected);
-      } else if (this._focused) {
-        return new Set([this._focused]);
-      } else {
-        return new Set();
-      }
-    }
-  }]);
-}();
+  }
+};
 
-export { Selection as default };
+export { Selection$1 as default };

package/components/table/simple-table.d.ts

@@ -0,0 +1,17 @@
+import { PureComponent } from 'react';
+import { TableAttrs } from './table';
+import Selection, { SelectionItem } from './selection';
+export interface SimpleTableProps<T extends SelectionItem> extends Omit<TableAttrs<T>, 'selection' | 'onSelect' | 'selectable'> {
+}
+declare class SimpleTable<T extends SelectionItem> extends PureComponent<SimpleTableProps<T>> {
+    static defaultProps: {
+        selectable: boolean;
+        wideFirstColumn: boolean;
+    };
+    state: {
+        selection: Selection<T>;
+    };
+    classes: string;
+    render(): import("react").JSX.Element;
+}
+export default SimpleTable;

package/components/table/simple-table.js

@@ -0,0 +1,83 @@
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { PureComponent } from 'react';
+import classNames from 'classnames';
+import { m as modules_1db4bbca } from '../_helpers/table.js';
+import TableContainer from './table.js';
+import Selection$1 from './selection.js';
+import { jsx } from 'react/jsx-runtime';
+import 'react-movable';
+import '../global/focus-sensor-hoc.js';
+import '../global/composeRefs.js';
+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 '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import '../loader/loader__core.js';
+import '../global/dom.js';
+import './header.js';
+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.string.replace.js';
+import '../global/memoize.js';
+import '../control-help/control-help.js';
+import './header-cell.js';
+import '@jetbrains/icons/unsorted-10px';
+import '@jetbrains/icons/chevron-10px';
+import './selection-shortcuts-hoc.js';
+import './disable-hover-hoc.js';
+import './row-with-focus-sensor.js';
+import './row.js';
+import '@jetbrains/icons/chevron-right';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/drag';
+import '../button/button.js';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../tooltip/tooltip.js';
+import '../popup/popup.js';
+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 '../_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(modules_1db4bbca.disabledHover, this.props.className));
+  }
+  render() {
+    return /*#__PURE__*/jsx(TableContainer, _objectSpread2(_objectSpread2({}, this.props), {}, {
+      className: this.classes
+    }, this.state));
+  }
+}
+_defineProperty(SimpleTable, "defaultProps", {
+  selectable: false,
+  wideFirstColumn: false
+});
+
+export { SimpleTable as default };

package/components/table/smart-table.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import { TableAttrs } from './table';
 import Selection, { SelectionItem } from './selection';
 export interface SmartTableProps<T extends SelectionItem> extends Omit<TableAttrs<T>, 'selection' | 'onSelect'> {
@@ -7,51 +6,6 @@ export interface SmartTableProps<T extends SelectionItem> extends Omit<TableAttr
     selection?: Selection<T>;
 }
 declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTableProps<T>> {
-    static propTypes: {
-        className?: import("react").Validator<string | null | undefined> | undefined;
-        onFocus?: import("react").Validator<(() => void) | null | undefined> | undefined;
-        onBlur?: import("react").Validator<(() => void) | null | undefined> | undefined;
-        caption?: import("react").Validator<string | null | undefined> | undefined;
-        data?: import("react").Validator<readonly SelectionItem[]> | undefined;
-        loading?: import("react").Validator<boolean | null | undefined> | undefined;
-        draggable?: import("react").Validator<boolean | null | undefined> | undefined;
-        columns?: import("react").Validator<readonly import("./header-cell").Column<SelectionItem>[] | ((item: SelectionItem | null) => readonly import("./header-cell").Column<SelectionItem>[])> | undefined;
-        focused?: import("react").Validator<boolean | null | undefined> | undefined;
-        isItemSelectable: PropTypes.Requireable<(...args: any[]) => any> | import("react").Validator<((item: SelectionItem) => boolean) | null | undefined>;
-        innerRef?: import("react").Validator<import("react").Ref<HTMLTableRowElement> | undefined> | undefined;
-        autofocus?: import("react").Validator<boolean | null | undefined> | undefined;
-        scrollOnTableFocus?: import("react").Validator<boolean | null | undefined> | undefined;
-        disabledHover?: import("react").Validator<boolean> | undefined;
-        remoteSelection?: import("react").Validator<boolean | null | undefined> | undefined;
-        onSort?: import("react").Validator<((params: import("./header-cell").SortParams) => void) | null | undefined> | undefined;
-        sortKey?: import("react").Validator<string | null | undefined> | undefined;
-        sortOrder?: import("react").Validator<boolean | null | undefined> | undefined;
-        maxColSpan?: import("react").Validator<number | null | undefined> | undefined;
-        alwaysShowDragHandle?: import("react").Validator<boolean | null | undefined> | undefined;
-        dragHandleTitle?: import("react").Validator<string | null | undefined> | undefined;
-        onReorder?: import("react").Validator<((params: import("./table").ReorderParams<SelectionItem>) => void) | null | undefined> | undefined;
-        getItemKey?: import("react").Validator<((item: SelectionItem) => string | number) | null | undefined> | undefined;
-        stickyHeader?: import("react").Validator<boolean | null | undefined> | undefined;
-        getItemLevel?: import("react").Validator<((item: SelectionItem) => number) | null | undefined> | undefined;
-        getItemClassName?: import("react").Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
-        getMetaColumnClassName?: import("react").Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
-        getItemDataTest?: import("react").Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
-        isItemCollapsible?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
-        isParentCollapsible?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
-        isItemCollapsed?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
-        onItemCollapse?: import("react").Validator<((item: SelectionItem) => void) | null | undefined> | undefined;
-        onItemExpand?: import("react").Validator<((item: SelectionItem) => void) | null | undefined> | undefined;
-        onItemDoubleClick?: import("react").Validator<((item: SelectionItem) => void) | null | undefined> | undefined;
-        onItemClick?: import("react").Validator<((item: SelectionItem, e: import("react").MouseEvent<HTMLTableRowElement>) => void) | null | undefined> | undefined;
-        isDisabledSelectionVisible?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
-        getCheckboxTooltip?: import("react").Validator<((item: SelectionItem) => string | undefined) | null | undefined> | undefined;
-        loaderClassName?: import("react").Validator<string | null | undefined> | undefined;
-        stickyHeaderOffset?: import("react").Validator<string | null | undefined> | undefined;
-        renderEmpty?: import("react").Validator<(() => import("react").ReactNode) | null | undefined> | undefined;
-        selectable?: import("react").Validator<boolean | null | undefined> | undefined;
-        shortcuts?: import("react").Validator<import("../shortcuts/core").ShortcutsMap | null | undefined> | undefined;
-        onSelectionChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static defaultProps: {
         onSelectionChange: () => void;
     };