@skbkontur/react-ui 0.0.0-3dbb8bef27 → 0.0.0-3e9dfb16e9

package/components/TokenInput/TokenInputMenu/TokenInputMenu.js

@@ -12,10 +12,18 @@ export var TokenInputMenu = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.state = {};
     _this.menu = null;
     _this.getMenuRef = function () {
       return _this.menu;
     };
+    _this.handleMenuPositionChange = function (_, isFullyVisible) {
+      if (!_this.state.forceMenuLeftAlign && !isFullyVisible && _this.props.menuAlign === 'cursor') {
+        _this.setState({
+          forceMenuLeftAlign: true
+        });
+      }
+    };
     _this.getPopupMargin = function () {
       var paddingY = parseInt(_this.theme.tokenInputPaddingYSmall, 10) || 0;
       var outlineWidth = parseInt(_this.theme.controlOutlineWidth, 10) || 0;
@@ -64,20 +72,22 @@ export var TokenInputMenu = /*#__PURE__*/function (_React$Component) {
       renderItem = _this$props.renderItem,
       onValueChange = _this$props.onValueChange,
       renderAddButton = _this$props.renderAddButton,
-      anchorElement = _this$props.anchorElement,
-      menuWidth = _this$props.menuWidth,
-      menuAlign = _this$props.menuAlign;
+      anchorElementForCursor = _this$props.anchorElementForCursor,
+      anchorElementRoot = _this$props.anchorElementRoot,
+      menuWidth = _this$props.menuWidth;
+    var menuAlign = this.state.forceMenuLeftAlign ? 'left' : this.props.menuAlign;
     return /*#__PURE__*/React.createElement(Popup, {
       id: this.props.popupMenuId,
       "data-tid": TokenInputDataTids.tokenInputMenu,
       opened: !!opened,
-      positions: ['bottom left', 'top left'],
-      anchorElement: anchorElement,
+      positions: menuAlign === 'cursor' ? ['bottom left', 'top left'] : ['bottom left', 'top left', 'bottom right', 'top right'],
+      anchorElement: menuAlign === 'cursor' ? anchorElementForCursor : anchorElementRoot,
       popupOffset: menuAlign === 'left' ? parseInt(this.theme.tokenInputPopupOffset) : 8 + parseInt(this.theme.tokenInputPopupOffset),
       margin: menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme)),
       hasShadow: true,
       width: menuAlign === 'cursor' ? 'auto' : menuWidth,
-      withoutMobile: true
+      withoutMobile: true,
+      onPositionChange: this.handleMenuPositionChange
     }, /*#__PURE__*/React.createElement(ComboBoxMenu, {
       size: this.props.size,
       items: items,

package/components/TokenInput/TokenInputMenu/TokenInputMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeFactory","Popup","ComboBoxMenu","ThemeContext","TokenInputDataTids","TokenInputMenu","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","menu","getMenuRef","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingYSmall","outlineWidth","controlOutlineWidth","marginY","tokenMarginYSmall","menuRef","node","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","Provider","value","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","props","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","_this$props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","id","popupMenuId","tokenInputMenu","positions","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","hasMargin","refMenu","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TokenInputMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupProps } from '../../internal/Popup';\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { Menu } from '../../internal/Menu';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { TokenSize } from '../Token';\n\nimport { TokenInputDataTids, TokenInputMenuAlign, TokenInputProps } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  anchorElement: PopupProps['anchorElement'];\n  /** Задает шинину выпадающего меню. */\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign: TokenInputMenuAlign;\n  /** Задает id выпадающему меню.\n   Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */\n  popupMenuId?: HTMLProps['id'];\n  /** Задает размер контрола. */\n  size?: TokenSize;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = 'TokenInputMenu';\n\n  private theme!: Theme;\n\n  private menu: Menu | null = null;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: this.getPopupMargin() + 'px',\n                  popupBackground: this.theme.tokenInputMenuPopupBg,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getMenuRef = (): any | null => this.menu;\n\n  private getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\n\n  private renderMain() {\n    const {\n      loading,\n      maxMenuHeight,\n      renderTotalCount,\n      totalCount,\n      opened,\n      items,\n      renderNotFound,\n      renderItem,\n      onValueChange,\n      renderAddButton,\n      anchorElement,\n      menuWidth,\n      menuAlign,\n    } = this.props;\n\n    return (\n      <Popup\n        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={['bottom left', 'top left']}\n        anchorElement={anchorElement}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n      >\n        <ComboBoxMenu\n          size={this.props.size}\n          items={items}\n          loading={loading}\n          hasMargin={false}\n          maxMenuHeight={maxMenuHeight}\n          onValueChange={onValueChange}\n          opened={opened}\n          refMenu={this.menuRef}\n          renderTotalCount={renderTotalCount}\n          renderItem={renderItem}\n          renderNotFound={renderNotFound}\n          totalCount={totalCount}\n          renderAddButton={renderAddButton}\n        />\n      </Popup>\n    );\n  }\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingYSmall, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginYSmall, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeFactory","Popup","ComboBoxMenu","ThemeContext","TokenInputDataTids","TokenInputMenu","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","menu","getMenuRef","handleMenuPositionChange","_","isFullyVisible","forceMenuLeftAlign","props","menuAlign","setState","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingYSmall","outlineWidth","controlOutlineWidth","marginY","tokenMarginYSmall","menuRef","node","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","Provider","value","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","_this$props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElementForCursor","anchorElementRoot","menuWidth","id","popupMenuId","tokenInputMenu","positions","anchorElement","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","onPositionChange","hasMargin","refMenu","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TokenInputMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupPositionsType, PopupProps } from '../../internal/Popup';\nimport { Popup } from '../../internal/Popup';\nimport type { ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { ComboBoxMenu } from '../../internal/CustomComboBox';\nimport type { Menu } from '../../internal/Menu';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { TokenSize } from '../Token';\n\nimport type { TokenInputMenuAlign, TokenInputProps } from './TokenInput';\nimport { TokenInputDataTids } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  /** html-элемент от которого будет позиционировано Menu в случае menuAlign cursor */\n  anchorElementForCursor: PopupProps['anchorElement'];\n  /** html-элемент от которого будет позиционировано Menu в случае menuAlign left */\n  anchorElementRoot: PopupProps['anchorElement'];\n  /** Задает ширину выпадающего меню. */\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign: TokenInputMenuAlign;\n  /** Задает id выпадающему меню.\n   Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */\n  popupMenuId?: HTMLProps['id'];\n  /** Задает размер контрола. */\n  size?: TokenSize;\n}\n\ninterface TokenInputMenuState {\n  forceMenuLeftAlign?: boolean;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>, TokenInputMenuState> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = 'TokenInputMenu';\n\n  public state: TokenInputMenuState = {};\n\n  private theme!: Theme;\n\n  private menu: Menu | null = null;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: this.getPopupMargin() + 'px',\n                  popupBackground: this.theme.tokenInputMenuPopupBg,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getMenuRef = (): any | null => this.menu;\n\n  private getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\n\n  private renderMain() {\n    const {\n      loading,\n      maxMenuHeight,\n      renderTotalCount,\n      totalCount,\n      opened,\n      items,\n      renderNotFound,\n      renderItem,\n      onValueChange,\n      renderAddButton,\n      anchorElementForCursor,\n      anchorElementRoot,\n      menuWidth,\n    } = this.props;\n\n    const menuAlign = this.state.forceMenuLeftAlign ? 'left' : this.props.menuAlign;\n\n    return (\n      <Popup\n        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={\n          menuAlign === 'cursor'\n            ? ['bottom left', 'top left']\n            : ['bottom left', 'top left', 'bottom right', 'top right']\n        }\n        anchorElement={menuAlign === 'cursor' ? anchorElementForCursor : anchorElementRoot}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n        onPositionChange={this.handleMenuPositionChange}\n      >\n        <ComboBoxMenu\n          size={this.props.size}\n          items={items}\n          loading={loading}\n          hasMargin={false}\n          maxMenuHeight={maxMenuHeight}\n          onValueChange={onValueChange}\n          opened={opened}\n          refMenu={this.menuRef}\n          renderTotalCount={renderTotalCount}\n          renderItem={renderItem}\n          renderNotFound={renderNotFound}\n          totalCount={totalCount}\n          renderAddButton={renderAddButton}\n        />\n      </Popup>\n    );\n  }\n\n  private handleMenuPositionChange = (_: PopupPositionsType, isFullyVisible: boolean) => {\n    if (!this.state.forceMenuLeftAlign && !isFullyVisible && this.props.menuAlign === 'cursor') {\n      this.setState({ forceMenuLeftAlign: true });\n    }\n  };\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingYSmall, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginYSmall, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"],"mappings":"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","ignoreList":[]}

package/components/TokenInput/TokenInputMenu.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
-import { HTMLProps } from '../../typings/html';
-import { PopupProps } from '../../internal/Popup';
-import { ComboBoxMenuProps } from '../../internal/CustomComboBox';
-import { TokenSize } from '../Token';
-import { TokenInputMenuAlign, TokenInputProps } from './TokenInput';
+import type { HTMLProps } from '../../typings/html';
+import type { PopupProps } from '../../internal/Popup';
+import type { ComboBoxMenuProps } from '../../internal/CustomComboBox';
+import type { TokenSize } from '../Token';
+import type { TokenInputMenuAlign, TokenInputProps } from './TokenInput';
 export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
-    anchorElement: PopupProps['anchorElement'];
-    /** Задает шинину выпадающего меню. */
+    /** html-элемент от которого будет позиционировано Menu в случае menuAlign cursor */
+    anchorElementForCursor: PopupProps['anchorElement'];
+    /** html-элемент от которого будет позиционировано Menu в случае menuAlign left */
+    anchorElementRoot: PopupProps['anchorElement'];
+    /** Задает ширину выпадающего меню. */
     menuWidth: TokenInputProps<string>['menuWidth'];
     /** Задает выравнивание выпадающего меню. */
     menuAlign: TokenInputMenuAlign;
@@ -16,15 +19,21 @@ export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
     /** Задает размер контрола. */
     size?: TokenSize;
 }
-export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {
+interface TokenInputMenuState {
+    forceMenuLeftAlign?: boolean;
+}
+export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>, TokenInputMenuState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    state: TokenInputMenuState;
     private theme;
     private menu;
     render(): React.JSX.Element;
     getMenuRef: () => any | null;
     private getPopupMarginSize;
     private renderMain;
+    private handleMenuPositionChange;
     private getPopupMargin;
     private menuRef;
 }
+export {};

package/components/TokenInput/TokenInputReducer/TokenInputReducer.js.map

@@ -1 +1 @@
-{"version":3,"names":["DefaultState","TokenActions","SET_INPUT_VALUE_WIDTH","SET_INPUT_VALUE_HEIGHT","UPDATE_QUERY","SET_FOCUS_IN","SET_PREVENT_BLUR","BLUR","SET_AUTOCOMPLETE_ITEMS","SET_ACTIVE_TOKENS","REMOVE_ALL_ACTIVE_TOKENS","SET_LOADING","CLEAR_INPUT","RESET","SET_EDITING_TOKEN_INDEX","REMOVE_EDITING_TOKEN_INDEX","SET_TEMPORARY_QUERY","REMOVE_TEMPORARY_QUERY","tokenInputReducer","state","action","payload","type","inputValueWidth","inputValueHeight","inputValue","inFocus","preventBlur","autocompleteItems","activeTokens","undefined","loading","editingTokenIndex","reservedInputValue"],"sources":["TokenInputReducer.ts"],"sourcesContent":["import { TokenInputState, DefaultState } from './TokenInput';\n\nexport interface TokenInputAction {\n  type: TokenInputActionType;\n  payload?: any;\n}\n\nexport const TokenActions = {\n  SET_INPUT_VALUE_WIDTH: 'SET_INPUT_VALUE_WIDTH',\n  SET_INPUT_VALUE_HEIGHT: 'SET_INPUT_VALUE_HEIGHT',\n  UPDATE_QUERY: 'UPDATE_QUERY',\n  SET_FOCUS_IN: 'SET_FOCUS_IN',\n  SET_PREVENT_BLUR: 'SET_PREVENT_BLUR',\n  BLUR: 'BLUR',\n  SET_AUTOCOMPLETE_ITEMS: 'SET_AUTOCOMPLETE_ITEMS',\n  SET_ACTIVE_TOKENS: 'SET_ACTIVE_TOKENS',\n  REMOVE_ALL_ACTIVE_TOKENS: 'REMOVE_ALL_ACTIVE_TOKENS',\n  SET_LOADING: 'SET_LOADING',\n  CLEAR_INPUT: 'CLEAR_INPUT',\n  RESET: 'RESET',\n  SET_EDITING_TOKEN_INDEX: 'SET_EDITING_TOKEN_INDEX',\n  REMOVE_EDITING_TOKEN_INDEX: 'REMOVE_EDITING_TOKEN_INDEX',\n  SET_TEMPORARY_QUERY: 'SET_TEMPORARY_QUERY',\n  REMOVE_TEMPORARY_QUERY: 'REMOVE_TEMPORARY_QUERY',\n};\n\nexport type TokenInputActionType = keyof typeof TokenActions;\n\nexport function tokenInputReducer<T = string>(\n  state: TokenInputState<T>,\n  action: TokenInputAction,\n): Pick<TokenInputState<T>, never> {\n  const payload = action.payload;\n  switch (action.type) {\n    case TokenActions.SET_INPUT_VALUE_WIDTH: {\n      return { inputValueWidth: payload };\n    }\n    case TokenActions.SET_INPUT_VALUE_HEIGHT: {\n      return { inputValueHeight: payload };\n    }\n    case TokenActions.UPDATE_QUERY: {\n      return { inputValue: payload };\n    }\n    case TokenActions.SET_FOCUS_IN: {\n      return { inFocus: true };\n    }\n    case TokenActions.SET_PREVENT_BLUR: {\n      return { preventBlur: payload };\n    }\n    case TokenActions.SET_AUTOCOMPLETE_ITEMS: {\n      return { autocompleteItems: payload };\n    }\n    case TokenActions.SET_ACTIVE_TOKENS: {\n      return { activeTokens: payload };\n    }\n    case TokenActions.BLUR: {\n      return {\n        inFocus: false,\n        preventBlur: false,\n        autocompleteItems: undefined,\n        activeTokens: [],\n      };\n    }\n    case TokenActions.REMOVE_ALL_ACTIVE_TOKENS: {\n      return { activeTokens: [] };\n    }\n    case TokenActions.CLEAR_INPUT: {\n      return { inputValue: '', autocompleteItems: undefined };\n    }\n    case TokenActions.SET_LOADING: {\n      return {\n        loading: payload,\n      };\n    }\n    case TokenActions.RESET: {\n      return DefaultState;\n    }\n    case TokenActions.SET_EDITING_TOKEN_INDEX: {\n      return { editingTokenIndex: payload };\n    }\n    case TokenActions.REMOVE_EDITING_TOKEN_INDEX: {\n      return { editingTokenIndex: -1 };\n    }\n    case TokenActions.SET_TEMPORARY_QUERY: {\n      return { reservedInputValue: payload };\n    }\n    case TokenActions.REMOVE_TEMPORARY_QUERY: {\n      return { reservedInputValue: undefined };\n    }\n    default:\n      return state;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DefaultState","TokenActions","SET_INPUT_VALUE_WIDTH","SET_INPUT_VALUE_HEIGHT","UPDATE_QUERY","SET_FOCUS_IN","SET_PREVENT_BLUR","BLUR","SET_AUTOCOMPLETE_ITEMS","SET_ACTIVE_TOKENS","REMOVE_ALL_ACTIVE_TOKENS","SET_LOADING","CLEAR_INPUT","RESET","SET_EDITING_TOKEN_INDEX","REMOVE_EDITING_TOKEN_INDEX","SET_TEMPORARY_QUERY","REMOVE_TEMPORARY_QUERY","tokenInputReducer","state","action","payload","type","inputValueWidth","inputValueHeight","inputValue","inFocus","preventBlur","autocompleteItems","activeTokens","undefined","loading","editingTokenIndex","reservedInputValue"],"sources":["TokenInputReducer.ts"],"sourcesContent":["import type { TokenInputState } from './TokenInput';\nimport { DefaultState } from './TokenInput';\n\nexport interface TokenInputAction {\n  type: TokenInputActionType;\n  payload?: any;\n}\n\nexport const TokenActions = {\n  SET_INPUT_VALUE_WIDTH: 'SET_INPUT_VALUE_WIDTH',\n  SET_INPUT_VALUE_HEIGHT: 'SET_INPUT_VALUE_HEIGHT',\n  UPDATE_QUERY: 'UPDATE_QUERY',\n  SET_FOCUS_IN: 'SET_FOCUS_IN',\n  SET_PREVENT_BLUR: 'SET_PREVENT_BLUR',\n  BLUR: 'BLUR',\n  SET_AUTOCOMPLETE_ITEMS: 'SET_AUTOCOMPLETE_ITEMS',\n  SET_ACTIVE_TOKENS: 'SET_ACTIVE_TOKENS',\n  REMOVE_ALL_ACTIVE_TOKENS: 'REMOVE_ALL_ACTIVE_TOKENS',\n  SET_LOADING: 'SET_LOADING',\n  CLEAR_INPUT: 'CLEAR_INPUT',\n  RESET: 'RESET',\n  SET_EDITING_TOKEN_INDEX: 'SET_EDITING_TOKEN_INDEX',\n  REMOVE_EDITING_TOKEN_INDEX: 'REMOVE_EDITING_TOKEN_INDEX',\n  SET_TEMPORARY_QUERY: 'SET_TEMPORARY_QUERY',\n  REMOVE_TEMPORARY_QUERY: 'REMOVE_TEMPORARY_QUERY',\n};\n\nexport type TokenInputActionType = keyof typeof TokenActions;\n\nexport function tokenInputReducer<T = string>(\n  state: TokenInputState<T>,\n  action: TokenInputAction,\n): Pick<TokenInputState<T>, never> {\n  const payload = action.payload;\n  switch (action.type) {\n    case TokenActions.SET_INPUT_VALUE_WIDTH: {\n      return { inputValueWidth: payload };\n    }\n    case TokenActions.SET_INPUT_VALUE_HEIGHT: {\n      return { inputValueHeight: payload };\n    }\n    case TokenActions.UPDATE_QUERY: {\n      return { inputValue: payload };\n    }\n    case TokenActions.SET_FOCUS_IN: {\n      return { inFocus: true };\n    }\n    case TokenActions.SET_PREVENT_BLUR: {\n      return { preventBlur: payload };\n    }\n    case TokenActions.SET_AUTOCOMPLETE_ITEMS: {\n      return { autocompleteItems: payload };\n    }\n    case TokenActions.SET_ACTIVE_TOKENS: {\n      return { activeTokens: payload };\n    }\n    case TokenActions.BLUR: {\n      return {\n        inFocus: false,\n        preventBlur: false,\n        autocompleteItems: undefined,\n        activeTokens: [],\n      };\n    }\n    case TokenActions.REMOVE_ALL_ACTIVE_TOKENS: {\n      return { activeTokens: [] };\n    }\n    case TokenActions.CLEAR_INPUT: {\n      return { inputValue: '', autocompleteItems: undefined };\n    }\n    case TokenActions.SET_LOADING: {\n      return {\n        loading: payload,\n      };\n    }\n    case TokenActions.RESET: {\n      return DefaultState;\n    }\n    case TokenActions.SET_EDITING_TOKEN_INDEX: {\n      return { editingTokenIndex: payload };\n    }\n    case TokenActions.REMOVE_EDITING_TOKEN_INDEX: {\n      return { editingTokenIndex: -1 };\n    }\n    case TokenActions.SET_TEMPORARY_QUERY: {\n      return { reservedInputValue: payload };\n    }\n    case TokenActions.REMOVE_TEMPORARY_QUERY: {\n      return { reservedInputValue: undefined };\n    }\n    default:\n      return state;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/TokenInput/TokenInputReducer.d.ts

@@ -1,4 +1,4 @@
-import { TokenInputState } from './TokenInput';
+import type { TokenInputState } from './TokenInput';
 export interface TokenInputAction {
     type: TokenInputActionType;
     payload?: any;

package/components/TokenInput/__creevey__/TokenInput.creevey.mts

@@ -83,6 +83,8 @@ kind('TokenInput', () => {
           bridge: true,
         })
         .sendKeys('a')
+        .pause(300)
+        .move({ x: 0, y: 0 })
         .perform();
       const typed = await context.takeScreenshot();
       await context.matchImages({ selected, typed });
@@ -411,4 +413,30 @@ kind('TokenInput', () => {
       await context.matchImages({ tab1, tab2, tab3 });
     });
   });
+
+  story('VariousMenuPositions', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'chrome only': { in: /^(?!\bchrome2022\b)/ } },
+    });
+
+    test('all positions in viewport', async (context) => {
+      async function clickOnTokenInput(tid: string): Promise<Buffer> {
+        await context.webdriver
+          .actions({ bridge: true })
+          .click(context.webdriver.findElement({ css: `[data-tid~="${tid}"]` }))
+          .perform();
+        await delay(800);
+        return await context.takeScreenshot();
+      }
+
+      const leftTop = await clickOnTokenInput('TokenInputViewLeftTop');
+      const leftMiddle = await clickOnTokenInput('TokenInputViewLeftMiddle');
+      const leftBottom = await clickOnTokenInput('TokenInputViewLeftBottom');
+      const rightTop = await clickOnTokenInput('TokenInputViewRightTop');
+      const rightMiddle = await clickOnTokenInput('TokenInputViewRightMiddle');
+      const rightBottom = await clickOnTokenInput('TokenInputViewRightBottom');
+
+      await context.matchImages({ leftTop, leftMiddle, leftBottom, rightTop, rightMiddle, rightBottom });
+    });
+  });
 });

package/components/TokenInput/__docs__/TokenInput.mdx

@@ -1,14 +1,16 @@
 import * as TokenInputStories from './TokenInput.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={TokenInputStories} />
 
-# TokenInput
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/tokens/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A2955)
+<Header
+  component="TokenInput"
+  guides="https://guides.kontur.ru/components/input-fields/tokens/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A2955"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/TokenInput/locale/index/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","TokenInputLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { TokenInputLocale } from './types';\n\nexport * from './types';\n\nexport const TokenInputLocaleHelper = new LocaleHelper<TokenInputLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,sBAAsB,GAAG,IAAIJ,YAAY,CAAmB;EACvEG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","TokenInputLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { TokenInputLocale } from './types';\n\nexport * from './types';\n\nexport const TokenInputLocaleHelper = new LocaleHelper<TokenInputLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,sBAAsB,GAAG,IAAIJ,YAAY,CAAmB;EACvEG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/components/TokenInput/locale/index.d.ts

@@ -1,4 +1,4 @@
 import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { TokenInputLocale } from './types';
+import type { TokenInputLocale } from './types';
 export * from './types';
 export declare const TokenInputLocaleHelper: LocaleHelper<TokenInputLocale>;

package/components/TokenInput/locale/locales/en/en.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","addButtonComment","addButtonTitle"],"sources":["en.ts"],"sourcesContent":["import { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Type comma',\n  addButtonTitle: 'Add',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;EACjDC,gBAAgB,EAAE,YAAY;EAC9BC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","addButtonComment","addButtonTitle"],"sources":["en.ts"],"sourcesContent":["import type { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Type comma',\n  addButtonTitle: 'Add',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;EACjDC,gBAAgB,EAAE,YAAY;EAC9BC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}

package/components/TokenInput/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { TokenInputLocale } from '../types';
+import type { TokenInputLocale } from '../types';
 export declare const componentsLocales: TokenInputLocale;

package/components/TokenInput/locale/locales/ru/ru.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","addButtonComment","addButtonTitle"],"sources":["ru.ts"],"sourcesContent":["import { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Нажмите запятую',\n  addButtonTitle: 'Добавить',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;EACjDC,gBAAgB,EAAE,iBAAiB;EACnCC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","addButtonComment","addButtonTitle"],"sources":["ru.ts"],"sourcesContent":["import type { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Нажмите запятую',\n  addButtonTitle: 'Добавить',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;EACjDC,gBAAgB,EAAE,iBAAiB;EACnCC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}

package/components/TokenInput/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { TokenInputLocale } from '../types';
+import type { TokenInputLocale } from '../types';
 export declare const componentsLocales: TokenInputLocale;

package/components/Tooltip/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","warning","globalObject","isNullable","ThemeFactory","Popup","RenderLayer","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","rootNode","createPropsGetter","CloseButtonIcon","isInstanceOf","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","DEFAULT_DELAY","TooltipDataTids","root","content","crossIcon","OldPositions","Tooltip","_class","_Tooltip","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","opened","focused","contentElement","clickedOutside","popupRef","createRef","renderContent","props","render","createElement","ref","refContent","className","tooltipContent","theme","renderCloseButton","getAnchorElement","_this$popupRef$curren","current","anchorElement","getPositions","allowedPositions","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","hoverTimeout","setTimeout","delayBeforeShow","handleMouseLeave","relatedTarget","delay","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","_inheritsLoose","_proto","prototype","getAllowedPositions","componentDidUpdate","_this$getProps","componentWillUnmount","_this2","Consumer","flags","featureFlags","Provider","value","create","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","popupBackground","tooltipBg","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","icon","tabbable","side","parseInt","tooltipCloseBtnSide","color","tooltipCloseBtnColor","colorHover","tooltipCloseBtnHoverColor","cross","onClick","show","hide","_this$getPopupAndLaye","getPopupAndLayerProps","popupProps","_this$getPopupAndLaye2","layerProps","active","children","popup","renderPopup","_extends","_this$getProps2","disableAnimations","rootNodeRef","setRootNode","hasPin","hasShadow","maxWidth","positions","pos","ignoreHover","onOpen","onClose","tryPreserveFirstRenderedPosition","withoutMobile","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onFocus","onBlur","Error","clearTimeout","Element","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","propName","componentName","isArray"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nimport { isNullable } from '../../lib/utils';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupProps, PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';\nimport { RenderLayer, RenderLayerProps } from '../../internal/RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport {\n  getFullReactUIFlagsContext,\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { styles } from './Tooltip.styles';\n\nexport type TooltipTrigger =\n  /** Наведение на children и на тултип */\n  | 'hover'\n  /** Клик на children */\n  | 'click'\n  /** Фокус на children */\n  | 'focus'\n  /** Наведение на children и на тултип и фокус на children */\n  | 'hover&focus'\n  /** Просто открыт */\n  | 'opened'\n  /** Просто закрыт */\n  | 'closed'\n  /** Наведение ТОЛЬКО на children, а не на тултип */\n  | 'hoverAnchor'\n  /** Управление через публичные функции show и hide */\n  | 'manual';\n\nexport interface TooltipProps extends CommonProps {\n  /** Указывает элемент, относительно которого позиционировать тултип. */\n  anchorElement?: HTMLElement;\n  /** @ignore */\n  children?: React.ReactNode;\n  /** Задает HTML-атрибут class. */\n  className?: string;\n  /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */\n  closeButton?: boolean;\n  /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */\n  render?: Nullable<() => React.ReactNode>;\n  /** Задает приоритетное расположение подсказки относительно текста. */\n  pos?: ShortPopupPositionsType | PopupPositionsType;\n  /** Задает триггер открытия тултипа. */\n  trigger?: TooltipTrigger;\n  /** Задает хендлер, который вызывается при клике по крестику. */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n  /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */\n  onCloseRequest?: (event?: Event | React.MouseEvent) => void;\n  /** Задает хендлер, который вызывается при закрытии тултипа. */\n  onClose?: () => void;\n  /** Задает хендлер, который вызывается при открытии тултипа. */\n  onOpen?: () => void;\n  /** Задает список позиций, которые тултип будет занимать.\n   * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.\n   * Обязательно должен включать позицию указанную в `pos`. */\n  allowedPositions?: PopupPositionsType[];\n  /** Отключает анимацию.\n   * @default false */\n  disableAnimations?: boolean;\n  /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.\n   * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */\n  useWrapper?: boolean;\n  /** Устанавливает задержку в миллисекундах до появления лоадера. */\n  delayBeforeShow?: number;\n}\n\nconst DEFAULT_DELAY = 100;\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nexport const TooltipDataTids = {\n  root: 'Tooltip__root',\n  content: 'Tooltip__content',\n  crossIcon: 'Tooltip__crossIcon',\n} as const;\n\nconst OldPositions: PopupPositionsType[] = [\n  'right bottom',\n  'right middle',\n  'right top',\n  'top right',\n  'top center',\n  'top left',\n  'left top',\n  'left middle',\n  'left bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n];\n\ntype DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;\n\n/**\n * `Tooltip` — это подсказка, которую пользователь открывает сам, кликом по элементу.\n *\n * `Tooltip` используется для коротких поясняющих текстов, если необходимо дать разъяснение к деталям интерфейса, упомянутой информации или помочь с заполнением полей.\n * Если эти подробности не нужны постоянно, но могут помочь пользователю в момент когда он испытывает трудности.\n *\n * Для подсказки, всплывающей по наведению используйте Hint.\n */\n@rootNode\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n  public static displayName = 'Tooltip';\n\n  public static propTypes = {\n    children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\n      const children = props[propName];\n      warning(\n        children || props.anchorElement,\n        `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\n      );\n      warning(\n        !(Array.isArray(children) && props.useWrapper === false),\n        `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\n      );\n    },\n  };\n\n  public static defaultProps: DefaultProps = {\n    trigger: 'hover',\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    delayBeforeShow: DEFAULT_DELAY,\n  };\n\n  private getProps = createPropsGetter(Tooltip.defaultProps);\n\n  public static delay = DEFAULT_DELAY;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private theme!: Theme;\n  public featureFlags!: ReactUIFeatureFlags;\n  private hoverTimeout: SafeTimer;\n  private contentElement: Nullable<HTMLElement> = null;\n  private clickedOutside = true;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n\n  public getAllowedPositions() {\n    return this.props.allowedPositions ? this.props.allowedPositions : OldPositions;\n  }\n\n  public componentDidUpdate() {\n    const { trigger } = this.getProps();\n    if (trigger === 'closed' && this.state.opened) {\n      this.close();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <ThemeContext.Provider\n                    value={ThemeFactory.create(\n                      {\n                        popupMargin: theme.tooltipMargin,\n                        popupBorder: theme.tooltipBorder,\n                        popupBorderRadius: theme.tooltipBorderRadius,\n                        popupPinSize: theme.tooltipPinSize,\n                        popupPinOffsetX: theme.tooltipPinOffsetX,\n                        popupPinOffsetY: theme.tooltipPinOffsetY,\n                        popupBackground: theme.tooltipBg,\n                      },\n                      theme,\n                    )}\n                  >\n                    {this.renderMain()}\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  public renderContent = () => {\n    const content = this.props.render ? this.props.render() : null;\n    if (isNullable(content)) {\n      return null;\n    }\n\n    return (\n      <div ref={this.refContent} className={styles.tooltipContent(this.theme)} data-tid={TooltipDataTids.content}>\n        {content}\n        {this.renderCloseButton()}\n      </div>\n    );\n  };\n\n  public renderCloseButton() {\n    const hasCross =\n      this.props.closeButton === undefined\n        ? !Tooltip.triggersWithoutCloseButton.includes(this.getProps().trigger)\n        : this.props.closeButton;\n\n    if (!hasCross) {\n      return null;\n    }\n\n    const icon = (\n      <CloseButtonIcon\n        tabbable={false}\n        side={parseInt(this.theme.tooltipCloseBtnSide)}\n        color={this.theme.tooltipCloseBtnColor}\n        colorHover={this.theme.tooltipCloseBtnHoverColor}\n      />\n    );\n\n    return (\n      <div\n        className={styles.cross(this.theme)}\n        onClick={this.handleCloseButtonClick}\n        data-tid={TooltipDataTids.crossIcon}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  /**\n   * Программно открывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public show() {\n    if (this.state.opened) {\n      return;\n    }\n    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(true, `Function 'show' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Программно закрывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public hide() {\n    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(true, `Function 'hide' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.close();\n  }\n\n  private renderMain() {\n    const props = this.props;\n    const content = this.renderContent();\n    const { popupProps, layerProps = { active: false } } = this.getPopupAndLayerProps();\n    const anchorElement = props.children || props.anchorElement;\n    const popup = this.renderPopup(anchorElement, popupProps, content);\n\n    return (\n      <RenderLayer {...layerProps} getAnchorElement={this.getAnchorElement}>\n        {popup}\n      </RenderLayer>\n    );\n  }\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    const { disableAnimations, trigger } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          data-tid={TooltipDataTids.root}\n          anchorElement={anchorElement}\n          hasPin\n          hasShadow\n          maxWidth=\"none\"\n          opened={this.state.opened}\n          disableAnimations={disableAnimations}\n          positions={this.getPositions()}\n          pos={this.props.pos}\n          ignoreHover={trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          tryPreserveFirstRenderedPosition\n          ref={this.popupRef}\n          withoutMobile\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private getPositions = (): PopupPositionsType[] | undefined => {\n    return this.props.allowedPositions;\n  };\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPopupAndLayerProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && this.getProps().useWrapper;\n    const trigger = this.getProps().trigger;\n\n    switch (trigger) {\n      case 'opened':\n        return {\n          layerProps: {\n            active: true,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            opened: true,\n            useWrapper,\n          },\n        };\n\n      case 'closed':\n        return {\n          popupProps: {\n            opened: false,\n            useWrapper,\n          },\n        };\n\n      case 'hoverAnchor':\n      case 'hover':\n        return {\n          popupProps: {\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n      case 'manual':\n        return {\n          popupProps: {\n            useWrapper,\n          },\n        };\n      case 'click':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onClick: this.handleClick,\n            useWrapper,\n          },\n        };\n\n      case 'focus':\n        return {\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            useWrapper,\n          },\n        };\n\n      case 'hover&focus':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n\n      default:\n        throw new Error('Unknown trigger specified: ' + trigger);\n    }\n  }\n\n  private open = () => this.setState({ opened: true });\n\n  private close = () => this.setState({ opened: false });\n\n  private clearHoverTimeout() {\n    if (this.hoverTimeout) {\n      globalObject.clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    const isHoverAnchor = this.getProps().trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n    this.hoverTimeout = globalObject.setTimeout(this.open, this.getProps().delayBeforeShow);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    const trigger = this.getProps().trigger;\n    if (\n      (trigger === 'hover&focus' && this.state.focused) ||\n      (trigger === 'hover' && event.relatedTarget === this.contentElement)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = globalObject.setTimeout(this.close, Tooltip.delay);\n    }\n  };\n\n  private handleClick = () => {\n    this.open();\n  };\n\n  private handleClickOutsideAnchor = (event: Event) => {\n    this.clickedOutside = this.isClickOutsideContent(event);\n    if (this.clickedOutside) {\n      if (this.props.onCloseRequest) {\n        this.props.onCloseRequest(event);\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && isInstanceOf(event.target, globalObject.Element)) {\n      return !containsTargetOrRenderContainer(event.target)(this.contentElement);\n    }\n\n    return true;\n  }\n\n  private handleFocus = () => {\n    this.setState({ focused: true });\n    this.open();\n  };\n\n  private handleBlur = () => {\n    const trigger = this.getProps().trigger;\n    if (trigger === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (trigger === 'focus') {\n      this.close();\n    }\n\n    this.clickedOutside = true;\n    this.setState({ focused: false });\n  };\n\n  private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n\n    if (this.props.onCloseClick) {\n      this.props.onCloseClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest(event);\n    }\n\n    this.close();\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","warning","globalObject","isNullable","ThemeFactory","Popup","RenderLayer","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","rootNode","createPropsGetter","CloseButtonIcon","isInstanceOf","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","DEFAULT_DELAY","TooltipDataTids","root","content","crossIcon","OldPositions","Tooltip","_class","_Tooltip","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","opened","focused","contentElement","clickedOutside","popupRef","createRef","renderContent","props","render","createElement","ref","refContent","className","tooltipContent","theme","renderCloseButton","getAnchorElement","_this$popupRef$curren","current","anchorElement","getPositions","allowedPositions","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","hoverTimeout","setTimeout","delayBeforeShow","handleMouseLeave","relatedTarget","delay","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","_inheritsLoose","_proto","prototype","getAllowedPositions","componentDidUpdate","_this$getProps","componentWillUnmount","_this2","Consumer","flags","featureFlags","Provider","value","create","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","popupBackground","tooltipBg","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","icon","tabbable","side","parseInt","tooltipCloseBtnSide","color","tooltipCloseBtnColor","colorHover","tooltipCloseBtnHoverColor","cross","onClick","show","hide","_this$getPopupAndLaye","getPopupAndLayerProps","popupProps","_this$getPopupAndLaye2","layerProps","active","children","popup","renderPopup","_extends","_this$getProps2","disableAnimations","rootNodeRef","setRootNode","hasPin","hasShadow","maxWidth","positions","pos","ignoreHover","onOpen","onClose","tryPreserveFirstRenderedPosition","withoutMobile","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onFocus","onBlur","Error","clearTimeout","Element","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","propName","componentName","isArray"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNullable } from '../../lib/utils';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupProps, PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';\nimport { Popup } from '../../internal/Popup';\nimport type { RenderLayerProps } from '../../internal/RenderLayer';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './Tooltip.styles';\n\nexport type TooltipTrigger =\n  /** Наведение на children и на тултип */\n  | 'hover'\n  /** Клик на children */\n  | 'click'\n  /** Фокус на children */\n  | 'focus'\n  /** Наведение на children и на тултип и фокус на children */\n  | 'hover&focus'\n  /** Просто открыт */\n  | 'opened'\n  /** Просто закрыт */\n  | 'closed'\n  /** Наведение ТОЛЬКО на children, а не на тултип */\n  | 'hoverAnchor'\n  /** Управление через публичные функции show и hide */\n  | 'manual';\n\nexport interface TooltipProps extends CommonProps {\n  /** Указывает элемент, относительно которого позиционировать тултип. */\n  anchorElement?: HTMLElement;\n  /** @ignore */\n  children?: React.ReactNode;\n  /** Задает HTML-атрибут class. */\n  className?: string;\n  /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */\n  closeButton?: boolean;\n  /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */\n  render?: Nullable<() => React.ReactNode>;\n  /** Задает приоритетное расположение подсказки относительно текста. */\n  pos?: ShortPopupPositionsType | PopupPositionsType;\n  /** Задает триггер открытия тултипа. */\n  trigger?: TooltipTrigger;\n  /** Задает хендлер, который вызывается при клике по крестику. */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n  /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */\n  onCloseRequest?: (event?: Event | React.MouseEvent) => void;\n  /** Задает хендлер, который вызывается при закрытии тултипа. */\n  onClose?: () => void;\n  /** Задает хендлер, который вызывается при открытии тултипа. */\n  onOpen?: () => void;\n  /** Задает список позиций, которые тултип будет занимать.\n   * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.\n   * Обязательно должен включать позицию указанную в `pos`. */\n  allowedPositions?: PopupPositionsType[];\n  /** Отключает анимацию.\n   * @default false */\n  disableAnimations?: boolean;\n  /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.\n   * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */\n  useWrapper?: boolean;\n  /** Устанавливает задержку в миллисекундах до появления лоадера. */\n  delayBeforeShow?: number;\n}\n\nconst DEFAULT_DELAY = 100;\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nexport const TooltipDataTids = {\n  root: 'Tooltip__root',\n  content: 'Tooltip__content',\n  crossIcon: 'Tooltip__crossIcon',\n} as const;\n\nconst OldPositions: PopupPositionsType[] = [\n  'right bottom',\n  'right middle',\n  'right top',\n  'top right',\n  'top center',\n  'top left',\n  'left top',\n  'left middle',\n  'left bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n];\n\ntype DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;\n\n/**\n * `Tooltip` — это подсказка, которую пользователь открывает сам, кликом по элементу.\n *\n * `Tooltip` используется для коротких поясняющих текстов, если необходимо дать разъяснение к деталям интерфейса, упомянутой информации или помочь с заполнением полей.\n * Если эти подробности не нужны постоянно, но могут помочь пользователю в момент когда он испытывает трудности.\n *\n * Для подсказки, всплывающей по наведению используйте Hint.\n */\n@rootNode\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n  public static displayName = 'Tooltip';\n\n  public static propTypes = {\n    children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\n      const children = props[propName];\n      warning(\n        children || props.anchorElement,\n        `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\n      );\n      warning(\n        !(Array.isArray(children) && props.useWrapper === false),\n        `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\n      );\n    },\n  };\n\n  public static defaultProps: DefaultProps = {\n    trigger: 'hover',\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    delayBeforeShow: DEFAULT_DELAY,\n  };\n\n  private getProps = createPropsGetter(Tooltip.defaultProps);\n\n  public static delay = DEFAULT_DELAY;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private theme!: Theme;\n  public featureFlags!: ReactUIFeatureFlags;\n  private hoverTimeout: SafeTimer;\n  private contentElement: Nullable<HTMLElement> = null;\n  private clickedOutside = true;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n\n  public getAllowedPositions() {\n    return this.props.allowedPositions ? this.props.allowedPositions : OldPositions;\n  }\n\n  public componentDidUpdate() {\n    const { trigger } = this.getProps();\n    if (trigger === 'closed' && this.state.opened) {\n      this.close();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <ThemeContext.Provider\n                    value={ThemeFactory.create(\n                      {\n                        popupMargin: theme.tooltipMargin,\n                        popupBorder: theme.tooltipBorder,\n                        popupBorderRadius: theme.tooltipBorderRadius,\n                        popupPinSize: theme.tooltipPinSize,\n                        popupPinOffsetX: theme.tooltipPinOffsetX,\n                        popupPinOffsetY: theme.tooltipPinOffsetY,\n                        popupBackground: theme.tooltipBg,\n                      },\n                      theme,\n                    )}\n                  >\n                    {this.renderMain()}\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  public renderContent = () => {\n    const content = this.props.render ? this.props.render() : null;\n    if (isNullable(content)) {\n      return null;\n    }\n\n    return (\n      <div ref={this.refContent} className={styles.tooltipContent(this.theme)} data-tid={TooltipDataTids.content}>\n        {content}\n        {this.renderCloseButton()}\n      </div>\n    );\n  };\n\n  public renderCloseButton() {\n    const hasCross =\n      this.props.closeButton === undefined\n        ? !Tooltip.triggersWithoutCloseButton.includes(this.getProps().trigger)\n        : this.props.closeButton;\n\n    if (!hasCross) {\n      return null;\n    }\n\n    const icon = (\n      <CloseButtonIcon\n        tabbable={false}\n        side={parseInt(this.theme.tooltipCloseBtnSide)}\n        color={this.theme.tooltipCloseBtnColor}\n        colorHover={this.theme.tooltipCloseBtnHoverColor}\n      />\n    );\n\n    return (\n      <div\n        className={styles.cross(this.theme)}\n        onClick={this.handleCloseButtonClick}\n        data-tid={TooltipDataTids.crossIcon}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  /**\n   * Программно открывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public show() {\n    if (this.state.opened) {\n      return;\n    }\n    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(true, `Function 'show' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Программно закрывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public hide() {\n    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(true, `Function 'hide' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.close();\n  }\n\n  private renderMain() {\n    const props = this.props;\n    const content = this.renderContent();\n    const { popupProps, layerProps = { active: false } } = this.getPopupAndLayerProps();\n    const anchorElement = props.children || props.anchorElement;\n    const popup = this.renderPopup(anchorElement, popupProps, content);\n\n    return (\n      <RenderLayer {...layerProps} getAnchorElement={this.getAnchorElement}>\n        {popup}\n      </RenderLayer>\n    );\n  }\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    const { disableAnimations, trigger } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          data-tid={TooltipDataTids.root}\n          anchorElement={anchorElement}\n          hasPin\n          hasShadow\n          maxWidth=\"none\"\n          opened={this.state.opened}\n          disableAnimations={disableAnimations}\n          positions={this.getPositions()}\n          pos={this.props.pos}\n          ignoreHover={trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          tryPreserveFirstRenderedPosition\n          ref={this.popupRef}\n          withoutMobile\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private getPositions = (): PopupPositionsType[] | undefined => {\n    return this.props.allowedPositions;\n  };\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPopupAndLayerProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && this.getProps().useWrapper;\n    const trigger = this.getProps().trigger;\n\n    switch (trigger) {\n      case 'opened':\n        return {\n          layerProps: {\n            active: true,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            opened: true,\n            useWrapper,\n          },\n        };\n\n      case 'closed':\n        return {\n          popupProps: {\n            opened: false,\n            useWrapper,\n          },\n        };\n\n      case 'hoverAnchor':\n      case 'hover':\n        return {\n          popupProps: {\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n      case 'manual':\n        return {\n          popupProps: {\n            useWrapper,\n          },\n        };\n      case 'click':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onClick: this.handleClick,\n            useWrapper,\n          },\n        };\n\n      case 'focus':\n        return {\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            useWrapper,\n          },\n        };\n\n      case 'hover&focus':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n\n      default:\n        throw new Error('Unknown trigger specified: ' + trigger);\n    }\n  }\n\n  private open = () => this.setState({ opened: true });\n\n  private close = () => this.setState({ opened: false });\n\n  private clearHoverTimeout() {\n    if (this.hoverTimeout) {\n      globalObject.clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    const isHoverAnchor = this.getProps().trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n    this.hoverTimeout = globalObject.setTimeout(this.open, this.getProps().delayBeforeShow);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    const trigger = this.getProps().trigger;\n    if (\n      (trigger === 'hover&focus' && this.state.focused) ||\n      (trigger === 'hover' && event.relatedTarget === this.contentElement)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = globalObject.setTimeout(this.close, Tooltip.delay);\n    }\n  };\n\n  private handleClick = () => {\n    this.open();\n  };\n\n  private handleClickOutsideAnchor = (event: Event) => {\n    this.clickedOutside = this.isClickOutsideContent(event);\n    if (this.clickedOutside) {\n      if (this.props.onCloseRequest) {\n        this.props.onCloseRequest(event);\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && isInstanceOf(event.target, globalObject.Element)) {\n      return !containsTargetOrRenderContainer(event.target)(this.contentElement);\n    }\n\n    return true;\n  }\n\n  private handleFocus = () => {\n    this.setState({ focused: true });\n    this.open();\n  };\n\n  private handleBlur = () => {\n    const trigger = this.getProps().trigger;\n    if (trigger === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (trigger === 'focus') {\n      this.close();\n    }\n\n    this.clickedOutside = true;\n    this.setState({ focused: false });\n  };\n\n  private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n\n    if (this.props.onCloseClick) {\n      this.props.onCloseClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest(event);\n    }\n\n    this.close();\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Tooltip/Tooltip.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
-import { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
+import type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
+import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
 export type TooltipTrigger = 
 /** Наведение на children и на тултип */
 'hover'

package/components/Tooltip/Tooltip.md

@@ -2,9 +2,9 @@
 Отступы в тултипе подобраны так, чтобы базовая линия текста со шрифтом Segoe UI в тултипе совпадала с базовой линией стандартных контролов
 
 ```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-import MenuIcon from '@skbkontur/react-icons/Menu';
-import HelpDotIcon from '@skbkontur/react-icons/HelpDot';
+import { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';
+import { UiMenuBars3HIcon16Regular } from '@skbkontur/icons/icons/UiMenuBars3HIcon/UiMenuBars3HIcon16Regular';
+import { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';
 import { Button, Gapped, Input, Select, Tooltip } from '@skbkontur/react-ui';
 
 const [size, setSize] = React.useState('small');
@@ -29,15 +29,15 @@ const render = () => (
       <Select width={120} value={size} items={['small', 'medium', 'large']} onValueChange={setSize} size={size} />
     </Gapped>
     <Tooltip render={render} pos="right top">
-      <Input size={size} leftIcon={<SearchIcon />} width={170} />
+      <Input size={size} leftIcon={<SearchLoupeIcon16Regular />} width={170} />
     </Tooltip>
     <Tooltip render={render} pos="right top">
-      <Button size={size} icon={<MenuIcon />}>
+      <Button size={size} icon={<UiMenuBars3HIcon16Regular />}>
         Menu
       </Button>
     </Tooltip>
     <Tooltip render={render} pos="right top">
-      <HelpDotIcon />
+      <QuestionCircleIcon16Regular />
     </Tooltip>
   </Gapped>
 </div>;
@@ -300,7 +300,7 @@ class AnchorTooltipExample extends React.Component {
 У тултипа можно переопределить задержку перед его появлением. Скрытие же происходит с задержкой по умолчанию.
 
 ```jsx harmony
-import HelpDotIcon from '@skbkontur/react-icons/HelpDot';
+import { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';
 import { Input, Gapped, Tooltip } from '@skbkontur/react-ui';
 
 const [delay, setDelay] = React.useState(100);
@@ -315,7 +315,7 @@ const render = () => (
   <Gapped vertical>
     <Gapped>Show delay: <Input value={delay} onValueChange={setDelay} /></Gapped>
     <Tooltip render={render} delayBeforeShow={delay} pos="right top">
-      <HelpDotIcon />
+      <QuestionCircleIcon16Regular />
     </Tooltip>
   </Gapped>
 </div>;

package/components/Tooltip/Tooltip.styles/Tooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","cross","t","_templateObject","_taggedTemplateLiteralLoose","tooltipCloseBtnColor","tooltipCloseBtnSide","tooltipCloseBtnPadding","tooltipCloseBtnHoverColor","tooltipContent","_templateObject2","tooltipTextColor","tooltipPaddingY","tooltipPaddingX","tooltipFontSize","tooltipLineHeight"],"sources":["Tooltip.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  cross(t: Theme) {\n    return css`\n      color: ${t.tooltipCloseBtnColor};\n      cursor: pointer;\n      height: ${t.tooltipCloseBtnSide};\n      line-height: 0;\n      padding: ${t.tooltipCloseBtnPadding};\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: ${t.tooltipCloseBtnSide};\n      box-sizing: content-box;\n\n      &:hover {\n        color: ${t.tooltipCloseBtnHoverColor};\n      }\n    `;\n  },\n\n  tooltipContent(t: Theme) {\n    return css`\n      color: ${t.tooltipTextColor};\n      padding: ${t.tooltipPaddingY} ${t.tooltipPaddingX};\n      position: relative;\n      font-size: ${t.tooltipFontSize};\n      line-height: ${t.tooltipLineHeight};\n    `;\n  },\n});\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,oBAAoB;;IAErBH,CAAC,CAACI,mBAAmB;;IAEpBJ,CAAC,CAACK,sBAAsB;;;;IAI1BL,CAAC,CAACI,mBAAmB;;;;IAInBJ,CAAC,CAACM,yBAAyB;;;EAG1C,CAAC;;EAEDC,cAAc,WAAAA,eAACP,CAAQ,EAAE;IACvB,OAAOJ,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACCF,CAAC,CAACS,gBAAgB;IAChBT,CAAC,CAACU,eAAe,EAAIV,CAAC,CAACW,eAAe;;IAEpCX,CAAC,CAACY,eAAe;IACfZ,CAAC,CAACa,iBAAiB;;EAEtC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","cross","t","_templateObject","_taggedTemplateLiteralLoose","tooltipCloseBtnColor","tooltipCloseBtnSide","tooltipCloseBtnPadding","tooltipCloseBtnHoverColor","tooltipContent","_templateObject2","tooltipTextColor","tooltipPaddingY","tooltipPaddingX","tooltipFontSize","tooltipLineHeight"],"sources":["Tooltip.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  cross(t: Theme) {\n    return css`\n      color: ${t.tooltipCloseBtnColor};\n      cursor: pointer;\n      height: ${t.tooltipCloseBtnSide};\n      line-height: 0;\n      padding: ${t.tooltipCloseBtnPadding};\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: ${t.tooltipCloseBtnSide};\n      box-sizing: content-box;\n\n      &:hover {\n        color: ${t.tooltipCloseBtnHoverColor};\n      }\n    `;\n  },\n\n  tooltipContent(t: Theme) {\n    return css`\n      color: ${t.tooltipTextColor};\n      padding: ${t.tooltipPaddingY} ${t.tooltipPaddingX};\n      position: relative;\n      font-size: ${t.tooltipFontSize};\n      line-height: ${t.tooltipLineHeight};\n    `;\n  },\n});\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,oBAAoB;;IAErBH,CAAC,CAACI,mBAAmB;;IAEpBJ,CAAC,CAACK,sBAAsB;;;;IAI1BL,CAAC,CAACI,mBAAmB;;;;IAInBJ,CAAC,CAACM,yBAAyB;;;EAG1C,CAAC;;EAEDC,cAAc,WAAAA,eAACP,CAAQ,EAAE;IACvB,OAAOJ,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACCF,CAAC,CAACS,gBAAgB;IAChBT,CAAC,CAACU,eAAe,EAAIV,CAAC,CAACW,eAAe;;IAEpCX,CAAC,CAACY,eAAe;IACfZ,CAAC,CAACa,iBAAiB;;EAEtC;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Tooltip/Tooltip.styles.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     cross(t: Theme): string;
     tooltipContent(t: Theme): string;

package/components/Tooltip/__docs__/Tooltip.mdx

@@ -1,14 +1,16 @@
 import * as TooltipStories from './Tooltip.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={TooltipStories} />
 
-# Tooltip
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/tooltip/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5039)
+<Header
+  component="Tooltip"
+  guides="https://guides.kontur.ru/components/popup-elements/tooltip/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5039"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования