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

package/components/table/smart-table.js

@@ -1,59 +1,36 @@
-import { c as _objectWithoutProperties, _ as _defineProperty, d as _objectSpread2, 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 { _ 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 TableContainer from './table.js';
-import Selection from './selection.js';
+import Selection$1 from './selection.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.map.js';
 import 'classnames';
 import 'react-movable';
 import '../global/focus-sensor-hoc.js';
-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 '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.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.object.assign.js';
 import 'core-js/modules/es.regexp.exec.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';
 import '../loader/loader.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../loader/loader__core.js';
-import 'core-js/modules/es.array.fill.js';
-import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.iterator.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 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../control-help/control-help.js';
 import '../_helpers/table.js';
 import './header-cell.js';
@@ -79,72 +56,53 @@ 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';
-import 'core-js/modules/es.array.index-of.js';
 
-var _Table$propTypes;
-var _ref = (_Table$propTypes = TableContainer.propTypes) !== null && _Table$propTypes !== void 0 ? _Table$propTypes : {};
-  _ref.selection;
-  _ref.onSelect;
-  var restPropTypes = _objectWithoutProperties(_ref, ["selection", "onSelect"]);
-var SmartTable = /*#__PURE__*/function (_PureComponent) {
-  function SmartTable() {
-    var _this;
-    _classCallCheck(this, SmartTable);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, SmartTable, [].concat(args));
-    _defineProperty(_this, "state", {
-      selection: new Selection({
-        data: _this.props.data,
-        isItemSelectable: _this.props.isItemSelectable
+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", function (selection) {
-      _this.setState({
+    _defineProperty(this, "onSelect", selection => {
+      this.setState({
         selection
       });
-      _this.props.onSelectionChange(selection);
+      this.props.onSelectionChange(selection);
     });
-    return _this;
   }
-  _inherits(SmartTable, _PureComponent);
-  return _createClass(SmartTable, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var data = nextProps.data,
-        isItemSelectable = nextProps.isItemSelectable,
-        selection = nextProps.selection;
-      if (this.props.remoteSelection && this.props.selection !== selection) {
-        this.setState({
-          selection
-        });
-      } else if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
-        this.setState({
-          selection: new Selection({
-            data,
-            isItemSelectable
-          })
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/jsx(TableContainer, _objectSpread2(_objectSpread2({}, this.props), {}, {
-        selection: this.state.selection,
-        onSelect: this.onSelect
-      }));
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const {
+      data,
+      isItemSelectable,
+      selection
+    } = nextProps;
+    if (this.props.remoteSelection && this.props.selection !== selection) {
+      this.setState({
+        selection
+      });
+    } else if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
+      this.setState({
+        selection: new Selection$1({
+          data,
+          isItemSelectable
+        })
+      });
     }
-  }]);
-}(PureComponent);
-_defineProperty(SmartTable, "propTypes", _objectSpread2({
-  onSelectionChange: PropTypes.func,
-  isItemSelectable: PropTypes.func
-}, restPropTypes));
+  }
+  render() {
+    return /*#__PURE__*/jsx(TableContainer, _objectSpread2(_objectSpread2({}, this.props), {}, {
+      selection: this.state.selection,
+      onSelect: this.onSelect
+    }));
+  }
+}
 _defineProperty(SmartTable, "defaultProps", {
-  onSelectionChange: function onSelectionChange() {}
+  onSelectionChange: () => {}
 });
 
 export { SmartTable as default };

package/components/table/table.d.ts

@@ -8,6 +8,7 @@ import { FocusSensorAddProps, FocusSensorProps } from '../global/focus-sensor-ho
 import { SelectionItem } from './selection';
 import { SelectionShortcutsAddProps, SelectionShortcutsProps } from './selection-shortcuts-hoc';
 import { DisableHoverAddProps, DisableHoverProps } from './disable-hover-hoc';
+import Row from './row-with-focus-sensor';
 import { Column, SortParams } from './header-cell';
 export interface ReorderParams<T> {
     data: T[];
@@ -29,6 +30,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
     alwaysShowDragHandle: boolean;
     dragHandleTitle?: string;
     stickyHeader: boolean;
+    wideFirstColumn: boolean;
     getItemLevel: (item: T) => number;
     getItemClassName: (item: T) => string | null | undefined;
     getMetaColumnClassName: (item: T) => string | null | undefined;
@@ -48,6 +50,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
     caption?: string | null | undefined;
     stickyHeaderOffset?: string | undefined;
     renderEmpty?: (() => ReactNode) | null | undefined;
+    RowComponent: typeof Row;
 }
 /**
  * Interactive table with selection and keyboard navigation support.
@@ -78,6 +81,8 @@ export declare class Table<T extends SelectionItem> extends PureComponent<TableP
         remoteSelection: boolean;
         isDisabledSelectionVisible: () => boolean;
         getCheckboxTooltip: () => undefined;
+        RowComponent: typeof Row;
+        wideFirstColumn: boolean;
     };
     state: {
         shortcutsScope: string;
@@ -97,7 +102,6 @@ export declare class Table<T extends SelectionItem> extends PureComponent<TableP
 }
 export type TableAttrs<T extends SelectionItem> = DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>;
 export default class TableContainer<T extends SelectionItem> extends Component<TableAttrs<T>> {
-    static propTypes: React.WeakValidationMap<SelectionShortcutsProps<SelectionItem, FocusSensorProps<TableProps<SelectionItem>, HTMLTableRowElement, typeof Table>>> | undefined;
     Table: {
         new (props: DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>): {
             state: {
@@ -109,7 +113,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             onKeyDown: (e: KeyboardEvent) => void;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
             refs: {
@@ -117,7 +121,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             };
             shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any | null;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
@@ -136,7 +140,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             onKeyDown: (e: KeyboardEvent) => void;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
             refs: {
@@ -144,7 +148,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             };
             shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any | null;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
@@ -153,7 +157,6 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             componentWillUpdate?(nextProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, nextState: Readonly<{}>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, nextState: Readonly<{}>, nextContext: any): void;
         };
-        propTypes: React.WeakValidationMap<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>> | undefined;
         defaultProps: Partial<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>> | undefined;
         contextType?: React.Context<any> | undefined;
     };