@jetbrains/ring-ui-built 6.0.34 → 6.0.36

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<{
+    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;
 }

package/components/list/list__item.js

@@ -1,9 +1,9 @@
-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.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.index-of.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';
@@ -12,6 +12,7 @@ import Checkbox from '../checkbox/checkbox.js';
 import Icon from '../icon/icon.js';
 import getUID from '../global/get-uid.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
+import { jsxs, 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';
@@ -36,6 +37,7 @@ import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import '../control-help/control-help.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
@@ -47,10 +49,6 @@ import 'core-js/modules/es.weak-map.js';
 var modules_5b0fb3e8 = {"footer-height":"calc(var(--ring-unit)*8)","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_f295","font":"font_rui_f295","font-lower":"font-lower_rui_f295 font_rui_f295","font-smaller":"font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-smaller-lower":"font-smaller-lower_rui_f295 font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger-lower":"font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger":"font-larger_rui_f295 font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","thin-font":"thin-font_rui_f295","monospace-font":"monospace-font_rui_f295","ellipsis":"ellipsis_rui_f295","resetButton":"resetButton_rui_f295"};
 
 var _excluded = ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper"];
-/**
- * @constructor
- * @extends {ReactComponent}
- */
 var RING_UNIT = 8;
 var DEFAULT_PADDING = 16;
 var CHECKBOX_WIDTH = 28;
@@ -137,68 +135,78 @@ var ListItem = /*#__PURE__*/function (_PureComponent) {
         'ring-list-item-action': !disabled,
         'ring-list-item-selected': checkbox
       }, restProps['data-test']);
-      var labelElement = /*#__PURE__*/React.createElement("span", {
+      var labelElement = /*#__PURE__*/jsx("span", {
         className: modules_3b67a421.label,
         title: computedTitle,
-        "data-test": "ring-list-item-label"
-      }, label);
-      return /*#__PURE__*/React.createElement("div", {
+        "data-test": "ring-list-item-label",
+        children: label
+      });
+      return /*#__PURE__*/jsxs("div", {
         className: modules_3b67a421.itemContainer,
-        "data-test": dataTest
-      }, showCheckbox && /*#__PURE__*/React.createElement("div", {
-        className: modules_3b67a421.checkboxContainer
-      }, /*#__PURE__*/React.createElement(Checkbox, {
-        "aria-labelledby": this.id,
-        checked: checkbox,
-        disabled: disabled,
-        onChange: onCheckboxChange,
-        onClick: this.stopBubbling
-      })), /*#__PURE__*/React.createElement("button", {
-        id: this.id,
-        type: "button",
-        tabIndex: tabIndex,
-        onClick: onClick,
-        onMouseOver: onMouseOver,
-        onMouseDown: onMouseDown,
-        onFocus: onMouseOver,
-        onMouseUp: onMouseUp,
-        className: classes,
-        style: style
-      }, /*#__PURE__*/React.createElement("div", {
-        className: modules_3b67a421.top,
-        onMouseOut: this.stopBubbling,
-        onBlur: this.stopBubbling
-      }, !showCheckbox && /*#__PURE__*/React.createElement("div", {
-        className: modules_3b67a421.left
-      }, leftNodes, glyph && /*#__PURE__*/React.createElement(Icon, {
-        className: modules_3b67a421.glyph,
-        glyph: glyph,
-        size: this.props.iconSize,
-        suppressSizeWarning: this.props.suppressSizeWarning
-      }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
-        className: modules_3b67a421.avatar,
-        url: avatar,
-        size: Size.Size20,
-        subavatar: subavatar,
-        username: username
-      })), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/React.createElement("span", {
-        className: modules_3b67a421.description,
-        "data-test": "ring-list-item-description"
-      }, description), /*#__PURE__*/React.createElement("div", {
-        className: modules_3b67a421.right
-      }, rightGlyph && /*#__PURE__*/React.createElement(Icon, {
-        className: modules_3b67a421.rightGlyph,
-        glyph: rightGlyph,
-        suppressSizeWarning: this.props.suppressSizeWarning,
-        size: this.props.iconSize
-      }), icon && /*#__PURE__*/React.createElement("div", {
-        className: modules_3b67a421.icon,
-        style: {
-          backgroundImage: "url(\"".concat(icon, "\")")
-        }
-      }), rightNodes)), details && /*#__PURE__*/React.createElement("div", {
-        className: detailsClasses
-      }, details)));
+        "data-test": dataTest,
+        children: [showCheckbox && /*#__PURE__*/jsx("div", {
+          className: modules_3b67a421.checkboxContainer,
+          children: /*#__PURE__*/jsx(Checkbox, {
+            "aria-labelledby": this.id,
+            checked: checkbox,
+            disabled: disabled,
+            onChange: onCheckboxChange,
+            onClick: this.stopBubbling
+          })
+        }), /*#__PURE__*/jsxs("button", {
+          id: this.id,
+          type: "button",
+          tabIndex: tabIndex,
+          onClick: onClick,
+          onMouseOver: onMouseOver,
+          onMouseDown: onMouseDown,
+          onFocus: onMouseOver,
+          onMouseUp: onMouseUp,
+          className: classes,
+          style: style,
+          disabled: disabled,
+          children: [/*#__PURE__*/jsxs("div", {
+            className: modules_3b67a421.top,
+            onMouseOut: this.stopBubbling,
+            onBlur: this.stopBubbling,
+            children: [!showCheckbox && /*#__PURE__*/jsxs("div", {
+              className: modules_3b67a421.left,
+              children: [leftNodes, glyph && /*#__PURE__*/jsx(Icon, {
+                className: modules_3b67a421.glyph,
+                glyph: glyph,
+                size: this.props.iconSize,
+                suppressSizeWarning: this.props.suppressSizeWarning
+              }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/jsx(Avatar, {
+                className: modules_3b67a421.avatar,
+                url: avatar,
+                size: Size.Size20,
+                subavatar: subavatar,
+                username: username
+              })]
+            }), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/jsx("span", {
+              className: modules_3b67a421.description,
+              "data-test": "ring-list-item-description",
+              children: description
+            }), /*#__PURE__*/jsxs("div", {
+              className: modules_3b67a421.right,
+              children: [rightGlyph && /*#__PURE__*/jsx(Icon, {
+                className: modules_3b67a421.rightGlyph,
+                glyph: rightGlyph,
+                suppressSizeWarning: this.props.suppressSizeWarning,
+                size: this.props.iconSize
+              }), icon && /*#__PURE__*/jsx("div", {
+                className: modules_3b67a421.icon,
+                style: {
+                  backgroundImage: "url(\"".concat(icon, "\")")
+                }
+              }), rightNodes]
+            })]
+          }), details && /*#__PURE__*/jsx("div", {
+            className: detailsClasses,
+            children: details
+          })]
+        })]
+      });
     }
   }]);
 }(PureComponent);

package/components/list/list__link.d.ts

@@ -1,9 +1,9 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { ListDataItemProps } from './consts';
 /**
  * @constructor
  * @extends {ReactComponent}
  */
 export default class ListLink<T> extends PureComponent<ListDataItemProps<T>> {
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }