@jetbrains/ring-ui-built 6.0.35 → 6.0.37

package/components/link/link.js

@@ -1,10 +1,11 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
+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 { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickableLink.js';
 import { m as modules_607b0772 } from '../_helpers/link.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
@@ -49,21 +50,23 @@ function linkHOC(ComposedComponent) {
           });
         }
         if (useButton) {
-          return /*#__PURE__*/React.createElement("button", _extends({
+          return /*#__PURE__*/jsx("button", _objectSpread2(_objectSpread2({
             type: "button"
-          }, props, {
+          }, props), {}, {
             className: classes,
             onClick: onClick || onPlainLeftClick,
-            "data-test": joinDataTestAttributes('ring-link', dataTest)
-          }), children);
+            "data-test": joinDataTestAttributes('ring-link', dataTest),
+            children: children
+          }));
         }
-        return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, props, {
+        return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, props), {}, {
           href: href,
           className: classes,
           onClick: onClick,
           onPlainLeftClick: onPlainLeftClick,
-          "data-test": joinDataTestAttributes('ring-link', dataTest)
-        }), children);
+          "data-test": joinDataTestAttributes('ring-link', dataTest),
+          children: children
+        }));
       }
     }]);
   }(PureComponent), _defineProperty(_Link, "propTypes", {

package/components/list/consts.d.ts

@@ -1,4 +1,5 @@
-import React, { ComponentType, ReactNode, ReactElement, SyntheticEvent } from 'react';
+import { ComponentType, ReactNode, ReactElement, SyntheticEvent } from 'react';
+import * as React from 'react';
 import { LinkProps } from '../link/link';
 import { IconType, Size } from '../icon/icon';
 import { ClickableLinkProps } from '../link/clickableLink';

package/components/list/list.d.ts

@@ -1,7 +1,7 @@
 /**
  * @name List
  */
-import React, { Component, ReactNode, SyntheticEvent } from 'react';
+import { Component, ReactNode, SyntheticEvent } from 'react';
 import PropTypes from 'prop-types';
 import VirtualizedList, { ListRowProps } from 'react-virtualized/dist/es/List';
 import { Size } from 'react-virtualized/dist/es/AutoSizer';
@@ -48,17 +48,17 @@ export interface ListProps<T = unknown> {
     preventListOverscroll?: boolean | undefined;
 }
 export declare const ActiveItemContext: {
-    ValueContext: React.Context<string | undefined>;
-    UpdateContext: React.Context<(value: string | undefined) => void>;
+    ValueContext: import("react").Context<string | undefined>;
+    UpdateContext: import("react").Context<(value: string | undefined) => void>;
     Provider: {
-        ({ children }: import("../global/create-stateful-context").ProviderProps): React.JSX.Element;
+        ({ children }: import("../global/create-stateful-context").ProviderProps): import("react").JSX.Element;
         propTypes: {
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         };
         displayName: string;
     };
-    useUpdate: (value: string | undefined, skipUpdate?: boolean | undefined) => void;
-    Updater: React.MemoExoticComponent<{
+    useUpdate: (value: string | undefined, skipUpdate?: boolean) => void;
+    Updater: import("react").MemoExoticComponent<{
         ({ value, skipUpdate }: import("../global/create-stateful-context").UpdaterProps<string | undefined>): null;
         displayName: string;
     }>;
@@ -189,19 +189,19 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     getVisibleListHeight(maxHeight: number): number;
     private _deprecatedGenerateKeyFromContent;
     getId(item: ListDataItem<T> | null): string | undefined;
-    renderItem: ({ index, style, isScrolling, parent, key }: Partial<ListRowProps>) => React.JSX.Element;
+    renderItem: ({ index, style, isScrolling, parent, key }: Partial<ListRowProps>) => import("react").JSX.Element;
     addItemDataTestToProp: (props: ListDataItemProps<T>) => ListDataItemProps<T>;
     virtualizedListRef: (el: VirtualizedList | null) => void;
     containerRef: (el: HTMLElement | null) => void;
     private _inner?;
     get inner(): HTMLElement | null | undefined;
-    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild }: RenderVirtualizedInnerParams): React.JSX.Element;
-    renderVirtualized(maxHeight: number | null | undefined, rowCount: number): React.JSX.Element;
-    renderSimple(maxHeight: number | null | undefined, rowCount: number): React.JSX.Element;
+    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild }: RenderVirtualizedInnerParams): import("react").JSX.Element;
+    renderVirtualized(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
+    renderSimple(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
     id: string;
     shortcutsScope: string;
     shortcutsMap: ShortcutsMap;
     /** @override */
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type ListAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof List, ListProps<T>>;

package/components/list/list.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, f as _classCallCheck, g as _callSuper, c as _objectWithoutProperties, e as _extends } 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.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.array.concat.js';
@@ -9,7 +9,7 @@ import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.string.includes.js';
-import React, { Component } from 'react';
+import { Component, createElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import VirtualizedList from 'react-virtualized/dist/es/List';
@@ -33,6 +33,7 @@ import ListSeparator from './list__separator.js';
 import ListHint from './list__hint.js';
 import { Type, Dimension, DEFAULT_ITEM_TYPE } from './consts.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.regexp.to-string.js';
@@ -70,6 +71,7 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import '../control-help/control-help.js';
 import '../global/get-event-key.js';
 
 var _excluded = ["selectedLabel", "originalModel"];
@@ -347,7 +349,7 @@ var List = /*#__PURE__*/function (_Component) {
       // top and bottom margins
       if (index === 0 || index === _this.props.data.length + 1 || item.rgItemType === Type.MARGIN) {
         itemKey = key || "".concat(Type.MARGIN, "_").concat(index);
-        el = /*#__PURE__*/React.createElement("div", {
+        el = /*#__PURE__*/jsx("div", {
           style: {
             height: Dimension.MARGIN
           }
@@ -411,33 +413,36 @@ var List = /*#__PURE__*/function (_Component) {
           default:
             throw new Error("Unknown menu element type: ".concat(itemProps.rgItemType));
         }
-        el = /*#__PURE__*/React.createElement(ItemComponent, _extends({}, itemProps, {
+        el = /*#__PURE__*/createElement(ItemComponent, _objectSpread2(_objectSpread2({}, itemProps), {}, {
           key: itemProps.key
         }));
       }
-      return parent ? /*#__PURE__*/React.createElement(CellMeasurer, {
+      return parent ? /*#__PURE__*/jsx(CellMeasurer, {
         cache: _this._cache,
-        key: itemKey,
         parent: parent,
         rowIndex: index,
-        columnIndex: 0
-      }, function (_ref2) {
-        var registerChild = _ref2.registerChild;
-        return /*#__PURE__*/React.createElement("div", {
-          ref: registerChild,
-          style: style,
-          role: "row",
-          id: itemId
-        }, /*#__PURE__*/React.createElement("div", {
-          role: "cell"
-        }, el));
-      }) : /*#__PURE__*/React.createElement("div", {
+        columnIndex: 0,
+        children: function children(_ref2) {
+          var registerChild = _ref2.registerChild;
+          return /*#__PURE__*/jsx("div", {
+            ref: registerChild,
+            style: style,
+            role: "row",
+            id: itemId,
+            children: /*#__PURE__*/jsx("div", {
+              role: "cell",
+              children: el
+            })
+          });
+        }
+      }, itemKey) : /*#__PURE__*/jsx("div", {
         role: "row",
         id: itemId,
-        key: itemKey
-      }, /*#__PURE__*/React.createElement("div", {
-        role: "cell"
-      }, el));
+        children: /*#__PURE__*/jsx("div", {
+          role: "cell",
+          children: el
+        })
+      }, itemKey);
     });
     _defineProperty(_this, "addItemDataTestToProp", function (props) {
       props['data-test'] = joinDataTestAttributes('ring-list-item', props['data-test']);
@@ -595,46 +600,48 @@ var List = /*#__PURE__*/function (_Component) {
       var dirOverride = {
         direction: 'inherit'
       }; // Virtualized sets "direction: ltr" by default https://github.com/bvaughn/react-virtualized/issues/457
-      return /*#__PURE__*/React.createElement(AutoSizer, {
+      return /*#__PURE__*/jsx(AutoSizer, {
         disableHeight: true,
-        onResize: this.props.onResize
-      }, function (_ref4) {
-        var width = _ref4.width;
-        return /*#__PURE__*/React.createElement("div", {
-          ref: registerChild
-        }, /*#__PURE__*/React.createElement(VirtualizedList, {
-          "aria-label": _this3.props.ariaLabel,
-          ref: _this3.virtualizedListRef,
-          className: classNames('ring-list__i', {
-            [modules_3b67a421.overscrollNone]: _this3.props.preventListOverscroll
-          }),
-          autoHeight: autoHeight,
-          style: maxHeight ? _objectSpread2({
-            maxHeight,
-            height: 'auto'
-          }, dirOverride) : dirOverride,
-          autoContainerWidth: true,
-          height: height,
-          width: width,
-          isScrolling: isScrolling,
-          onScroll: function onScroll(e) {
-            onChildScroll(e);
-            _this3.scrollEndHandler();
-          },
-          scrollTop: scrollTop,
-          rowCount: rowCount,
-          estimatedRowSize: _this3.defaultItemHeight(),
-          rowHeight: _this3._cache.rowHeight,
-          rowRenderer: _this3.renderItem,
-          overscanRowCount: _this3._bufferSize
-          // ensure rerendering
-          ,
-          noop: function noop() {},
-          scrollToIndex: !_this3.props.disableScrollToActive && _this3.state.needScrollToActive && _this3.state.activeIndex != null ? _this3.state.activeIndex + 1 : undefined,
-          scrollToAlignment: "center",
-          deferredMeasurementCache: _this3._cache,
-          onRowsRendered: _this3.checkOverflow
-        }));
+        onResize: this.props.onResize,
+        children: function children(_ref4) {
+          var width = _ref4.width;
+          return /*#__PURE__*/jsx("div", {
+            ref: registerChild,
+            children: /*#__PURE__*/jsx(VirtualizedList, {
+              "aria-label": _this3.props.ariaLabel,
+              ref: _this3.virtualizedListRef,
+              className: classNames('ring-list__i', {
+                [modules_3b67a421.overscrollNone]: _this3.props.preventListOverscroll
+              }),
+              autoHeight: autoHeight,
+              style: maxHeight ? _objectSpread2({
+                maxHeight,
+                height: 'auto'
+              }, dirOverride) : dirOverride,
+              autoContainerWidth: true,
+              height: height,
+              width: width,
+              isScrolling: isScrolling,
+              onScroll: function onScroll(e) {
+                onChildScroll(e);
+                _this3.scrollEndHandler();
+              },
+              scrollTop: scrollTop,
+              rowCount: rowCount,
+              estimatedRowSize: _this3.defaultItemHeight(),
+              rowHeight: _this3._cache.rowHeight,
+              rowRenderer: _this3.renderItem,
+              overscanRowCount: _this3._bufferSize
+              // ensure rerendering
+              ,
+              noop: function noop() {},
+              scrollToIndex: !_this3.props.disableScrollToActive && _this3.state.needScrollToActive && _this3.state.activeIndex != null ? _this3.state.activeIndex + 1 : undefined,
+              scrollToAlignment: "center",
+              deferredMeasurementCache: _this3._cache,
+              onRowsRendered: _this3.checkOverflow
+            })
+          });
+        }
       });
     }
   }, {
@@ -648,11 +655,13 @@ var List = /*#__PURE__*/function (_Component) {
           rowCount
         });
       }
-      return /*#__PURE__*/React.createElement(WindowScroller, null, function (props) {
-        return _this4.renderVirtualizedInner(_objectSpread2(_objectSpread2({}, props), {}, {
-          rowCount,
-          autoHeight: true
-        }));
+      return /*#__PURE__*/jsx(WindowScroller, {
+        children: function children(props) {
+          return _this4.renderVirtualizedInner(_objectSpread2(_objectSpread2({}, props), {}, {
+            rowCount,
+            autoHeight: true
+          }));
+        }
       });
     }
   }, {
@@ -665,17 +674,19 @@ var List = /*#__PURE__*/function (_Component) {
           isScrolling: this.state.scrolling
         }));
       }
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsx("div", {
         className: classNames('ring-list__i', modules_3b67a421.simpleInner),
         onScroll: this.scrollHandler,
-        onMouseMove: this.mouseHandler
-      }, /*#__PURE__*/React.createElement("div", {
-        "aria-label": this.props.ariaLabel,
-        role: "grid",
-        style: maxHeight ? {
-          maxHeight: this.getVisibleListHeight(maxHeight)
-        } : undefined
-      }, items));
+        onMouseMove: this.mouseHandler,
+        children: /*#__PURE__*/jsx("div", {
+          "aria-label": this.props.ariaLabel,
+          role: "grid",
+          style: maxHeight ? {
+            maxHeight: this.getVisibleListHeight(maxHeight)
+          } : undefined,
+          children: items
+        })
+      });
     }
   }, {
     key: "render",
@@ -688,26 +699,29 @@ var List = /*#__PURE__*/function (_Component) {
       var rowCount = this.props.data.length + 2;
       var maxHeight = this.props.maxHeight && this.getVisibleListHeight(this.props.maxHeight);
       var classes = classNames(modules_3b67a421.list, this.props.className);
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActiveItemContext.Updater, {
-        value: this.getId(this.state.activeItem),
-        skipUpdate: this.props.hidden || !isActivatable(this.state.activeItem)
-      }), /*#__PURE__*/React.createElement("div", {
-        id: this.props.id,
-        ref: this.containerRef,
-        className: classes,
-        onMouseOut: this.props.onMouseOut,
-        onBlur: this.props.onMouseOut,
-        onMouseLeave: this.clearSelected,
-        "data-test": "ring-list"
-      }, this.props.shortcuts && /*#__PURE__*/React.createElement(Shortcuts, {
-        map: this.props.shortcutsMap ? _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap) : this.shortcutsMap,
-        scope: this.shortcutsScope
-      }), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && /*#__PURE__*/React.createElement("div", {
-        className: modules_3b67a421.fade,
-        style: fadeStyles
-      }), hint && /*#__PURE__*/React.createElement(ListHint, {
-        label: hint
-      })));
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(ActiveItemContext.Updater, {
+          value: this.getId(this.state.activeItem),
+          skipUpdate: this.props.hidden || !isActivatable(this.state.activeItem)
+        }), /*#__PURE__*/jsxs("div", {
+          id: this.props.id,
+          ref: this.containerRef,
+          className: classes,
+          onMouseOut: this.props.onMouseOut,
+          onBlur: this.props.onMouseOut,
+          onMouseLeave: this.clearSelected,
+          "data-test": "ring-list",
+          children: [this.props.shortcuts && /*#__PURE__*/jsx(Shortcuts, {
+            map: this.props.shortcutsMap ? _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap) : this.shortcutsMap,
+            scope: this.shortcutsScope
+          }), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && /*#__PURE__*/jsx("div", {
+            className: modules_3b67a421.fade,
+            style: fadeStyles
+          }), hint && /*#__PURE__*/jsx(ListHint, {
+            label: hint
+          })]
+        })]
+      });
     }
   }], [{
     key: "getDerivedStateFromProps",

package/components/list/list__custom.d.ts

@@ -1,4 +1,5 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
+import * as React from 'react';
 import { ListDataItemProps } from './consts';
 export default class ListCustom<T> extends PureComponent<ListDataItemProps<T>> {
     handleKeyPress: (event: React.KeyboardEvent) => void;

package/components/list/list__custom.js

@@ -1,11 +1,12 @@
-import { a as _inherits, b as _createClass, c as _objectWithoutProperties, f as _classCallCheck, g as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createClass, c as _objectWithoutProperties, 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 classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getEventKey from '../global/get-event-key.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -56,7 +57,7 @@ var ListCustom = /*#__PURE__*/function (_PureComponent) {
       }, restProps['data-test']);
       var content = typeof template === 'function' ? template(this.props) : template;
       var TagName = tagName || 'span';
-      return /*#__PURE__*/React.createElement(TagName, {
+      return /*#__PURE__*/jsx(TagName, {
         role: role || 'button',
         tabIndex: tabIndex,
         onClick: onClick,
@@ -65,8 +66,9 @@ var ListCustom = /*#__PURE__*/function (_PureComponent) {
         onFocus: onMouseOver,
         onMouseUp: onMouseUp,
         className: classes,
-        "data-test": dataTest
-      }, content);
+        "data-test": dataTest,
+        children: content
+      });
     }
   }]);
 }(PureComponent);

package/components/list/list__hint.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, ReactNode } from 'react';
+import { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 export interface ListHintProps {
     label: ReactNode;
@@ -11,5 +11,5 @@ export default class ListHint extends PureComponent<ListHintProps> {
     static propTypes: {
         label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/list/list__hint.js

@@ -1,13 +1,10 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * @constructor
- * @extends {ReactComponent}
- */
 var ListHint = /*#__PURE__*/function (_PureComponent) {
   function ListHint() {
     _classCallCheck(this, ListHint);
@@ -17,10 +14,11 @@ var ListHint = /*#__PURE__*/function (_PureComponent) {
   return _createClass(ListHint, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/jsx("span", {
         className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
-        "data-test": "ring-list-hint"
-      }, this.props.label);
+        "data-test": "ring-list-hint",
+        children: this.props.label
+      });
     }
   }]);
 }(PureComponent);

package/components/list/list__item.d.ts

@@ -1,8 +1,8 @@
-import React, { PureComponent, SyntheticEvent } from 'react';
+import { PureComponent, SyntheticEvent } from 'react';
 import { ListDataItemProps } from './consts';
 export default class ListItem<T> extends PureComponent<ListDataItemProps<T>> {
     id: string;
     stopBubbling: (e: SyntheticEvent) => void;
     private _isString;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }