@skbkontur/react-ui 1.12.2 → 2.0.0-beta.4

package/internal/Popup/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../internal/Popup/Popup.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\nimport warning from 'warning';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport type { Priority } from '../ZIndex/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { RenderContainer } from '../RenderContainer/index.js';\nimport type { FocusEventType, MouseEventType } from '../../typings/event-types.js';\nimport { getRandomID, isFunction, isNonNullable, isNullable, isRefableElement } from '../../lib/utils.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport { MobilePopup } from '../MobilePopup/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport { isInstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.js';\nimport { mergeRefs } from '../../lib/mergeRefs.js';\nimport { getVisualStateDataAttributes } from '../CommonWrapper/utils/getVisualStateDataAttributes.js';\nimport { getElementRef } from '../../lib/getElementRef.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { PopupPin } from './PopupPin.js';\nimport type { Offset, PositionObject, Rect } from './PopupHelper.js';\nimport { PopupHelper } from './PopupHelper.js';\nimport { getStyles } from './Popup.styles.js';\n\nconst TRANSITION_TIMEOUT = { enter: 0, exit: 200 };\n\nexport const PopupNonPinnablePositions = ['middle center', 'middle left', 'middle right'];\n\nexport const PopupPinnablePositions = [\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];\n\nexport const PopupPositions = [...PopupPinnablePositions, ...PopupNonPinnablePositions] as const;\n\nexport const DefaultPosition = PopupPositions[0];\n\nexport type PopupPositionsType = (typeof PopupPositions)[number];\nexport type PopupPinnablePositionsType = (typeof PopupPinnablePositions)[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  isFullyVisible: false,\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  /**\n   * Ссылка (ref) на элемент или React компонент, для которого рисуется попап\n   */\n  anchorElement: React.ReactNode | Element;\n  /**\n   * Фон попапа и пина\n   */\n  backgroundColor?: React.CSSProperties['backgroundColor'];\n  borderColor?: React.CSSProperties['borderColor'];\n  children: React.ReactNode | (() => React.ReactNode);\n  /**\n   * Показывать ли пин\n   */\n  hasPin?: boolean;\n  /**\n   * Применять ли box-shadow на попапе. При false отключает границу на пине\n   */\n  hasShadow?: boolean;\n  disableAnimations?: boolean;\n  /**\n   * Отступ попапа от элемента\n   */\n  margin?: number;\n  maxWidth?: number | string;\n  /**\n   * Показан или скрыт попап\n   */\n  opened: boolean;\n  /**\n   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n   */\n  pinOffset?: number;\n  /**\n   * Сторона пина без учёта границы.\n   * Пин представляет собой равносторонний треугольник, высота от попапа\n   * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n   */\n  pinSize?: number;\n  /**\n   * смещение попапа относительно родительского элемента\n   */\n  popupOffset?: number;\n  priority?: Priority;\n  /**\n   * С какой стороны показывать попап и край попапа,\n   * на котором будет отображаться пин\n   */\n  positions?: Readonly<PopupPositionsType[]>;\n  /**\n   * Приоритетная позиция попапа\n   */\n  pos?: PopupPositionsType | ShortPopupPositionsType;\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   *\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.\n   */\n  useWrapper?: boolean;\n  /**\n   * Игнорировать ли события hover/click\n   */\n  ignoreHover?: boolean;\n  width?: React.CSSProperties['width'];\n  minWidth?: React.CSSProperties['minWidth'];\n  /**\n   * При очередном рендере пытаться сохранить первоначальную позицию попапа\n   * (в том числе, когда он выходит за пределы экрана, но может быть проскролен в него).\n   *\n   * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.\n   * @see https://github.com/skbkontur/retail-ui/pull/1195\n   */\n  tryPreserveFirstRenderedPosition?: boolean;\n  withoutMobile?: boolean;\n  /** @ignore */\n  disablePortal?: boolean;\n  mobileOnCloseRequest?: () => void;\n  /**\n   * Возвращает текущую позицию попапа\n   */\n  onPositionChange?: (pos: PopupPositionsType, isFullyVisible: boolean) => void;\n}\n\ninterface PopupLocation {\n  coordinates: {\n    left: number;\n    top: number;\n  };\n  position: PopupPositionsType;\n  isFullyVisible: boolean;\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'\n    | 'hasPin'\n    | 'hasShadow'\n    | 'disablePortal'\n    | 'disableAnimations'\n    | 'useWrapper'\n    | 'ignoreHover'\n    | 'width'\n    | 'priority'\n  >\n>;\n\n@withRenderEnvironment\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 defaultProps: DefaultProps = {\n    popupOffset: 0,\n    hasPin: false,\n    hasShadow: false,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    ignoreHover: false,\n    disablePortal: false,\n    width: 'auto',\n    priority: ZIndex.priorities.Popup,\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 globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private locationUpdateId: Nullable<number> = null;\n  private lastPopupContentElement: Nullable<Element>;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\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  private absoluteParent: Nullable<HTMLDivElement> = null;\n\n  public componentDidMount() {\n    this.updateLocation();\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent, this.globalObject);\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    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.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 { anchorElement } = this.props;\n    const useWrapper = this.getProps().useWrapper;\n\n    let anchor: Nullable<React.ReactNode> = null;\n    if (isInstanceOf(anchorElement, this.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: mergeRefs(getElementRef(anchor), this.updateAnchorElement),\n          } as { ref: (instance: Nullable<React.ReactInstance>) => void })\n        : null;\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, this.globalObject.Element);\n    const renderRef = canGetAnchorNode ? null : this.updateAnchorElement;\n    const renderAnchor = anchorWithRef || anchor;\n\n    return this.props.disablePortal\n      ? this.renderWithoutPortal(renderAnchor, renderRef)\n      : this.renderInPortal(renderAnchor, renderRef);\n  }\n\n  private renderInPortal = (anchor: React.ReactNode, ref: null | Ref<RenderContainer>) => {\n    const { location } = this.state;\n\n    return (\n      <RenderContainer anchor={anchor} ref={ref}>\n        {this.isMobileLayout && !this.props.withoutMobile\n          ? this.renderMobile()\n          : location && this.renderContent(location)}\n      </RenderContainer>\n    );\n  };\n\n  private renderWithoutPortal = (anchor: React.ReactNode, ref: null | Ref<EmptyWrapper>) => {\n    const { location } = this.state;\n\n    return (\n      <EmptyWrapper ref={ref}>\n        {anchor}\n        {location && (\n          <div ref={this.updateAbsoluteElement} className={this.styles.absoluteParent()}>\n            {this.renderContent(location)}\n          </div>\n        )}\n      </EmptyWrapper>\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 updateAbsoluteElement = (instance: HTMLDivElement) => {\n    this.absoluteParent = instance;\n  };\n\n  private addEventListeners(element: Nullable<Element>) {\n    if (element && isInstanceOf(element, this.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, this.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 = getDOMRect(this.anchorElement).width;\n\n      return width.replace(/(\\d)+%/g, (percent: string) => `${(anchorWidth * parseFloat(percent)) / 100}px`);\n    }\n    return width;\n  };\n\n  private content = (children: React.ReactNode) => {\n    const { backgroundColor } = this.props;\n    const { width, minWidth } = this.getProps();\n\n    return (\n      <div\n        className={this.styles.content(this.theme)}\n        data-tid={PopupDataTids.content}\n        ref={mergeRefs(this.refForTransition, this.refPopupContentElement)}\n      >\n        <div\n          className={this.styles.contentInner(this.theme)}\n          style={{ backgroundColor, width: this.calculateWidth(width), minWidth: this.calculateWidth(minWidth) }}\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 relativeShift = this.getRelativeShift();\n    const { direction } = PopupHelper.getPositionObject(location.position);\n    const rootStyle: React.CSSProperties = {\n      maxWidth,\n      top: location.coordinates.top + relativeShift.top,\n      left: location.coordinates.left + relativeShift.left,\n    };\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} {...this.prepareDataVisualState()}>\n            <ZIndex\n              id={this.props.id ?? this.rootId}\n              data-tid={PopupDataTids.root}\n              priority={this.props.priority}\n              className={this.cx({\n                [this.styles.popup(this.theme)]: true,\n                [this.styles.shadow(this.theme)]: hasShadow,\n                [this.styles.popupIgnoreHover()]: ignoreHover,\n                ...(disableAnimations\n                  ? {}\n                  : {\n                      [this.styles[`transition-enter-${direction}` as keyof typeof this.styles](this.theme)]: true,\n                      [this.styles.transitionEnter()]: state === 'entering',\n                      [this.styles.transitionEnterActive()]: state === 'entered',\n                      [this.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 prepareDataVisualState = () => {\n    const position = this.state.location?.position;\n    if (position) {\n      const attrName = `position-` + position.replace(' ', '-');\n      return getVisualStateDataAttributes({ [attrName]: true });\n    }\n    return {};\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: HTMLDivElement) => {\n    this.lastPopupContentElement = element;\n  };\n\n  private renderPin(positionName: string): React.ReactNode {\n    const { pinSize, backgroundColor } = this.props;\n    const { hasPin } = this.getProps();\n    const position = PopupHelper.getPositionObject(positionName);\n\n    return (\n      hasPin &&\n      !PopupNonPinnablePositions.includes(positionName) && (\n        <PopupPin\n          popupElement={this.lastPopupContentElement}\n          popupPosition={positionName}\n          size={pinSize || parseInt(this.theme.popupPinSize)}\n          offset={this.getPinOffset(position.align)}\n          backgroundColor={backgroundColor || this.theme.popupBackground}\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 = this.globalObject.requestAnimationFrame?.(this.updateLocation);\n  }\n\n  private cancelDelayedUpdateLocation() {\n    if (this.locationUpdateId) {\n      this.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, location.isFullyVisible);\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    return (\n      x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position\n    );\n  }\n\n  private reorderPropsPositionsWithPriorityPos() {\n    const positions = this.props.positions ? this.props.positions : PopupPinnablePositions;\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>): Nullable<PopupLocation> {\n    const { tryPreserveFirstRenderedPosition } = this.getProps();\n    const positions = this.reorderPropsPositionsWithPriorityPos();\n\n    const anchorElement = this.anchorElement;\n\n    warning(\n      anchorElement && isInstanceOf(anchorElement, this.globalObject.Element),\n      'Anchor element is not defined or not instance of Element',\n    );\n\n    if (!(anchorElement && isInstanceOf(anchorElement, this.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, this.globalObject);\n      const canBecomeVisible =\n        !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates, this.globalObject);\n\n      if (\n        // если нужно сохранить первоначальную позицию и Попап целиком\n        // находится в пределах вьюпорта (или может быть проскроллен в него)\n        (tryPreserveFirstRenderedPosition && (isFullyVisible || canBecomeVisible)) ||\n        // если Попап целиком во вьюпорте и в самой приоритетной позиции\n        // (иначе нужно попытаться позицию сменить)\n        (isFullyVisible && position === positions[0])\n      ) {\n        // сохраняем текущую позицию\n        return { coordinates, position, isFullyVisible: true };\n      }\n    }\n\n    for (position of positions) {\n      coordinates = this.getCoordinates(anchorRect, popupRect, position);\n      if (PopupHelper.isFullyVisible(coordinates, popupRect, this.globalObject)) {\n        return { coordinates, position, isFullyVisible: true };\n      }\n    }\n\n    position = positions[0];\n    coordinates = this.getCoordinates(anchorRect, popupRect, position);\n\n    return { coordinates, position, isFullyVisible: false };\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 getRelativeShift = () => {\n    const { absoluteParent } = this;\n\n    if (!this.props.disablePortal || !absoluteParent) {\n      return {\n        top: 0,\n        left: 0,\n      };\n    }\n\n    const rect = PopupHelper.getElementAbsoluteRect(absoluteParent);\n\n    return {\n      top: -rect.top,\n      left: -rect.left,\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    const defaultCoordinates = {\n      top: anchorRect.top - popupRect.height - margin,\n      left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\n    };\n\n    switch (position.direction) {\n      case 'top':\n        return defaultCoordinates;\n      case 'middle':\n        return {\n          top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2,\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        warning(\n          false,\n          `Unexpected align '${position.direction}'. Must be one of - 'top', 'bottom', 'left', 'right', 'center', 'middle'. Returning default value.`,\n        );\n        return defaultCoordinates;\n    }\n  }\n\n  private getPinOffset(align: string) {\n    const { pinOffset } = this.props;\n    const defaultPinOffset = pinOffset || parseInt(this.theme.popupPinOffsetY);\n\n    switch (align) {\n      case 'top':\n      case 'bottom':\n        return defaultPinOffset;\n      case 'left':\n      case 'right':\n        return pinOffset || parseInt(this.theme.popupPinOffsetX);\n      case 'center':\n      case 'middle':\n        return 0;\n      default:\n        warning(\n          false,\n          `Unexpected align '${align}'. Must be one of - 'top', 'bottom', 'left', 'right', 'center', 'middle'. Returning default value.`,\n        );\n        return defaultPinOffset;\n    }\n  }\n\n  private getHorizontalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n    const defaultHorizontalPosition = anchorRect.left - (popupRect.width - anchorRect.width) / 2;\n\n    switch (align) {\n      case 'left':\n        return anchorRect.left - popupOffset;\n      case 'center':\n        return defaultHorizontalPosition;\n      case 'right':\n        return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;\n      default:\n        warning(\n          false,\n          `Unexpected align '${align}'. Must be one of - 'left', 'center', 'right'. Returning default value.`,\n        );\n        return defaultHorizontalPosition;\n    }\n  }\n\n  private getVerticalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n    const defaultVerticalPosition = anchorRect.top - popupOffset;\n\n    switch (align) {\n      case 'top':\n        return defaultVerticalPosition;\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        warning(\n          false,\n          `Unexpected align '${align}'. Must be one of - 'top', 'middle', 'bottom'. Returning default value.`,\n        );\n        return defaultVerticalPosition;\n    }\n  }\n}\n\n// Нужно, чтобы получать по рефу dom-элемент, в который зарендерится anchor\ntype EmptyWrapperProps = Readonly<{\n  children: React.ReactNode;\n}>;\n\nclass EmptyWrapper extends React.Component<EmptyWrapperProps> {\n  public render() {\n    return this.props.children;\n  }\n}\n"]}

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

@@ -0,0 +1,17 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    popup(t: Theme): string;
+    popupIgnoreHover(): string;
+    content(t: Theme): string;
+    contentInner(t: Theme): string;
+    shadow(t: Theme): string;
+    transitionEnter(): string;
+    'transition-enter-top'(): string;
+    'transition-enter-middle'(): string;
+    'transition-enter-bottom'(): string;
+    'transition-enter-left'(): string;
+    'transition-enter-right'(): string;
+    transitionEnterActive(): string;
+    transitionExit(): string;
+    absoluteParent(): string;
+}>;

package/internal/Popup/Popup.styles.js

@@ -0,0 +1,54 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        popup: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: absolute;\n      border-radius: ", ";\n      border: ", " ", ";\n      display: flex;\n      width: max-content;\n    "], ["\n      position: absolute;\n      border-radius: ", ";\n      border: ", " ", ";\n      display: flex;\n      width: max-content;\n    "])), t.popupBorderRadius, t.popupBorder, t.popupBorderColor);
+        },
+        popupIgnoreHover: function () {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
+        },
+        content: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      overflow: hidden;\n      border-radius: ", ";\n      flex-shrink: 0;\n      max-width: 100%;\n      line-height: normal;\n    "], ["\n      overflow: hidden;\n      border-radius: ", ";\n      flex-shrink: 0;\n      max-width: 100%;\n      line-height: normal;\n    "])), t.popupBorderRadius);
+        },
+        contentInner: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n    "], ["\n      color: ", ";\n      background: ", ";\n    "])), t.popupTextColor, t.popupBackground);
+        },
+        shadow: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      box-shadow: ", ";\n    "], ["\n      box-shadow: ", ";\n    "])), t.popupBoxShadow);
+        },
+        transitionEnter: function () {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      opacity: 0.01;\n    "], ["\n      opacity: 0.01;\n    "])));
+        },
+        'transition-enter-top': function () {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      transform: translateY(10px);\n    "], ["\n      transform: translateY(10px);\n    "])));
+        },
+        'transition-enter-middle': function () {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject([""], [""])));
+        },
+        'transition-enter-bottom': function () {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      transform: translateY(-10px);\n    "], ["\n      transform: translateY(-10px);\n    "])));
+        },
+        'transition-enter-left': function () {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      transform: translateX(10px);\n    "], ["\n      transform: translateX(10px);\n    "])));
+        },
+        'transition-enter-right': function () {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      transform: translateX(-10px);\n    "], ["\n      transform: translateX(-10px);\n    "])));
+        },
+        transitionEnterActive: function () {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    "], ["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    "])));
+        },
+        transitionExit: function () {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    "], ["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    "])));
+        },
+        absoluteParent: function () {
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      position: absolute;\n      text-align: initial;\n    "], ["\n      position: absolute;\n      text-align: initial;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
+//# sourceMappingURL=Popup.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.styles.js","sourceRoot":"","sources":["../../../internal/Popup/Popup.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,6MAAA,oDAES,EAAmB,mBAC1B,EAAa,GAAI,EAAkB,0DAG9C,KAJkB,CAAC,CAAC,iBAAiB,EAC1B,CAAC,CAAC,WAAW,EAAI,CAAC,CAAC,gBAAgB,EAG7C;QACJ,CAAC;QAED,gBAAgB;YACd,OAAO,GAAG,wGAAA,qCAET,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,2MAAA,kDAES,EAAmB,oFAIrC,KAJkB,CAAC,CAAC,iBAAiB,EAIpC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wHAAA,iBACC,EAAgB,uBACX,EAAiB,SAChC,KAFU,CAAC,CAAC,cAAc,EACX,CAAC,CAAC,eAAe,EAC/B;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,oGAAA,sBACM,EAAgB,SAC/B,KADe,CAAC,CAAC,cAAc,EAC9B;QACJ,CAAC;QAED,eAAe;YACb,OAAO,GAAG,iGAAA,8BAET,KAAC;QACJ,CAAC;QACD,sBAAsB;YACpB,OAAO,GAAG,+GAAA,4CAET,KAAC;QACJ,CAAC;QACD,yBAAyB;YACvB,OAAO,GAAG,qEAAA,EAAE,KAAC;QACf,CAAC;QACD,yBAAyB;YACvB,OAAO,GAAG,gHAAA,6CAET,KAAC;QACJ,CAAC;QACD,uBAAuB;YACrB,OAAO,GAAG,iHAAA,4CAET,KAAC;QACJ,CAAC;QACD,wBAAwB;YACtB,OAAO,GAAG,kHAAA,6CAET,KAAC;QACJ,CAAC;QACD,qBAAqB;YACnB,OAAO,GAAG,4QAAA,uMAMT,KAAC;QACJ,CAAC;QACD,cAAc;YACZ,OAAO,GAAG,iLAAA,4GAIT,KAAC;QACJ,CAAC;QACD,cAAc;YACZ,OAAO,GAAG,oIAAA,+DAGT,KAAC;QACJ,CAAC;KACF,CAAC;AA1F8D,CA0F9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  popup(t: Theme) {\n    return css`\n      position: absolute;\n      border-radius: ${t.popupBorderRadius};\n      border: ${t.popupBorder} ${t.popupBorderColor};\n      display: flex;\n      width: max-content;\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      max-width: 100%;\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      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-middle'() {\n    return css``;\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:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        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  absoluteParent() {\n    return css`\n      position: absolute;\n      text-align: initial;\n    `;\n  },\n}));\n"]}

package/internal/Popup/PopupHelper.d.ts

@@ -0,0 +1,27 @@
+import type { GlobalObject } from '../../lib/globalObject.js';
+import type { PopupPositionsType } from './Popup.js';
+export interface Rect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface Offset {
+    top: number;
+    left: number;
+}
+export interface PositionObject {
+    direction: string;
+    align: string;
+}
+declare function getPositionObject(position: string): PositionObject;
+declare function getElementAbsoluteRect(element: Element): Rect;
+declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect, globalObject: GlobalObject): boolean;
+declare function canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset, globalObject: GlobalObject): boolean;
+export declare const PopupHelper: {
+    getPositionObject: typeof getPositionObject;
+    getElementAbsoluteRect: typeof getElementAbsoluteRect;
+    isFullyVisible: typeof isAbsoluteRectFullyVisible;
+    canBecomeFullyVisible: typeof canBecomeFullyVisible;
+};
+export {};

package/internal/Popup/PopupHelper.js

@@ -0,0 +1,95 @@
+import { getDOMRect } from '../../lib/dom/getDOMRect.js';
+import { getOwnerGlobalObject } from '../../lib/globalObject.js';
+function getPositionObject(position) {
+    var x = position.split(' ');
+    return {
+        direction: x[0],
+        align: x[1],
+    };
+}
+function getElementAbsoluteRect(element) {
+    var globalObject = getOwnerGlobalObject(element);
+    var rect = _getElementRelativeRect(element);
+    return convertRectToAbsolute(rect, globalObject);
+}
+function isAbsoluteRectFullyVisible(coordinates, popupRect, globalObject) {
+    var windowRelativeRect = _getWindowRelativeRect(globalObject);
+    var windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect, globalObject);
+    var absoluteRect = {
+        top: coordinates.top,
+        left: coordinates.left,
+        height: popupRect.height,
+        width: popupRect.width,
+    };
+    return _rectContainsRect(windowAbsoluteRect, absoluteRect);
+}
+// Can become fully visible by scrolling into viewport
+function canBecomeFullyVisible(positionName, coordinates, globalObject) {
+    var position = getPositionObject(positionName);
+    if (position.direction === 'top') {
+        var availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect(globalObject), globalObject);
+        return coordinates.top + availableScrollDistances.top >= 0;
+    }
+    if (position.direction === 'left') {
+        var availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect(globalObject), globalObject);
+        return coordinates.left + availableScrollDistances.left >= 0;
+    }
+    // NOTE: for bottom/right cases browser will always expand document size
+    return true;
+}
+function _getElementRelativeRect(element) {
+    var rect = getDOMRect(element);
+    return {
+        top: rect.top,
+        left: rect.left,
+        width: rect.right - rect.left,
+        height: rect.bottom - rect.top,
+    };
+}
+function _getWindowRelativeRect(globalObject) {
+    return {
+        top: 0,
+        left: 0,
+        width: _getViewProperty(function (x) { return x.clientWidth; }, globalObject) || globalObject.innerWidth || 0,
+        height: _getViewProperty(function (x) { return x.clientHeight; }, globalObject) || globalObject.innerHeight || 0,
+    };
+}
+function convertRectToAbsolute(rect, globalObject) {
+    var offset = _getAbsoluteOffset(globalObject);
+    return {
+        top: rect.top + offset.top,
+        left: rect.left + offset.left,
+        width: rect.width,
+        height: rect.height,
+    };
+}
+function _getAbsoluteOffset(globalObject) {
+    var scrollTop = globalObject.pageYOffset || _getViewProperty(function (x) { return x.scrollTop; }, globalObject);
+    var scrollLeft = globalObject.pageXOffset || _getViewProperty(function (x) { return x.scrollLeft; }, globalObject);
+    var clientTop = _getViewProperty(function (x) { return x.clientTop; }, globalObject);
+    var clientLeft = _getViewProperty(function (x) { return x.clientLeft; }, globalObject);
+    var top = scrollTop - clientTop;
+    var left = scrollLeft - clientLeft;
+    return {
+        top: top,
+        left: left,
+    };
+}
+function _rectContainsRect(outerRect, innerRect) {
+    return (innerRect.top > outerRect.top &&
+        innerRect.top + innerRect.height < outerRect.top + outerRect.height &&
+        innerRect.left > outerRect.left &&
+        innerRect.left + innerRect.width < outerRect.left + outerRect.width);
+}
+function _getViewProperty(getProperty, globalObject) {
+    var _a, _b;
+    var views = [(_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.documentElement, (_b = globalObject.document) === null || _b === void 0 ? void 0 : _b.body];
+    return views.map(function (x) { return x && getProperty(x); }).find(Boolean) || 0;
+}
+export var PopupHelper = {
+    getPositionObject: getPositionObject,
+    getElementAbsoluteRect: getElementAbsoluteRect,
+    isFullyVisible: isAbsoluteRectFullyVisible,
+    canBecomeFullyVisible: canBecomeFullyVisible,
+};
+//# sourceMappingURL=PopupHelper.js.map

package/internal/Popup/PopupHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupHelper.js","sourceRoot":"","sources":["../../../internal/Popup/PopupHelper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { getOwnerGlobalObject } from '../../lib/globalObject.js';\n\nimport type { PopupPositionsType } from './Popup.js';\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 globalObject = getOwnerGlobalObject(element);\n  const rect = _getElementRelativeRect(element);\n  return convertRectToAbsolute(rect, globalObject);\n}\n\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect, globalObject: GlobalObject): boolean {\n  const windowRelativeRect = _getWindowRelativeRect(globalObject);\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect, globalObject);\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, globalObject: GlobalObject) {\n  const position = getPositionObject(positionName);\n\n  if (position.direction === 'top') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect(globalObject), globalObject);\n    return coordinates.top + availableScrollDistances.top >= 0;\n  }\n\n  if (position.direction === 'left') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect(globalObject), globalObject);\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(globalObject: GlobalObject): Rect {\n  return {\n    top: 0,\n    left: 0,\n    width: _getViewProperty((x) => x.clientWidth, globalObject) || globalObject.innerWidth || 0,\n    height: _getViewProperty((x) => x.clientHeight, globalObject) || globalObject.innerHeight || 0,\n  };\n}\n\nfunction convertRectToAbsolute(rect: Rect, globalObject: GlobalObject): Rect {\n  const offset = _getAbsoluteOffset(globalObject);\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(globalObject: GlobalObject): Offset {\n  const scrollTop = globalObject.pageYOffset || _getViewProperty((x) => x.scrollTop, globalObject);\n  const scrollLeft = globalObject.pageXOffset || _getViewProperty((x) => x.scrollLeft, globalObject);\n\n  const clientTop = _getViewProperty((x) => x.clientTop, globalObject);\n  const clientLeft = _getViewProperty((x) => x.clientLeft, globalObject);\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, globalObject: GlobalObject): 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.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types.js';
+interface PopupPinProps {
+    /** Цвет фона пина */
+    backgroundColor: string;
+    /** Смещение пина от края попапа. Край задаётся в пропе position вторым словом */
+    offset: number;
+    /** Ссылка на попап */
+    popupElement?: Nullable<Element>;
+    /** Позиция попапа, по которой будет вычислено положение пина */
+    popupPosition: string;
+    /**
+     * Сторона пина без учёта границы.
+     * Пин представляет собой равносторонний треугольник, высота от попапа
+     * до "носика" пина будет соответствовать формуле (size* √3)/2
+     */
+    size: number;
+}
+export declare class PopupPin extends React.Component<PopupPinProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private positionObject;
+    private styles;
+    private emotion;
+    private cx;
+    render(): React.JSX.Element | null;
+    private getPopupOppositeDirection;
+    private getPinInlineStyle;
+    private getPinCoordinates;
+    private getPinTopCoordinate;
+    private getPinLeftCoordinate;
+    private getPinDirectionalStyle;
+}
+export {};

package/internal/Popup/PopupPin.js

@@ -0,0 +1,183 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import warning from 'warning';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { PopupHelper } from './PopupHelper.js';
+import { getStyles } from './PopupPin.styles.js';
+import { PopupDataTids } from './Popup.js';
+var PopupPin = /** @class */ (function (_super) {
+    __extends(PopupPin, _super);
+    function PopupPin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getPinInlineStyle = function (left, top) {
+            var _a, _b;
+            var direction = _this.getPopupOppositeDirection();
+            if (!direction) {
+                return;
+            }
+            // Добавляем запас в 1px, чтобы пофиксить случайные отделения пинов
+            var correctedLeft = left - 1;
+            var correctedTop = top - 1;
+            var correctedSize = _this.props.size + 1;
+            var defaultPinInlineStyle = (_a = {},
+                _a[direction] = -_this.props.size + 'px',
+                _a.left = correctedLeft + 'px',
+                _a.width = correctedSize * 2 + 'px',
+                _a.height = correctedSize + 'px',
+                _a.backgroundColor = _this.props.backgroundColor,
+                _a);
+            switch (direction) {
+                case 'top':
+                case 'bottom':
+                    return defaultPinInlineStyle;
+                case 'left':
+                case 'right':
+                    return _b = {},
+                        _b[direction] = -_this.props.size + 'px',
+                        _b.top = correctedTop + 'px',
+                        _b.height = correctedSize * 2 + 'px',
+                        _b.width = correctedSize + 'px',
+                        _b.backgroundColor = _this.props.backgroundColor,
+                        _b;
+                default:
+                    warning(false, "Can't get inline style: invalid direction '".concat(direction, "'. Must be one of - 'top', 'right', 'bottom', 'left'."));
+                    return defaultPinInlineStyle;
+            }
+        };
+        _this.getPinCoordinates = function (popupElement) {
+            var popupRect = PopupHelper.getElementAbsoluteRect(popupElement);
+            var _a = _this.positionObject, direction = _a.direction, align = _a.align;
+            var defaultPinCoordinates = {
+                top: popupRect.height,
+                left: _this.getPinLeftCoordinate(popupRect, align),
+            };
+            switch (direction) {
+                case 'top':
+                    return defaultPinCoordinates;
+                case 'bottom':
+                    return {
+                        top: -2 * _this.props.size,
+                        left: _this.getPinLeftCoordinate(popupRect, align),
+                    };
+                case 'left':
+                    return {
+                        top: _this.getPinTopCoordinate(popupRect, align),
+                        left: popupRect.width,
+                    };
+                case 'right':
+                    return {
+                        top: _this.getPinTopCoordinate(popupRect, align),
+                        left: -2 * _this.props.size,
+                    };
+                default:
+                    warning(false, "Can't get coordinates: invalid direction '".concat(direction, "'. Must be one of - 'top', 'right', 'bottom', 'left'."));
+                    return defaultPinCoordinates;
+            }
+        };
+        _this.getPinTopCoordinate = function (popupRect, align) {
+            var defaultTopCoordinate = _this.props.offset;
+            switch (align) {
+                case 'top':
+                    return defaultTopCoordinate;
+                case 'middle':
+                    return popupRect.height / 2 - _this.props.size;
+                case 'bottom':
+                    return popupRect.height - _this.props.offset - 2 * _this.props.size;
+                default:
+                    warning(false, "Can't get top coordinate: invalid align '".concat(align, "'. Must be one of - 'top', 'middle', 'bottom'."));
+                    return defaultTopCoordinate;
+            }
+        };
+        _this.getPinLeftCoordinate = function (popupRect, align) {
+            var defaultLetfCoordinate = popupRect.width / 2 - _this.props.size;
+            switch (align) {
+                case 'left':
+                    return _this.props.offset;
+                case 'center':
+                    return defaultLetfCoordinate;
+                case 'right':
+                    return popupRect.width - _this.props.offset - 2 * _this.props.size;
+                default:
+                    warning(false, "Can't get left coordinate: invalid align '".concat(align, "'. Must be one of - 'left', 'center', 'right'."));
+                    return defaultLetfCoordinate;
+            }
+        };
+        _this.getPinDirectionalStyle = function () {
+            switch (_this.positionObject.direction) {
+                case 'top':
+                    return _this.styles.pinTop();
+                case 'bottom':
+                    return _this.styles.pinBottom();
+                case 'left':
+                    return _this.styles.pinLeft();
+                case 'right':
+                    return _this.styles.pinRight();
+                default:
+                    warning(false, "Can't get directional style: invalid direction '".concat(_this.positionObject.direction, "'. Must be one of - 'top', 'right', 'bottom', 'left'."));
+                    return _this.styles.pinTop();
+            }
+        };
+        return _this;
+    }
+    PopupPin.prototype.render = function () {
+        this.styles = getStyles(this.emotion);
+        if (!this.props.popupElement) {
+            return null;
+        }
+        this.positionObject = PopupHelper.getPositionObject(this.props.popupPosition);
+        var coords = this.getPinCoordinates(this.props.popupElement);
+        if (!coords || !coords.left || !coords.top) {
+            return null;
+        }
+        var inlineStyle = this.getPinInlineStyle(coords.left, coords.top);
+        var directionalStyle = this.getPinDirectionalStyle();
+        if (!inlineStyle || !directionalStyle) {
+            return null;
+        }
+        return (React.createElement("div", { "data-tid": PopupDataTids.popupPin, className: this.cx(this.styles.pin(), directionalStyle), style: inlineStyle }));
+    };
+    PopupPin.prototype.getPopupOppositeDirection = function () {
+        var popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;
+        switch (popupDirection) {
+            case 'top':
+                return 'bottom';
+            case 'bottom':
+                return 'top';
+            case 'left':
+                return 'right';
+            case 'right':
+                return 'left';
+            default:
+                warning(false, "Can't get opposite direction: invalid direction ".concat(popupDirection, ". Must be one of - 'top', 'bottom', 'left', 'right'."));
+                return 'bottom';
+        }
+    };
+    PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';
+    PopupPin.displayName = 'PopupPin';
+    PopupPin = __decorate([
+        withRenderEnvironment
+    ], PopupPin);
+    return PopupPin;
+}(React.Component));
+export { PopupPin };
+//# sourceMappingURL=PopupPin.js.map

package/internal/Popup/PopupPin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupPin.js","sourceRoot":"","sources":["../../../internal/Popup/PopupPin.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport type { PositionObject, Rect } from './PopupHelper.js';\nimport { PopupHelper } from './PopupHelper.js';\nimport { getStyles } from './PopupPin.styles.js';\nimport { PopupDataTids } from './Popup.js';\n\ninterface PopupPinProps {\n  /** Цвет фона пина */\n  backgroundColor: string;\n\n  /** Смещение пина от края попапа. Край задаётся в пропе position вторым словом */\n  offset: number;\n\n  /** Ссылка на попап */\n  popupElement?: Nullable<Element>;\n\n  /** Позиция попапа, по которой будет вычислено положение пина */\n  popupPosition: string;\n\n  /**\n   * Сторона пина без учёта границы.\n   * Пин представляет собой равносторонний треугольник, высота от попапа\n   * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n   */\n  size: number;\n}\n\n@withRenderEnvironment\nexport class PopupPin extends React.Component<PopupPinProps> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  private positionObject!: PositionObject;\n\n  private styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    this.positionObject = PopupHelper.getPositionObject(this.props.popupPosition);\n\n    const coords = this.getPinCoordinates(this.props.popupElement);\n    if (!coords || !coords.left || !coords.top) {\n      return null;\n    }\n\n    const inlineStyle = this.getPinInlineStyle(coords.left, coords.top);\n    const directionalStyle = this.getPinDirectionalStyle();\n    if (!inlineStyle || !directionalStyle) {\n      return null;\n    }\n\n    return (\n      <div\n        data-tid={PopupDataTids.popupPin}\n        className={this.cx(this.styles.pin(), directionalStyle)}\n        style={inlineStyle}\n      ></div>\n    );\n  }\n\n  private getPopupOppositeDirection() {\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        warning(\n          false,\n          `Can't get opposite direction: invalid direction ${popupDirection}. Must be one of - 'top', 'bottom', 'left', 'right'.`,\n        );\n        return 'bottom';\n    }\n  }\n\n  private getPinInlineStyle = (left: number, top: number) => {\n    const direction = this.getPopupOppositeDirection();\n    if (!direction) {\n      return;\n    }\n\n    // Добавляем запас в 1px, чтобы пофиксить случайные отделения пинов\n    const correctedLeft = left - 1;\n    const correctedTop = top - 1;\n    const correctedSize = this.props.size + 1;\n\n    const defaultPinInlineStyle = {\n      [direction]: -this.props.size + 'px',\n      left: correctedLeft + 'px',\n      width: correctedSize * 2 + 'px',\n      height: correctedSize + 'px',\n      backgroundColor: this.props.backgroundColor,\n    };\n\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return defaultPinInlineStyle;\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -this.props.size + 'px',\n          top: correctedTop + 'px',\n          height: correctedSize * 2 + 'px',\n          width: correctedSize + 'px',\n          backgroundColor: this.props.backgroundColor,\n        };\n      default:\n        warning(\n          false,\n          `Can't get inline style: invalid direction '${direction}'. Must be one of - 'top', 'right', 'bottom', 'left'.`,\n        );\n        return defaultPinInlineStyle;\n    }\n  };\n\n  private getPinCoordinates = (popupElement: Element) => {\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n    const { direction, align } = this.positionObject;\n\n    const defaultPinCoordinates = {\n      top: popupRect.height,\n      left: this.getPinLeftCoordinate(popupRect, align),\n    };\n\n    switch (direction) {\n      case 'top':\n        return defaultPinCoordinates;\n      case 'bottom':\n        return {\n          top: -2 * this.props.size,\n          left: this.getPinLeftCoordinate(popupRect, align),\n        };\n      case 'left':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: popupRect.width,\n        };\n      case 'right':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: -2 * this.props.size,\n        };\n      default:\n        warning(\n          false,\n          `Can't get coordinates: invalid direction '${direction}'. Must be one of - 'top', 'right', 'bottom', 'left'.`,\n        );\n        return defaultPinCoordinates;\n    }\n  };\n\n  private getPinTopCoordinate = (popupRect: Rect, align: string) => {\n    const defaultTopCoordinate = this.props.offset;\n    switch (align) {\n      case 'top':\n        return defaultTopCoordinate;\n      case 'middle':\n        return popupRect.height / 2 - this.props.size;\n      case 'bottom':\n        return popupRect.height - this.props.offset - 2 * this.props.size;\n      default:\n        warning(\n          false,\n          `Can't get top coordinate: invalid align '${align}'. Must be one of - 'top', 'middle', 'bottom'.`,\n        );\n        return defaultTopCoordinate;\n    }\n  };\n\n  private getPinLeftCoordinate = (popupRect: Rect, align: string) => {\n    const defaultLetfCoordinate = popupRect.width / 2 - this.props.size;\n    switch (align) {\n      case 'left':\n        return this.props.offset;\n      case 'center':\n        return defaultLetfCoordinate;\n      case 'right':\n        return popupRect.width - this.props.offset - 2 * this.props.size;\n      default:\n        warning(\n          false,\n          `Can't get left coordinate: invalid align '${align}'. Must be one of - 'left', 'center', 'right'.`,\n        );\n        return defaultLetfCoordinate;\n    }\n  };\n\n  private getPinDirectionalStyle = () => {\n    switch (this.positionObject.direction) {\n      case 'top':\n        return this.styles.pinTop();\n      case 'bottom':\n        return this.styles.pinBottom();\n      case 'left':\n        return this.styles.pinLeft();\n      case 'right':\n        return this.styles.pinRight();\n      default:\n        warning(\n          false,\n          `Can't get directional style: invalid direction '${this.positionObject.direction}'. Must be one of - 'top', 'right', 'bottom', 'left'.`,\n        );\n        return this.styles.pinTop();\n    }\n  };\n}\n"]}

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

@@ -0,0 +1,7 @@
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    pin(): string;
+    pinTop(): string;
+    pinBottom(): string;
+    pinLeft(): string;
+    pinRight(): string;
+}>;