@jetbrains/ring-ui-built 6.0.35 → 6.0.37

package/components/table/row.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
@@ -15,6 +15,7 @@ import getUID from '../global/get-uid.js';
 import composeRefs from '../global/composeRefs.js';
 import Cell from './cell.js';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
@@ -31,6 +32,7 @@ import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/prop-types.js';
+import '../control-help/control-help.js';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -72,7 +74,7 @@ var DragHandle = function DragHandle(_ref) {
   var classes = classNames(modules_1db4bbca.dragHandle, {
     [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
   });
-  return /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/jsx(Button, {
     "data-movable-handle": true,
     title: dragHandleTitle,
     className: classes,
@@ -182,40 +184,43 @@ var Row = /*#__PURE__*/function (_PureComponent) {
       var metaColumnStyle = {
         paddingLeft: "".concat(gap, "px")
       };
-      var metaColumn = /*#__PURE__*/React.createElement("div", {
+      var metaColumn = /*#__PURE__*/jsxs("div", {
         className: metaColumnClasses,
-        style: metaColumnStyle
-      }, draggable && /*#__PURE__*/React.createElement(DragHandle, {
-        alwaysShowDragHandle: alwaysShowDragHandle,
-        dragHandleTitle: dragHandleTitle
-      }), selectable && /*#__PURE__*/React.createElement(Tooltip, {
-        title: checkboxTooltip
-      }, /*#__PURE__*/React.createElement(Checkbox, {
-        "aria-labelledby": this.id,
-        className: showFocus ? 'ring-checkbox_focus' : '',
-        checked: selected,
-        onFocus: this.onCheckboxFocus,
-        onChange: this.onCheckboxChange,
-        tabIndex: -1
-      })), !selectable && showDisabledSelection && /*#__PURE__*/React.createElement(Tooltip, {
-        title: checkboxTooltip
-      }, /*#__PURE__*/React.createElement(Checkbox, {
-        "aria-labelledby": this.id,
-        checked: selected,
-        disabled: true
-      })), collapsible && collapsed && /*#__PURE__*/React.createElement(Button, {
-        className: modules_1db4bbca.rowCollapseExpandButton,
-        icon: chevronRightIcon,
-        onClick: function onClick() {
-          return onExpand(item);
-        }
-      }), collapsible && !collapsed && /*#__PURE__*/React.createElement(Button, {
-        className: modules_1db4bbca.rowCollapseExpandButton,
-        icon: chevronDownIcon,
-        onClick: function onClick() {
-          return onCollapse(item);
-        }
-      }));
+        style: metaColumnStyle,
+        children: [draggable && /*#__PURE__*/jsx(DragHandle, {
+          alwaysShowDragHandle: alwaysShowDragHandle,
+          dragHandleTitle: dragHandleTitle
+        }), selectable && /*#__PURE__*/jsx(Tooltip, {
+          title: checkboxTooltip,
+          children: /*#__PURE__*/jsx(Checkbox, {
+            "aria-labelledby": this.id,
+            className: showFocus ? 'ring-checkbox_focus' : '',
+            checked: selected,
+            onFocus: this.onCheckboxFocus,
+            onChange: this.onCheckboxChange,
+            tabIndex: -1
+          })
+        }), !selectable && showDisabledSelection && /*#__PURE__*/jsx(Tooltip, {
+          title: checkboxTooltip,
+          children: /*#__PURE__*/jsx(Checkbox, {
+            "aria-labelledby": this.id,
+            checked: selected,
+            disabled: true
+          })
+        }), collapsible && collapsed && /*#__PURE__*/jsx(Button, {
+          className: modules_1db4bbca.rowCollapseExpandButton,
+          icon: chevronRightIcon,
+          onClick: function onClick() {
+            return onExpand(item);
+          }
+        }), collapsible && !collapsed && /*#__PURE__*/jsx(Button, {
+          className: modules_1db4bbca.rowCollapseExpandButton,
+          icon: chevronDownIcon,
+          onClick: function onClick() {
+            return onCollapse(item);
+          }
+        })]
+      });
       var columns = typeof columnProps === 'function' ? columnProps(item) : columnProps;
       var colSpan = 0;
       var cells = columns.map(function (column, index) {
@@ -234,24 +239,25 @@ var Row = /*#__PURE__*/function (_PureComponent) {
         if (colSpan > (maxColSpan || Infinity)) {
           return null;
         }
-        return /*#__PURE__*/React.createElement(Cell, {
+        return /*#__PURE__*/jsxs(Cell, {
           colSpan: column.colSpan,
-          key: column.id,
           className: cellClasses,
-          "data-test": getDataTest(item, column)
-        }, index === 0 && showMetaColumn && metaColumn, value);
+          "data-test": getDataTest(item, column),
+          children: [index === 0 && showMetaColumn && metaColumn, value]
+        }, column.id);
       });
-      return /*#__PURE__*/React.createElement("tr", _extends({
+      return /*#__PURE__*/jsx("tr", _objectSpread2(_objectSpread2(_objectSpread2({
         id: this.id,
         ref: composeRefs(this.rowRef, innerRef),
         className: classes,
         tabIndex: 0,
         "data-test": joinDataTestAttributes('ring-table-row', dataTest)
-      }, testAttrs, restProps, {
+      }, testAttrs), restProps), {}, {
         onMouseMove: this.onMouseEnter,
         onClick: this.onClick,
-        onDoubleClick: this.onDoubleClick
-      }), cells);
+        onDoubleClick: this.onDoubleClick,
+        children: cells
+      }));
     }
   }]);
 }(PureComponent);

package/components/table/selection-adapter.js

@@ -1,4 +1,4 @@
-import { k as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 
 function selectionAdapter(getSelection) {
   return {

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

@@ -1,8 +1,9 @@
-import { d as _objectSpread2, c as _objectWithoutProperties, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { d as _objectSpread2, c as _objectWithoutProperties, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Selection from './selection.js';
+import { jsx } from 'react/jsx-runtime';
 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';
@@ -177,7 +178,7 @@ function selectionShortcutsHOC(ComposedComponent) {
           onSelect = _this$props10.onSelect;
           _this$props10.shortcuts;
           var restProps = _objectWithoutProperties(_this$props10, _excluded2);
-        return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, restProps, {
+        return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, restProps), {}, {
           selection: selection,
           selectable: selectable,
           onSelect: onSelect,

package/components/table/selection.js

@@ -1,4 +1,4 @@
-import { b as _createClass, k as _toConsumableArray, f as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+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';

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

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

package/components/table/smart-table.js

@@ -1,9 +1,10 @@
-import { c as _objectWithoutProperties, _ as _defineProperty, d as _objectSpread2, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+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 React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import TableContainer from './table.js';
 import Selection from './selection.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.map.js';
 import 'classnames';
 import 'react-movable';
@@ -52,6 +53,7 @@ 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';
 import '@jetbrains/icons/unsorted-10px';
@@ -129,7 +131,7 @@ var SmartTable = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(TableContainer, _extends({}, this.props, {
+      return /*#__PURE__*/jsx(TableContainer, _objectSpread2(_objectSpread2({}, this.props), {}, {
         selection: this.state.selection,
         onSelect: this.onSelect
       }));

package/components/table/table.d.ts

@@ -1,7 +1,8 @@
 /**
  * @name Table
  */
-import React, { Component, PureComponent, ReactNode, SyntheticEvent } from 'react';
+import { Component, PureComponent, ReactNode, SyntheticEvent } from 'react';
+import * as React from 'react';
 import { OnChangeMeta } from 'react-movable/lib/types';
 import { FocusSensorAddProps, FocusSensorProps } from '../global/focus-sensor-hoc';
 import { SelectionItem } from './selection';
@@ -108,7 +109,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: {
@@ -116,7 +117,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;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any | null;
             componentDidUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
@@ -135,7 +136,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: {
@@ -143,7 +144,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;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any | null;
             componentDidUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;

package/components/table/table.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper, e as _extends, c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper, c as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
-import React, { PureComponent, Component } from 'react';
+import { PureComponent, Component, createElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { List, arrayMove } from 'react-movable';
@@ -15,6 +15,7 @@ import { m as modules_1db4bbca } from '../_helpers/table.js';
 import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
 import disableHoverHOC from './disable-hover-hoc.js';
 import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -56,6 +57,7 @@ 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 './header-cell.js';
 import '@jetbrains/icons/unsorted-10px';
 import '@jetbrains/icons/chevron-10px';
@@ -79,9 +81,6 @@ import '../popup/popup.target.js';
 import './cell.js';
 
 var _excluded = ["ref"];
-/**
- * Interactive table with selection and keyboard navigation support.
- */
 var Table = /*#__PURE__*/function (_PureComponent) {
   function Table() {
     var _this;
@@ -252,17 +251,22 @@ var Table = /*#__PURE__*/function (_PureComponent) {
       var renderList = function renderList(_ref3) {
         var children = _ref3.children,
           props = _ref3.props;
-        var empty = /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-          colSpan: _this2.props.columns.length || 1,
-          className: modules_1db4bbca.tableMessage
-        }, renderEmpty ? renderEmpty() : null));
+        var empty = /*#__PURE__*/jsx("tr", {
+          children: /*#__PURE__*/jsx("td", {
+            colSpan: _this2.props.columns.length || 1,
+            className: modules_1db4bbca.tableMessage,
+            children: renderEmpty ? renderEmpty() : null
+          })
+        });
         var tbody = Array.isArray(children) && children.length > 0 ? children : empty;
-        return /*#__PURE__*/React.createElement("table", {
+        return /*#__PURE__*/jsxs("table", {
           className: classes,
-          "data-test": "ring-table"
-        }, /*#__PURE__*/React.createElement(Header, headerProps), /*#__PURE__*/React.createElement("tbody", _extends({}, props, {
-          "data-test": "ring-table-body"
-        }), tbody));
+          "data-test": "ring-table",
+          children: [/*#__PURE__*/jsx(Header, _objectSpread2({}, headerProps)), /*#__PURE__*/jsx("tbody", _objectSpread2(_objectSpread2({}, props), {}, {
+            "data-test": "ring-table-body",
+            children: tbody
+          }))]
+        });
       };
       var renderItem = function renderItem(_ref4) {
         var _restProps$key;
@@ -275,7 +279,7 @@ var Table = /*#__PURE__*/function (_PureComponent) {
         }
         var ref = props.ref,
           restProps = _objectWithoutProperties(props, _excluded);
-        var row = /*#__PURE__*/React.createElement(RowWithFocusSensorCallbacks, _extends({
+        var row = /*#__PURE__*/createElement(RowWithFocusSensorCallbacks, _objectSpread2(_objectSpread2({
           innerRef: ref,
           level: getItemLevel(value),
           item: value,
@@ -305,41 +309,47 @@ var Table = /*#__PURE__*/function (_PureComponent) {
           columns: columns,
           "data-test": getItemDataTest(value),
           maxColSpan: maxColSpan
-        }, restProps, {
+        }, restProps), {}, {
           key: (_restProps$key = restProps.key) !== null && _restProps$key !== void 0 ? _restProps$key : getItemKey(value)
         }));
-        return isDragged ? /*#__PURE__*/React.createElement("table", {
+        return isDragged ? /*#__PURE__*/jsx("table", {
           style: _objectSpread2({}, props.style),
-          className: modules_1db4bbca.draggingTable
-        }, /*#__PURE__*/React.createElement("tbody", null, row)) : row;
+          className: modules_1db4bbca.draggingTable,
+          children: /*#__PURE__*/jsx("tbody", {
+            children: row
+          })
+        }) : row;
       };
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsxs("div", {
         className: wrapperClasses,
         "data-test": "ring-table-wrapper",
-        ref: this.props.innerRef
-      }, focused && /*#__PURE__*/React.createElement(Shortcuts, {
-        map: this.props.shortcutsMap,
-        scope: this.state.shortcutsScope
-      }), /*#__PURE__*/React.createElement("div", {
-        role: "presentation",
-        onMouseDown: this.onMouseDown
-      }, draggable ? /*#__PURE__*/React.createElement(List, {
-        values: data,
-        renderList: renderList,
-        renderItem: renderItem,
-        onChange: this.onSortEnd
-      }) : renderList({
-        children: data.map(function (value, index) {
-          return renderItem({
-            value,
-            index
-          });
-        })
-      })), loading && /*#__PURE__*/React.createElement("div", {
-        className: modules_1db4bbca.loadingOverlay
-      }, /*#__PURE__*/React.createElement(Loader, {
-        className: loaderClassName
-      })));
+        ref: this.props.innerRef,
+        children: [focused && /*#__PURE__*/jsx(Shortcuts, {
+          map: this.props.shortcutsMap,
+          scope: this.state.shortcutsScope
+        }), /*#__PURE__*/jsx("div", {
+          role: "presentation",
+          onMouseDown: this.onMouseDown,
+          children: draggable ? /*#__PURE__*/jsx(List, {
+            values: data,
+            renderList: renderList,
+            renderItem: renderItem,
+            onChange: this.onSortEnd
+          }) : renderList({
+            children: data.map(function (value, index) {
+              return renderItem({
+                value,
+                index
+              });
+            })
+          })
+        }), loading && /*#__PURE__*/jsx("div", {
+          className: modules_1db4bbca.loadingOverlay,
+          children: /*#__PURE__*/jsx(Loader, {
+            className: loaderClassName
+          })
+        })]
+      });
     }
   }]);
 }(PureComponent);
@@ -454,7 +464,7 @@ var TableContainer = /*#__PURE__*/function (_Component) {
   return _createClass(TableContainer, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(this.Table, this.props);
+      return /*#__PURE__*/jsx(this.Table, _objectSpread2({}, this.props));
     }
   }]);
 }(Component);

package/components/tabs/collapsible-more.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { LinkProps } from '../link/link';
 import { TabProps } from './tab';
@@ -8,7 +8,7 @@ export interface FakeMoreButtonProps {
     moreActiveClassName?: string | null | undefined;
 }
 export declare const AnchorLink: {
-    ({ hasActiveChildren, moreClassName, moreActiveClassName, ...restProps }: Omit<LinkProps, 'children'> & FakeMoreButtonProps): React.JSX.Element;
+    ({ hasActiveChildren, moreClassName, moreActiveClassName, ...restProps }: Omit<LinkProps, "children"> & FakeMoreButtonProps): import("react").JSX.Element;
     propTypes: {
         hasActiveChildren: PropTypes.Requireable<boolean>;
         moreClassName: PropTypes.Requireable<string>;
@@ -25,5 +25,5 @@ export interface MoreButtonProps {
     morePopupItemClassName?: string | undefined;
     morePopupBeforeEnd: ReactNode;
 }
-export declare const MoreButton: React.MemoExoticComponent<({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd }: MoreButtonProps) => React.JSX.Element | null>;
-export declare const FakeMoreButton: React.MemoExoticComponent<({ moreClassName, moreActiveClassName, hasActiveChildren }: FakeMoreButtonProps) => React.JSX.Element>;
+export declare const MoreButton: import("react").MemoExoticComponent<({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd }: MoreButtonProps) => import("react").JSX.Element | null>;
+export declare const FakeMoreButton: import("react").MemoExoticComponent<({ moreClassName, moreActiveClassName, hasActiveChildren }: FakeMoreButtonProps) => import("react").JSX.Element>;