@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/cjs/components/TooltipMenu/TooltipMenu.js

@@ -1,132 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TooltipMenuDataTids = exports.TooltipMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-var _ThemeFactory = require("../../lib/theming/ThemeFactory");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _PopupMenu = require("../../internal/PopupMenu");
-
-var _currentEnvironment = require("../../lib/currentEnvironment");
-
-
-var _CommonWrapper = require("../../internal/CommonWrapper");
-var _rootNode = require("../../lib/rootNode");
-var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _TooltipMenu;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var TooltipMenuDataTids = exports.TooltipMenuDataTids = {
-  root: 'TooltipMenu__root'
-};
-
-
-
-/**
- * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.
- *
- * Положение меню задаётся с помощью массива `positions` и работает так:
- * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
- * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
- *
- * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
- *
- * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
- */var
-
-TooltipMenu = exports.TooltipMenu = (0, _rootNode.rootNode)(_class = (_TooltipMenu = /*#__PURE__*/function (_React$Component) {
-
-
-
-
-
-
-
-
-
-
-
-  function TooltipMenu(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(TooltipMenu.defaultProps);
-
-    if (!props.caption && !_currentEnvironment.isProductionEnv) {
-      throw new Error('Prop "caption" is required!!!');
-    }return _this;
-  }(0, _inheritsLoose2.default)(TooltipMenu, _React$Component);var _proto = TooltipMenu.prototype;_proto.
-
-  render = function render() {var _this2 = this;
-    return /*#__PURE__*/(
-      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {
-        return /*#__PURE__*/(
-          _react.default.createElement(_ThemeContext.ThemeContext.Provider, {
-            value: _ThemeFactory.ThemeFactory.create(
-              {
-                popupPinOffsetX: theme.tooltipMenuPinOffsetX,
-                popupPinOffsetY: theme.tooltipMenuPinOffsetY,
-                popupMargin: theme.tooltipMenuMargin,
-                popupPinSize: theme.tooltipMenuPinSize
-              },
-              theme
-            ) },
-
-          _this2.renderMain()
-          ));
-
-      }
-      ));
-
-  };_proto.
-
-  renderMain = function renderMain() {
-    if (!this.props.caption) {
-      return null;
-    }
-
-    var _this$getProps = this.getProps(),disableAnimations = _this$getProps.disableAnimations;
-
-    return /*#__PURE__*/(
-      _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/
-      _react.default.createElement(_PopupMenu.PopupMenu, {
-        "aria-label": this.props['aria-label'],
-        "data-tid": TooltipMenuDataTids.root,
-        menuMaxHeight: this.props.menuMaxHeight,
-        menuWidth: this.props.menuWidth,
-        caption: this.props.caption,
-        header: this.props.header,
-        footer: this.props.footer,
-        preventIconsOffset: this.props.preventIconsOffset,
-        positions: this.props.positions,
-        onOpen: this.props.onOpen,
-        onClose: this.props.onClose,
-        popupHasPin: true,
-        disableAnimations: disableAnimations },
-
-      this.props.children
-      )
-      ));
-
-  };return TooltipMenu;}(_react.default.Component), _TooltipMenu.__KONTUR_REACT_UI__ = 'TooltipMenu', _TooltipMenu.displayName = 'TooltipMenu', _TooltipMenu.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv }, _TooltipMenu)) || _class;

package/cjs/components/TooltipMenu/TooltipMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_ThemeContext","_PopupMenu","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_class","_TooltipMenu","TooltipMenuDataTids","exports","root","TooltipMenu","rootNode","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","caption","isProductionEnv","Error","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","Provider","value","ThemeFactory","create","popupPinOffsetX","tooltipMenuPinOffsetX","popupPinOffsetY","tooltipMenuPinOffsetY","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","_this$getProps","disableAnimations","CommonWrapper","_extends2","rootNodeRef","setRootNode","PopupMenu","menuMaxHeight","menuWidth","header","footer","preventIconsOffset","positions","onOpen","onClose","popupHasPin","children","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["TooltipMenu.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { MenuHeaderProps } from '../MenuHeader';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;\n\nexport interface TooltipMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {\n  /** @ignore */\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Задает максимальную высоту меню. */\n  menuMaxHeight?: number | string;\n  /** Задает ширину меню. */\n  menuWidth?: number | string;\n  /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.\n   * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */\n  caption: PopupMenuProps['caption'];\n  /** Задает элемент, который будет отрендерен в шапке меню.\n   * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */\n  header?: React.ReactNode;\n  /** Задает элемент, который будет отрендерен в подвале меню.\n   * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator). */\n  footer?: React.ReactNode;\n  /** Определяет список позиций, доступных для расположения выпадашки относительно caption.\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */\n  positions?: PopupPositionsType[];\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport const TooltipMenuDataTids = {\n  root: 'TooltipMenu__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;\n\n/**\n * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.\n *\n * Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n *\n * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n *\n * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n  public static displayName = 'TooltipMenu';\n\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(TooltipMenu.defaultProps);\n\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffsetX: theme.tooltipMenuPinOffsetX,\n                  popupPinOffsetY: theme.tooltipMenuPinOffsetY,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    const { disableAnimations } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          aria-label={this.props['aria-label']}\n          data-tid={TooltipMenuDataTids.root}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={this.props.positions}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          popupHasPin\n          disableAnimations={disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/TooltipMenu/TooltipMenu.md

@@ -1,241 +0,0 @@
-### Базовый пример
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Управление состоянием тултип-меню
-В проп `caption` помимо компонента можно передать функцию, возвращающую компонент, с помощью которой можно управлять текущим состоянием тултип-меню.
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={({ opened, openMenu, closeMenu, toggleMenu }) => {
-    return (
-      <>
-        <p>Сейчас тултип-меню { opened ? 'окрыто' : 'закрыто' }</p>
-        <Button onClick={toggleMenu}>Переключить меню</Button>
-        <Button onClick={openMenu}>Открыть меню</Button>
-        <Button onClick={closeMenu}>Закрыть меню</Button>
-      </>
-    )
-  }}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Ширина
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu
-  caption={<Button use="primary">Открыть меню с заданной шириной</Button>}
-  menuWidth={350}
-  >
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Максимальная высота
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu
-  caption={<Button use="primary">Открыть меню с заданной высотой</Button>}
-  menuMaxHeight={150}
-  >
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Отключенная анимация
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu
-  disableAnimations
-  caption={<Button use="primary">Открыть меню без анимации</Button>}
-  >
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Подпись
-В `caption` можно передать любой элемент.
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import MenuIcon from '@skbkontur/react-icons/Menu';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <MenuIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Тултип-меню всегда всплывающее справа от `caption`
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <LightbulbIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
-  positions={['right top', 'right middle', 'right bottom']}
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Тултип-меню всегда всплывающее сверху от `caption` и выравненное по правому краю `caption`
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <LightbulbIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
-  positions={['top right']}
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Тултип-меню c шапкой и подвалом
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu
-  header={<p>Это шапка в виде обычного текста</p>}
-  footer={<Button>А это подвал в виде кнопки</Button>}
-  caption={<Button use="primary">Открыть меню</Button>}
-  >
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Иконки и автовыравнивание
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator, TooltipMenu } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>}>
-  <MenuHeader>MenuHeader</MenuHeader>
-  <MenuItem icon={<OkIcon />}>MenuItem1</MenuItem>
-  <MenuItem icon={<OkIcon />}>MenuItem2</MenuItem>
-  <MenuItem>MenuItem3</MenuItem>
-</TooltipMenu>;
-```
-
-### Иконки и автовыравнивание
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator, TooltipMenu } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
-
-<TooltipMenu preventIconsOffset caption={<Button use="primary">Открыть меню</Button>}>
-  <MenuHeader>MenuHeader</MenuHeader>
-  <MenuItem icon={<OkIcon />}>MenuItem1</MenuItem>
-  <MenuItem icon={<OkIcon />}>MenuItem2</MenuItem>
-  <MenuItem>MenuItem3</MenuItem>
-</TooltipMenu>
-```
-
-### Условный рендер элементов тултип-меню
-(с сохранением поведения [MenuItem](#/Components/MenuItem)).
-
-```jsx harmony
-import {Button, MenuItem, Gapped, MenuSeparator} from '@skbkontur/react-ui';
-
-const [showItems, setShowItems] = React.useState(false);
-
-const hiddenItems = [
-  <MenuSeparator />,
-  <MenuItem>А я скрываюсь</MenuItem>,
-  <MenuItem>И я</MenuItem>,
-  <MenuItem>Я с вами</MenuItem>,
-];
-
-
-<Gapped>
-  <Button onClick={() => setShowItems(!showItems)}>
-    {showItems ? 'Спрятать' : 'Показать'} элементы
-  </Button>
-
-  <TooltipMenu caption={<Button use="primary">Открыть меню</Button>}>
-    <MenuItem>Меня видно всегда</MenuItem>
-    <MenuItem>Меня тоже</MenuItem>
-    <MenuItem>Ага, и меня!</MenuItem>
-    {showItems && hiddenItems}
-  </TooltipMenu>
-</Gapped>
-```

package/cjs/components/TooltipMenu/__creevey__/TooltipMenu.creevey.mts

@@ -1,131 +0,0 @@
-import { story, kind, test } from 'creevey';
-import { Key } from 'selenium-webdriver';
-
-import { PopupMenuDataTids } from '../../../internal/PopupMenu/tids';
-import { delay } from '../../../lib/delay';
-
-const textAlignmentTests = () => {
-  test('opened', async (context) => {
-    await context.webdriver
-      .actions({
-        bridge: true,
-      })
-      .click(context.webdriver.findElement({ css: `[data-tid~="${PopupMenuDataTids.caption}"]` }))
-      .perform();
-    await delay(1000);
-    await context.matchImage(await context.takeScreenshot(), 'opened');
-  });
-};
-
-kind('TooltipMenu', () => {
-  story('SimpleExample', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: {
-        'story-skip-0': {
-          in: ['chrome2022', 'chrome2022Dark'],
-          tests: ['clickAfterClickedOnCaption', 'clicked'],
-        },
-
-        flaky: { in: ['firefox2022', 'firefox2022Dark'], tests: ['tabPress'] },
-      },
-    });
-
-    test('plain', async (context) => {
-      await context.matchImage(await context.takeScreenshot(), 'plain');
-    });
-
-    test('clickAfterClickedOnCaption', async (context) => {
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css: '[data-comp-name~="PopupMenu"]' }))
-        .click(context.webdriver.findElement({ css: '[data-comp-name~="PopupMenu"]' }))
-        .perform();
-      await context.matchImage(await context.takeScreenshot(), 'clickAfterClickedOnCaption');
-    });
-
-    test('clicked', async (context) => {
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css: '[data-comp-name~="PopupMenu"]' }))
-        .perform();
-      await context.matchImage(await context.takeScreenshot(), 'clicked');
-    });
-
-    test('clickedOutside', async (context) => {
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css: '[data-comp-name~="PopupMenu"]' }))
-        .click(context.webdriver.findElement({ css: 'body' }))
-        .perform();
-      await context.matchImage(await context.takeScreenshot(), 'clickedOutside');
-    });
-
-    test('tabPress', async (context) => {
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .sendKeys(Key.TAB)
-        .perform();
-      await context.matchImage(await context.takeScreenshot(), 'tabPress');
-    });
-
-    test('enterPress', async (context) => {
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .sendKeys(Key.TAB)
-        .sendKeys(Key.ENTER)
-        .perform();
-      await context.matchImage(await context.takeScreenshot(), 'enterPress');
-    });
-
-    test('escapePress', async (context) => {
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .sendKeys(Key.TAB)
-        .sendKeys(Key.ENTER)
-        .sendKeys(Key.ESCAPE)
-        .perform();
-      await context.matchImage(await context.takeScreenshot(), 'escapePress');
-    });
-  });
-
-  story('MobileExampleHorizontalPaddings', ({ setStoryParameters }) => {
-    setStoryParameters({ captureElement: null });
-
-    test('opened', async (context) => {
-      await context.webdriver
-        .actions({ bridge: true })
-        .click(context.webdriver.findElement({ css: '#test-element' }))
-        .perform();
-      await delay(200);
-      await context.webdriver
-        .actions({ bridge: true })
-        .move({ origin: context.webdriver.findElement({ css: '[data-comp-name~="MenuItem"]' }) })
-        .perform();
-      await delay(1000);
-      await context.matchImage(await context.takeScreenshot(), 'opened');
-    });
-  });
-  story('WithItemsAndIcons', ({ setStoryParameters }) => {
-    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
-
-    textAlignmentTests();
-  });
-
-  story('WithItemsAndIconsWithoutTextAlignment', ({ setStoryParameters }) => {
-    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
-
-    textAlignmentTests();
-  });
-});

package/cjs/components/TooltipMenu/__docs__/TooltipMenu.mdx

@@ -1,24 +0,0 @@
-import * as TooltipMenuStories from './TooltipMenu.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={TooltipMenuStories} />
-
-# TooltipMenu
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/TooltipMenu/index.d.ts

@@ -1 +0,0 @@
-export * from './TooltipMenu';

package/cjs/components/TooltipMenu/index.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;var _TooltipMenu = require("./TooltipMenu");Object.keys(_TooltipMenu).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _TooltipMenu[key]) return;exports[key] = _TooltipMenu[key];});

package/cjs/components/TooltipMenu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_TooltipMenu","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './TooltipMenu';\n"],"mappings":"uCAAA,IAAAA,YAAA,GAAAC,OAAA,kBAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/hooks/useDrop.d.ts

@@ -1,11 +0,0 @@
-import { MutableRefObject } from 'react';
-interface IUseDropProps {
-    onDrop?: (event: DragEvent) => void;
-}
-type IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;
-interface IUseDropResult<TElement extends IElementWithListener> {
-    isDraggable: boolean;
-    ref: MutableRefObject<TElement | null>;
-}
-export declare const useDrop: <TElement extends IElementWithListener>(props?: IUseDropProps) => IUseDropResult<TElement>;
-export {};

package/cjs/hooks/useDrop.js

@@ -1,78 +0,0 @@
-"use strict";exports.__esModule = true;exports.useDrop = void 0;var _react = require("react");
-var _globalObject = require("@skbkontur/global-object");
-
-
-
-
-
-
-
-
-
-
-
-
-var useDrop = exports.useDrop = function useDrop(props) {if (props === void 0) {props = {};}
-  var _props = props,onDrop = _props.onDrop;
-
-  var droppableRef = (0, _react.useRef)(null);
-  var overRef = (0, _react.useRef)(false);
-  var timerId = (0, _react.useRef)();
-  var _useState = (0, _react.useState)(false),isDraggable = _useState[0],setIsDraggable = _useState[1];
-
-  var clearTimer = (0, _react.useCallback)(function () {
-    timerId.current && _globalObject.globalObject.clearTimeout(timerId.current);
-  }, []);
-
-  var handleDragOver = (0, _react.useCallback)(
-    function (event) {
-      event.preventDefault();
-      setIsDraggable(true);
-
-      clearTimer();
-      timerId.current = _globalObject.globalObject.setTimeout(function () {
-        overRef.current = false;
-        setIsDraggable(false);
-      }, 200);
-    },
-    [clearTimer]
-  );
-
-  var preventDefault = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-
-  var handleDrop = (0, _react.useCallback)(
-    function (event) {
-      preventDefault(event);
-      setIsDraggable(false);
-      overRef.current = false;
-
-      onDrop == null || onDrop(event);
-    },
-    [preventDefault, onDrop]
-  );
-
-  (0, _react.useEffect)(function () {
-    var ref = droppableRef.current;
-
-    if (!ref) {
-      return;
-    }
-
-    ref.addEventListener('dragenter', preventDefault);
-    ref.addEventListener('dragleave', preventDefault);
-    ref.addEventListener('dragover', handleDragOver);
-    ref.addEventListener('drop', handleDrop);
-
-    return function () {
-      ref.removeEventListener('dragenter', preventDefault);
-      ref.removeEventListener('dragleave', preventDefault);
-      ref.removeEventListener('dragover', handleDragOver);
-      ref.removeEventListener('drop', handleDrop);
-    };
-  }, [handleDrop, handleDragOver, preventDefault]);
-
-  return { isDraggable: isDraggable, ref: droppableRef };
-};

package/cjs/hooks/useDrop.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_globalObject","useDrop","exports","props","_props","onDrop","droppableRef","useRef","overRef","timerId","_useState","useState","isDraggable","setIsDraggable","clearTimer","useCallback","current","globalObject","clearTimeout","handleDragOver","event","preventDefault","setTimeout","stopPropagation","handleDrop","useEffect","ref","addEventListener","removeEventListener"],"sources":["useDrop.ts"],"sourcesContent":["import { MutableRefObject, useCallback, useEffect, useRef, useState } from 'react';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\n\ninterface IUseDropProps {\n  onDrop?: (event: DragEvent) => void;\n}\n\ntype IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;\n\ninterface IUseDropResult<TElement extends IElementWithListener> {\n  isDraggable: boolean;\n  ref: MutableRefObject<TElement | null>;\n}\n\nexport const useDrop = <TElement extends IElementWithListener>(props: IUseDropProps = {}): IUseDropResult<TElement> => {\n  const { onDrop } = props;\n\n  const droppableRef = useRef<TElement>(null);\n  const overRef = useRef<boolean>(false);\n  const timerId = useRef<SafeTimer>();\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && globalObject.clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = globalObject.setTimeout(() => {\n        overRef.current = false;\n        setIsDraggable(false);\n      }, 200);\n    },\n    [clearTimer],\n  );\n\n  const preventDefault = useCallback((event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      preventDefault(event);\n      setIsDraggable(false);\n      overRef.current = false;\n\n      onDrop?.(event);\n    },\n    [preventDefault, onDrop],\n  );\n\n  useEffect(() => {\n    const ref = droppableRef.current;\n\n    if (!ref) {\n      return;\n    }\n\n    ref.addEventListener('dragenter', preventDefault);\n    ref.addEventListener('dragleave', preventDefault);\n    ref.addEventListener('dragover', handleDragOver);\n    ref.addEventListener('drop', handleDrop);\n\n    return () => {\n      ref.removeEventListener('dragenter', preventDefault);\n      ref.removeEventListener('dragleave', preventDefault);\n      ref.removeEventListener('dragover', handleDragOver);\n      ref.removeEventListener('drop', handleDrop);\n    };\n  }, [handleDrop, handleDragOver, preventDefault]);\n\n  return { isDraggable, ref: droppableRef };\n};\n"],"mappings":"gEAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;;;;;;;;;;;;AAaO,IAAME,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAA2CE,KAAoB,EAAoC,KAAxDA,KAAoB,cAApBA,KAAoB,GAAG,CAAC,CAAC;EACtF,IAAAC,MAAA,GAAmBD,KAAK,CAAhBE,MAAM,GAAAD,MAAA,CAANC,MAAM;;EAEd,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAAW,IAAI,CAAC;EAC3C,IAAMC,OAAO,GAAG,IAAAD,aAAM,EAAU,KAAK,CAAC;EACtC,IAAME,OAAO,GAAG,IAAAF,aAAM,EAAY,CAAC;EACnC,IAAAG,SAAA,GAAsC,IAAAC,eAAQ,EAAU,KAAK,CAAC,CAAvDC,WAAW,GAAAF,SAAA,IAAEG,cAAc,GAAAH,SAAA;;EAElC,IAAMI,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCN,OAAO,CAACO,OAAO,IAAIC,0BAAY,CAACC,YAAY,CAACT,OAAO,CAACO,OAAO,CAAC;EAC/D,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMG,cAAc,GAAG,IAAAJ,kBAAW;IAChC,UAACK,KAAgB,EAAK;MACpBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBR,cAAc,CAAC,IAAI,CAAC;;MAEpBC,UAAU,CAAC,CAAC;MACZL,OAAO,CAACO,OAAO,GAAGC,0BAAY,CAACK,UAAU,CAAC,YAAM;QAC9Cd,OAAO,CAACQ,OAAO,GAAG,KAAK;QACvBH,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IACD,CAACC,UAAU;EACb,CAAC;;EAED,IAAMO,cAAc,GAAG,IAAAN,kBAAW,EAAC,UAACK,KAAgB,EAAK;IACvDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACG,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,UAAU,GAAG,IAAAT,kBAAW;IAC5B,UAACK,KAAgB,EAAK;MACpBC,cAAc,CAACD,KAAK,CAAC;MACrBP,cAAc,CAAC,KAAK,CAAC;MACrBL,OAAO,CAACQ,OAAO,GAAG,KAAK;;MAEvBX,MAAM,YAANA,MAAM,CAAGe,KAAK,CAAC;IACjB,CAAC;IACD,CAACC,cAAc,EAAEhB,MAAM;EACzB,CAAC;;EAED,IAAAoB,gBAAS,EAAC,YAAM;IACd,IAAMC,GAAG,GAAGpB,YAAY,CAACU,OAAO;;IAEhC,IAAI,CAACU,GAAG,EAAE;MACR;IACF;;IAEAA,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEN,cAAc,CAAC;IACjDK,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEN,cAAc,CAAC;IACjDK,GAAG,CAACC,gBAAgB,CAAC,UAAU,EAAER,cAAc,CAAC;IAChDO,GAAG,CAACC,gBAAgB,CAAC,MAAM,EAAEH,UAAU,CAAC;;IAExC,OAAO,YAAM;MACXE,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEP,cAAc,CAAC;MACpDK,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEP,cAAc,CAAC;MACpDK,GAAG,CAACE,mBAAmB,CAAC,UAAU,EAAET,cAAc,CAAC;MACnDO,GAAG,CAACE,mBAAmB,CAAC,MAAM,EAAEJ,UAAU,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CAACA,UAAU,EAAEL,cAAc,EAAEE,cAAc,CAAC,CAAC;;EAEhD,OAAO,EAAET,WAAW,EAAXA,WAAW,EAAEc,GAAG,EAAEpB,YAAY,CAAC,CAAC;AAC3C,CAAC","ignoreList":[]}

package/cjs/hooks/useEffectWithoutInitCall.d.ts

@@ -1,2 +0,0 @@
-import { DependencyList } from 'react';
-export declare const useEffectWithoutInitCall: (effect: () => void, deps: DependencyList) => void;