@skbkontur/react-ui 0.0.0-4cd450ed1e → 0.0.0-4da47ece08

package/cjs/internal/Popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Popup.tsx"],"names":["POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","DUMMY_LOCATION","position","coordinates","top","left","PopupPositions","Popup","state","location","props","opened","theme","layoutEventsToken","locationUpdateId","lastPopupElement","anchorElement","anchorInstance","refAnchorElement","instance","element","extractElement","updateAnchorElement","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","resetLocation","cancelDelayedUpdateLocation","setState","refPopupElement","zIndex","handleLayoutEvent","updateLocation","popupElement","getLocation","locationEquals","componentDidMount","LayoutEvents","addListener","UNSAFE_componentWillReceiveProps","nextProps","delayUpdateLocation","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","onOpen","onClose","componentWillUnmount","removeEventListeners","remove","render","renderMain","useWrapper","child","React","isValidElement","undefined","renderContent","addEventListeners","addEventListener","removeEventListener","backgroundColor","disableAnimations","maxWidth","hasShadow","ignoreHover","children","renderChildren","PopupHelper","getPositionObject","direction","rootStyle","Boolean","jsStyles","popup","shadow","shadowFallback","isIE11","isEdge","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","content","contentInner","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","raf","cancel","x","y","positions","anchorRect","getElementAbsoluteRect","popupRect","getCoordinates","isFullyVisible","canBecomeVisible","canBecomeFullyVisible","getPinnedPopupOffset","test","anchorSize","width","height","Math","max","margin","popupMargin","popupOffset","getHorizontalPosition","getVerticalPosition","Error","pinOffset","popupPinOffset","popupPinOffsetY","popupPinOffsetX","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","defaultProps","isTestEnv"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { Transition } from 'react-transition-group';\r\nimport raf from 'raf';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { ZIndex } from '../ZIndex';\r\nimport { RenderContainer } from '../RenderContainer';\r\nimport { FocusEventType, MouseEventType } from '../../typings/event-types';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { isIE11, isEdge } from '../../lib/client';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { isHTMLElement, safePropTypesInstanceOf } from '../../lib/SSRSafe';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\r\n\r\nimport { PopupPin } from './PopupPin';\r\nimport { Offset, PopupHelper, PositionObject, Rect } from './PopupHelper';\r\nimport { jsStyles } from './Popup.styles';\r\n\r\nconst POPUP_BORDER_DEFAULT_COLOR = 'transparent';\r\nconst TRANSITION_TIMEOUT = { enter: 0, exit: 200 };\r\n\r\nconst DUMMY_LOCATION: PopupLocation = {\r\n  position: 'top left',\r\n  coordinates: {\r\n    top: -9999,\r\n    left: -9999,\r\n  },\r\n};\r\n\r\nexport type PopupPosition =\r\n  | 'top left'\r\n  | 'top center'\r\n  | 'top right'\r\n  | 'right top'\r\n  | 'right middle'\r\n  | 'right bottom'\r\n  | 'bottom left'\r\n  | 'bottom center'\r\n  | 'bottom right'\r\n  | 'left top'\r\n  | 'left middle'\r\n  | 'left bottom';\r\n\r\nexport const PopupPositions: PopupPosition[] = [\r\n  'top left',\r\n  'top center',\r\n  'top right',\r\n  'right top',\r\n  'right middle',\r\n  'right bottom',\r\n  'bottom right',\r\n  'bottom center',\r\n  'bottom left',\r\n  'left bottom',\r\n  'left middle',\r\n  'left top',\r\n];\r\n\r\nexport interface PopupHandlerProps {\r\n  onMouseEnter?: (event: MouseEventType) => void;\r\n  onMouseLeave?: (event: MouseEventType) => void;\r\n  onClick?: (event: MouseEventType) => void;\r\n  onFocus?: (event: FocusEventType) => void;\r\n  onBlur?: (event: FocusEventType) => void;\r\n  onOpen?: () => void;\r\n  onClose?: () => void;\r\n}\r\n\r\nexport interface PopupProps extends CommonProps, PopupHandlerProps {\r\n  anchorElement: React.ReactNode | HTMLElement;\r\n  backgroundColor?: React.CSSProperties['backgroundColor'];\r\n  borderColor?: React.CSSProperties['borderColor'];\r\n  children: React.ReactNode | (() => React.ReactNode);\r\n  hasPin: boolean;\r\n  hasShadow: boolean;\r\n  disableAnimations: boolean;\r\n  margin?: number;\r\n  maxWidth?: number | string;\r\n  opened: boolean;\r\n  pinOffset?: number;\r\n  pinSize?: number;\r\n  popupOffset: number;\r\n  positions: PopupPosition[];\r\n  useWrapper: boolean;\r\n  ignoreHover: boolean;\r\n}\r\n\r\ninterface PopupLocation {\r\n  coordinates: {\r\n    left: number;\r\n    top: number;\r\n  };\r\n  position: PopupPosition;\r\n}\r\n\r\nexport interface PopupState {\r\n  location: Nullable<PopupLocation>;\r\n}\r\n\r\nexport class Popup extends React.Component<PopupProps, PopupState> {\r\n  public static __KONTUR_REACT_UI__ = 'Popup';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Ссылка (ref) на элемент или React компонент, для которого рисуется попап\r\n     */\r\n    anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(() => HTMLElement), PropTypes.node]).isRequired,\r\n\r\n    /**\r\n     * Фон попапа и пина\r\n     */\r\n    backgroundColor: PropTypes.string,\r\n\r\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\r\n\r\n    /**\r\n     * Показывать ли пин\r\n     */\r\n    hasPin: PropTypes.bool,\r\n\r\n    /**\r\n     * Применять ли box-shadow на попапе. При false отключает границу на пине\r\n     */\r\n    hasShadow: PropTypes.bool,\r\n\r\n    /**\r\n     * Отступ попапа от элемента\r\n     */\r\n    margin: PropTypes.number,\r\n\r\n    /**\r\n     * Показан или скрыт попап\r\n     */\r\n    opened: PropTypes.bool,\r\n\r\n    /**\r\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\r\n     */\r\n    pinOffset: PropTypes.number,\r\n\r\n    /**\r\n     * Сторона пина без учёта границы.\r\n     * Пин представляет собой равносторонний треугольник, высота от попапа\r\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\r\n     */\r\n    pinSize: PropTypes.number,\r\n\r\n    /**\r\n     * смещение попапа относительно родительского элемента\r\n     */\r\n    popupOffset: PropTypes.number,\r\n\r\n    /**\r\n     * С какой стороны показывать попап и край попапа,\r\n     * на котором будет отображаться пин\r\n     */\r\n    positions: PropTypes.array,\r\n\r\n    /**\r\n     * Игнорировать ли события hover/click\r\n     */\r\n    ignoreHover: PropTypes.bool,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    popupOffset: 0,\r\n    hasPin: false,\r\n    hasShadow: false,\r\n    disableAnimations: isTestEnv,\r\n    useWrapper: false,\r\n    ignoreHover: false,\r\n  };\r\n\r\n  public state: PopupState = { location: this.props.opened ? DUMMY_LOCATION : null };\r\n  private theme!: Theme;\r\n  private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\r\n  private locationUpdateId: Nullable<number> = null;\r\n  private lastPopupElement: Nullable<HTMLElement>;\r\n  private anchorElement: Nullable<HTMLElement> = null;\r\n  private anchorInstance: Nullable<React.ReactInstance>;\r\n\r\n  public componentDidMount() {\r\n    this.updateLocation();\r\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<PopupProps>) {\r\n    /**\r\n     * Delaying updateLocation to ensure it happens after props update\r\n     */\r\n    if (nextProps.opened) {\r\n      if (!this.state.location) {\r\n        this.setState({ location: DUMMY_LOCATION });\r\n      }\r\n      this.delayUpdateLocation();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: PopupProps, prevState: PopupState) {\r\n    const hadNoLocation = prevState.location === DUMMY_LOCATION;\r\n    const hasLocation = this.state.location !== DUMMY_LOCATION;\r\n    if (hadNoLocation && hasLocation && this.props.onOpen) {\r\n      this.props.onOpen();\r\n    }\r\n    if (!hadNoLocation && !this.state.location && this.props.onClose) {\r\n      this.props.onClose();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.cancelDelayedUpdateLocation();\r\n    this.removeEventListeners(this.anchorElement);\r\n    if (this.layoutEventsToken) {\r\n      this.layoutEventsToken.remove();\r\n      this.layoutEventsToken = null;\r\n    }\r\n    if (this.state.location && this.props.onClose) {\r\n      this.props.onClose();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { location } = this.state;\r\n    const { anchorElement, useWrapper } = this.props;\r\n\r\n    let child: Nullable<React.ReactNode> = null;\r\n    if (isHTMLElement(anchorElement)) {\r\n      this.updateAnchorElement(anchorElement);\r\n    } else if (React.isValidElement(anchorElement)) {\r\n      child = useWrapper ? <span>{anchorElement}</span> : anchorElement;\r\n    } else {\r\n      child = <span>{anchorElement}</span>;\r\n    }\r\n\r\n    return (\r\n      <RenderContainer anchor={child} ref={child ? this.refAnchorElement : undefined}>\r\n        {location && this.renderContent(location)}\r\n      </RenderContainer>\r\n    );\r\n  }\r\n\r\n  private refAnchorElement = (instance: React.ReactInstance | null) => {\r\n    this.anchorInstance = instance;\r\n    const element = this.extractElement(instance);\r\n    this.updateAnchorElement(element);\r\n    this.anchorElement = element;\r\n  };\r\n\r\n  private extractElement(instance: React.ReactInstance | null) {\r\n    if (!instance) {\r\n      return null;\r\n    }\r\n    const element = findDOMNode(instance);\r\n    return isHTMLElement(element) ? element : null;\r\n  }\r\n\r\n  private updateAnchorElement(element: HTMLElement | null) {\r\n    const anchorElement = this.anchorElement;\r\n\r\n    if (element !== anchorElement) {\r\n      this.removeEventListeners(anchorElement);\r\n      this.anchorElement = element;\r\n      this.addEventListeners(element);\r\n    }\r\n  }\r\n\r\n  private addEventListeners(element: Nullable<HTMLElement>) {\r\n    if (element && isHTMLElement(element)) {\r\n      element.addEventListener('mouseenter', this.handleMouseEnter);\r\n      element.addEventListener('mouseleave', this.handleMouseLeave);\r\n      element.addEventListener('click', this.handleClick);\r\n      element.addEventListener('focusin', this.handleFocus as EventListener);\r\n      element.addEventListener('focusout', this.handleBlur as EventListener);\r\n    }\r\n  }\r\n\r\n  private removeEventListeners(element: Nullable<HTMLElement>) {\r\n    if (element && isHTMLElement(element)) {\r\n      element.removeEventListener('mouseenter', this.handleMouseEnter);\r\n      element.removeEventListener('mouseleave', this.handleMouseLeave);\r\n      element.removeEventListener('click', this.handleClick);\r\n      element.removeEventListener('focusin', this.handleFocus as EventListener);\r\n      element.removeEventListener('focusout', this.handleBlur as EventListener);\r\n    }\r\n  }\r\n\r\n  private handleMouseEnter = (event: MouseEventType) => {\r\n    if (this.props.onMouseEnter) {\r\n      this.props.onMouseEnter(event);\r\n    }\r\n  };\r\n\r\n  private handleMouseLeave = (event: MouseEventType) => {\r\n    if (this.props.onMouseLeave) {\r\n      this.props.onMouseLeave(event);\r\n    }\r\n  };\r\n\r\n  private handleClick = (event: MouseEventType) => {\r\n    if (this.props.onClick) {\r\n      this.props.onClick(event);\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: FocusEventType) => {\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (event: FocusEventType) => {\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(event);\r\n    }\r\n  };\r\n\r\n  private renderContent(location: PopupLocation) {\r\n    const { backgroundColor, disableAnimations, maxWidth, hasShadow, ignoreHover, opened } = this.props;\r\n    const children = this.renderChildren();\r\n\r\n    const { direction } = PopupHelper.getPositionObject(location.position);\r\n    const rootStyle: React.CSSProperties = { ...location.coordinates, maxWidth };\r\n\r\n    return (\r\n      <Transition\r\n        timeout={TRANSITION_TIMEOUT}\r\n        appear={!disableAnimations}\r\n        in={Boolean(opened && children)}\r\n        mountOnEnter\r\n        unmountOnExit\r\n        enter={!disableAnimations}\r\n        exit={!disableAnimations}\r\n        onExited={this.resetLocation}\r\n      >\r\n        {(state: string) => (\r\n          <CommonWrapper {...this.props}>\r\n            <ZIndex\r\n              ref={this.refPopupElement}\r\n              priority={'Popup'}\r\n              className={cn({\r\n                [jsStyles.popup(this.theme)]: true,\r\n                [jsStyles.shadow(this.theme)]: hasShadow,\r\n                [jsStyles.shadowFallback(this.theme)]: hasShadow && (isIE11 || isEdge),\r\n                [jsStyles.popupIgnoreHover()]: ignoreHover,\r\n                ...(disableAnimations\r\n                  ? {}\r\n                  : {\r\n                      [jsStyles[`transition-enter-${direction}` as keyof typeof jsStyles](this.theme)]: true,\r\n                      [jsStyles.transitionEnter()]: state === 'entering',\r\n                      [jsStyles.transitionEnterActive()]: state === 'entered',\r\n                      [jsStyles.transitionExit()]: state === 'exiting',\r\n                    }),\r\n              })}\r\n              style={rootStyle}\r\n              onMouseEnter={this.handleMouseEnter}\r\n              onMouseLeave={this.handleMouseLeave}\r\n            >\r\n              <div className={jsStyles.content(this.theme)} data-tid={'PopupContent'}>\r\n                <div\r\n                  className={jsStyles.contentInner(this.theme)}\r\n                  style={{ backgroundColor }}\r\n                  data-tid={'PopupContentInner'}\r\n                >\r\n                  {children}\r\n                </div>\r\n              </div>\r\n              {this.renderPin(location.position)}\r\n            </ZIndex>\r\n          </CommonWrapper>\r\n        )}\r\n      </Transition>\r\n    );\r\n  }\r\n\r\n  private resetLocation = () => {\r\n    this.cancelDelayedUpdateLocation();\r\n    this.setState({ location: null });\r\n  };\r\n\r\n  private renderChildren() {\r\n    return isFunction(this.props.children) ? this.props.children() : this.props.children;\r\n  }\r\n\r\n  private refPopupElement = (zIndex: ZIndex | null) => {\r\n    if (zIndex) {\r\n      this.lastPopupElement = zIndex && (findDOMNode(zIndex) as HTMLElement);\r\n    }\r\n  };\r\n\r\n  private renderPin(positionName: string): React.ReactNode {\r\n    /**\r\n     * Box-shadow does not appear under the pin. Borders are used instead.\r\n     * In non-ie browsers drop-shadow filter is used. It is applying\r\n     * shadow to the pin too.\r\n     */\r\n    const isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;\r\n    const pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;\r\n\r\n    const { pinSize, hasShadow, backgroundColor, borderColor } = this.props;\r\n    const position = PopupHelper.getPositionObject(positionName);\r\n\r\n    return (\r\n      this.props.hasPin && (\r\n        <PopupPin\r\n          popupElement={this.lastPopupElement}\r\n          popupPosition={positionName}\r\n          size={pinSize || parseInt(this.theme.popupPinSize)}\r\n          offset={this.getPinOffset(position.align)}\r\n          borderWidth={hasShadow ? 1 : 0}\r\n          backgroundColor={backgroundColor || this.theme.popupBackground}\r\n          borderColor={borderColor || pinBorder}\r\n        />\r\n      )\r\n    );\r\n  }\r\n\r\n  private handleLayoutEvent = () => {\r\n    if (!this.state.location) {\r\n      return;\r\n    }\r\n    if (this.anchorInstance) {\r\n      this.updateAnchorElement(this.extractElement(this.anchorInstance));\r\n    }\r\n    this.updateLocation();\r\n  };\r\n\r\n  private delayUpdateLocation() {\r\n    this.cancelDelayedUpdateLocation();\r\n    this.locationUpdateId = raf(this.updateLocation);\r\n  }\r\n\r\n  private cancelDelayedUpdateLocation() {\r\n    if (this.locationUpdateId) {\r\n      raf.cancel(this.locationUpdateId);\r\n      this.locationUpdateId = null;\r\n    }\r\n  }\r\n\r\n  private updateLocation = () => {\r\n    const popupElement = this.lastPopupElement;\r\n\r\n    if (!popupElement) {\r\n      return;\r\n    }\r\n\r\n    const location = this.getLocation(popupElement, this.state.location);\r\n    if (!this.locationEquals(this.state.location, location)) {\r\n      this.setState({ location });\r\n    }\r\n  };\r\n\r\n  private locationEquals(x: Nullable<PopupLocation>, y: Nullable<PopupLocation>) {\r\n    if (x === y) {\r\n      return true;\r\n    }\r\n\r\n    if (x == null || y == null) {\r\n      return false;\r\n    }\r\n\r\n    return (\r\n      x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position\r\n    );\r\n  }\r\n\r\n  private getLocation(popupElement: HTMLElement, location?: Nullable<PopupLocation>) {\r\n    const positions = this.props.positions;\r\n    const anchorElement = this.anchorElement;\r\n\r\n    warning(\r\n      anchorElement && isHTMLElement(anchorElement),\r\n      'Anchor element is not defined or not instance of HTMLElement',\r\n    );\r\n\r\n    if (!(anchorElement && isHTMLElement(anchorElement))) {\r\n      return location;\r\n    }\r\n\r\n    const anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);\r\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\r\n\r\n    let position: PopupPosition;\r\n    let coordinates: Offset;\r\n\r\n    if (location && location !== DUMMY_LOCATION && location.position) {\r\n      position = location.position;\r\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\r\n\r\n      const isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect);\r\n      const canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates);\r\n      if (isFullyVisible || canBecomeVisible) {\r\n        return { coordinates, position };\r\n      }\r\n    }\r\n\r\n    for (position of positions) {\r\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\r\n      if (PopupHelper.isFullyVisible(coordinates, popupRect)) {\r\n        return { coordinates, position };\r\n      }\r\n    }\r\n\r\n    position = positions[0];\r\n    coordinates = this.getCoordinates(anchorRect, popupRect, position);\r\n    return { coordinates, position };\r\n  }\r\n\r\n  private getPinnedPopupOffset(anchorRect: Rect, position: PositionObject) {\r\n    if (!this.props.hasPin || /center|middle/.test(position.align)) {\r\n      return 0;\r\n    }\r\n\r\n    const anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;\r\n\r\n    const { pinSize } = this.props;\r\n\r\n    return Math.max(\r\n      0,\r\n      this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2,\r\n    );\r\n  }\r\n\r\n  private getCoordinates(anchorRect: Rect, popupRect: Rect, positionName: string) {\r\n    const margin = this.props.margin || parseInt(this.theme.popupMargin);\r\n    const position = PopupHelper.getPositionObject(positionName);\r\n    const popupOffset = this.props.popupOffset + this.getPinnedPopupOffset(anchorRect, position);\r\n\r\n    switch (position.direction) {\r\n      case 'top':\r\n        return {\r\n          top: anchorRect.top - popupRect.height - margin,\r\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n        };\r\n      case 'bottom':\r\n        return {\r\n          top: anchorRect.top + anchorRect.height + margin,\r\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n        };\r\n      case 'left':\r\n        return {\r\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n          left: anchorRect.left - popupRect.width - margin,\r\n        };\r\n      case 'right':\r\n        return {\r\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n          left: anchorRect.left + anchorRect.width + margin,\r\n        };\r\n      default:\r\n        throw new Error(`Unexpected direction '${position.direction}'`);\r\n    }\r\n  }\r\n\r\n  private getPinOffset(align: string) {\r\n    const { pinOffset } = this.props;\r\n\r\n    switch (align) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetY);\r\n      case 'left':\r\n      case 'right':\r\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetX);\r\n      case 'center':\r\n      case 'middle':\r\n        return 0;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n\r\n  private getHorizontalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\r\n    switch (align) {\r\n      case 'left':\r\n        return anchorRect.left - popupOffset;\r\n      case 'center':\r\n        return anchorRect.left - (popupRect.width - anchorRect.width) / 2;\r\n      case 'right':\r\n        return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n\r\n  private getVerticalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\r\n    switch (align) {\r\n      case 'top':\r\n        return anchorRect.top - popupOffset;\r\n      case 'middle':\r\n        return anchorRect.top - (popupRect.height - anchorRect.height) / 2;\r\n      case 'bottom':\r\n        return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["Popup.tsx"],"names":["POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","PopupPositions","OldPopupPositions","DefaultPosition","OldDefaultPosition","DUMMY_LOCATION","position","coordinates","top","left","PopupDataTids","root","content","contentInner","popupPin","PopupIds","Popup","responsiveLayout","rootNode","getProps","defaultProps","state","location","props","opened","locationUpdateId","refForTransition","React","createRef","hasAnchorElementListeners","rootId","anchorElement","updateAnchorElement","instance","childDomNode","getAnchorElement","removeEventListeners","addEventListeners","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","calculateWidth","width","includes","anchorWidth","Math","floor","parseFloat","children","backgroundColor","styles","theme","refPopupContentElement","resetLocation","cancelDelayedUpdateLocation","setState","element","lastPopupContentElement","handleLayoutEvent","updateLocation","popupContentElement","getLocation","onPositionChange","locationEquals","componentDidMount","layoutEventsToken","LayoutEvents","addListener","getDerivedStateFromProps","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","wasClosed","isMobileLayout","onOpen","onClose","delayUpdateLocation","componentWillUnmount","remove","render","flags","featureFlags","renderMain","renderMobile","renderChildren","setRootNode","mobileOnCloseRequest","useWrapper","anchor","globalObject","Element","isValidElement","anchorWithRef","cloneElement","ref","originalRef","canGetAnchorNode","withoutMobile","renderContent","addEventListener","removeEventListener","maxWidth","hasShadow","disableAnimations","ignoreHover","PopupHelper","getPositionObject","direction","rootStyle","shouldFallbackShadow","isIE11","isEdge","isSafari","Boolean","id","popup","shadow","shadowFallback","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","requestAnimationFrame","cancelAnimationFrame","x","y","abs","reorderPropsPositionsWithPriorityPos","positions","pos_","pos","index","findIndex","startsWith","join","slice","popupElement","tryPreserveFirstRenderedPosition","popupUnifyPositioning","anchorRect","getElementAbsoluteRect","popupRect","getCoordinates","isFullyVisible","canBecomeVisible","canBecomeFullyVisible","getPinnedPopupOffset","test","anchorSize","height","max","marginFromProps","margin","isNaN","popupMargin","popupOffset","getHorizontalPosition","getVerticalPosition","Error","pinOffset","popupPinOffset","popupPinOffsetY","popupPinOffsetX","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","isTestEnv","defaultRootNode"],"mappings":"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","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport warning from 'warning';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { Nullable } from '../../typings/utility-types';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ZIndex } from '../ZIndex';\nimport { RenderContainer } from '../RenderContainer';\nimport { FocusEventType, MouseEventType } from '../../typings/event-types';\nimport { getRandomID, isFunction, isNonNullable, isNullable, isRefableElement, mergeRefs } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { MobilePopup } from '../MobilePopup';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { isInstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport {\n  getFullReactUIFlagsContext,\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { PopupPin } from './PopupPin';\nimport { Offset, PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { styles } from './Popup.styles';\n\nconst POPUP_BORDER_DEFAULT_COLOR = 'transparent';\nconst TRANSITION_TIMEOUT = { enter: 0, exit: 200 };\n\nexport const PopupPositions = [\n  'top center',\n  'top left',\n  'top right',\n  'bottom center',\n  'bottom left',\n  'bottom right',\n  'left middle',\n  'left top',\n  'left bottom',\n  'right middle',\n  'right top',\n  'right bottom',\n] as const;\n\nexport const OldPopupPositions = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom right',\n  'bottom center',\n  'bottom left',\n  'left bottom',\n  'left middle',\n  'left top',\n] as const;\n\nexport const DefaultPosition = PopupPositions[0];\nexport const OldDefaultPosition = OldPopupPositions[0];\n\nexport type PopupPositionsType = typeof PopupPositions[number];\nexport type ShortPopupPositionsType = 'top' | 'bottom' | 'left' | 'right';\n\nexport const DUMMY_LOCATION: PopupLocation = {\n  position: DefaultPosition,\n  coordinates: {\n    top: -9999,\n    left: -9999,\n  },\n};\n\nexport interface PopupHandlerProps {\n  onMouseEnter?: (event: MouseEventType) => void;\n  onMouseLeave?: (event: MouseEventType) => void;\n  onClick?: (event: MouseEventType) => void;\n  onFocus?: (event: FocusEventType) => void;\n  onBlur?: (event: FocusEventType) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\nexport interface PopupProps\n  extends Omit<CommonProps, 'children'>,\n    PopupHandlerProps,\n    Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  anchorElement: React.ReactNode | HTMLElement;\n  backgroundColor?: React.CSSProperties['backgroundColor'];\n  borderColor?: React.CSSProperties['borderColor'];\n  children: React.ReactNode | (() => React.ReactNode);\n  hasPin?: boolean;\n  hasShadow?: boolean;\n  disableAnimations?: boolean;\n  margin?: number;\n  maxWidth?: number | string;\n  opened: boolean;\n  pinOffset?: number;\n  pinSize?: number;\n  popupOffset?: number;\n  positions?: Readonly<PopupPositionsType[]>;\n  pos?: PopupPositionsType | ShortPopupPositionsType;\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   *\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.\n   */\n  useWrapper?: boolean;\n  ignoreHover?: boolean;\n  width?: React.CSSProperties['width'];\n  /**\n   * При очередном рендере пытаться сохранить первоначальную позицию попапа\n   * (в том числе, когда он выходит за пределы экрана, но может быть проскролен в него).\n   *\n   * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.\n   * @see https://github.com/skbkontur/retail-ui/pull/1195\n   */\n  tryPreserveFirstRenderedPosition?: boolean;\n  withoutMobile?: boolean;\n  mobileOnCloseRequest?: () => void;\n  /**\n   * Возвращает текущую позицию попапа\n   */\n  onPositionChange?: (pos: PopupPositionsType) => void;\n}\n\ninterface PopupLocation {\n  coordinates: {\n    left: number;\n    top: number;\n  };\n  position: PopupPositionsType;\n}\n\nexport interface PopupState {\n  location: Nullable<PopupLocation>;\n}\n\nexport const PopupDataTids = {\n  root: 'Popup__root',\n  content: 'PopupContent',\n  contentInner: 'PopupContentInner',\n  popupPin: 'PopupPin__root',\n} as const;\n\nexport const PopupIds = {\n  root: PopupDataTids.root,\n};\n\ntype DefaultProps = Required<\n  Pick<\n    PopupProps,\n    'popupOffset' | 'hasPin' | 'hasShadow' | 'disableAnimations' | 'useWrapper' | 'ignoreHover' | 'width'\n  >\n>;\n\n@responsiveLayout\n@rootNode\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  public static __KONTUR_REACT_UI__ = 'Popup';\n  public static displayName = 'Popup';\n\n  public static propTypes = {\n    /**\n     * Ссылка (ref) на элемент или React компонент, для которого рисуется попап\n     */\n    anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(globalObject.HTMLElement), PropTypes.node]).isRequired,\n\n    /**\n     * Фон попапа и пина\n     */\n    backgroundColor: PropTypes.string,\n\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    /**\n     * Показывать ли пин\n     */\n    hasPin: PropTypes.bool,\n\n    /**\n     * Применять ли box-shadow на попапе. При false отключает границу на пине\n     */\n    hasShadow: PropTypes.bool,\n\n    /**\n     * Отступ попапа от элемента\n     */\n    margin: PropTypes.number,\n\n    /**\n     * Показан или скрыт попап\n     */\n    opened: PropTypes.bool,\n\n    /**\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n     */\n    pinOffset: PropTypes.number,\n\n    /**\n     * Сторона пина без учёта границы.\n     * Пин представляет собой равносторонний треугольник, высота от попапа\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n     */\n    pinSize: PropTypes.number,\n\n    /**\n     * смещение попапа относительно родительского элемента\n     */\n    popupOffset: PropTypes.number,\n\n    /**\n     * С какой стороны показывать попап и край попапа,\n     * на котором будет отображаться пин\n     */\n    positions: PropTypes.array,\n\n    /**\n     * Приоритетная позиция попапа\n     */\n    pos: PropTypes.string,\n\n    /**\n     * Игнорировать ли события hover/click\n     */\n    ignoreHover: PropTypes.bool,\n  };\n\n  public static defaultProps: DefaultProps = {\n    popupOffset: 0,\n    hasPin: false,\n    hasShadow: false,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    ignoreHover: false,\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(Popup.defaultProps);\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  public state: PopupState = { location: this.props.opened ? DUMMY_LOCATION : null };\n  private theme!: Theme;\n  public featureFlags!: ReactUIFeatureFlags;\n  private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private locationUpdateId: Nullable<number> = null;\n  private lastPopupContentElement: Nullable<Element>;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n  private refForTransition = React.createRef<HTMLDivElement>();\n  private hasAnchorElementListeners = false;\n  private rootId = PopupIds.root + getRandomID();\n\n  public anchorElement: Nullable<Element> = null;\n\n  public componentDidMount() {\n    this.updateLocation();\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\n\n    if (!this.hasAnchorElementListeners) {\n      this.addEventListeners(this.anchorElement);\n    }\n  }\n\n  public static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState) {\n    /**\n     * Delaying updateLocation to ensure it happens after props update\n     */\n    if (props.opened) {\n      if (!state.location) {\n        return { location: DUMMY_LOCATION };\n      }\n    } else if (state.location) {\n      return { location: DUMMY_LOCATION };\n    }\n    return state;\n  }\n\n  public componentDidUpdate(prevProps: PopupProps, prevState: PopupState) {\n    const hadNoLocation = prevState.location === DUMMY_LOCATION;\n    const hasLocation = this.state.location !== DUMMY_LOCATION;\n    const wasClosed = prevProps.opened && !this.props.opened;\n\n    if (this.isMobileLayout && prevState.location === null && this.state.location === null) {\n      this.setState({ location: DUMMY_LOCATION });\n    }\n\n    if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {\n      this.props.onOpen();\n    }\n    if (wasClosed && !hasLocation && this.props.onClose) {\n      this.props.onClose();\n    }\n    if (this.props.opened) {\n      this.delayUpdateLocation();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.cancelDelayedUpdateLocation();\n    if (this.hasAnchorElementListeners) {\n      this.removeEventListeners(this.anchorElement);\n    }\n    if (this.layoutEventsToken) {\n      this.layoutEventsToken.remove();\n      this.layoutEventsToken = null;\n    }\n    if (this.state.location && this.props.onClose) {\n      this.props.onClose();\n    }\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderMobile() {\n    const { opened } = this.props;\n    const children = this.renderChildren();\n\n    return children ? (\n      <CommonWrapper rootNodeRef={this.setRootNode}>\n        <MobilePopup opened={opened} withoutRenderContainer onCloseRequest={this.props.mobileOnCloseRequest}>\n          {this.content(children)}\n        </MobilePopup>\n      </CommonWrapper>\n    ) : null;\n  }\n\n  private renderMain() {\n    const { location } = this.state;\n    const { anchorElement } = this.props;\n    const useWrapper = this.getProps().useWrapper;\n\n    let anchor: Nullable<React.ReactNode> = null;\n    if (isInstanceOf(anchorElement, globalObject.Element)) {\n      this.updateAnchorElement(anchorElement);\n    } else if (React.isValidElement(anchorElement)) {\n      anchor = useWrapper ? <span>{anchorElement}</span> : anchorElement;\n    } else {\n      anchor = <span>{anchorElement}</span>;\n    }\n\n    const anchorWithRef =\n      anchor && React.isValidElement(anchor) && isRefableElement(anchor)\n        ? React.cloneElement(anchor, {\n            ref: (instance: Nullable<React.ReactInstance>) => {\n              this.updateAnchorElement(instance);\n              const originalRef = (anchor as React.RefAttributes<any>)?.ref;\n              originalRef && callChildRef(originalRef, instance);\n            },\n          })\n        : null;\n\n    // we need to get anchor's DOM node\n    // so we either set our own ref on it via cloning\n    // or relay on findDOMNode (inside getRootNode)\n    // which should be called within updateAnchorElement\n    // in the case when the anchor is not refable\n\n    const canGetAnchorNode = !!anchorWithRef || isInstanceOf(anchorElement, globalObject.Element);\n\n    return (\n      <RenderContainer anchor={anchorWithRef || anchor} ref={canGetAnchorNode ? null : this.updateAnchorElement}>\n        {this.isMobileLayout && !this.props.withoutMobile\n          ? this.renderMobile()\n          : location && this.renderContent(location)}\n      </RenderContainer>\n    );\n  }\n\n  private updateAnchorElement = (instance: Nullable<React.ReactInstance>) => {\n    const childDomNode = isInstanceWithAnchorElement(instance) ? instance.getAnchorElement() : getRootNode(instance);\n    const anchorElement = this.anchorElement;\n\n    if (childDomNode !== anchorElement) {\n      this.removeEventListeners(anchorElement);\n      this.anchorElement = childDomNode;\n      this.addEventListeners(childDomNode);\n    }\n  };\n\n  private addEventListeners(element: Nullable<Element>) {\n    if (element && isInstanceOf(element, globalObject.Element)) {\n      // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657\n      element.addEventListener('mouseenter', this.handleMouseEnter);\n      // @ts-expect-error: See the comment above\n      element.addEventListener('mouseleave', this.handleMouseLeave);\n      // @ts-expect-error: See the comment above\n      element.addEventListener('click', this.handleClick);\n      element.addEventListener('focusin', this.handleFocus as EventListener);\n      element.addEventListener('focusout', this.handleBlur as EventListener);\n\n      this.hasAnchorElementListeners = true;\n    }\n  }\n\n  private removeEventListeners(element: Nullable<Element>) {\n    if (element && isInstanceOf(element, globalObject.Element)) {\n      // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657\n      element.removeEventListener('mouseenter', this.handleMouseEnter);\n      // @ts-expect-error: See the comment above\n      element.removeEventListener('mouseleave', this.handleMouseLeave);\n      // @ts-expect-error: See the comment above\n      element.removeEventListener('click', this.handleClick);\n      element.removeEventListener('focusin', this.handleFocus as EventListener);\n      element.removeEventListener('focusout', this.handleBlur as EventListener);\n\n      this.hasAnchorElementListeners = false;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    if (this.props.onMouseEnter) {\n      this.props.onMouseEnter(event);\n    }\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(event);\n    }\n  };\n\n  private handleClick = (event: MouseEventType) => {\n    if (this.props.onClick) {\n      this.props.onClick(event);\n    }\n  };\n\n  private handleFocus = (event: FocusEventType) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: FocusEventType) => {\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private calculateWidth = (width: PopupProps['width']) => {\n    if (typeof width === 'string' && width.includes('%')) {\n      const anchorWidth = Math.floor(getDOMRect(this.anchorElement).width);\n      return this.anchorElement ? (anchorWidth * parseFloat(width)) / 100 : 0;\n    }\n    return width;\n  };\n\n  private content = (children: React.ReactNode) => {\n    const { backgroundColor } = this.props;\n    const width = this.getProps().width;\n\n    return (\n      <div\n        className={styles.content(this.theme)}\n        data-tid={PopupDataTids.content}\n        ref={mergeRefs([this.refForTransition, this.refPopupContentElement])}\n      >\n        <div\n          className={styles.contentInner(this.theme)}\n          style={{ backgroundColor, width: this.calculateWidth(width) }}\n          data-tid={PopupDataTids.contentInner}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  };\n\n  private renderContent(location: PopupLocation) {\n    const { maxWidth, opened } = this.props;\n    const { hasShadow, disableAnimations, ignoreHover } = this.getProps();\n    const children = this.renderChildren();\n\n    const { direction } = PopupHelper.getPositionObject(location.position);\n    const rootStyle: React.CSSProperties = { ...location.coordinates, maxWidth };\n\n    const shouldFallbackShadow = isIE11 || isEdge || isSafari;\n\n    return (\n      <Transition\n        timeout={TRANSITION_TIMEOUT}\n        appear={!disableAnimations}\n        in={Boolean(opened && children)}\n        mountOnEnter\n        unmountOnExit\n        enter={!disableAnimations}\n        exit={!disableAnimations}\n        onExited={this.resetLocation}\n        nodeRef={this.refForTransition}\n      >\n        {(state: string) => (\n          <CommonWrapper {...this.props} rootNodeRef={this.setRootNode}>\n            <ZIndex\n              id={this.props.id ?? this.rootId}\n              data-tid={PopupDataTids.root}\n              priority={'Popup'}\n              className={cx({\n                [styles.popup(this.theme)]: true,\n                [styles.shadow(this.theme)]: hasShadow && !shouldFallbackShadow,\n                [styles.shadowFallback(this.theme)]: hasShadow && shouldFallbackShadow,\n                [styles.popupIgnoreHover()]: ignoreHover,\n                ...(disableAnimations\n                  ? {}\n                  : {\n                      [styles[`transition-enter-${direction}` as keyof typeof styles](this.theme)]: true,\n                      [styles.transitionEnter()]: state === 'entering',\n                      [styles.transitionEnterActive()]: state === 'entered',\n                      [styles.transitionExit()]: state === 'exiting',\n                    }),\n              })}\n              style={rootStyle}\n              onMouseEnter={this.handleMouseEnter}\n              onMouseLeave={this.handleMouseLeave}\n            >\n              {this.content(children)}\n              {(!this.isMobileLayout || this.props.withoutMobile) && this.renderPin(location.position)}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </Transition>\n    );\n  }\n\n  private resetLocation = () => {\n    this.cancelDelayedUpdateLocation();\n    this.state.location !== null && this.setState({ location: null });\n  };\n\n  private renderChildren() {\n    return isFunction(this.props.children) ? this.props.children() : this.props.children;\n  }\n\n  private refPopupContentElement = (element: Nullable<Element>) => {\n    this.lastPopupContentElement = element;\n  };\n\n  private renderPin(positionName: string): React.ReactNode {\n    /**\n     * Box-shadow does not appear under the pin. Borders are used instead.\n     * In non-ie browsers drop-shadow filter is used. It is applying\n     * shadow to the pin too.\n     */\n    const isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;\n    const pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;\n\n    const { pinSize, backgroundColor, borderColor } = this.props;\n    const { hasShadow, hasPin } = this.getProps();\n    const position = PopupHelper.getPositionObject(positionName);\n\n    return (\n      hasPin && (\n        <PopupPin\n          popupElement={this.lastPopupContentElement}\n          popupPosition={positionName}\n          size={pinSize || parseInt(this.theme.popupPinSize)}\n          offset={this.getPinOffset(position.align)}\n          borderWidth={hasShadow ? 1 : 0}\n          backgroundColor={backgroundColor || this.theme.popupBackground}\n          borderColor={borderColor || pinBorder}\n        />\n      )\n    );\n  }\n\n  private handleLayoutEvent = () => {\n    if (!this.state.location) {\n      return;\n    }\n    this.updateLocation();\n  };\n\n  private delayUpdateLocation() {\n    this.cancelDelayedUpdateLocation();\n    this.locationUpdateId = globalObject.requestAnimationFrame?.(this.updateLocation);\n  }\n\n  private cancelDelayedUpdateLocation() {\n    if (this.locationUpdateId) {\n      globalObject.cancelAnimationFrame?.(this.locationUpdateId);\n      this.locationUpdateId = null;\n    }\n  }\n\n  private updateLocation = () => {\n    const popupContentElement = this.lastPopupContentElement;\n\n    if (!popupContentElement) {\n      return;\n    }\n\n    const location = this.getLocation(popupContentElement, this.state.location);\n    if (location) {\n      this.props.onPositionChange?.(location?.position);\n    }\n\n    if (!this.locationEquals(this.state.location, location)) {\n      this.setState({ location });\n    }\n  };\n\n  private locationEquals(x: Nullable<PopupLocation>, y: Nullable<PopupLocation>) {\n    if (x === y) {\n      return true;\n    }\n\n    if (isNullable(x) || isNullable(y)) {\n      return false;\n    }\n\n    if (!isIE11 && !isEdge) {\n      return (\n        x.coordinates.left === y.coordinates.left &&\n        x.coordinates.top === y.coordinates.top &&\n        x.position === y.position\n      );\n    }\n\n    // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность\n    // уйти в бесконечный ререндер\n\n    return (\n      x.position === y.position &&\n      Math.abs(x.coordinates.top - y.coordinates.top) <= 1 &&\n      Math.abs(x.coordinates.left - y.coordinates.left) <= 1\n    );\n  }\n\n  private reorderPropsPositionsWithPriorityPos() {\n    const positions = this.props.positions ? this.props.positions : PopupPositions;\n    let pos_ = '';\n    if (this.props.pos) {\n      pos_ = this.props.pos;\n    } else {\n      pos_ = positions[0];\n    }\n    const index = positions.findIndex((position) => position.startsWith(pos_));\n    if (index === -1) {\n      warning(false, 'Unexpected position ' + pos_ + ' passed to Popup. Expected one of: ' + positions.join(', '));\n      return positions;\n    }\n    return [...positions.slice(index), ...positions.slice(0, index)];\n  }\n\n  private getLocation(popupElement: Element, location?: Nullable<PopupLocation>) {\n    const { tryPreserveFirstRenderedPosition } = this.getProps();\n    let positions;\n    if (this.featureFlags.popupUnifyPositioning) {\n      positions = this.reorderPropsPositionsWithPriorityPos();\n    } else if (this.props.positions) {\n      positions = this.props.positions;\n    } else {\n      positions = OldPopupPositions;\n    }\n    const anchorElement = this.anchorElement;\n\n    warning(\n      anchorElement && isInstanceOf(anchorElement, globalObject.Element),\n      'Anchor element is not defined or not instance of Element',\n    );\n\n    if (!(anchorElement && isInstanceOf(anchorElement, globalObject.Element))) {\n      return location;\n    }\n\n    const anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n\n    let position: PopupPositionsType;\n    let coordinates: Offset;\n\n    if (location && location !== DUMMY_LOCATION && location.position) {\n      position = location.position;\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\n\n      const isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect);\n      const canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates);\n\n      if (\n        // если нужно сохранить первоначальную позицию и Попап целиком\n        // находится в пределах вьюпорта (или может быть проскроллен в него)\n        (tryPreserveFirstRenderedPosition && (isFullyVisible || canBecomeVisible)) ||\n        // если Попап целиком во вьюпорте и в самой приоритетной позиции\n        // (иначе нужно попытаться позицию сменить)\n        (isFullyVisible && position === positions[0])\n      ) {\n        // сохраняем текущую позицию\n        return { coordinates, position };\n      }\n    }\n\n    for (position of positions) {\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\n      if (PopupHelper.isFullyVisible(coordinates, popupRect)) {\n        return { coordinates, position };\n      }\n    }\n\n    position = positions[0];\n    coordinates = this.getCoordinates(anchorRect, popupRect, position);\n    return { coordinates, position };\n  }\n\n  private getPinnedPopupOffset(anchorRect: Rect, position: PositionObject) {\n    if (!this.getProps().hasPin || /center|middle/.test(position.align)) {\n      return 0;\n    }\n\n    const anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;\n\n    const { pinSize } = this.props;\n\n    return Math.max(\n      0,\n      this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2,\n    );\n  }\n\n  private getCoordinates(anchorRect: Rect, popupRect: Rect, positionName: string) {\n    const { margin: marginFromProps } = this.props;\n    const margin =\n      isNonNullable(marginFromProps) && !isNaN(marginFromProps)\n        ? marginFromProps\n        : parseInt(this.theme.popupMargin) || 0;\n    const position = PopupHelper.getPositionObject(positionName);\n    const popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);\n\n    switch (position.direction) {\n      case 'top':\n        return {\n          top: anchorRect.top - popupRect.height - margin,\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\n        };\n      case 'bottom':\n        return {\n          top: anchorRect.top + anchorRect.height + margin,\n          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\n        };\n      case 'left':\n        return {\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\n          left: anchorRect.left - popupRect.width - margin,\n        };\n      case 'right':\n        return {\n          top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\n          left: anchorRect.left + anchorRect.width + margin,\n        };\n      default:\n        throw new Error(`Unexpected direction '${position.direction}'`);\n    }\n  }\n\n  private getPinOffset(align: string) {\n    const { pinOffset } = this.props;\n\n    switch (align) {\n      case 'top':\n      case 'bottom':\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetY);\n      case 'left':\n      case 'right':\n        return pinOffset || parseInt(this.theme.popupPinOffset) || parseInt(this.theme.popupPinOffsetX);\n      case 'center':\n      case 'middle':\n        return 0;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getHorizontalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n    switch (align) {\n      case 'left':\n        return anchorRect.left - popupOffset;\n      case 'center':\n        return anchorRect.left - (popupRect.width - anchorRect.width) / 2;\n      case 'right':\n        return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getVerticalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n    switch (align) {\n      case 'top':\n        return anchorRect.top - popupOffset;\n      case 'middle':\n        return anchorRect.top - (popupRect.height - anchorRect.height) / 2;\n      case 'bottom':\n        return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"]}

package/cjs/internal/Popup/Popup.styles.d.ts

@@ -1,10 +1,11 @@
-export declare const jsStyles: {
-    popup(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    popup(t: Theme): string;
     popupIgnoreHover(): string;
-    content(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    contentInner(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    shadow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    shadowFallback(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    content(t: Theme): string;
+    contentInner(t: Theme): string;
+    shadow(t: Theme): string;
+    shadowFallback(t: Theme): string;
     transitionEnter(): string;
     'transition-enter-top'(): string;
     'transition-enter-bottom'(): string;

package/cjs/internal/Popup/Popup.styles.js

@@ -1,88 +1,88 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject13() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0) !important;\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0) !important;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(-10px);\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(10px);\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(-10px);\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(10px);\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      filter: ", ";\n      -webkit-filter: ", ";\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      border-radius: ", ";\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      min-width: 18px;\n      border-radius: ", ";\n      border: ", " ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   popup: function popup(t) {
-    return (0, _Emotion.css)(_templateObject(),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      min-width: 18px;\n      border-radius: ", ";\n      border: ", " ", ";\n      display: flex;\n    "])),
 
 
     t.popupBorderRadius,
     t.popupBorder, t.popupBorderColor);
 
+
   },
 
   popupIgnoreHover: function popupIgnoreHover() {
-    return (0, _Emotion.css)(_templateObject2());
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n    "])));
 
 
   },
 
   content: function content(t) {
-    return (0, _Emotion.css)(_templateObject3(),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      border-radius: ", ";\n      flex-shrink: 0;\n      line-height: normal;\n    "])),
 
     t.popupBorderRadius);
 
+
+
   },
 
   contentInner: function contentInner(t) {
-    return (0, _Emotion.css)(_templateObject4(),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n    "])),
     t.popupTextColor,
     t.popupBackground);
 
   },
 
   shadow: function shadow(t) {
-    return (0, _Emotion.css)(_templateObject5(),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      filter: ", ";\n      -webkit-filter: ", ";\n    "])),
     t.popupDropShadow,
     t.popupDropShadow);
 
   },
 
   shadowFallback: function shadowFallback(t) {
-    return (0, _Emotion.css)(_templateObject6(),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
     t.popupBoxShadow);
 
   },
 
   transitionEnter: function transitionEnter() {
-    return (0, _Emotion.css)(_templateObject7());
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01;\n    "])));
 
 
   },
   'transition-enter-top': function transitionEnterTop() {
-    return (0, _Emotion.css)(_templateObject8());
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(10px);\n    "])));
 
 
   },
   'transition-enter-bottom': function transitionEnterBottom() {
-    return (0, _Emotion.css)(_templateObject9());
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(-10px);\n    "])));
 
 
   },
   'transition-enter-left': function transitionEnterLeft() {
-    return (0, _Emotion.css)(_templateObject10());
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(10px);\n    "])));
 
 
   },
   'transition-enter-right': function transitionEnterRight() {
-    return (0, _Emotion.css)(_templateObject11());
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(-10px);\n    "])));
 
 
   },
   transitionEnterActive: function transitionEnterActive() {
-    return (0, _Emotion.css)(_templateObject12());
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    "])));
 
 
 
 
   },
   transitionExit: function transitionExit() {
-    return (0, _Emotion.css)(_templateObject13());
-
-
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    "])));
 
 
-  } };
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/internal/Popup/Popup.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Popup.styles.ts"],"names":["styles","popup","t","css","popupBorderRadius","popupBorder","popupBorderColor","popupIgnoreHover","content","contentInner","popupTextColor","popupBackground","shadow","popupDropShadow","shadowFallback","popupBoxShadow","transitionEnter","transitionEnterActive","transitionExit","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,KADa,iBACPC,CADO,EACG;AACd,eAAOC,YAAP;;;AAGmBD,IAAAA,CAAC,CAACE,iBAHrB;AAIYF,IAAAA,CAAC,CAACG,WAJd,EAI6BH,CAAC,CAACI,gBAJ/B;;AAMD,GARY;;AAUbC,EAAAA,gBAVa,8BAUM;AACjB,eAAOJ,YAAP;;;AAGD,GAdY;;AAgBbK,EAAAA,OAhBa,mBAgBLN,CAhBK,EAgBK;AAChB,eAAOC,YAAP;;AAEmBD,IAAAA,CAAC,CAACE,iBAFrB;;AAID,GArBY;;AAuBbK,EAAAA,YAvBa,wBAuBAP,CAvBA,EAuBU;AACrB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACQ,cADb;AAEgBR,IAAAA,CAAC,CAACS,eAFlB;;AAID,GA5BY;;AA8BbC,EAAAA,MA9Ba,kBA8BNV,CA9BM,EA8BI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACW,eADd;AAEoBX,IAAAA,CAAC,CAACW,eAFtB;;AAID,GAnCY;;AAqCbC,EAAAA,cArCa,0BAqCEZ,CArCF,EAqCY;AACvB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACa,cADlB;;AAGD,GAzCY;;AA2CbC,EAAAA,eA3Ca,6BA2CK;AAChB,eAAOb,YAAP;;;AAGD,GA/CY;AAgDb,wBAhDa,gCAgDY;AACvB,eAAOA,YAAP;;;AAGD,GApDY;AAqDb,2BArDa,mCAqDe;AAC1B,eAAOA,YAAP;;;AAGD,GAzDY;AA0Db,yBA1Da,iCA0Da;AACxB,eAAOA,YAAP;;;AAGD,GA9DY;AA+Db,0BA/Da,kCA+Dc;AACzB,eAAOA,YAAP;;;AAGD,GAnEY;AAoEbc,EAAAA,qBApEa,mCAoEW;AACtB,eAAOd,YAAP;;;;;AAKD,GA1EY;AA2Ebe,EAAAA,cA3Ea,4BA2EI;AACf,eAAOf,YAAP;;;;;AAKD,GAjFY,EAAf;;;AAoFO,IAAMgB,QAAQ,GAAG,2BAAanB,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  popup(t: Theme) {\r\n    return css`\r\n      position: absolute;\r\n      min-width: 18px;\r\n      border-radius: ${t.popupBorderRadius};\r\n      border: ${t.popupBorder} ${t.popupBorderColor};\r\n    `;\r\n  },\r\n\r\n  popupIgnoreHover() {\r\n    return css`\r\n      pointer-events: none;\r\n    `;\r\n  },\r\n\r\n  content(t: Theme) {\r\n    return css`\r\n      overflow: hidden;\r\n      border-radius: ${t.popupBorderRadius};\r\n    `;\r\n  },\r\n\r\n  contentInner(t: Theme) {\r\n    return css`\r\n      color: ${t.popupTextColor};\r\n      background: ${t.popupBackground};\r\n    `;\r\n  },\r\n\r\n  shadow(t: Theme) {\r\n    return css`\r\n      filter: ${t.popupDropShadow};\r\n      -webkit-filter: ${t.popupDropShadow};\r\n    `;\r\n  },\r\n\r\n  shadowFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: ${t.popupBoxShadow};\r\n    `;\r\n  },\r\n\r\n  transitionEnter() {\r\n    return css`\r\n      opacity: 0.01;\r\n    `;\r\n  },\r\n  'transition-enter-top'() {\r\n    return css`\r\n      transform: translateY(10px);\r\n    `;\r\n  },\r\n  'transition-enter-bottom'() {\r\n    return css`\r\n      transform: translateY(-10px);\r\n    `;\r\n  },\r\n  'transition-enter-left'() {\r\n    return css`\r\n      transform: translateX(10px);\r\n    `;\r\n  },\r\n  'transition-enter-right'() {\r\n    return css`\r\n      transform: translateX(-10px);\r\n    `;\r\n  },\r\n  transitionEnterActive() {\r\n    return css`\r\n      transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n      opacity: 1;\r\n      transform: translate(0, 0) !important;\r\n    `;\r\n  },\r\n  transitionExit() {\r\n    return css`\r\n      opacity: 0.01;\r\n      transition: opacity 0.15s ease-out;\r\n      transform: translate(0, 0) !important;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Popup.styles.ts"],"names":["styles","popup","t","css","popupBorderRadius","popupBorder","popupBorderColor","popupIgnoreHover","content","contentInner","popupTextColor","popupBackground","shadow","popupDropShadow","shadowFallback","popupBoxShadow","transitionEnter","transitionEnterActive","transitionExit"],"mappings":"oRAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,KADiC,iBAC3BC,CAD2B,EACjB;AACd,eAAOC,YAAP;;;AAGmBD,IAAAA,CAAC,CAACE,iBAHrB;AAIYF,IAAAA,CAAC,CAACG,WAJd,EAI6BH,CAAC,CAACI,gBAJ/B;;;AAOD,GATgC;;AAWjCC,EAAAA,gBAXiC,8BAWd;AACjB,eAAOJ,YAAP;;;AAGD,GAfgC;;AAiBjCK,EAAAA,OAjBiC,mBAiBzBN,CAjByB,EAiBf;AAChB,eAAOC,YAAP;;AAEmBD,IAAAA,CAAC,CAACE,iBAFrB;;;;AAMD,GAxBgC;;AA0BjCK,EAAAA,YA1BiC,wBA0BpBP,CA1BoB,EA0BV;AACrB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACQ,cADb;AAEgBR,IAAAA,CAAC,CAACS,eAFlB;;AAID,GA/BgC;;AAiCjCC,EAAAA,MAjCiC,kBAiC1BV,CAjC0B,EAiChB;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACW,eADd;AAEoBX,IAAAA,CAAC,CAACW,eAFtB;;AAID,GAtCgC;;AAwCjCC,EAAAA,cAxCiC,0BAwClBZ,CAxCkB,EAwCR;AACvB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACa,cADlB;;AAGD,GA5CgC;;AA8CjCC,EAAAA,eA9CiC,6BA8Cf;AAChB,eAAOb,YAAP;;;AAGD,GAlDgC;AAmDjC,wBAnDiC,gCAmDR;AACvB,eAAOA,YAAP;;;AAGD,GAvDgC;AAwDjC,2BAxDiC,mCAwDL;AAC1B,eAAOA,YAAP;;;AAGD,GA5DgC;AA6DjC,yBA7DiC,iCA6DP;AACxB,eAAOA,YAAP;;;AAGD,GAjEgC;AAkEjC,0BAlEiC,kCAkEN;AACzB,eAAOA,YAAP;;;AAGD,GAtEgC;AAuEjCc,EAAAA,qBAvEiC,mCAuET;AACtB,eAAOd,YAAP;;;;;AAKD,GA7EgC;AA8EjCe,EAAAA,cA9EiC,4BA8EhB;AACf,eAAOf,YAAP;;;;;AAKD,GApFgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  popup(t: Theme) {\n    return css`\n      position: absolute;\n      min-width: 18px;\n      border-radius: ${t.popupBorderRadius};\n      border: ${t.popupBorder} ${t.popupBorderColor};\n      display: flex;\n    `;\n  },\n\n  popupIgnoreHover() {\n    return css`\n      pointer-events: none;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n      flex-shrink: 0;\n      line-height: normal;\n    `;\n  },\n\n  contentInner(t: Theme) {\n    return css`\n      color: ${t.popupTextColor};\n      background: ${t.popupBackground};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      filter: ${t.popupDropShadow};\n      -webkit-filter: ${t.popupDropShadow};\n    `;\n  },\n\n  shadowFallback(t: Theme) {\n    return css`\n      box-shadow: ${t.popupBoxShadow};\n    `;\n  },\n\n  transitionEnter() {\n    return css`\n      opacity: 0.01;\n    `;\n  },\n  'transition-enter-top'() {\n    return css`\n      transform: translateY(10px);\n    `;\n  },\n  'transition-enter-bottom'() {\n    return css`\n      transform: translateY(-10px);\n    `;\n  },\n  'transition-enter-left'() {\n    return css`\n      transform: translateX(10px);\n    `;\n  },\n  'transition-enter-right'() {\n    return css`\n      transform: translateX(-10px);\n    `;\n  },\n  transitionEnterActive() {\n    return css`\n      transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    `;\n  },\n  transitionExit() {\n    return css`\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    `;\n  },\n});\n"]}

package/cjs/internal/Popup/PopupHelper.d.ts

@@ -1,4 +1,4 @@
-import { PopupPosition } from './Popup';
+import { PopupPositionsType } from './Popup';
 export interface Rect {
     top: number;
     left: number;
@@ -14,9 +14,9 @@ export interface PositionObject {
     align: string;
 }
 declare function getPositionObject(position: string): PositionObject;
-declare function getElementAbsoluteRect(element: HTMLElement): Rect;
+declare function getElementAbsoluteRect(element: Element): Rect;
 declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean;
-declare function canBecomeFullyVisible(positionName: PopupPosition, coordinates: Offset): boolean;
+declare function canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset): boolean;
 export declare const PopupHelper: {
     getPositionObject: typeof getPositionObject;
     getElementAbsoluteRect: typeof getElementAbsoluteRect;

package/cjs/internal/Popup/PopupHelper.js

@@ -1,4 +1,8 @@
-"use strict";exports.__esModule = true;exports.PopupHelper = void 0;
+"use strict";exports.__esModule = true;exports.PopupHelper = void 0;var _globalObject = require("@skbkontur/global-object");
+
+var _getDOMRect = require("../../lib/dom/getDOMRect");
+
+
 
 
 
@@ -44,6 +48,7 @@ function isAbsoluteRectFullyVisible(coordinates, popupRect) {
   return _rectContainsRect(windowAbsoluteRect, absoluteRect);
 }
 
+// Can become fully visible by scrolling into viewport
 function canBecomeFullyVisible(positionName, coordinates) {
   var position = getPositionObject(positionName);
 
@@ -62,7 +67,7 @@ function canBecomeFullyVisible(positionName, coordinates) {
 }
 
 function _getElementRelativeRect(element) {
-  var rect = element.getBoundingClientRect();
+  var rect = (0, _getDOMRect.getDOMRect)(element);
 
   return {
     top: rect.top,
@@ -76,8 +81,8 @@ function _getWindowRelativeRect() {
   return {
     top: 0,
     left: 0,
-    width: _getViewProperty(function (x) {return x.clientWidth;}) || window.innerWidth,
-    height: _getViewProperty(function (x) {return x.clientHeight;}) || window.innerHeight };
+    width: _getViewProperty(function (x) {return x.clientWidth;}) || _globalObject.globalObject.innerWidth || 0,
+    height: _getViewProperty(function (x) {return x.clientHeight;}) || _globalObject.globalObject.innerHeight || 0 };
 
 }
 
@@ -93,8 +98,8 @@ function convertRectToAbsolute(rect) {
 }
 
 function _getAbsoluteOffset() {
-  var scrollTop = window.pageYOffset || _getViewProperty(function (x) {return x.scrollTop;});
-  var scrollLeft = window.pageXOffset || _getViewProperty(function (x) {return x.scrollLeft;});
+  var scrollTop = _globalObject.globalObject.pageYOffset || _getViewProperty(function (x) {return x.scrollTop;});
+  var scrollLeft = _globalObject.globalObject.pageXOffset || _getViewProperty(function (x) {return x.scrollLeft;});
 
   var clientTop = _getViewProperty(function (x) {return x.clientTop;});
   var clientLeft = _getViewProperty(function (x) {return x.clientLeft;});
@@ -117,8 +122,8 @@ function _rectContainsRect(outerRect, innerRect) {
 
 }
 
-function _getViewProperty(getProperty) {
-  var views = [document.documentElement, document.body];
+function _getViewProperty(getProperty) {var _globalObject$documen, _globalObject$documen2;
+  var views = [(_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.documentElement, (_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.body];
   return views.map(function (x) {return x && getProperty(x);}).find(Boolean) || 0;
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["PopupHelper.tsx"],"names":["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","getBoundingClientRect","right","bottom","_getViewProperty","clientWidth","window","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 { PopupPosition } from './Popup';\r\n\r\nexport interface Rect {\r\n  top: number;\r\n  left: number;\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\nexport interface Offset {\r\n  top: number;\r\n  left: number;\r\n}\r\n\r\nexport interface PositionObject {\r\n  direction: string;\r\n  align: string;\r\n}\r\n\r\nfunction getPositionObject(position: string): PositionObject {\r\n  const x = position.split(' ');\r\n\r\n  return {\r\n    direction: x[0],\r\n    align: x[1],\r\n  };\r\n}\r\n\r\nfunction getElementAbsoluteRect(element: HTMLElement): Rect {\r\n  const rect = _getElementRelativeRect(element);\r\n  return convertRectToAbsolute(rect);\r\n}\r\n\r\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean {\r\n  const windowRelativeRect = _getWindowRelativeRect();\r\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\r\n  const absoluteRect = {\r\n    top: coordinates.top,\r\n    left: coordinates.left,\r\n    height: popupRect.height,\r\n    width: popupRect.width,\r\n  };\r\n\r\n  return _rectContainsRect(windowAbsoluteRect, absoluteRect);\r\n}\r\n\r\nfunction canBecomeFullyVisible(positionName: PopupPosition, coordinates: Offset) {\r\n  const position = getPositionObject(positionName);\r\n\r\n  if (position.direction === 'top') {\r\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\r\n    return coordinates.top + availableScrollDistances.top >= 0;\r\n  }\r\n\r\n  if (position.direction === 'left') {\r\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\r\n    return coordinates.left + availableScrollDistances.left >= 0;\r\n  }\r\n\r\n  // NOTE: for bottom/right cases browser will always expand document size\r\n  return true;\r\n}\r\n\r\nfunction _getElementRelativeRect(element: HTMLElement) {\r\n  const rect = element.getBoundingClientRect();\r\n\r\n  return {\r\n    top: rect.top,\r\n    left: rect.left,\r\n    width: rect.right - rect.left,\r\n    height: rect.bottom - rect.top,\r\n  };\r\n}\r\n\r\nfunction _getWindowRelativeRect(): Rect {\r\n  return {\r\n    top: 0,\r\n    left: 0,\r\n    width: _getViewProperty(x => x.clientWidth) || window.innerWidth,\r\n    height: _getViewProperty(x => x.clientHeight) || window.innerHeight,\r\n  };\r\n}\r\n\r\nfunction convertRectToAbsolute(rect: Rect): Rect {\r\n  const offset = _getAbsoluteOffset();\r\n\r\n  return {\r\n    top: rect.top + offset.top,\r\n    left: rect.left + offset.left,\r\n    width: rect.width,\r\n    height: rect.height,\r\n  };\r\n}\r\n\r\nfunction _getAbsoluteOffset(): Offset {\r\n  const scrollTop = window.pageYOffset || _getViewProperty(x => x.scrollTop);\r\n  const scrollLeft = window.pageXOffset || _getViewProperty(x => x.scrollLeft);\r\n\r\n  const clientTop = _getViewProperty(x => x.clientTop);\r\n  const clientLeft = _getViewProperty(x => x.clientLeft);\r\n\r\n  const top = scrollTop - clientTop;\r\n  const left = scrollLeft - clientLeft;\r\n\r\n  return {\r\n    top,\r\n    left,\r\n  };\r\n}\r\n\r\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\r\n  return (\r\n    innerRect.top > outerRect.top &&\r\n    innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\r\n    innerRect.left > outerRect.left &&\r\n    innerRect.left + innerRect.width < outerRect.left + outerRect.width\r\n  );\r\n}\r\n\r\nfunction _getViewProperty(getProperty: (e: HTMLElement) => number): number {\r\n  const views = [document.documentElement, document.body];\r\n  return views.map(x => x && getProperty(x)).find(Boolean) || 0;\r\n}\r\n\r\nexport const PopupHelper = {\r\n  getPositionObject,\r\n  getElementAbsoluteRect,\r\n  isFullyVisible: isAbsoluteRectFullyVisible,\r\n  canBecomeFullyVisible,\r\n};\r\n"]}
+{"version":3,"sources":["PopupHelper.tsx"],"names":["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","globalObject","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/cjs/internal/Popup/PopupPin.d.ts

@@ -6,12 +6,13 @@ interface Props {
     borderColor: string;
     borderWidth: number;
     offset: number;
-    popupElement: Nullable<HTMLElement>;
+    popupElement: Nullable<Element>;
     popupPosition: string;
     size: number;
 }
 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/cjs/internal/Popup/PopupPin.js

@@ -1,10 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.PopupPin = void 0;var _extends6 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PopupPin = void 0;var _extends6 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 
 
 var _PopupHelper = require("./PopupHelper");
 var _PopupPin = require("./PopupPin.styles");
+var _Popup = require("./Popup");
 
 var borderStyles = {
   position: 'absolute',
@@ -65,6 +66,7 @@ PopupPin = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
 
 
+
 
 
   render = function render() {
@@ -95,7 +97,7 @@ PopupPin = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
     var styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);
 
     return /*#__PURE__*/(
-      _react.default.createElement("div", { className: _PopupPin.jsStyles.wrapper(), style: styleWrapper }, /*#__PURE__*/
+      _react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: _PopupPin.styles.wrapper(), style: styleWrapper }, /*#__PURE__*/
       _react.default.createElement("div", { style: styleOuter }, /*#__PURE__*/
       _react.default.createElement("div", { style: styleInner }))));
 
@@ -271,20 +273,20 @@ PopupPin = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       default:
         throw new Error("Unexpected align '" + align + "'");}
 
-  };return PopupPin;}(_react.default.Component);exports.PopupPin = PopupPin;PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.propTypes = { /**
-   * Цвет фон пина
-   */backgroundColor: _propTypes.default.string, /**
-   * Цвет границы пина
-   */borderColor: _propTypes.default.string, /**
-   * Ширина границы пина
-   */borderWidth: _propTypes.default.number, /**
-   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-   */offset: _propTypes.default.number, /**
-   * Ссылка на попап
-   */popupElement: _propTypes.default.any, /**
-   * Позиция поапа, по которой будет вычеслено положение пина
-   */popupPosition: _propTypes.default.string, /**
-   * Сторона пина без учёта границы.
-   * Пин представляет собой равносторонний треугольник, высота от попапа
-   * до "носика" пина будет соответствовать формуле (size* √3)/2
+  };return PopupPin;}(_react.default.Component);exports.PopupPin = PopupPin;PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.displayName = 'PopupPin';PopupPin.propTypes = { /**
+   * Цвет фон пина
+   */backgroundColor: _propTypes.default.string, /**
+   * Цвет границы пина
+   */borderColor: _propTypes.default.string, /**
+   * Ширина границы пина
+   */borderWidth: _propTypes.default.number, /**
+   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+   */offset: _propTypes.default.number, /**
+   * Ссылка на попап
+   */popupElement: _propTypes.default.any, /**
+   * Позиция попапа, по которой будет вычислено положение пина
+   */popupPosition: _propTypes.default.string, /**
+   * Сторона пина без учёта границы.
+   * Пин представляет собой равносторонний треугольник, высота от попапа
+   * до "носика" пина будет соответствовать формуле (size* √3)/2
    */size: _propTypes.default.number };