@jetbrains/ring-ui-built 7.0.11 → 7.0.12

package/components/tabs/collapsible-more.js

@@ -1,4 +1,5 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
 import classNames from 'classnames';
 import { Directions } from '../popup/popup.consts.js';
@@ -8,7 +9,6 @@ import { A as Anchor } from '../_helpers/anchor.js';
 import { s as styles } from '../_helpers/tab-link.js';
 import getTabTitles from './collapsible-tab.js';
 import { CustomItem } from './custom-item.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../popup/popup.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -76,7 +76,7 @@ const AnchorLink = _ref => {
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
   const classnames = classNames(styles.title, hasActiveChildren && styles.selected, hasActiveChildren && moreActiveClassName, moreClassName);
-  return /*#__PURE__*/jsx(Anchor, _objectSpread2(_objectSpread2({
+  return jsx(Anchor, _objectSpread2(_objectSpread2({
     title: 'More',
     className: classnames
   }, restProps), {}, {
@@ -130,12 +130,12 @@ const MoreButton = /*#__PURE__*/memo(_ref2 => {
     }
     return popupItems;
   }, [items, morePopupBeforeEnd, morePopupItemClassName, selected]);
-  const popupAnchor = useMemo(() => /*#__PURE__*/jsx(AnchorLink, {
+  const popupAnchor = useMemo(() => jsx(AnchorLink, {
     moreClassName: moreClassName,
     moreActiveClassName: moreActiveClassName,
     hasActiveChildren: hasActiveChild
   }), [hasActiveChild, moreActiveClassName, moreClassName]);
-  const popup = useMemo(() => /*#__PURE__*/jsx(PopupMenu, {
+  const popup = useMemo(() => jsx(PopupMenu, {
     directions: morePopupDirections,
     className: morePopupClassName,
     onSelect: onSelectHandler,
@@ -144,9 +144,9 @@ const MoreButton = /*#__PURE__*/memo(_ref2 => {
   if (items.length === 0) {
     return null;
   }
-  return /*#__PURE__*/jsx("div", {
+  return jsx("div", {
     className: classNames(styles.title, moreClassName, hasActiveChild && moreActiveClassName),
-    children: /*#__PURE__*/jsx(Dropdown, {
+    children: jsx(Dropdown, {
       hoverMode: true,
       anchor: popupAnchor,
       children: popup
@@ -160,9 +160,9 @@ const FakeMoreButton = /*#__PURE__*/memo(_ref3 => {
     moreActiveClassName,
     hasActiveChildren
   } = _ref3;
-  return /*#__PURE__*/jsx("div", {
+  return jsx("div", {
     className: classNames(styles.moreButton, styles.title),
-    children: /*#__PURE__*/jsx(AnchorLink, {
+    children: jsx(AnchorLink, {
       moreClassName: moreClassName,
       moreActiveClassName: moreActiveClassName,
       hasActiveChildren: hasActiveChildren,

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

@@ -13,5 +13,5 @@ export interface TabTitlesParams extends Omit<Partial<TabTitleProps>, 'selected'
     selected?: string | undefined;
     onSelect?: ((key: string) => ((e: React.MouseEvent<HTMLAnchorElement>) => void) | undefined) | undefined;
 }
-declare const getTabTitles: ({ items, selected, collapsed, onSelect, ...props }: TabTitlesParams) => React.JSX.Element[];
+declare const getTabTitles: ({ items, selected, collapsed, onSelect, ...props }: TabTitlesParams) => import("react/jsx-runtime").JSX.Element[];
 export default getTabTitles;

package/components/tabs/collapsible-tab.js

@@ -1,9 +1,9 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
 import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import { CustomItem } from './custom-item.js';
-import { jsx } from 'react/jsx-runtime';
 import '../link/link.js';
 import '../global/data-tests.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -39,7 +39,7 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
     [collapsedClassName !== null && collapsedClassName !== void 0 ? collapsedClassName : '']: collapsed,
     [collapsedActiveClassName !== null && collapsedActiveClassName !== void 0 ? collapsedActiveClassName : '']: collapsed && selected
   });
-  return /*#__PURE__*/jsx(TabLink, _objectSpread2({
+  return jsx(TabLink, _objectSpread2({
     title: title,
     isSelected: selected,
     active: true,
@@ -62,7 +62,7 @@ const getTabTitles = _ref2 => {
   return items.map((tab, index) => {
     const key = tab.props.id || String(index);
     const isSelected = selected === key;
-    return /*#__PURE__*/jsx(TabTitle, _objectSpread2({
+    return jsx(TabTitle, _objectSpread2({
       handleSelect: onSelect(key),
       selected: isSelected,
       child: tab,

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

@@ -11,6 +11,6 @@ export interface CollapsibleTabsProps {
     initialVisibleItems?: number | null | undefined;
     morePopupBeforeEnd?: ReactNode;
 }
-export declare const CollapsibleTabs: ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react").JSX.Element>;
+export declare const CollapsibleTabs: ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/components/tabs/collapsible-tabs.js

@@ -1,13 +1,13 @@
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import fastdom from 'fastdom';
 import { s as styles } from '../_helpers/tab-link.js';
 import { MoreButton, FakeMoreButton } from './collapsible-more.js';
 import getTabTitles from './collapsible-tab.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../link/link.js';
 import '../global/data-tests.js';
@@ -257,11 +257,11 @@ const CollapsibleTabs = _ref => {
   }, [adjustTabs]);
   const isAdjusted = elements.lastVisibleIndex !== null && preparedElements.ready === true || initialVisibleItems;
   const className = classNames(styles.titles, styles.autoCollapse, isAdjusted && styles.adjusted);
-  return /*#__PURE__*/jsxs("div", {
+  return jsxs("div", {
     className: styles.autoCollapseContainer,
-    children: [/*#__PURE__*/jsxs("div", {
+    children: [jsxs("div", {
       className: classNames(className, styles.rendered),
-      children: [visibleElements, /*#__PURE__*/jsx(MoreButton, {
+      children: [visibleElements, jsx(MoreButton, {
         moreClassName: moreClassName,
         moreActiveClassName: moreActiveClassName,
         morePopupClassName: morePopupClassName,
@@ -271,10 +271,10 @@ const CollapsibleTabs = _ref => {
         selected: selected,
         onSelect: onSelect
       })]
-    }), /*#__PURE__*/jsxs("div", {
+    }), jsxs("div", {
       ref: measureRef,
       className: classNames(className, styles.measure),
-      children: [childrenToMeasure, /*#__PURE__*/jsx(FakeMoreButton, {
+      children: [childrenToMeasure, jsx(FakeMoreButton, {
         hasActiveChildren: preparedElements.hidden.some(item => item.props.alwaysHidden && item.props.id === selected),
         moreClassName: moreClassName,
         moreActiveClassName: moreActiveClassName

package/components/tabs/dumb-tabs.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent, ReactElement } from 'react';
-import * as React from 'react';
 import { CollapsibleTabsProps } from './collapsible-tabs';
 import { CustomItem } from './custom-item';
 import { TabProps } from './tab';
@@ -15,8 +14,8 @@ export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'chil
 }
 declare class Tabs extends PureComponent<TabsProps> {
     handleSelect: (arg: string) => () => void | undefined;
-    getTabTitle: (child: ReactElement<TabProps>, i: number) => React.JSX.Element;
-    render(): React.JSX.Element;
+    getTabTitle: (child: ReactElement<TabProps>, i: number) => import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type TabsAttrs = JSX.LibraryManagedAttributes<typeof Tabs, TabsProps>;
 export default Tabs;

package/components/tabs/dumb-tabs.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -8,7 +9,6 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import '../link/link.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
@@ -101,7 +101,7 @@ class Tabs extends PureComponent {
       const titleClasses = classNames(styles.title, className, isSelected && activeClassName, {
         [styles.selected]: isSelected
       });
-      return /*#__PURE__*/jsx(TabLink, _objectSpread2({
+      return jsx(TabLink, _objectSpread2({
         title: title,
         isSelected: isSelected,
         href: href,
@@ -125,17 +125,17 @@ class Tabs extends PureComponent {
       restProps = _objectWithoutProperties(_this$props2, _excluded);
     const classes = classNames(styles.tabs, className);
     const childrenArray = React.Children.toArray(children).filter(Boolean);
-    return /*#__PURE__*/jsxs("div", {
+    return jsxs("div", {
       className: classes,
       "data-test": joinDataTestAttributes('ring-dumb-tabs', dataTest),
-      children: [autoCollapse === true ? /*#__PURE__*/jsx(CollapsibleTabs, _objectSpread2(_objectSpread2({}, restProps), {}, {
+      children: [autoCollapse === true ? jsx(CollapsibleTabs, _objectSpread2(_objectSpread2({}, restProps), {}, {
         onSelect: onSelect != null ? this.handleSelect : undefined,
         selected: selected,
         children: childrenArray
-      })) : /*#__PURE__*/jsx("div", {
+      })) : jsx("div", {
         className: styles.titles,
         children: childrenArray.map(this.getTabTitle)
-      }), /*#__PURE__*/jsx("div", {
+      }), jsx("div", {
         className: classNames(tabContainerClassName),
         children: childrenArray.find((_ref, i) => {
           let {

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

@@ -10,5 +10,5 @@ export default class SmartTabs extends PureComponent<SmartTabsProps> {
         selected: string;
     };
     handleSelect: (selected: string) => void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/tabs/smart-tabs.js

@@ -1,8 +1,8 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Tabs from './dumb-tabs.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import '../global/memoize.js';
@@ -91,7 +91,7 @@ class SmartTabs extends PureComponent {
         'data-test': dataTest
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    return /*#__PURE__*/jsx(Tabs, _objectSpread2(_objectSpread2({
+    return jsx(Tabs, _objectSpread2(_objectSpread2({
       "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
       selected: this.state.selected,
       onSelect: this.handleSelect

package/components/tabs/tab-link.d.ts

@@ -5,6 +5,6 @@ export interface TabLinkProps extends Omit<LinkProps, 'title' | 'children'> {
     collapsed?: boolean;
     title: ReactNode | ((isSelected: boolean, collapsed: boolean | undefined) => ReactNode);
 }
-declare function TabLink({ isSelected, title, collapsed, ...restProps }: TabLinkProps): import("react").JSX.Element;
+declare function TabLink({ isSelected, title, collapsed, ...restProps }: TabLinkProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TabLink>;
 export default _default;

package/components/tabs/tab-link.js

@@ -1,8 +1,8 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react/jsx-runtime';
 import 'react';
 import '../link/link.js';
 export { T as default } from '../_helpers/tab-link.js';
-import 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
 import 'core-js/modules/web.dom-collections.iterator.js';

package/components/tabs/tab.d.ts

@@ -15,5 +15,5 @@ export interface TabProps {
     collapsedActiveClassName?: string | null | undefined;
 }
 export default class Tab extends PureComponent<TabProps> {
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/tabs/tab.js

@@ -1,7 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 class Tab extends PureComponent {
@@ -11,7 +11,7 @@ class Tab extends PureComponent {
       children,
       'data-test': dataTest
     } = this.props;
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", {
       "data-test": joinDataTestAttributes('ring-tab', dataTest),
       className: classNames(className),
       children: children

package/components/tabs/tabs.js

@@ -4,6 +4,7 @@ export { default as SmartTabs } from './smart-tabs.js';
 export { default as Tab } from './tab.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../global/memoize.js';
@@ -11,7 +12,6 @@ import '../global/data-tests.js';
 import '../_helpers/tab-link.js';
 import '../link/link.js';
 import '../link/clickableLink.js';
-import 'react/jsx-runtime';
 import '../_helpers/link.js';
 import './collapsible-tabs.js';
 import 'core-js/modules/es.regexp.exec.js';

package/components/tag/tag.d.ts

@@ -36,11 +36,11 @@ export default class Tag extends PureComponent<TagProps> {
     tagNode?: HTMLElement | null;
     tagRef: (el: HTMLElement | null) => void;
     setDocumentClickListener(setListener: boolean): void;
-    renderCustomIcon(): React.JSX.Element | null;
+    renderCustomIcon(): import("react/jsx-runtime").JSX.Element | null;
     private _renderImageElement;
-    renderImage(): React.JSX.Element | null;
-    renderAvatar(): React.JSX.Element | null;
-    renderRemoveIcon(): React.JSX.Element | null;
-    render(): React.JSX.Element;
+    renderImage(): import("react/jsx-runtime").JSX.Element | null;
+    renderAvatar(): import("react/jsx-runtime").JSX.Element | null;
+    renderRemoveIcon(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type TagAttrs = JSX.LibraryManagedAttributes<typeof Tag, TagProps>;

package/components/tag/tag.js

@@ -1,12 +1,12 @@
 import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close-12px';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import { ControlsHeight } from '../global/controls-height.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
@@ -20,6 +20,9 @@ import '../_helpers/button__classes.js';
 
 var styles = {"tag":"tag_rui_2f49 resetButton_rui_8bff","withRemove":"withRemove_rui_2f49","container":"container_rui_2f49","focused":"focused_rui_2f49","content":"content_rui_2f49 ellipsis_rui_8bff","disabled":"disabled_rui_2f49","remove":"remove_rui_2f49","removeIcon":"removeIcon_rui_2f49","icon":"icon_rui_2f49","avatarContainer":"avatarContainer_rui_2f49","customIcon":"customIcon_rui_2f49","avatarIcon":"avatarIcon_rui_2f49"};
 
+/**
+ * @name Tag
+ */
 class Tag extends PureComponent {
   constructor() {
     super(...arguments);
@@ -65,7 +68,7 @@ class Tag extends PureComponent {
   }
   renderCustomIcon() {
     if (this.props.rgTagIcon) {
-      return /*#__PURE__*/jsx(Icon, {
+      return jsx(Icon, {
         className: styles.icon,
         title: this.props.rgTagTitle,
         glyph: this.props.rgTagIcon
@@ -78,7 +81,7 @@ class Tag extends PureComponent {
       [styles.customIcon]: this.props.icon,
       [styles.avatarIcon]: avatarSrc
     });
-    return /*#__PURE__*/jsx("img", {
+    return jsx("img", {
       alt: avatarSrc ? 'Avatar' : 'Icon',
       className: classes,
       src: avatarSrc || this.props.icon
@@ -92,7 +95,7 @@ class Tag extends PureComponent {
   }
   renderAvatar() {
     if (this.props.avatar) {
-      return /*#__PURE__*/jsx("span", {
+      return jsx("span", {
         className: styles.avatarContainer,
         children: this._renderImageElement(this.props.avatar)
       });
@@ -101,7 +104,7 @@ class Tag extends PureComponent {
   }
   renderRemoveIcon() {
     if (!this.props.readOnly && this.props.onRemove) {
-      return /*#__PURE__*/jsx(Button, {
+      return jsx(Button, {
         title: "Remove",
         icon: closeIcon,
         "data-test": "ring-tag-remove",
@@ -127,7 +130,7 @@ class Tag extends PureComponent {
       textColor,
       render
     } = this.props;
-    return /*#__PURE__*/jsxs("span", {
+    return jsxs("span", {
       className: styles.container,
       children: [render({
         'data-test': 'ring-tag',
@@ -139,8 +142,8 @@ class Tag extends PureComponent {
           color: textColor
         },
         disabled: this.props.disabled,
-        children: /*#__PURE__*/jsxs(Fragment, {
-          children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/jsx("span", {
+        children: jsxs(Fragment, {
+          children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), jsx("span", {
             className: styles.content,
             children: this.props.children
           })]
@@ -154,7 +157,7 @@ _defineProperty(Tag, "defaultProps", {
   readOnly: false,
   disabled: false,
   focused: false,
-  render: props => /*#__PURE__*/jsx("button", _objectSpread2({
+  render: props => jsx("button", _objectSpread2({
     type: "button"
   }, props))
 });

package/components/tags-input/tags-input.d.ts

@@ -106,7 +106,7 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     handleTagCreation: (label: string) => void;
     select?: Select | null;
     selectRef: (el: Select | null) => void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export declare const RerenderableTagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<TagsInput>>;
 export type TagsInputAttrs = JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;

package/components/tags-input/tags-input.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import getEventKey from '../global/get-event-key.js';
@@ -12,7 +13,6 @@ import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import getUID from '../global/get-uid.js';
 import { ControlLabel } from '../control-label/control-label.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.string.trim.js';
@@ -341,19 +341,19 @@ class TagsInput extends PureComponent {
       [styles.tagsInputDisabled]: disabled,
       [styles.tagsInputFocused]: focused
     }, this.props.className);
-    return /*#__PURE__*/jsxs("div", {
+    return jsxs("div", {
       // it transfers focus to input
       role: "presentation",
       className: classes,
       onKeyDown: this.handleKeyDown,
       onClick: this.clickHandler,
       ref: this.nodeRef,
-      children: [label && /*#__PURE__*/jsx(ControlLabel, {
+      children: [label && jsx(ControlLabel, {
         htmlFor: this.id,
         disabled: disabled,
         type: labelType,
         children: label
-      }), /*#__PURE__*/jsx(TagsList, {
+      }), jsx(TagsList, {
         tags: tags,
         activeIndex: activeIndex,
         disabled: disabled,
@@ -363,7 +363,7 @@ class TagsInput extends PureComponent {
         tagClassName: styles.tag,
         handleClick: this.handleClick,
         customTagComponent: this.props.customTagComponent,
-        children: /*#__PURE__*/jsx(Select, {
+        children: jsx(Select, {
           id: this.id,
           ref: this.selectRef,
           size: Select.Size.AUTO,

package/components/tags-list/tags-list.d.ts

@@ -27,8 +27,8 @@ export default class TagsList<T extends TagType> extends Component<TagsListProps
         handleClick: () => typeof noop;
         handleRemove: () => typeof noop;
     };
-    renderTag(tag: T, focusTag: boolean): React.JSX.Element;
-    render(): React.JSX.Element;
+    renderTag(tag: T, focusTag: boolean): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type TagsListAttrs<T extends TagType = TagType> = JSX.LibraryManagedAttributes<typeof TagsList, TagsListProps<T>>;
 export {};

package/components/tags-list/tags-list.js

@@ -1,8 +1,8 @@
 import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsxs } from 'react/jsx-runtime';
 import { Component, createElement } from 'react';
 import classNames from 'classnames';
 import Tag from '../tag/tag.js';
-import { jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/close-12px';
 import '../icon/icon.js';
@@ -57,7 +57,7 @@ class TagsList extends Component {
       props = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames('ring-js-shortcuts', className);
     const tagsList = (this.props.tags || []).map((tag, index) => this.renderTag(tag, this.props.activeIndex === index));
-    return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
+    return jsxs("div", _objectSpread2(_objectSpread2({
       "data-test": "ring-tags-list",
       className: classes
     }, props), {}, {

package/components/text/text.d.ts

@@ -12,6 +12,6 @@ declare const TextSize: Record<string, TextSize>;
  */
 export default class Text extends Component<TextProps> {
     static Size: Record<string, TextSize>;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/text/text.js

@@ -1,7 +1,7 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
 
 var styles = {"text":"text_rui_6f30","sizeS":"sizeS_rui_6f30","sizeM":"sizeM_rui_6f30","sizeL":"sizeL_rui_6f30","info":"info_rui_6f30","bold":"bold_rui_6f30"};
 
@@ -32,7 +32,7 @@ class Text extends Component {
       [styles.sizeM]: size === Text.Size.M,
       [styles.sizeL]: size === Text.Size.L
     });
-    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+    return jsx("span", _objectSpread2(_objectSpread2({
       className: classes
     }, restProps), {}, {
       children: children

package/components/toggle/toggle.d.ts

@@ -17,7 +17,7 @@ declare class Toggle extends PureComponent<ToggleProps> {
     static defaultProps: {
         size: string;
     };
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type ToggleAttrs = JSX.LibraryManagedAttributes<typeof Toggle, ToggleProps>;
 export default Toggle;

package/components/toggle/toggle.js

@@ -1,9 +1,9 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ControlHelp from '../control-help/control-help.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 var styles = {"toggle":"toggle_rui_773f","switch":"switch_rui_773f","disabled":"disabled_rui_773f","label":"label_rui_773f","help":"help_rui_773f","leftLabel":"leftLabel_rui_773f","switchWrapper":"switchWrapper_rui_773f","input":"input_rui_773f","size16":"size16_rui_773f","size14":"size14_rui_773f","size20":"size20_rui_773f"};
@@ -30,31 +30,31 @@ class Toggle extends PureComponent {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(className, size, styles.toggle, disabled && styles.disabled);
-    return /*#__PURE__*/jsxs("label", {
+    return jsxs("label", {
       className: classes,
       title: title,
       "data-test": joinDataTestAttributes('ring-toggle', dataTest),
-      children: [leftLabel && /*#__PURE__*/jsxs("span", {
+      children: [leftLabel && jsxs("span", {
         className: styles.leftLabel,
-        children: [leftLabel, help && /*#__PURE__*/jsx(ControlHelp, {
+        children: [leftLabel, help && jsx(ControlHelp, {
           className: styles.help,
           children: help
         })]
-      }), /*#__PURE__*/jsxs("span", {
+      }), jsxs("span", {
         className: styles.switchWrapper,
-        children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
+        children: [jsx("input", _objectSpread2(_objectSpread2({
           "data-test": "ring-toggle-input"
         }, restProps), {}, {
           type: "checkbox",
           disabled: disabled,
           className: styles.input
-        })), /*#__PURE__*/jsx("span", {
+        })), jsx("span", {
           className: styles.switch,
           onTransitionEnd: onTransitionEnd
         })]
-      }), children && /*#__PURE__*/jsxs("div", {
+      }), children && jsxs("div", {
         className: styles.label,
-        children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
+        children: [children, help && jsx(ControlHelp, {
           className: styles.help,
           children: help
         })]

package/components/tooltip/tooltip.d.ts

@@ -54,7 +54,7 @@ export default class Tooltip extends Component<TooltipProps> {
     popupRef: (el: Popup | null) => void;
     onNestedTooltipShow: () => void;
     onNestedTooltipHide: () => void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export type TooltipAttrs = JSX.LibraryManagedAttributes<typeof Tooltip, TooltipProps>;
 export {};

package/components/tooltip/tooltip.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component, createContext } from 'react';
 import classNames from 'classnames';
 import Popup from '../popup/popup.js';
@@ -7,7 +8,6 @@ import { Listeners } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import scheduleRAF from '../global/schedule-raf.js';
 import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
@@ -159,20 +159,20 @@ class Tooltip extends Component {
       onNestedTooltipShow,
       onNestedTooltipHide
     } = this;
-    return /*#__PURE__*/jsx(TooltipContext.Provider, {
+    return jsx(TooltipContext.Provider, {
       value: {
         onNestedTooltipShow,
         onNestedTooltipHide
       },
-      children: /*#__PURE__*/jsxs("span", _objectSpread2(_objectSpread2(_objectSpread2({}, ariaProps), restProps), {}, {
+      children: jsxs("span", _objectSpread2(_objectSpread2(_objectSpread2({}, ariaProps), restProps), {}, {
         ref: this.containerRef,
         "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
         "data-test-title": typeof title === 'string' ? title : undefined,
-        children: [children, /*#__PURE__*/jsx(ThemeProvider, {
+        children: [children, jsx(ThemeProvider, {
           theme: theme,
           passToPopups: true,
-          WrapperComponent: props => /*#__PURE__*/jsx("span", _objectSpread2({}, props)),
-          children: /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
+          WrapperComponent: props => jsx("span", _objectSpread2({}, props)),
+          children: jsx(Popup, _objectSpread2(_objectSpread2({
             trapFocus: false,
             anchorElement: this.containerNode,
             hidden: !this.state.showPopup || this.state.showNestedPopup,