@jetbrains/ring-ui 5.0.0-beta.7 → 5.0.1

package/dist/table-ng/table-ng.js

@@ -1,8 +1,10 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import TableContainer from '../table/table.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -26,13 +28,14 @@ import '../table/selection.js';
 import '../table/header.js';
 import 'react-waypoint';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../_helpers/checkbox.js';
 import '../_helpers/table.js';

package/dist/tabs/collapsible-more.js

@@ -11,7 +11,9 @@ import Icon from '../icon/icon.js';
 import { m as modules_02138f4a } from '../_helpers/tabs.js';
 import getTabTitles from './collapsible-tab.js';
 import { CustomItem } from './custom-item.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../popup/popup.js';
+import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -44,7 +46,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 import '../icon/icon__constants.js';
@@ -102,7 +104,7 @@ const MoreButton = /*#__PURE__*/React.memo(_ref2 => {
       return;
     }
 
-    const cb = onSelect(listItem.key);
+    const cb = onSelect(String(listItem.key));
     cb();
   }, [onSelect]);
   const hasActiveChild = React.useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);

package/dist/tabs/collapsible-tab.js

@@ -8,6 +8,7 @@ import { CustomItem } from './custom-item.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

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

@@ -15,7 +15,7 @@ export interface CollapsibleTabsProps {
 export declare const CollapsibleTabs: {
     ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): JSX.Element;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         selected: PropTypes.Requireable<string>;
         onSelect: PropTypes.Validator<(...args: any[]) => any>;
         moreClassName: PropTypes.Requireable<string>;
@@ -29,7 +29,7 @@ export declare const CollapsibleTabs: {
 declare const _default: React.MemoExoticComponent<{
     ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): JSX.Element;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         selected: PropTypes.Requireable<string>;
         onSelect: PropTypes.Validator<(...args: any[]) => any>;
         moreClassName: PropTypes.Requireable<string>;

package/dist/tabs/collapsible-tabs.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -43,7 +45,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';

package/dist/tabs/custom-item.d.ts

@@ -4,6 +4,6 @@ import { TabProps } from './tab';
 export declare const CustomItem: {
     ({ children }: TabProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
     };
 };

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

@@ -4,7 +4,7 @@ import { CollapsibleTabsProps } from './collapsible-tabs';
 import { CustomItem } from './custom-item';
 import { TabProps } from './tab';
 export { CustomItem };
-declare type Children = readonly Children[] | ReactElement<TabProps> | null | boolean;
+export declare type Children = readonly (Children | null | boolean)[] | ReactElement<TabProps> | null | boolean;
 export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
     children: Children;
     onSelect: (key: string) => void;
@@ -17,7 +17,7 @@ declare class Tabs extends PureComponent<TabsProps> {
         selected: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         'data-test': PropTypes.Requireable<string>;
         autoCollapse: PropTypes.Requireable<boolean>;

package/dist/tabs/dumb-tabs.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -13,6 +14,7 @@ import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
+import 'core-js/modules/es.string.replace.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '@jetbrains/icons/chevron-10px';
@@ -46,7 +48,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';

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

@@ -1,9 +1,8 @@
-import { PureComponent, ReactElement } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import { TabsAttrs } from './dumb-tabs';
-import { TabProps } from './tab';
+import { TabsAttrs, Children } from './dumb-tabs';
 export interface SmartTabsProps extends TabsAttrs {
-    children: ReactElement<TabProps>[];
+    children: Children;
     initSelected?: string | null | undefined;
 }
 export default class SmartTabs extends PureComponent<SmartTabsProps> {
@@ -12,6 +11,7 @@ export default class SmartTabs extends PureComponent<SmartTabsProps> {
         initSelected: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
+    constructor(props: SmartTabsProps);
     state: {
         selected: string;
     };

package/dist/tabs/smart-tabs.js

@@ -3,6 +3,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Tabs from './dumb-tabs.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import '../global/memoize.js';
 import '../_helpers/tabs.js';
@@ -12,6 +13,7 @@ import 'focus-visible';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import './collapsible-tabs.js';
+import 'core-js/modules/es.string.replace.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '@jetbrains/icons/chevron-10px';
@@ -45,7 +47,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
@@ -68,16 +70,18 @@ import './collapsible-tab.js';
 import './custom-item.js';
 
 class SmartTabs extends PureComponent {
-  constructor() {
-    super(...arguments);
+  constructor(props) {
+    super(props);
 
-    _defineProperty(this, "state", {
-      selected: this.props.initSelected || this.props.children[0].props.id || '0'
-    });
+    _defineProperty(this, "state", void 0);
 
     _defineProperty(this, "handleSelect", selected => this.setState({
       selected
     }));
+
+    this.state = {
+      selected: this.props.initSelected || Array.isArray(this.props.children) && this.props.children[0].props.id || '0'
+    };
   }
 
   render() {

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

@@ -11,7 +11,7 @@ declare namespace TabLink {
     var propTypes: {
         isSelected: PropTypes.Requireable<boolean>;
         collapsed: PropTypes.Requireable<boolean>;
-        title: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        title: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
     };
 }
 declare const _default: React.MemoExoticComponent<typeof TabLink>;

package/dist/tabs/tab-link.js

@@ -6,6 +6,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 import 'classnames';
 import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/dist/tabs/tab.d.ts

@@ -17,7 +17,7 @@ export interface TabProps {
 }
 export default class Tab extends PureComponent<TabProps> {
     static propTypes: {
-        title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        title: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
         id: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/dist/tabs/tab.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_02138f4a } from '../_helpers/tabs.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 class Tab extends PureComponent {
   render() {

package/dist/tabs/tabs.js

@@ -4,6 +4,7 @@ export { default as SmartTabs } from './smart-tabs.js';
 export { default as Tab } from './tab.js';
 import 'prop-types';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'classnames';
 import '../global/memoize.js';
@@ -15,6 +16,7 @@ import 'focus-visible';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import './collapsible-tabs.js';
+import 'core-js/modules/es.string.replace.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '@jetbrains/icons/chevron-10px';
@@ -48,7 +50,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';

package/dist/tabs-ng/tabs-ng.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/es.string.replace.js';
 import angular from 'angular';
 import classNames from 'classnames';
 import { m as modules_02138f4a } from '../_helpers/tabs.js';

package/dist/tabs-ng/tabs-ng__template.js

@@ -1,40 +1,3 @@
-var template = `<div
-  ng-class=":: styles.tabs"
-  rg-shortcuts="ring-tabs"
-  shortcuts-map="keyMap"
-  shortcuts-focus="focus"
->
-  <div
-    ng-class=":: [styles.titles, tabsClass]"
-    role="tablist"
-  >
-    <button
-      role="tab"
-      type="button"
-      ng-repeat="pane in panes | orderBy:'tabIndex'"
-      ng-click="control.select(pane)"
-      ng-attr-tabindex="{{(pane.selected || pane.ngDisabled) ? -1 : 0}}"
-      ng-disabled="pane.ngDisabled"
-      data-test="ring-tab"
-      ng-attr-data-test-active="{{pane.selected  ? 'true' : 'false'}}"
-      ng-attr-class="{{ tabClass(pane) }}"
-    ><span
-      ng-class=":: styles.visible">{{pane.title}}<span
-      ng-class=":: styles.tabCounter"
-      ng-show="pane.counter !== undefined">{{ pane.counter }}</span
-    ></span><!--
-      hack for preserving constant tab width
-    --><span ng-class=":: styles.hidden">{{pane.title}}<span
-      ng-class=":: styles.tabCounter" ng-show="pane.counter !== undefined">{{ pane.counter }}</span></span>
-      <span ng-class=":: styles.hiddenBold">{{pane.title}}<span
-        ng-class=":: styles.tabCounter" ng-show="pane.counter !== undefined">{{ pane.counter }}</span></span>
-      <span ng-class=":: styles.hiddenRegular">{{pane.title}}<span
-        ng-class=":: styles.tabCounter" ng-show="pane.counter !== undefined">{{ pane.counter }}</span></span>
-    </button>
-  </div>
-
-  <div ng-transclude></div>
-
-</div>`;
+var template = "<div\n  ng-class=\":: styles.tabs\"\n  rg-shortcuts=\"ring-tabs\"\n  shortcuts-map=\"keyMap\"\n  shortcuts-focus=\"focus\"\n>\n  <div\n    ng-class=\":: [styles.titles, tabsClass]\"\n    role=\"tablist\"\n  >\n    <button\n      role=\"tab\"\n      type=\"button\"\n      ng-repeat=\"pane in panes | orderBy:'tabIndex'\"\n      ng-click=\"control.select(pane)\"\n      ng-attr-tabindex=\"{{(pane.selected || pane.ngDisabled) ? -1 : 0}}\"\n      ng-disabled=\"pane.ngDisabled\"\n      data-test=\"ring-tab\"\n      ng-attr-data-test-active=\"{{pane.selected  ? 'true' : 'false'}}\"\n      ng-attr-class=\"{{ tabClass(pane) }}\"\n    ><span\n      ng-class=\":: styles.visible\">{{pane.title}}<span\n      ng-class=\":: styles.tabCounter\"\n      ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span\n    ></span><!--\n      hack for preserving constant tab width\n    --><span ng-class=\":: styles.hidden\">{{pane.title}}<span\n      ng-class=\":: styles.tabCounter\" ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span></span>\n      <span ng-class=\":: styles.hiddenBold\">{{pane.title}}<span\n        ng-class=\":: styles.tabCounter\" ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span></span>\n      <span ng-class=\":: styles.hiddenRegular\">{{pane.title}}<span\n        ng-class=\":: styles.tabCounter\" ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span></span>\n    </button>\n  </div>\n\n  <div ng-transclude></div>\n\n</div>";
 
 export { template as default };

package/dist/tag/tag.js

@@ -1,14 +1,16 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import closeIcon from '@jetbrains/icons/close';
+import closeIcon from '@jetbrains/icons/close-12px';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
@@ -16,7 +18,7 @@ import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
-var modules_2f9be069 = {"unit":"8px","max-height":"20px","tag":"tag_rui_1757 resetButton_rui_750f","tagAngled":"tagAngled_rui_1757","withRemove":"withRemove_rui_1757","container":"container_rui_1757","focused":"focused_rui_1757","content":"content_rui_1757 ellipsis_rui_750f","disabled":"disabled_rui_1757","remove":"remove_rui_1757","removeIcon":"removeIcon_rui_1757","icon":"icon_rui_1757","avatarContainer":"avatarContainer_rui_1757","customIcon":"customIcon_rui_1757","avatarIcon":"avatarIcon_rui_1757"};
+var modules_2f9be069 = {"unit":"8px","max-height":"20px","tag":"tag_rui_2f49 resetButton_rui_8bff","tagAngled":"tagAngled_rui_2f49","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
@@ -47,7 +49,6 @@ class Tag extends PureComponent {
 
   componentDidUpdate(prevProps) {
     if (this.props.focused !== prevProps.focused) {
-      // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
         focused: this.props.focused
       });

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

@@ -120,18 +120,14 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
 }
 export declare const RerenderableTagsInput: {
     new (props: TagsInputProps): {
-        _propsCache: Readonly<TagsInputProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        rerender(props?: Partial<TagsInputProps>, callback?: (() => void) | undefined): void | Element | React.Component<TagsInputProps, any, any>;
+        _propsCache: TagsInputProps & React.RefAttributes<unknown>;
+        rerender(props?: Partial<TagsInputProps>, callback?: (() => void) | undefined): void;
         node?: HTMLElement | null | undefined;
-        context: any;
+        context: unknown;
         setState<K extends keyof TagsInputState>(state: TagsInputState | ((prevState: Readonly<TagsInputState>, props: Readonly<TagsInputProps>) => TagsInputState | Pick<TagsInputState, K> | null) | Pick<TagsInputState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         render(): React.ReactNode;
-        readonly props: Readonly<TagsInputProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<TagsInputProps>;
         state: Readonly<TagsInputState>;
         refs: {
             [key: string]: React.ReactInstance;

package/dist/tags-input/tags-input.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,8 +9,9 @@ import TagsList from '../tags-list/tags-list.js';
 import Caret from '../caret/caret.js';
 import memoize from '../global/memoize.js';
 import rerenderHOC from '../global/rerender-hoc.js';
+import 'core-js/modules/es.string.replace.js';
 import '@jetbrains/icons/chevron-down';
-import '@jetbrains/icons/close';
+import '@jetbrains/icons/close-12px';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
@@ -56,7 +58,7 @@ import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
@@ -77,8 +79,9 @@ import '../shortcuts/shortcuts-hoc.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../tag/tag.js';
+import '../global/react-render-adapter.js';
 
-var modules_5aa8aaf3 = {"outerContainer":"outerContainer_rui_1e0b","container":"container_rui_1e0b","input":"input_rui_1e0b","tagsInput":"tagsInput_rui_25d3","tagsInputLegacyMode":"tagsInputLegacyMode_rui_25d3","tagsList":"tagsList_rui_25d3","tag":"tag_rui_25d3","tagsInputDisabled":"tagsInputDisabled_rui_25d3","underline":"underline_rui_25d3","tagsInputFocused":"tagsInputFocused_rui_25d3","tagsSelect":"tagsSelect_rui_25d3","focusUnderline":"focusUnderline_rui_25d3"};
+var modules_5aa8aaf3 = {"outerContainer":"outerContainer_rui_e356","container":"container_rui_e356","input":"input_rui_e356","tagsInput":"tagsInput_rui_1a67","tagsInputLegacyMode":"tagsInputLegacyMode_rui_1a67","tagsList":"tagsList_rui_1a67","tag":"tag_rui_1a67","tagsInputDisabled":"tagsInputDisabled_rui_1a67","underline":"underline_rui_1a67","tagsInputFocused":"tagsInputFocused_rui_1a67","tagsSelect":"tagsSelect_rui_1a67","focusUnderline":"focusUnderline_rui_1a67"};
 
 function noop() {}
 /**

package/dist/tags-input-ng/tags-input-ng.js

@@ -1,8 +1,10 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import TagsInput from '../tags-input/tags-input.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
@@ -10,8 +12,9 @@ import 'prop-types';
 import 'classnames';
 import '../global/get-event-key.js';
 import '../select/select.js';
+import 'core-js/modules/es.string.replace.js';
 import '@jetbrains/icons/chevron-down';
-import '@jetbrains/icons/close';
+import '@jetbrains/icons/close-12px';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
@@ -58,7 +61,7 @@ import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 import '../list/list__custom.js';

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

@@ -2,7 +2,7 @@ import React, { Component, ComponentType, HTMLAttributes, ReactNode } from 'reac
 import PropTypes from 'prop-types';
 import { TagAttrs } from '../tag/tag';
 declare function noop(): void;
-export interface TagType extends Omit<TagAttrs, 'onClick'> {
+export interface TagType extends Omit<TagAttrs, 'onClick' | 'children'> {
     label?: ReactNode;
     key?: string | number | null | undefined;
 }

package/dist/tags-list/tags-list.js

@@ -3,12 +3,14 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Tag from '../tag/tag.js';
-import '@jetbrains/icons/close';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '@jetbrains/icons/close-12px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';

package/dist/template-ng/template-ng.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import RingAngularComponent from '../global/ring-angular-component.js';
 

package/dist/text/text.js

@@ -3,7 +3,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var modules_78d1bce6 = {"text":"text_rui_e570","info":"info_rui_e570"};
+var modules_78d1bce6 = {"text":"text_rui_6f30","info":"info_rui_6f30"};
 
 /**
  * @name Text

package/dist/theme-ng/theme-ng.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import RingAngularComponent from '../global/ring-angular-component.js';
 

package/dist/toggle/toggle.js

@@ -3,8 +3,9 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var modules_331c5aa7 = {"unit":"8px","padding":"2px","disabled-line-color":"hsla(0,0%,100%,.9)","duration":".3s","timing-function":"cubic-bezier(.23,1,.32,1)","toggle":"toggle_rui_843e","switch":"switch_rui_843e","disabled":"disabled_rui_843e","label":"label_rui_843e","leftLabel":"leftLabel_rui_843e","switchWrapper":"switchWrapper_rui_843e","input":"input_rui_843e","size16":"size16_rui_843e","size14":"size14_rui_843e","size20":"size20_rui_843e","paleSwitch":"paleSwitch_rui_843e"};
+var modules_331c5aa7 = {"unit":"8px","padding":"2px","disabled-line-color":"rgba(255, 255, 255, 0.9)","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","toggle":"toggle_rui_773f","switch":"switch_rui_773f","disabled":"disabled_rui_773f","label":"label_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","paleSwitch":"paleSwitch_rui_773f"};
 
 const Size = {
   Size14: modules_331c5aa7.size14,

package/dist/toggle-ng/toggle-ng.js

@@ -1,8 +1,10 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Toggle from '../toggle/toggle.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';

package/dist/tooltip/tooltip.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component, createContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,6 +7,7 @@ import Popup from '../popup/popup.js';
 import { Listeners } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import scheduleRAF from '../global/schedule-raf.js';
+import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
@@ -18,7 +20,7 @@ import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 
-var modules_cd5e45a9 = {"unit":"8px","tooltip":"tooltip_rui_306e","long":"long_rui_306e"};
+var modules_cd5e45a9 = {"unit":"8px","tooltip":"tooltip_rui_64ba","long":"long_rui_64ba"};
 
 const scheduleScroll = scheduleRAF();
 const TooltipContext = /*#__PURE__*/createContext(undefined);

package/dist/tooltip-ng/tooltip-ng.js

@@ -1,9 +1,12 @@
 import angular from 'angular';
 import { createElement } from 'react';
-import { render } from 'react-dom';
 import classNames from 'classnames';
+import { render } from '../global/react-render-adapter.js';
 import Popup from '../popup/popup.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.replace.js';
 import 'prop-types';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -63,11 +66,14 @@ name.factory('RgTooltipPopup', function RgTooltipPopupDirective() {
       trapFocus: false
     };
 
-    this.renderPopup = props => {
-      this.popup = render( /*#__PURE__*/createElement(Popup, { ...this.defaultProps,
-        ...props
-      }, this.text), this.wrapperElement);
-    };
+    this.renderPopup = props => render( /*#__PURE__*/createElement(Popup, { ...this.defaultProps,
+      ...props,
+      ref: instance => {
+        if (instance != null) {
+          this.popup = instance;
+        }
+      }
+    }, this.text), this.wrapperElement);
 
     this.displayTooltip = customClass => {
       const text = textGetter();