@skbkontur/react-ui 0.0.0-1ee663e1d9 → 0.0.0-1fb0cccdc2

package/internal/Popup/Popup.d.ts

@@ -1,11 +1,15 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { Nullable } from '../../typings/utility-types';
 import { FocusEventType, MouseEventType } from '../../typings/event-types';
 import { CommonProps } from '../CommonWrapper';
-export declare const PopupPositions: readonly ["top left", "top center", "top right", "right top", "right middle", "right bottom", "bottom right", "bottom center", "bottom left", "left bottom", "left middle", "left top"];
-export declare const DefaultPosition: "top left";
+import { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
+export declare const PopupPositions: readonly ["top center", "top left", "top right", "bottom center", "bottom left", "bottom right", "left middle", "left top", "left bottom", "right middle", "right top", "right bottom"];
+export declare const OldPopupPositions: readonly ["top left", "top center", "top right", "right top", "right middle", "right bottom", "bottom right", "bottom center", "bottom left", "left bottom", "left middle", "left top"];
+export declare const DefaultPosition: "top center";
+export declare const OldDefaultPosition: "top left";
 export declare type PopupPositionsType = typeof PopupPositions[number];
+export declare type ShortPopupPositionsType = 'top' | 'bottom' | 'left' | 'right';
 export declare const DUMMY_LOCATION: PopupLocation;
 export interface PopupHandlerProps {
     onMouseEnter?: (event: MouseEventType) => void;
@@ -16,7 +20,7 @@ export interface PopupHandlerProps {
     onOpen?: () => void;
     onClose?: () => void;
 }
-export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerProps {
+export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     anchorElement: React.ReactNode | HTMLElement;
     backgroundColor?: React.CSSProperties['backgroundColor'];
     borderColor?: React.CSSProperties['borderColor'];
@@ -30,7 +34,8 @@ export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerP
     pinOffset?: number;
     pinSize?: number;
     popupOffset?: number;
-    positions: Readonly<PopupPositionsType[]>;
+    positions?: Readonly<PopupPositionsType[]>;
+    pos?: PopupPositionsType | ShortPopupPositionsType;
     /**
      * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
      *
@@ -41,7 +46,7 @@ export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerP
     width?: React.CSSProperties['width'];
     /**
      * При очередном рендере пытаться сохранить первоначальную позицию попапа
-     * (в числе числе, когда он выходит за пределы экрана, но может быть проскролен в него).
+     * (в том числе, когда он выходит за пределы экрана, но может быть проскролен в него).
      *
      * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.
      * @see https://github.com/skbkontur/retail-ui/pull/1195
@@ -65,13 +70,18 @@ export interface PopupState {
     location: Nullable<PopupLocation>;
 }
 export declare const PopupDataTids: {
+    readonly root: "Popup__root";
     readonly content: "PopupContent";
     readonly contentInner: "PopupContentInner";
     readonly popupPin: "PopupPin__root";
 };
+export declare const PopupIds: {
+    root: "Popup__root";
+};
 declare type DefaultProps = Required<Pick<PopupProps, 'popupOffset' | 'hasPin' | 'hasShadow' | 'disableAnimations' | 'useWrapper' | 'ignoreHover' | 'width'>>;
 export declare class Popup extends React.Component<PopupProps, PopupState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         /**
          * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
@@ -117,6 +127,10 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
          * на котором будет отображаться пин
          */
         positions: PropTypes.Requireable<any[]>;
+        /**
+         * Приоритетная позиция попапа
+         */
+        pos: PropTypes.Requireable<string>;
         /**
          * Игнорировать ли события hover/click
          */
@@ -127,13 +141,15 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     static readonly defaultRootNode: null;
     state: PopupState;
     private theme;
+    featureFlags: ReactUIFeatureFlags;
     private layoutEventsToken;
     private locationUpdateId;
-    private lastPopupElement;
+    private lastPopupContentElement;
     private isMobileLayout;
     private setRootNode;
     private refForTransition;
     private hasAnchorElementListeners;
+    private rootId;
     anchorElement: Nullable<Element>;
     componentDidMount(): void;
     static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState): PopupState;
@@ -155,13 +171,14 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private renderContent;
     private resetLocation;
     private renderChildren;
-    private refPopupElement;
+    private refPopupContentElement;
     private renderPin;
     private handleLayoutEvent;
     private delayUpdateLocation;
     private cancelDelayedUpdateLocation;
     private updateLocation;
     private locationEquals;
+    private reorderPropsPositionsWithPriorityPos;
     private getLocation;
     private getPinnedPopupOffset;
     private getCoordinates;

package/internal/Popup/PopupHelper/PopupHelper.js

@@ -1,4 +1,4 @@
-import { globalThat, renderTarget } from "../../../lib/SSRSafe";
+import { globalObject } from '@skbkontur/global-object';
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 
 function getPositionObject(position) {
@@ -63,10 +63,10 @@ function _getWindowRelativeRect() {
     left: 0,
     width: _getViewProperty(function (x) {
       return x.clientWidth;
-    }) || globalThat.innerWidth,
+    }) || globalObject.innerWidth || 0,
     height: _getViewProperty(function (x) {
       return x.clientHeight;
-    }) || globalThat.innerHeight
+    }) || globalObject.innerHeight || 0
   };
 }
 
@@ -82,11 +82,11 @@ function convertRectToAbsolute(rect) {
 }
 
 function _getAbsoluteOffset() {
-  var scrollTop = globalThat.pageYOffset || _getViewProperty(function (x) {
+  var scrollTop = globalObject.pageYOffset || _getViewProperty(function (x) {
     return x.scrollTop;
   });
 
-  var scrollLeft = globalThat.pageXOffset || _getViewProperty(function (x) {
+  var scrollLeft = globalObject.pageXOffset || _getViewProperty(function (x) {
     return x.scrollLeft;
   });
 
@@ -111,7 +111,9 @@ function _rectContainsRect(outerRect, innerRect) {
 }
 
 function _getViewProperty(getProperty) {
-  var views = [renderTarget.documentElement, renderTarget.body];
+  var _globalObject$documen, _globalObject$documen2;
+
+  var views = [(_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.documentElement, (_globalObject$documen2 = globalObject.document) == null ? void 0 : _globalObject$documen2.body];
   return views.map(function (x) {
     return x && getProperty(x);
   }).find(Boolean) || 0;

package/internal/Popup/PopupHelper/PopupHelper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PopupHelper.tsx"],"names":["globalThat","renderTarget","getDOMRect","getPositionObject","position","x","split","direction","align","getElementAbsoluteRect","element","rect","_getElementRelativeRect","convertRectToAbsolute","isAbsoluteRectFullyVisible","coordinates","popupRect","windowRelativeRect","_getWindowRelativeRect","windowAbsoluteRect","absoluteRect","top","left","height","width","_rectContainsRect","canBecomeFullyVisible","positionName","availableScrollDistances","right","bottom","_getViewProperty","clientWidth","innerWidth","clientHeight","innerHeight","offset","_getAbsoluteOffset","scrollTop","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","outerRect","innerRect","getProperty","views","documentElement","body","map","find","Boolean","PopupHelper","isFullyVisible"],"mappings":"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","sourcesContent":["import { globalThat, renderTarget } from '../../lib/SSRSafe';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { PopupPositionsType } from './Popup';\n\nexport interface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport interface PositionObject {\n  direction: string;\n  align: string;\n}\n\nfunction getPositionObject(position: string): PositionObject {\n  const x = position.split(' ');\n\n  return {\n    direction: x[0],\n    align: x[1],\n  };\n}\n\nfunction getElementAbsoluteRect(element: Element): Rect {\n  const rect = _getElementRelativeRect(element);\n  return convertRectToAbsolute(rect);\n}\n\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean {\n  const windowRelativeRect = _getWindowRelativeRect();\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\n  const absoluteRect = {\n    top: coordinates.top,\n    left: coordinates.left,\n    height: popupRect.height,\n    width: popupRect.width,\n  };\n\n  return _rectContainsRect(windowAbsoluteRect, absoluteRect);\n}\n\n// Can become fully visible by scrolling into viewport\nfunction canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset) {\n  const position = getPositionObject(positionName);\n\n  if (position.direction === 'top') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.top + availableScrollDistances.top >= 0;\n  }\n\n  if (position.direction === 'left') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.left + availableScrollDistances.left >= 0;\n  }\n\n  // NOTE: for bottom/right cases browser will always expand document size\n  return true;\n}\n\nfunction _getElementRelativeRect(element: Element) {\n  const rect = getDOMRect(element);\n\n  return {\n    top: rect.top,\n    left: rect.left,\n    width: rect.right - rect.left,\n    height: rect.bottom - rect.top,\n  };\n}\n\nfunction _getWindowRelativeRect(): Rect {\n  return {\n    top: 0,\n    left: 0,\n    width: _getViewProperty((x) => x.clientWidth) || globalThat.innerWidth,\n    height: _getViewProperty((x) => x.clientHeight) || globalThat.innerHeight,\n  };\n}\n\nfunction convertRectToAbsolute(rect: Rect): Rect {\n  const offset = _getAbsoluteOffset();\n\n  return {\n    top: rect.top + offset.top,\n    left: rect.left + offset.left,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n\nfunction _getAbsoluteOffset(): Offset {\n  const scrollTop = globalThat.pageYOffset || _getViewProperty((x) => x.scrollTop);\n  const scrollLeft = globalThat.pageXOffset || _getViewProperty((x) => x.scrollLeft);\n\n  const clientTop = _getViewProperty((x) => x.clientTop);\n  const clientLeft = _getViewProperty((x) => x.clientLeft);\n\n  const top = scrollTop - clientTop;\n  const left = scrollLeft - clientLeft;\n\n  return {\n    top,\n    left,\n  };\n}\n\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\n  return (\n    innerRect.top > outerRect.top &&\n    innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\n    innerRect.left > outerRect.left &&\n    innerRect.left + innerRect.width < outerRect.left + outerRect.width\n  );\n}\n\nfunction _getViewProperty(getProperty: (e: Element) => number): number {\n  const views = [renderTarget.documentElement, renderTarget.body];\n  return views.map((x) => x && getProperty(x)).find(Boolean) || 0;\n}\n\nexport const PopupHelper = {\n  getPositionObject,\n  getElementAbsoluteRect,\n  isFullyVisible: isAbsoluteRectFullyVisible,\n  canBecomeFullyVisible,\n};\n"]}
+{"version":3,"sources":["PopupHelper.tsx"],"names":["globalObject","getDOMRect","getPositionObject","position","x","split","direction","align","getElementAbsoluteRect","element","rect","_getElementRelativeRect","convertRectToAbsolute","isAbsoluteRectFullyVisible","coordinates","popupRect","windowRelativeRect","_getWindowRelativeRect","windowAbsoluteRect","absoluteRect","top","left","height","width","_rectContainsRect","canBecomeFullyVisible","positionName","availableScrollDistances","right","bottom","_getViewProperty","clientWidth","innerWidth","clientHeight","innerHeight","offset","_getAbsoluteOffset","scrollTop","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","outerRect","innerRect","getProperty","views","document","documentElement","body","map","find","Boolean","PopupHelper","isFullyVisible"],"mappings":"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","sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { PopupPositionsType } from './Popup';\n\nexport interface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport interface PositionObject {\n  direction: string;\n  align: string;\n}\n\nfunction getPositionObject(position: string): PositionObject {\n  const x = position.split(' ');\n\n  return {\n    direction: x[0],\n    align: x[1],\n  };\n}\n\nfunction getElementAbsoluteRect(element: Element): Rect {\n  const rect = _getElementRelativeRect(element);\n  return convertRectToAbsolute(rect);\n}\n\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean {\n  const windowRelativeRect = _getWindowRelativeRect();\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\n  const absoluteRect = {\n    top: coordinates.top,\n    left: coordinates.left,\n    height: popupRect.height,\n    width: popupRect.width,\n  };\n\n  return _rectContainsRect(windowAbsoluteRect, absoluteRect);\n}\n\n// Can become fully visible by scrolling into viewport\nfunction canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset) {\n  const position = getPositionObject(positionName);\n\n  if (position.direction === 'top') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.top + availableScrollDistances.top >= 0;\n  }\n\n  if (position.direction === 'left') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.left + availableScrollDistances.left >= 0;\n  }\n\n  // NOTE: for bottom/right cases browser will always expand document size\n  return true;\n}\n\nfunction _getElementRelativeRect(element: Element) {\n  const rect = getDOMRect(element);\n\n  return {\n    top: rect.top,\n    left: rect.left,\n    width: rect.right - rect.left,\n    height: rect.bottom - rect.top,\n  };\n}\n\nfunction _getWindowRelativeRect(): Rect {\n  return {\n    top: 0,\n    left: 0,\n    width: _getViewProperty((x) => x.clientWidth) || globalObject.innerWidth || 0,\n    height: _getViewProperty((x) => x.clientHeight) || globalObject.innerHeight || 0,\n  };\n}\n\nfunction convertRectToAbsolute(rect: Rect): Rect {\n  const offset = _getAbsoluteOffset();\n\n  return {\n    top: rect.top + offset.top,\n    left: rect.left + offset.left,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n\nfunction _getAbsoluteOffset(): Offset {\n  const scrollTop = globalObject.pageYOffset || _getViewProperty((x) => x.scrollTop);\n  const scrollLeft = globalObject.pageXOffset || _getViewProperty((x) => x.scrollLeft);\n\n  const clientTop = _getViewProperty((x) => x.clientTop);\n  const clientLeft = _getViewProperty((x) => x.clientLeft);\n\n  const top = scrollTop - clientTop;\n  const left = scrollLeft - clientLeft;\n\n  return {\n    top,\n    left,\n  };\n}\n\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\n  return (\n    innerRect.top > outerRect.top &&\n    innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\n    innerRect.left > outerRect.left &&\n    innerRect.left + innerRect.width < outerRect.left + outerRect.width\n  );\n}\n\nfunction _getViewProperty(getProperty: (e: Element) => number): number {\n  const views = [globalObject.document?.documentElement, globalObject.document?.body];\n  return views.map((x) => x && getProperty(x)).find(Boolean) || 0;\n}\n\nexport const PopupHelper = {\n  getPositionObject,\n  getElementAbsoluteRect,\n  isFullyVisible: isAbsoluteRectFullyVisible,\n  canBecomeFullyVisible,\n};\n"]}

package/internal/Popup/PopupPin/PopupPin.js

@@ -205,6 +205,7 @@ export var PopupPin = /*#__PURE__*/function (_React$Component) {
   return PopupPin;
 }(React.Component);
 PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';
+PopupPin.displayName = 'PopupPin';
 PopupPin.propTypes = {
   /**
   * Цвет фон пина
@@ -232,7 +233,7 @@ PopupPin.propTypes = {
   popupElement: PropTypes.any,
 
   /**
-  * Позиция поапа, по которой будет вычеслено положение пина
+  * Позиция попапа, по которой будет вычислено положение пина
   */
   popupPosition: PropTypes.string,
 

package/internal/Popup/PopupPin/PopupPin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PopupPin.tsx"],"names":["React","PropTypes","PopupHelper","styles","PopupDataTids","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","getPinOptions","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","popupPin","wrapper","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","width","height","borderWitdth","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","Component","__KONTUR_REACT_UI__","propTypes","string","number","any"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { styles } from './PopupPin.styles';\nimport { PopupDataTids } from './Popup';\n\nconst borderStyles = {\n  position: 'absolute',\n  borderStyle: 'solid',\n  borderTopColor: 'transparent',\n  borderBottomColor: 'transparent',\n  borderLeftColor: 'transparent',\n  borderRightColor: 'transparent',\n};\n\ninterface Props {\n  backgroundColor: string;\n  borderColor: string;\n  borderWidth: number;\n  offset: number;\n  popupElement: Nullable<Element>;\n  popupPosition: string;\n  size: number;\n}\n\nexport class PopupPin extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n\n  public static propTypes = {\n    /**\n     * Цвет фон пина\n     */\n    backgroundColor: PropTypes.string,\n\n    /**\n     * Цвет границы пина\n     */\n    borderColor: PropTypes.string,\n\n    /**\n     * Ширина границы пина\n     */\n    borderWidth: PropTypes.number,\n\n    /**\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n     */\n    offset: PropTypes.number,\n\n    /**\n     * Ссылка на попап\n     */\n    popupElement: PropTypes.any,\n\n    /**\n     * Позиция поапа, по которой будет вычеслено положение пина\n     */\n    popupPosition: PropTypes.string,\n\n    /**\n     * Сторона пина без учёта границы.\n     * Пин представляет собой равносторонний треугольник, высота от попапа\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n     */\n    size: PropTypes.number,\n  };\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    const options = this.getPinOptions(\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\n      PopupHelper.getPositionObject(this.props.popupPosition),\n      this.props.size,\n      this.props.offset,\n      this.props.borderWidth,\n    );\n\n    const styleOuter: React.CSSProperties = this.getOuterStyle(\n      options.activeBorder,\n      options.outerSize,\n      this.props.borderColor,\n    );\n\n    const styleInner: React.CSSProperties = this.getInnerStyle(\n      options.activeBorder,\n      this.props.size,\n      this.props.backgroundColor,\n    );\n\n    const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\n\n    return (\n      <div data-tid={PopupDataTids.popupPin} className={styles.wrapper()} style={styleWrapper}>\n        <div style={styleOuter}>\n          <div style={styleInner} />\n        </div>\n      </div>\n    );\n  }\n\n  private getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n    switch (popupDirection) {\n      case 'top':\n        return 'bottom';\n      case 'bottom':\n        return 'top';\n      case 'left':\n        return 'right';\n      case 'right':\n        return 'left';\n      default:\n        throw new TypeError('Unknown direction ' + popupDirection);\n    }\n  }\n\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -borderWidth + 'px',\n          left: left + 'px',\n          width: borderWidth * 2 + 'px',\n          height: borderWidth + 'px',\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -borderWidth + 'px',\n          top: top + 'px',\n          height: borderWidth * 2 + 'px',\n          width: borderWidth + 'px',\n        };\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          left: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          top: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          left: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          top: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getPinOptions(\n    popupRect: Rect,\n    popupPosition: PositionObject,\n    pinSize: number,\n    pinOffset: number,\n    borderWidth: number,\n  ) {\n    const bordersDelta = 2 * borderWidth;\n    const outerSize = pinSize + bordersDelta;\n\n    switch (popupPosition.direction) {\n      case 'top':\n        return {\n          outerTop: popupRect.height,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Top',\n          outerSize,\n        };\n      case 'bottom':\n        return {\n          outerTop: -2 * outerSize,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize + 2 * bordersDelta,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Bottom',\n          outerSize,\n        };\n      case 'left':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: popupRect.width,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize,\n          activeBorder: 'Left',\n          outerSize,\n        };\n      case 'right':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: -2 * outerSize,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize + 2 * bordersDelta,\n          activeBorder: 'Right',\n          outerSize,\n        };\n      default:\n        throw new Error('Direction must be one of top, right, bottom, left');\n    }\n  }\n\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'top':\n        return pinOffset;\n      case 'middle':\n        return popupRect.height / 2 - pinHeight;\n      case 'bottom':\n        return popupRect.height - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'left':\n        return pinOffset;\n      case 'center':\n        return popupRect.width / 2 - pinHeight;\n      case 'right':\n        return popupRect.width - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["PopupPin.tsx"],"names":["React","PropTypes","PopupHelper","styles","PopupDataTids","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","getPinOptions","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","popupPin","wrapper","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","width","height","borderWitdth","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","Component","__KONTUR_REACT_UI__","displayName","propTypes","string","number","any"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;;;AAIA,SAASC,WAAT,QAAkD,eAAlD;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC,aAAT,QAA8B,SAA9B;;AAEA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,QAAQ,EAAE,UADS;AAEnBC,EAAAA,WAAW,EAAE,OAFM;AAGnBC,EAAAA,cAAc,EAAE,aAHG;AAInBC,EAAAA,iBAAiB,EAAE,aAJA;AAKnBC,EAAAA,eAAe,EAAE,aALE;AAMnBC,EAAAA,gBAAgB,EAAE,aANC,EAArB;;;;;;;;;;;;;AAmBA,WAAaC,QAAb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CSC,EAAAA,MA3CT,GA2CE,kBAAgB;AACd,QAAI,CAAC,KAAKC,KAAL,CAAWC,YAAhB,EAA8B;AAC5B,aAAO,IAAP;AACD;;AAED,QAAMC,OAAO,GAAG,KAAKC,aAAL;AACdf,IAAAA,WAAW,CAACgB,sBAAZ,CAAmC,KAAKJ,KAAL,CAAWC,YAA9C,CADc;AAEdb,IAAAA,WAAW,CAACiB,iBAAZ,CAA8B,KAAKL,KAAL,CAAWM,aAAzC,CAFc;AAGd,SAAKN,KAAL,CAAWO,IAHG;AAId,SAAKP,KAAL,CAAWQ,MAJG;AAKd,SAAKR,KAAL,CAAWS,WALG,CAAhB;;;AAQA,QAAMC,UAA+B,GAAG,KAAKC,aAAL;AACtCT,IAAAA,OAAO,CAACU,YAD8B;AAEtCV,IAAAA,OAAO,CAACW,SAF8B;AAGtC,SAAKb,KAAL,CAAWc,WAH2B,CAAxC;;;AAMA,QAAMC,UAA+B,GAAG,KAAKC,aAAL;AACtCd,IAAAA,OAAO,CAACU,YAD8B;AAEtC,SAAKZ,KAAL,CAAWO,IAF2B;AAGtC,SAAKP,KAAL,CAAWiB,eAH2B,CAAxC;;;AAMA,QAAMC,YAAY,GAAG,KAAKC,eAAL,CAAqBjB,OAAO,CAACkB,SAA7B,EAAwClB,OAAO,CAACmB,QAAhD,EAA0DnB,OAAO,CAACW,SAAlE,CAArB;;AAEA;AACE,mCAAK,YAAUvB,aAAa,CAACgC,QAA7B,EAAuC,SAAS,EAAEjC,MAAM,CAACkC,OAAP,EAAlD,EAAoE,KAAK,EAAEL,YAA3E;AACE,mCAAK,KAAK,EAAER,UAAZ;AACE,mCAAK,KAAK,EAAEK,UAAZ,GADF,CADF,CADF;;;;AAOD,GA7EH;;AA+EUS,EAAAA,yBA/EV,GA+EE,qCAAyE;AACvE,QAAMC,cAAc,GAAGrC,WAAW,CAACiB,iBAAZ,CAA8B,KAAKL,KAAL,CAAWM,aAAzC,EAAwDoB,SAA/E;AACA,YAAQD,cAAR;AACE,WAAK,KAAL;AACE,eAAO,QAAP;AACF,WAAK,QAAL;AACE,eAAO,KAAP;AACF,WAAK,MAAL;AACE,eAAO,OAAP;AACF,WAAK,OAAL;AACE,eAAO,MAAP;AACF;AACE,cAAM,IAAIE,SAAJ,CAAc,uBAAuBF,cAArC,CAAN,CAVJ;;AAYD,GA7FH;;AA+FUN,EAAAA,eA/FV,GA+FE,yBAAwBS,IAAxB,EAAsCC,GAAtC,EAAmDpB,WAAnD,EAAwE;AACtE,QAAMiB,SAAS,GAAG,KAAKF,yBAAL,EAAlB;AACA,YAAQE,SAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE;AACGA,QAAAA,SADH,IACe,CAACjB,WAAD,GAAe,IAD9B;AAEEmB,QAAAA,IAFF,GAEQA,IAAI,GAAG,IAFf;AAGEE,QAAAA,KAHF,GAGSrB,WAAW,GAAG,CAAd,GAAkB,IAH3B;AAIEsB,QAAAA,MAJF,GAIUtB,WAAW,GAAG,IAJxB;;AAMF,WAAK,MAAL;AACA,WAAK,OAAL;AACE;AACGiB,QAAAA,SADH,IACe,CAACjB,WAAD,GAAe,IAD9B;AAEEoB,QAAAA,GAFF,GAEOA,GAAG,GAAG,IAFb;AAGEE,QAAAA,MAHF,GAGUtB,WAAW,GAAG,CAAd,GAAkB,IAH5B;AAIEqB,QAAAA,KAJF,GAISrB,WAAW,GAAG,IAJvB;;AAMF;AACE,cAAM,IAAIkB,SAAJ,CAAc,uBAAuBD,SAArC,CAAN,CAlBJ;;AAoBD,GArHH;;AAuHUf,EAAAA,aAvHV,GAuHE,uBAAsBC,YAAtB,EAA4CoB,YAA5C,EAAkElB,WAAlE,EAA4G;AAC1G,QAAMY,SAAS,GAAG,KAAKF,yBAAL,EAAlB;AACA,YAAQE,SAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE;AACKnC,QAAAA,YADL;AAEGmC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,IAF/B;AAGEJ,QAAAA,IAHF,GAGQ,KAHR;AAIEnB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF,WAAK,MAAL;AACA,WAAK,OAAL;AACE;AACKvB,QAAAA,YADL;AAEGmC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,IAF/B;AAGEH,QAAAA,GAHF,GAGO,KAHP;AAIEpB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF;AACE,cAAM,IAAIa,SAAJ,CAAc,uBAAuBD,SAArC,CAAN,CApBJ;;AAsBD,GA/IH;;AAiJUV,EAAAA,aAjJV,GAiJE,uBAAsBJ,YAAtB,EAA4CoB,YAA5C,EAAkElB,WAAlE,EAA4G;AAC1G,QAAMY,SAAS,GAAG,KAAKF,yBAAL,EAAlB;AACA,YAAQE,SAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE;AACKnC,QAAAA,YADL;AAEGmC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,CAAhB,GAAoB,IAFnC;AAGEJ,QAAAA,IAHF,GAGQ,CAACI,YAAD,GAAgB,IAHxB;AAIEvB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF,WAAK,MAAL;AACA,WAAK,OAAL;AACE;AACKvB,QAAAA,YADL;AAEGmC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,CAAhB,GAAoB,IAFnC;AAGEH,QAAAA,GAHF,GAGO,CAACG,YAAD,GAAgB,IAHvB;AAIEvB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF;AACE,cAAM,IAAIa,SAAJ,CAAc,uBAAuBD,SAArC,CAAN,CApBJ;;AAsBD,GAzKH;;AA2KUvB,EAAAA,aA3KV,GA2KE;AACE8B,EAAAA,SADF;AAEE3B,EAAAA,aAFF;AAGE4B,EAAAA,OAHF;AAIEC,EAAAA,SAJF;AAKE1B,EAAAA,WALF;AAME;AACA,QAAM2B,YAAY,GAAG,IAAI3B,WAAzB;AACA,QAAMI,SAAS,GAAGqB,OAAO,GAAGE,YAA5B;;AAEA,YAAQ9B,aAAa,CAACoB,SAAtB;AACE,WAAK,KAAL;AACE,eAAO;AACLL,UAAAA,QAAQ,EAAEY,SAAS,CAACF,MADf;AAELX,UAAAA,SAAS,EAAE,KAAKiB,oBAAL,CAA0BJ,SAA1B,EAAqC3B,aAAa,CAACgC,KAAnD,EAA0DJ,OAA1D,EAAmEC,SAAnE,IAAgFC,YAFtF;AAGLG,UAAAA,QAAQ,EAAE,CAAC1B,SAHN;AAIL2B,UAAAA,SAAS,EAAE,CAAC3B,SAAD,GAAauB,YAJnB;AAKLxB,UAAAA,YAAY,EAAE,KALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF,WAAK,QAAL;AACE,eAAO;AACLQ,UAAAA,QAAQ,EAAE,CAAC,CAAD,GAAKR,SADV;AAELO,UAAAA,SAAS,EAAE,KAAKiB,oBAAL,CAA0BJ,SAA1B,EAAqC3B,aAAa,CAACgC,KAAnD,EAA0DJ,OAA1D,EAAmEC,SAAnE,IAAgFC,YAFtF;AAGLG,UAAAA,QAAQ,EAAE,CAAC1B,SAAD,GAAa,IAAIuB,YAHtB;AAILI,UAAAA,SAAS,EAAE,CAAC3B,SAAD,GAAauB,YAJnB;AAKLxB,UAAAA,YAAY,EAAE,QALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF,WAAK,MAAL;AACE,eAAO;AACLQ,UAAAA,QAAQ,EAAE,KAAKoB,mBAAL,CAAyBR,SAAzB,EAAoC3B,aAAa,CAACgC,KAAlD,EAAyDJ,OAAzD,EAAkEC,SAAlE,IAA+EC,YADpF;AAELhB,UAAAA,SAAS,EAAEa,SAAS,CAACH,KAFhB;AAGLS,UAAAA,QAAQ,EAAE,CAAC1B,SAAD,GAAauB,YAHlB;AAILI,UAAAA,SAAS,EAAE,CAAC3B,SAJP;AAKLD,UAAAA,YAAY,EAAE,MALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF,WAAK,OAAL;AACE,eAAO;AACLQ,UAAAA,QAAQ,EAAE,KAAKoB,mBAAL,CAAyBR,SAAzB,EAAoC3B,aAAa,CAACgC,KAAlD,EAAyDJ,OAAzD,EAAkEC,SAAlE,IAA+EC,YADpF;AAELhB,UAAAA,SAAS,EAAE,CAAC,CAAD,GAAKP,SAFX;AAGL0B,UAAAA,QAAQ,EAAE,CAAC1B,SAAD,GAAauB,YAHlB;AAILI,UAAAA,SAAS,EAAE,CAAC3B,SAAD,GAAa,IAAIuB,YAJvB;AAKLxB,UAAAA,YAAY,EAAE,OALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF;AACE,cAAM,IAAI6B,KAAJ,CAAU,mDAAV,CAAN,CAtCJ;;AAwCD,GA7NH;;AA+NUD,EAAAA,mBA/NV,GA+NE,6BAA4BR,SAA5B,EAA6CK,KAA7C,EAA4DK,SAA5D,EAA+ER,SAA/E,EAAkG;AAChG,YAAQG,KAAR;AACE,WAAK,KAAL;AACE,eAAOH,SAAP;AACF,WAAK,QAAL;AACE,eAAOF,SAAS,CAACF,MAAV,GAAmB,CAAnB,GAAuBY,SAA9B;AACF,WAAK,QAAL;AACE,eAAOV,SAAS,CAACF,MAAV,GAAmBI,SAAnB,GAA+B,IAAIQ,SAA1C;AACF;AACE,cAAM,IAAID,KAAJ,wBAA+BJ,KAA/B,OAAN,CARJ;;AAUD,GA1OH;;AA4OUD,EAAAA,oBA5OV,GA4OE,8BAA6BJ,SAA7B,EAA8CK,KAA9C,EAA6DK,SAA7D,EAAgFR,SAAhF,EAAmG;AACjG,YAAQG,KAAR;AACE,WAAK,MAAL;AACE,eAAOH,SAAP;AACF,WAAK,QAAL;AACE,eAAOF,SAAS,CAACH,KAAV,GAAkB,CAAlB,GAAsBa,SAA7B;AACF,WAAK,OAAL;AACE,eAAOV,SAAS,CAACH,KAAV,GAAkBK,SAAlB,GAA8B,IAAIQ,SAAzC;AACF;AACE,cAAM,IAAID,KAAJ,wBAA+BJ,KAA/B,OAAN,CARJ;;AAUD,GAvPH,mBAA8BpD,KAAK,CAAC0D,SAApC,EAAa9C,Q,CACG+C,mB,GAAsB,U,CADzB/C,Q,CAEGgD,W,GAAc,U,CAFjBhD,Q,CAIGiD,S,GAAY,EACxB;AACJ;AACA,KACI9B,eAAe,EAAE9B,SAAS,CAAC6D,MAJH,EAMxB;AACJ;AACA,KACIlC,WAAW,EAAE3B,SAAS,CAAC6D,MATC,EAWxB;AACJ;AACA,KACIvC,WAAW,EAAEtB,SAAS,CAAC8D,MAdC,EAgBxB;AACJ;AACA,KACIzC,MAAM,EAAErB,SAAS,CAAC8D,MAnBM,EAqBxB;AACJ;AACA,KACIhD,YAAY,EAAEd,SAAS,CAAC+D,GAxBA,EA0BxB;AACJ;AACA,KACI5C,aAAa,EAAEnB,SAAS,CAAC6D,MA7BD,EA+BxB;AACJ;AACA;AACA;AACA,KACIzC,IAAI,EAAEpB,SAAS,CAAC8D,MApCQ,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { styles } from './PopupPin.styles';\nimport { PopupDataTids } from './Popup';\n\nconst borderStyles = {\n  position: 'absolute',\n  borderStyle: 'solid',\n  borderTopColor: 'transparent',\n  borderBottomColor: 'transparent',\n  borderLeftColor: 'transparent',\n  borderRightColor: 'transparent',\n};\n\ninterface Props {\n  backgroundColor: string;\n  borderColor: string;\n  borderWidth: number;\n  offset: number;\n  popupElement: Nullable<Element>;\n  popupPosition: string;\n  size: number;\n}\n\nexport class PopupPin extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  public static propTypes = {\n    /**\n     * Цвет фон пина\n     */\n    backgroundColor: PropTypes.string,\n\n    /**\n     * Цвет границы пина\n     */\n    borderColor: PropTypes.string,\n\n    /**\n     * Ширина границы пина\n     */\n    borderWidth: PropTypes.number,\n\n    /**\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n     */\n    offset: PropTypes.number,\n\n    /**\n     * Ссылка на попап\n     */\n    popupElement: PropTypes.any,\n\n    /**\n     * Позиция попапа, по которой будет вычислено положение пина\n     */\n    popupPosition: PropTypes.string,\n\n    /**\n     * Сторона пина без учёта границы.\n     * Пин представляет собой равносторонний треугольник, высота от попапа\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n     */\n    size: PropTypes.number,\n  };\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    const options = this.getPinOptions(\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\n      PopupHelper.getPositionObject(this.props.popupPosition),\n      this.props.size,\n      this.props.offset,\n      this.props.borderWidth,\n    );\n\n    const styleOuter: React.CSSProperties = this.getOuterStyle(\n      options.activeBorder,\n      options.outerSize,\n      this.props.borderColor,\n    );\n\n    const styleInner: React.CSSProperties = this.getInnerStyle(\n      options.activeBorder,\n      this.props.size,\n      this.props.backgroundColor,\n    );\n\n    const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\n\n    return (\n      <div data-tid={PopupDataTids.popupPin} className={styles.wrapper()} style={styleWrapper}>\n        <div style={styleOuter}>\n          <div style={styleInner} />\n        </div>\n      </div>\n    );\n  }\n\n  private getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n    switch (popupDirection) {\n      case 'top':\n        return 'bottom';\n      case 'bottom':\n        return 'top';\n      case 'left':\n        return 'right';\n      case 'right':\n        return 'left';\n      default:\n        throw new TypeError('Unknown direction ' + popupDirection);\n    }\n  }\n\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -borderWidth + 'px',\n          left: left + 'px',\n          width: borderWidth * 2 + 'px',\n          height: borderWidth + 'px',\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -borderWidth + 'px',\n          top: top + 'px',\n          height: borderWidth * 2 + 'px',\n          width: borderWidth + 'px',\n        };\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          left: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          top: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          left: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          top: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getPinOptions(\n    popupRect: Rect,\n    popupPosition: PositionObject,\n    pinSize: number,\n    pinOffset: number,\n    borderWidth: number,\n  ) {\n    const bordersDelta = 2 * borderWidth;\n    const outerSize = pinSize + bordersDelta;\n\n    switch (popupPosition.direction) {\n      case 'top':\n        return {\n          outerTop: popupRect.height,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Top',\n          outerSize,\n        };\n      case 'bottom':\n        return {\n          outerTop: -2 * outerSize,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize + 2 * bordersDelta,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Bottom',\n          outerSize,\n        };\n      case 'left':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: popupRect.width,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize,\n          activeBorder: 'Left',\n          outerSize,\n        };\n      case 'right':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: -2 * outerSize,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize + 2 * bordersDelta,\n          activeBorder: 'Right',\n          outerSize,\n        };\n      default:\n        throw new Error('Direction must be one of top, right, bottom, left');\n    }\n  }\n\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'top':\n        return pinOffset;\n      case 'middle':\n        return popupRect.height / 2 - pinHeight;\n      case 'bottom':\n        return popupRect.height - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'left':\n        return pinOffset;\n      case 'center':\n        return popupRect.width / 2 - pinHeight;\n      case 'right':\n        return popupRect.width - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"]}

package/internal/Popup/PopupPin.d.ts

@@ -12,6 +12,7 @@ interface Props {
 }
 export declare class PopupPin extends React.Component<Props> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         /**
          * Цвет фон пина
@@ -34,7 +35,7 @@ export declare class PopupPin extends React.Component<Props> {
          */
         popupElement: PropTypes.Requireable<any>;
         /**
-         * Позиция поапа, по которой будет вычеслено положение пина
+         * Позиция попапа, по которой будет вычислено положение пина
          */
         popupPosition: PropTypes.Requireable<string>;
         /**

package/internal/PopupMenu/PopupMenu/PopupMenu.js

@@ -4,15 +4,18 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _class2, _temp;
 
 import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
+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 { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { Popup, PopupIds } from "../../Popup";
 import { RenderLayer } from "../../RenderLayer";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { renderTarget } from "../../../lib/SSRSafe";
+import { Menu } from "../../Menu";
 import { isValidPositions } from "../validatePositions";
 import { styles } from "../PopupMenu.styles";
 export var PopupMenuType = {
@@ -35,6 +38,7 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
     }
 
     _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,
@@ -63,12 +67,16 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
     };
 
     _this.passPropsToCaption = function (caption) {
+      var _this$props$popupMenu;
+
       if (typeof caption === 'string' || typeof caption === 'number') {
         return caption;
       }
 
       return /*#__PURE__*/React.cloneElement(caption, {
-        'aria-haspopup': true
+        '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']
       });
     };
 
@@ -150,8 +158,8 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
     };
 
     _this.saveFocus = function () {
-      if (renderTarget) {
-        _this.savedFocusableElement = renderTarget.activeElement;
+      if (globalObject.document) {
+        _this.savedFocusableElement = globalObject.document.activeElement;
       }
     };
 
@@ -201,6 +209,20 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
   var _proto = PopupMenu.prototype;
 
   _proto.render = function render() {
+    var _this2 = this;
+
+    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;
@@ -212,13 +234,13 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
       onFocusOutside: this.hideMenuWithoutFocusing,
       active: this.state.menuVisible
     }, /*#__PURE__*/React.createElement("div", {
-      id: this.props.popupMenuId,
       "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,
@@ -230,11 +252,12 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
       onOpen: this.handleOpen,
       mobileOnCloseRequest: this.hideMenu,
       width: this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'
-    }, /*#__PURE__*/React.createElement(InternalMenu, {
+    }, /*#__PURE__*/React.createElement(Menu, {
       hasShadow: false,
       maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none',
       onKeyDown: this.handleKeyDown,
       onItemClick: this.handleItemSelection,
+      preventIconsOffset: this.props.preventIconsOffset,
       cyclicSelection: false,
       ref: this.refInternalMenu,
       initialSelectedItemIndex: this.state.firstItemShouldBeSelected ? 0 : -1,
@@ -254,7 +277,7 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_temp = _cla
   };
 
   return PopupMenu;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'PopupMenu', _class2.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'PopupMenu', _class2.displayName = 'PopupMenu', _class2.defaultProps = {
   positions: Positions,
   type: PopupMenuType.Tooltip,
   popupHasPin: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["PopupMenu.tsx"],"names":["React","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","InternalMenu","Popup","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","renderTarget","isValidPositions","styles","PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","passPropsToCaption","cloneElement","renderCaption","props","opened","openMenu","closeMenu","toggleMenu","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","popupHasPin","disableAnimations","setRootNode","popupMenuId","container","width","children","popupMargin","popupPinOffset","getPositions","isMobileLayout","menuWidth","menuMaxHeight","header","footer","positions","Component","__KONTUR_REACT_UI__","Type"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { InternalMenu } from '../InternalMenu';\nimport { Popup, 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 { renderTarget } from '../../lib/SSRSafe';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } 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 extends CommonProps {\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\n  private isMobileLayout!: boolean;\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<InternalMenu> = null;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    const { popupHasPin, disableAnimations } = this.getProps();\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\n            id={this.props.popupMenuId}\n            data-tid={PopupMenuDataTids.root}\n            className={styles.container()}\n            style={{ width: this.props.width }}\n          >\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\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                <InternalMenu\n                  hasShadow={false}\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\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                </InternalMenu>\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<InternalMenu>) => (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, { 'aria-haspopup': true });\n  };\n\n  private renderCaption = () => {\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\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 (renderTarget) {\n      this.savedFocusableElement = renderTarget.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"]}
+{"version":3,"sources":["PopupMenu.tsx"],"names":["React","globalObject","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeContext","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","isValidPositions","styles","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","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';\n\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 { ThemeContext } from '../../lib/theming/ThemeContext';\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';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } 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\n  public render(): JSX.Element {\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\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\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    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\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,14 +1,15 @@
-import React from 'react';
+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 extends CommonProps {
+export interface PopupMenuProps extends CommonProps, Pick<MenuProps, 'preventIconsOffset'>, Pick<AriaAttributes, 'aria-label'> {
     children?: React.ReactNode;
     /** Максимальная высота меню */
     menuMaxHeight?: number | string;
@@ -61,7 +62,9 @@ export declare const PopupMenuDataTids: {
 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 displayName: string;
     private isMobileLayout;
+    private rootId;
     static defaultProps: DefaultProps;
     private getProps;
     static Type: {
@@ -77,6 +80,7 @@ export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenu
     private menu;
     private setRootNode;
     render(): JSX.Element;
+    private renderMain;
     open: () => void;
     close: () => void;
     private refInternalMenu;