@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

package/internal/PopupMenu/PopupMenu/PopupMenu.js

@@ -1,19 +1,34 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
+import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { getRandomID } from "../../../lib/utils";
 import { isKeyArrowVertical, isKeyEnter, isKeyEscape, isKeySpace, someKeys } from "../../../lib/events/keyboard/identifiers";
-import { InternalMenu } from "../../InternalMenu";
-import { Popup } from "../../Popup";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { Popup, PopupIds } from "../../Popup";
 import { RenderLayer } from "../../RenderLayer";
-import { PopupMenuPositions } from "../PopupMenuPositions";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { Menu } from "../../Menu";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isValidPositions } from "../validatePositions";
-import { jsStyles } from "../PopupMenu.styles";
+import { getStyles } from "../PopupMenu.styles";
 export var PopupMenuType = {
   Dropdown: 'dropdown',
   Tooltip: 'tooltip'
 };
-export var PopupMenu =
-/*#__PURE__*/
-function (_React$Component) {
+export var PopupMenuDataTids = {
+  root: 'PopupMenu__root',
+  caption: 'PopupMenu__caption'
+};
+var Positions = ['top left', 'top center', 'top right', 'right top', 'right middle', 'right bottom', 'bottom left', 'bottom center', 'bottom right', 'left top', 'left middle', 'left bottom'];
+export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(PopupMenu, _React$Component);
 
   function PopupMenu() {
@@ -24,6 +39,8 @@ function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.rootId = PopupIds.root + getRandomID();
+    _this.getProps = createPropsGetter(PopupMenu.defaultProps);
     _this.state = {
       menuVisible: false,
       firstItemShouldBeSelected: false
@@ -50,7 +67,23 @@ function (_React$Component) {
       }
     };
 
+    _this.passPropsToCaption = function (caption) {
+      var _this$props$popupMenu;
+
+      if (typeof caption === 'string' || typeof caption === 'number') {
+        return caption;
+      }
+
+      return /*#__PURE__*/React.cloneElement(caption, {
+        'aria-controls': (_this$props$popupMenu = _this.props.popupMenuId) != null ? _this$props$popupMenu : _this.rootId,
+        'aria-expanded': _this.state.menuVisible ? 'true' : 'false',
+        'aria-label': _this.props['aria-label']
+      });
+    };
+
     _this.renderCaption = function () {
+      var styles = getStyles(_this.emotion);
+
       if (typeof _this.props.caption === 'function') {
         var caption = _this.props.caption({
           opened: _this.state.menuVisible,
@@ -59,24 +92,24 @@ function (_React$Component) {
           toggleMenu: _this.toggleMenu
         });
 
-        return React.createElement("span", {
-          "data-tid": "PopupMenu__caption",
-          className: jsStyles.caption(),
+        return /*#__PURE__*/React.createElement("span", {
+          "data-tid": PopupMenuDataTids.caption,
+          className: styles.caption(),
           ref: function ref(element) {
             return _this.captionWrapper = element;
           }
-        }, caption);
+        }, _this.passPropsToCaption(caption));
       }
 
-      return React.createElement("span", {
-        "data-tid": "PopupMenu__caption",
+      return /*#__PURE__*/React.createElement("span", {
+        "data-tid": PopupMenuDataTids.caption,
         onClick: _this.handleCaptionClick,
         onKeyDown: _this.handleCaptionKeyDown,
         ref: function ref(element) {
           return _this.captionWrapper = element;
         },
-        className: jsStyles.caption()
-      }, _this.props.caption);
+        className: styles.caption()
+      }, _this.passPropsToCaption(_this.props.caption));
     };
 
     _this.hideMenuWithoutFocusing = function () {
@@ -128,8 +161,8 @@ function (_React$Component) {
     };
 
     _this.saveFocus = function () {
-      if (document) {
-        _this.savedFocusableElement = document.activeElement;
+      if (globalObject.document) {
+        _this.savedFocusableElement = globalObject.document.activeElement;
       }
     };
 
@@ -146,6 +179,14 @@ function (_React$Component) {
         _this.restoreFocus();
       }
 
+      if (_this.state.menuVisible && _this.props.onOpen) {
+        _this.props.onOpen();
+      }
+
+      if (!_this.state.menuVisible && _this.props.onClose) {
+        _this.props.onClose();
+      }
+
       if (typeof _this.props.onChangeMenuState === 'function') {
         _this.props.onChangeMenuState(_this.state.menuVisible, focusShouldBeRestored);
       }
@@ -171,52 +212,81 @@ function (_React$Component) {
   var _proto = PopupMenu.prototype;
 
   _proto.render = function render() {
-    return React.createElement(RenderLayer, {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
+      _this2.emotion = emotion;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+          value: ThemeFactory.create({
+            menuOffsetY: theme.popupMenuMenuOffsetY
+          }, theme)
+        }, _this2.renderMain());
+      });
+    });
+  };
+
+  _proto.renderMain = function renderMain() {
+    var _this$props$popupMenu2;
+
+    var _this$getProps = this.getProps(),
+        popupHasPin = _this$getProps.popupHasPin,
+        disableAnimations = _this$getProps.disableAnimations;
+
+    var styles = getStyles(this.emotion);
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(RenderLayer, {
       onClickOutside: this.hideMenuWithoutFocusing,
       onFocusOutside: this.hideMenuWithoutFocusing,
       active: this.state.menuVisible
-    }, React.createElement("div", {
-      className: jsStyles.container()
-    }, this.renderCaption(), this.captionWrapper && this.props.children && React.createElement(Popup, {
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-tid": PopupMenuDataTids.root,
+      className: styles.container(),
+      style: {
+        width: this.props.width
+      }
+    }, this.renderCaption(), this.captionWrapper && this.props.children && /*#__PURE__*/React.createElement(Popup, {
+      id: (_this$props$popupMenu2 = this.props.popupMenuId) != null ? _this$props$popupMenu2 : this.rootId,
       anchorElement: this.captionWrapper,
       opened: this.state.menuVisible,
       hasShadow: true,
       margin: this.props.popupMargin,
-      hasPin: this.props.popupHasPin,
+      hasPin: popupHasPin,
       pinOffset: this.props.popupPinOffset,
       positions: this.getPositions(),
-      disableAnimations: this.props.disableAnimations,
-      onOpen: this.handleOpen
-    }, React.createElement(InternalMenu, {
+      disableAnimations: disableAnimations,
+      onOpen: this.handleOpen,
+      mobileOnCloseRequest: this.hideMenu,
+      width: this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'
+    }, /*#__PURE__*/React.createElement(Menu, {
       hasShadow: false,
-      maxHeight: this.props.menuMaxHeight || 'none',
+      maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none',
       onKeyDown: this.handleKeyDown,
-      width: this.props.menuWidth || 'auto',
       onItemClick: this.handleItemSelection,
+      preventIconsOffset: this.props.preventIconsOffset,
       cyclicSelection: false,
       ref: this.refInternalMenu,
       initialSelectedItemIndex: this.state.firstItemShouldBeSelected ? 0 : -1,
       header: this.props.header,
       footer: this.props.footer
-    }, this.props.children))));
+    }, this.props.children)))));
   };
 
   _proto.getPositions = function getPositions() {
-    if (this.props.positions && isValidPositions(this.props.positions)) {
-      return this.props.positions;
+    var positions = this.getProps().positions;
+
+    if (positions && isValidPositions(positions)) {
+      return positions;
     }
 
-    return PopupMenuPositions;
+    return Positions;
   };
 
   return PopupMenu;
-}(React.Component);
-PopupMenu.__KONTUR_REACT_UI__ = 'PopupMenu';
-PopupMenu.defaultProps = {
-  positions: PopupMenuPositions,
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'PopupMenu', _class2.displayName = 'PopupMenu', _class2.defaultProps = {
+  positions: Positions,
   type: PopupMenuType.Tooltip,
   popupHasPin: true,
-  popupMargin: 0,
   disableAnimations: false
-};
-PopupMenu.Type = PopupMenuType;
+}, _class2.Type = PopupMenuType, _temp)) || _class) || _class;

package/internal/PopupMenu/PopupMenu/PopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PopupMenu.tsx"],"names":["React","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","InternalMenu","Popup","RenderLayer","PopupMenuPositions","isValidPositions","jsStyles","PopupMenuType","Dropdown","Tooltip","PopupMenu","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","renderCaption","props","caption","opened","openMenu","closeMenu","toggleMenu","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","container","children","popupMargin","popupHasPin","popupPinOffset","getPositions","disableAnimations","menuMaxHeight","menuWidth","header","footer","positions","Component","__KONTUR_REACT_UI__","defaultProps","Type"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport {\r\n  isKeyArrowVertical,\r\n  isKeyEnter,\r\n  isKeyEscape,\r\n  isKeySpace,\r\n  someKeys,\r\n} from '../../lib/events/keyboard/identifiers';\r\nimport { InternalMenu } from '../InternalMenu';\r\nimport { Popup, PopupPosition } from '../Popup';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { PopupMenuPositions } from './PopupMenuPositions';\r\nimport { isValidPositions } from './validatePositions';\r\nimport { jsStyles } from './PopupMenu.styles';\r\n\r\nexport interface PopupMenuCaptionProps {\r\n  opened: boolean;\r\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\r\n  closeMenu: (restoreFocus?: boolean) => void;\r\n  toggleMenu: () => void;\r\n}\r\n\r\nexport interface PopupMenuProps {\r\n  children?: React.ReactNode;\r\n  /** Максимальная высота меню */\r\n  menuMaxHeight?: number | string;\r\n  /** Ширина меню */\r\n  menuWidth?: number | string;\r\n\r\n  /**\r\n   * Элемент или функция возвращающая элемент,\r\n   * если передана, используется вместо ```caption```,\r\n   * в таком случае управлять открытием и закрытием меню\r\n   * придется в этой функции\r\n   */\r\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\r\n\r\n  header?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n\r\n  /**  Массив разрешенных положений меню относительно caption'а. */\r\n  positions?: PopupPosition[];\r\n  /** Колбэк, вызываемый после открытия/закрытия меню */\r\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\r\n  /** Пропсы, передающиеся в Popup */\r\n  popupHasPin?: boolean;\r\n  popupMargin?: number;\r\n  popupPinOffset?: number;\r\n  type?: 'dropdown' | 'tooltip';\r\n  disableAnimations: boolean;\r\n}\r\n\r\ninterface PopupMenuState {\r\n  menuVisible: boolean;\r\n  firstItemShouldBeSelected?: boolean;\r\n}\r\n\r\nexport const PopupMenuType = {\r\n  Dropdown: 'dropdown',\r\n  Tooltip: 'tooltip',\r\n};\r\n\r\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\r\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\r\n\r\n  public static defaultProps = {\r\n    positions: PopupMenuPositions,\r\n    type: PopupMenuType.Tooltip,\r\n    popupHasPin: true,\r\n    popupMargin: 0,\r\n    disableAnimations: false,\r\n  };\r\n\r\n  public static Type = PopupMenuType;\r\n\r\n  public state = {\r\n    menuVisible: false,\r\n    firstItemShouldBeSelected: false,\r\n  };\r\n\r\n  private captionWrapper: HTMLSpanElement | null = null;\r\n  private savedFocusableElement: HTMLElement | null = null;\r\n  private menu: Nullable<InternalMenu> = null;\r\n\r\n  public render() {\r\n    return (\r\n      <RenderLayer\r\n        onClickOutside={this.hideMenuWithoutFocusing}\r\n        onFocusOutside={this.hideMenuWithoutFocusing}\r\n        active={this.state.menuVisible}\r\n      >\r\n        <div className={jsStyles.container()}>\r\n          {this.renderCaption()}\r\n          {this.captionWrapper && this.props.children && (\r\n            <Popup\r\n              anchorElement={this.captionWrapper}\r\n              opened={this.state.menuVisible}\r\n              hasShadow\r\n              margin={this.props.popupMargin}\r\n              hasPin={this.props.popupHasPin}\r\n              pinOffset={this.props.popupPinOffset}\r\n              positions={this.getPositions()}\r\n              disableAnimations={this.props.disableAnimations}\r\n              onOpen={this.handleOpen}\r\n            >\r\n              <InternalMenu\r\n                hasShadow={false}\r\n                maxHeight={this.props.menuMaxHeight || 'none'}\r\n                onKeyDown={this.handleKeyDown}\r\n                width={this.props.menuWidth || 'auto'}\r\n                onItemClick={this.handleItemSelection}\r\n                cyclicSelection={false}\r\n                ref={this.refInternalMenu}\r\n                initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\r\n                header={this.props.header}\r\n                footer={this.props.footer}\r\n              >\r\n                {this.props.children}\r\n              </InternalMenu>\r\n            </Popup>\r\n          )}\r\n        </div>\r\n      </RenderLayer>\r\n    );\r\n  }\r\n\r\n  public open = (): void => this.showMenu();\r\n  public close = (): void => this.hideMenu();\r\n\r\n  private refInternalMenu = (element: Nullable<InternalMenu>) => (this.menu = element);\r\n\r\n  private handleOpen = () => {\r\n    if (this.menu) {\r\n      this.menu.focus();\r\n    }\r\n  };\r\n\r\n  private renderCaption = () => {\r\n    if (typeof this.props.caption === 'function') {\r\n      const caption = this.props.caption({\r\n        opened: this.state.menuVisible,\r\n        openMenu: this.showMenu,\r\n        closeMenu: this.hideMenu,\r\n        toggleMenu: this.toggleMenu,\r\n      });\r\n\r\n      return (\r\n        <span\r\n          data-tid=\"PopupMenu__caption\"\r\n          className={jsStyles.caption()}\r\n          ref={element => (this.captionWrapper = element)}\r\n        >\r\n          {caption}\r\n        </span>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <span\r\n        data-tid=\"PopupMenu__caption\"\r\n        onClick={this.handleCaptionClick}\r\n        onKeyDown={this.handleCaptionKeyDown}\r\n        ref={element => (this.captionWrapper = element)}\r\n        className={jsStyles.caption()}\r\n      >\r\n        {this.props.caption}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private hideMenuWithoutFocusing = () => this.hideMenu();\r\n\r\n  private getPositions() {\r\n    if (this.props.positions && isValidPositions(this.props.positions)) {\r\n      return this.props.positions;\r\n    }\r\n\r\n    return PopupMenuPositions;\r\n  }\r\n\r\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\r\n    this.saveFocus();\r\n    this.setState(\r\n      {\r\n        menuVisible: true,\r\n        firstItemShouldBeSelected,\r\n      },\r\n      () => {\r\n        this.handleChangeMenuVisible(false);\r\n      },\r\n    );\r\n  };\r\n\r\n  private hideMenu = (restoreFocus?: boolean): void => {\r\n    this.setState(\r\n      {\r\n        menuVisible: false,\r\n        firstItemShouldBeSelected: false,\r\n      },\r\n      () => {\r\n        this.handleChangeMenuVisible(!!restoreFocus);\r\n      },\r\n    );\r\n  };\r\n\r\n  private toggleMenu = (): void => {\r\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\r\n  };\r\n\r\n  private handleCaptionClick = (): void => {\r\n    this.toggleMenu();\r\n  };\r\n\r\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\r\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\r\n      e.preventDefault();\r\n      this.showMenu(true);\r\n    }\r\n  };\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\r\n    if (isKeyEscape(e)) {\r\n      const restoreFocus = true;\r\n      this.hideMenu(restoreFocus);\r\n    }\r\n  };\r\n\r\n  private saveFocus = (): void => {\r\n    if (document) {\r\n      this.savedFocusableElement = document.activeElement as HTMLElement;\r\n    }\r\n  };\r\n\r\n  private restoreFocus = (): void => {\r\n    if (this.savedFocusableElement) {\r\n      this.savedFocusableElement.focus();\r\n      this.savedFocusableElement = null;\r\n    }\r\n  };\r\n\r\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\r\n    if (focusShouldBeRestored) {\r\n      this.restoreFocus();\r\n    }\r\n    if (typeof this.props.onChangeMenuState === 'function') {\r\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\r\n    }\r\n  };\r\n\r\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\r\n    if (event.isDefaultPrevented()) {\r\n      return;\r\n    }\r\n\r\n    if (event.type === 'keydown') {\r\n      event.preventDefault();\r\n    }\r\n\r\n    const restoreFocus = event.type === 'keydown';\r\n    this.hideMenu(restoreFocus);\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["PopupMenu.tsx"],"names":["React","globalObject","EmotionConsumer","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","ThemeContext","isValidPositions","getStyles","PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","rootId","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","passPropsToCaption","cloneElement","props","popupMenuId","renderCaption","styles","emotion","opened","openMenu","closeMenu","toggleMenu","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","theme","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","popupHasPin","disableAnimations","setRootNode","container","width","children","popupMargin","popupPinOffset","getPositions","isMobileLayout","menuWidth","menuMaxHeight","preventIconsOffset","header","footer","positions","Component","__KONTUR_REACT_UI__","displayName","Type"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { getRandomID } from '../../lib/utils';\nimport { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupIds, PopupPositionsType } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { isValidPositions } from './validatePositions';\nimport { getStyles } from './PopupMenu.styles';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  children?: React.ReactNode;\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /** Ширина контейнера и caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPositionsType[];\n  /** Колбэк, вызываемый после открытия/закрытия меню */\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n  /** Пропсы, передающиеся в Popup */\n  popupHasPin?: boolean;\n  popupMargin?: number;\n  popupPinOffset?: number;\n  type?: 'dropdown' | 'tooltip';\n  disableAnimations?: boolean;\n  /** Действие при открытии меню */\n  onOpen?: () => void;\n  /** Действие при закрытии меню */\n  onClose?: () => void;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n}\n\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nexport const PopupMenuDataTids = {\n  root: 'PopupMenu__root',\n  caption: 'PopupMenu__caption',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n  'left top',\n  'left middle',\n  'left bottom',\n];\n\ntype DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;\n\n@rootNode\n@responsiveLayout\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\n  public static displayName = 'PopupMenu';\n\n  private isMobileLayout!: boolean;\n  private rootId = PopupIds.root + getRandomID();\n\n  public static defaultProps: DefaultProps = {\n    positions: Positions,\n    type: PopupMenuType.Tooltip,\n    popupHasPin: true,\n    disableAnimations: false,\n  };\n\n  private getProps = createPropsGetter(PopupMenu.defaultProps);\n\n  public static Type = PopupMenuType;\n\n  public state = {\n    menuVisible: false,\n    firstItemShouldBeSelected: false,\n  };\n\n  private captionWrapper: HTMLSpanElement | null = null;\n  private savedFocusableElement: HTMLElement | null = null;\n  private menu: Nullable<Menu> = null;\n  private setRootNode!: TSetRootNode;\n  private emotion!: Emotion;\n\n  public render(): JSX.Element {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                return (\n                  <ThemeContext.Provider\n                    value={ThemeFactory.create(\n                      {\n                        menuOffsetY: theme.popupMenuMenuOffsetY,\n                      },\n                      theme,\n                    )}\n                  >\n                    {this.renderMain()}\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    const styles = getStyles(this.emotion);\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div data-tid={PopupMenuDataTids.root} className={styles.container()} style={{ width: this.props.width }}>\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  hasShadow={false}\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.refInternalMenu}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private refInternalMenu = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    const styles = getStyles(this.emotion);\n\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n      });\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (globalObject.document) {\n      this.savedFocusableElement = globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"]}

package/internal/PopupMenu/PopupMenu.d.ts

@@ -1,17 +1,22 @@
-import React from 'react';
-import { PopupPosition } from '../Popup';
+import React, { AriaAttributes } from 'react';
+import { HTMLProps } from '../../typings/html';
+import { PopupPositionsType } from '../Popup';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { MenuProps } from '../Menu';
 export interface PopupMenuCaptionProps {
     opened: boolean;
     openMenu: (firstItemShouldBeSelected?: boolean) => void;
     closeMenu: (restoreFocus?: boolean) => void;
     toggleMenu: () => void;
 }
-export interface PopupMenuProps {
+export interface PopupMenuProps extends CommonProps, Pick<MenuProps, 'preventIconsOffset'>, Pick<AriaAttributes, 'aria-label'> {
     children?: React.ReactNode;
     /** Максимальная высота меню */
     menuMaxHeight?: number | string;
     /** Ширина меню */
     menuWidth?: number | string;
+    /** Ширина контейнера и caption */
+    width?: React.CSSProperties['width'];
     /**
      * Элемент или функция возвращающая элемент,
      * если передана, используется вместо ```caption```,
@@ -22,7 +27,7 @@ export interface PopupMenuProps {
     header?: React.ReactNode;
     footer?: React.ReactNode;
     /**  Массив разрешенных положений меню относительно caption'а. */
-    positions?: PopupPosition[];
+    positions?: PopupPositionsType[];
     /** Колбэк, вызываемый после открытия/закрытия меню */
     onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;
     /** Пропсы, передающиеся в Popup */
@@ -30,28 +35,41 @@ export interface PopupMenuProps {
     popupMargin?: number;
     popupPinOffset?: number;
     type?: 'dropdown' | 'tooltip';
-    disableAnimations: boolean;
+    disableAnimations?: boolean;
+    /** Действие при открытии меню */
+    onOpen?: () => void;
+    /** Действие при закрытии меню */
+    onClose?: () => void;
+    /**
+     * Позволяет задать `id` выпадающему меню.
+     *
+     * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.
+     */
+    popupMenuId?: HTMLProps['id'];
 }
 interface PopupMenuState {
     menuVisible: boolean;
     firstItemShouldBeSelected?: boolean;
 }
 export declare const PopupMenuType: {
-    Dropdown: string;
-    Tooltip: string;
+    readonly Dropdown: "dropdown";
+    readonly Tooltip: "tooltip";
 };
+export declare const PopupMenuDataTids: {
+    readonly root: "PopupMenu__root";
+    readonly caption: "PopupMenu__caption";
+};
+declare type DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;
 export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        positions: PopupPosition[];
-        type: string;
-        popupHasPin: boolean;
-        popupMargin: number;
-        disableAnimations: boolean;
-    };
+    static displayName: string;
+    private isMobileLayout;
+    private rootId;
+    static defaultProps: DefaultProps;
+    private getProps;
     static Type: {
-        Dropdown: string;
-        Tooltip: string;
+        readonly Dropdown: "dropdown";
+        readonly Tooltip: "tooltip";
     };
     state: {
         menuVisible: boolean;
@@ -60,11 +78,15 @@ export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenu
     private captionWrapper;
     private savedFocusableElement;
     private menu;
+    private setRootNode;
+    private emotion;
     render(): JSX.Element;
+    private renderMain;
     open: () => void;
     close: () => void;
     private refInternalMenu;
     private handleOpen;
+    private passPropsToCaption;
     private renderCaption;
     private hideMenuWithoutFocusing;
     private getPositions;

package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js

@@ -1,32 +1,15 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  caption: function caption() {
-    return css(_templateObject());
-  },
-  container: function container() {
-    return css(_templateObject2());
-  }
-};
-export var jsStyles = memoizeStyle(styles);
+var _templateObject, _templateObject2;
+
+import { memoizeStyle } from "../../../lib/theming/Emotion";
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    caption: function caption() {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        width: 100%;\n      "])));
+    },
+    container: function container() {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        line-height: normal;\n      "])));
+    }
+  });
+};

package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PopupMenu.styles.ts"],"names":["css","memoizeStyle","styles","caption","container","jsStyles"],"mappings":"+cAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,WAAOH,GAAP;;;AAGD,GALY;AAMbI,EAAAA,SANa,uBAMD;AACV,WAAOJ,GAAP;;;AAGD,GAVY,EAAf;;;AAaA,OAAO,IAAMK,QAAQ,GAAGJ,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  caption() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n  container() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["PopupMenu.styles.ts"],"names":["memoizeStyle","getStyles","emotion","caption","css","container"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,OADW,qBACD;AACR,eAAOD,OAAO,CAACE,GAAf;;;;AAID,OANU;AAOXC,MAAAA,SAPW,uBAOC;AACV,eAAOH,OAAO,CAACE,GAAf;;;;AAID,OAZU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    caption() {\n      return emotion.css`\n        display: inline-block;\n        width: 100%;\n      `;\n    },\n    container() {\n      return emotion.css`\n        display: inline-block;\n        line-height: normal;\n      `;\n    },\n  });\n"]}

package/internal/PopupMenu/PopupMenu.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const jsStyles: {
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const getStyles: (emotion: Emotion) => {
     caption(): string;
     container(): string;
 };

package/internal/PopupMenu/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAd","sourcesContent":["export * from './PopupMenu';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAd","sourcesContent":["export * from './PopupMenu';\n"]}

package/internal/PopupMenu/validatePositions/validatePositions.js

@@ -1,20 +1,20 @@
 import { isProductionEnv } from "../../../lib/currentEnvironment";
-import { PopupMenuPositions } from "../PopupMenuPositions";
+import { PopupPositions } from "../../Popup";
 
 var isValidPosition = function isValidPosition(position) {
-  return PopupMenuPositions.includes(position);
+  return PopupPositions.includes(position);
 };
 
 export var isValidPositions = function isValidPositions(positions) {
   return positions.every(function (item) {
     if (isProductionEnv) {
       return isValidPosition(item);
-    } else {
-      if (isValidPosition(item)) {
-        return true;
-      } else {
-        throw new Error("Unxpected position \"" + item + "\"");
-      }
     }
+
+    if (isValidPosition(item)) {
+      return true;
+    }
+
+    throw new Error("Unxpected position \"" + item + "\"");
   });
 };

package/internal/PopupMenu/validatePositions/validatePositions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["validatePositions.tsx"],"names":["isProductionEnv","PopupMenuPositions","isValidPosition","position","includes","isValidPositions","positions","every","item","Error"],"mappings":"AAAA,SAASA,eAAT,QAAgC,8BAAhC;;;AAGA,SAASC,kBAAT,QAAmC,sBAAnC;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD,EAAsC;AAC5D,SAAOF,kBAAkB,CAACG,QAAnB,CAA4BD,QAA5B,CAAP;AACD,CAFD;;AAIA,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD,EAAyC;AACvE,SAAOA,SAAS,CAACC,KAAV,CAAgB,UAAAC,IAAI,EAAI;AAC7B,QAAIR,eAAJ,EAAqB;AACnB,aAAOE,eAAe,CAACM,IAAD,CAAtB;AACD,KAFD,MAEO;AACL,UAAIN,eAAe,CAACM,IAAD,CAAnB,EAA2B;AACzB,eAAO,IAAP;AACD,OAFD,MAEO;AACL,cAAM,IAAIC,KAAJ,2BAAiCD,IAAjC,QAAN;AACD;AACF;AACF,GAVM,CAAP;AAWD,CAZM","sourcesContent":["import { isProductionEnv } from '../../lib/currentEnvironment';\r\nimport { PopupPosition } from '../Popup';\r\n\r\nimport { PopupMenuPositions } from './PopupMenuPositions';\r\n\r\nconst isValidPosition = (position: PopupPosition): boolean => {\r\n  return PopupMenuPositions.includes(position);\r\n};\r\n\r\nexport const isValidPositions = (positions: PopupPosition[]): boolean => {\r\n  return positions.every(item => {\r\n    if (isProductionEnv) {\r\n      return isValidPosition(item);\r\n    } else {\r\n      if (isValidPosition(item)) {\r\n        return true;\r\n      } else {\r\n        throw new Error(`Unxpected position \"${item}\"`);\r\n      }\r\n    }\r\n  });\r\n};\r\n"]}
+{"version":3,"sources":["validatePositions.ts"],"names":["isProductionEnv","PopupPositions","isValidPosition","position","includes","isValidPositions","positions","every","item","Error"],"mappings":"AAAA,SAASA,eAAT,QAAgC,8BAAhC;AACA,SAA6BC,cAA7B,QAAmD,UAAnD;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD,EAA2C;AACjE,SAAOF,cAAc,CAACG,QAAf,CAAwBD,QAAxB,CAAP;AACD,CAFD;;AAIA,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD,EAA8C;AAC5E,SAAOA,SAAS,CAACC,KAAV,CAAgB,UAACC,IAAD,EAAU;AAC/B,QAAIR,eAAJ,EAAqB;AACnB,aAAOE,eAAe,CAACM,IAAD,CAAtB;AACD;;AAED,QAAIN,eAAe,CAACM,IAAD,CAAnB,EAA2B;AACzB,aAAO,IAAP;AACD;;AAED,UAAM,IAAIC,KAAJ,2BAAiCD,IAAjC,QAAN;AACD,GAVM,CAAP;AAWD,CAZM","sourcesContent":["import { isProductionEnv } from '../../lib/currentEnvironment';\nimport { PopupPositionsType, PopupPositions } from '../Popup';\n\nconst isValidPosition = (position: PopupPositionsType): boolean => {\n  return PopupPositions.includes(position);\n};\n\nexport const isValidPositions = (positions: PopupPositionsType[]): boolean => {\n  return positions.every((item) => {\n    if (isProductionEnv) {\n      return isValidPosition(item);\n    }\n\n    if (isValidPosition(item)) {\n      return true;\n    }\n\n    throw new Error(`Unxpected position \"${item}\"`);\n  });\n};\n"]}

package/internal/PopupMenu/validatePositions.d.ts

@@ -1,2 +1,2 @@
-import { PopupPosition } from '../Popup';
-export declare const isValidPositions: (positions: PopupPosition[]) => boolean;
+import { PopupPositionsType } from '../Popup';
+export declare const isValidPositions: (positions: PopupPositionsType[]) => boolean;