@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Popup.tsx"],"names":["POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","DUMMY_LOCATION","position","coordinates","top","left","PopupPositions","Popup","responsiveLayout","state","location","props","opened","theme","layoutEventsToken","locationUpdateId","lastPopupElement","anchorElement","anchorInstance","isMobileLayout","refAnchorElement","instance","element","extractElement","updateAnchorElement","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","calculateWidth","width","includes","offsetWidth","parseFloat","content","children","backgroundColor","styles","contentInner","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","renderMobile","mobileOnCloseRequest","renderChildren","useWrapper","child","React","isValidElement","undefined","withoutMobile","renderContent","addEventListeners","addEventListener","removeEventListener","disableAnimations","maxWidth","hasShadow","ignoreHover","PopupHelper","getPositionObject","direction","rootStyle","shouldFallbackShadow","isIE11","isEdge","isSafari","Boolean","popup","shadow","shadowFallback","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","raf","cancel","x","y","positions","tryPreserveFirstRenderedPosition","anchorRect","getElementAbsoluteRect","popupRect","getCoordinates","isFullyVisible","canBecomeVisible","canBecomeFullyVisible","getPinnedPopupOffset","test","anchorSize","height","Math","max","marginFromProps","margin","isNaN","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';\nimport { findDOMNode } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport raf from 'raf';\nimport warning from 'warning';\n\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 { isFunction, isNonNullable } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isHTMLElement, 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';\nimport { MobilePopup } from '../MobilePopup';\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\nconst DUMMY_LOCATION: PopupLocation = {\n  position: 'top left',\n  coordinates: {\n    top: -9999,\n    left: -9999,\n  },\n};\n\nexport type PopupPosition =\n  | 'top left'\n  | 'top center'\n  | 'top right'\n  | 'right top'\n  | 'right middle'\n  | 'right bottom'\n  | 'bottom left'\n  | 'bottom center'\n  | 'bottom right'\n  | 'left top'\n  | 'left middle'\n  | 'left bottom';\n\nexport const PopupPositions: PopupPosition[] = [\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];\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 extends CommonProps, PopupHandlerProps {\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: PopupPosition[];\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\ninterface PopupLocation {\n  coordinates: {\n    left: number;\n    top: number;\n  };\n  position: PopupPosition;\n}\n\nexport interface PopupState {\n  location: Nullable<PopupLocation>;\n}\n\n@responsiveLayout\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  public static __KONTUR_REACT_UI__ = 'Popup';\n\n  public static propTypes = {\n    /**\n     * Ссылка (ref) на элемент или React компонент, для которого рисуется попап\n     */\n    anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(() => 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     * Игнорировать ли события hover/click\n     */\n    ignoreHover: PropTypes.bool,\n  };\n\n  public static 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  public state: PopupState = { location: this.props.opened ? DUMMY_LOCATION : null };\n  private theme!: Theme;\n  private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private locationUpdateId: Nullable<number> = null;\n  private lastPopupElement: Nullable<HTMLElement>;\n  private anchorElement: Nullable<HTMLElement> = null;\n  private anchorInstance: Nullable<React.ReactInstance>;\n  private isMobileLayout!: boolean;\n\n  public componentDidMount() {\n    this.updateLocation();\n    this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<PopupProps>) {\n    /**\n     * Delaying updateLocation to ensure it happens after props update\n     */\n    if (nextProps.opened) {\n      if (!this.state.location) {\n        this.setState({ location: DUMMY_LOCATION });\n      }\n      this.delayUpdateLocation();\n    }\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\n    if (this.isMobileLayout && prevState.location === null && this.state.location === null) {\n      this.setState({ location: DUMMY_LOCATION });\n    }\n\n    if (hadNoLocation && hasLocation && this.props.onOpen) {\n      this.props.onOpen();\n    }\n    if (!hadNoLocation && !this.state.location && this.props.onClose) {\n      this.props.onClose();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.cancelDelayedUpdateLocation();\n    this.removeEventListeners(this.anchorElement);\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      <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\n    return (\n      <MobilePopup opened={opened} withoutRenderContainer onCloseRequest={this.props.mobileOnCloseRequest}>\n        {this.content(this.renderChildren())}\n      </MobilePopup>\n    );\n  }\n\n  private renderMain() {\n    const { location } = this.state;\n    const { anchorElement, useWrapper } = this.props;\n\n    let child: Nullable<React.ReactNode> = null;\n    if (isHTMLElement(anchorElement)) {\n      this.updateAnchorElement(anchorElement);\n    } else if (React.isValidElement(anchorElement)) {\n      child = useWrapper ? <span>{anchorElement}</span> : anchorElement;\n    } else {\n      child = <span>{anchorElement}</span>;\n    }\n\n    return (\n      <RenderContainer anchor={child} ref={child ? this.refAnchorElement : undefined}>\n        {this.isMobileLayout && !this.props.withoutMobile\n          ? this.renderMobile()\n          : location && this.renderContent(location)}\n      </RenderContainer>\n    );\n  }\n\n  private refAnchorElement = (instance: React.ReactInstance | null) => {\n    this.anchorInstance = instance;\n    const element = this.extractElement(instance);\n    this.updateAnchorElement(element);\n    this.anchorElement = element;\n  };\n\n  private extractElement(instance: React.ReactInstance | null) {\n    if (!instance) {\n      return null;\n    }\n    const element = findDOMNode(instance);\n    return isHTMLElement(element) ? element : null;\n  }\n\n  private updateAnchorElement(element: HTMLElement | null) {\n    const anchorElement = this.anchorElement;\n\n    if (element !== anchorElement) {\n      this.removeEventListeners(anchorElement);\n      this.anchorElement = element;\n      this.addEventListeners(element);\n    }\n  }\n\n  private addEventListeners(element: Nullable<HTMLElement>) {\n    if (element && isHTMLElement(element)) {\n      element.addEventListener('mouseenter', this.handleMouseEnter);\n      element.addEventListener('mouseleave', this.handleMouseLeave);\n      element.addEventListener('click', this.handleClick);\n      element.addEventListener('focusin', this.handleFocus as EventListener);\n      element.addEventListener('focusout', this.handleBlur as EventListener);\n    }\n  }\n\n  private removeEventListeners(element: Nullable<HTMLElement>) {\n    if (element && isHTMLElement(element)) {\n      element.removeEventListener('mouseenter', this.handleMouseEnter);\n      element.removeEventListener('mouseleave', this.handleMouseLeave);\n      element.removeEventListener('click', this.handleClick);\n      element.removeEventListener('focusin', this.handleFocus as EventListener);\n      element.removeEventListener('focusout', this.handleBlur as EventListener);\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      return this.anchorElement ? (this.anchorElement.offsetWidth * parseFloat(width)) / 100 : 0;\n    }\n    return width;\n  };\n\n  private content = (children: React.ReactNode) => {\n    const { backgroundColor, width } = this.props;\n\n    return (\n      <div className={styles.content(this.theme)} data-tid={'PopupContent'}>\n        <div\n          className={styles.contentInner(this.theme)}\n          style={{ backgroundColor, width: this.calculateWidth(width) }}\n          data-tid={'PopupContentInner'}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  };\n\n  private renderContent(location: PopupLocation) {\n    const { disableAnimations, maxWidth, hasShadow, ignoreHover, opened } = this.props;\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      >\n        {(state: string) => (\n          <CommonWrapper {...this.props}>\n            <ZIndex\n              ref={this.refPopupElement}\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.renderPin(location.position)}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </Transition>\n    );\n  }\n\n  private resetLocation = () => {\n    this.cancelDelayedUpdateLocation();\n    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 refPopupElement = (zIndex: ZIndex | null) => {\n    if (zIndex) {\n      this.lastPopupElement = zIndex && (findDOMNode(zIndex) as HTMLElement);\n    }\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, hasShadow, backgroundColor, borderColor } = this.props;\n    const position = PopupHelper.getPositionObject(positionName);\n\n    return (\n      this.props.hasPin && (\n        <PopupPin\n          popupElement={this.lastPopupElement}\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    if (this.anchorInstance) {\n      this.updateAnchorElement(this.extractElement(this.anchorInstance));\n    }\n    this.updateLocation();\n  };\n\n  private delayUpdateLocation() {\n    this.cancelDelayedUpdateLocation();\n    this.locationUpdateId = raf(this.updateLocation);\n  }\n\n  private cancelDelayedUpdateLocation() {\n    if (this.locationUpdateId) {\n      raf.cancel(this.locationUpdateId);\n      this.locationUpdateId = null;\n    }\n  }\n\n  private updateLocation = () => {\n    const popupElement = this.lastPopupElement;\n\n    if (!popupElement) {\n      return;\n    }\n\n    const location = this.getLocation(popupElement, this.state.location);\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 (x == null || y == null) {\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 getLocation(popupElement: HTMLElement, location?: Nullable<PopupLocation>) {\n    const { positions, tryPreserveFirstRenderedPosition } = this.props;\n    const anchorElement = this.anchorElement;\n\n    warning(\n      anchorElement && isHTMLElement(anchorElement),\n      'Anchor element is not defined or not instance of HTMLElement',\n    );\n\n    if (!(anchorElement && isHTMLElement(anchorElement))) {\n      return location;\n    }\n\n    const anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n\n    let position: PopupPosition;\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.props.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.props.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

@@ -0,0 +1,16 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    popup(t: Theme): string;
+    popupIgnoreHover(): 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;
+    'transition-enter-left'(): string;
+    'transition-enter-right'(): string;
+    transitionEnterActive(): string;
+    transitionExit(): string;
+};

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

@@ -0,0 +1,88 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");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 = (0, _Emotion.memoizeStyle)({
+  popup: function popup(t) {
+    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 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n    "])));
+
+
+  },
+
+  content: function content(t) {
+    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 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n    "])),
+    t.popupTextColor,
+    t.popupBackground);
+
+  },
+
+  shadow: function shadow(t) {
+    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 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
+    t.popupBoxShadow);
+
+  },
+
+  transitionEnter: function transitionEnter() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01;\n    "])));
+
+
+  },
+  'transition-enter-top': function transitionEnterTop() {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(10px);\n    "])));
+
+
+  },
+  'transition-enter-bottom': function transitionEnterBottom() {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(-10px);\n    "])));
+
+
+  },
+  'transition-enter-left': function transitionEnterLeft() {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(10px);\n    "])));
+
+
+  },
+  'transition-enter-right': function transitionEnterRight() {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(-10px);\n    "])));
+
+
+  },
+  transitionEnterActive: function transitionEnterActive() {
+    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 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    "])));
+
+
+
+
+  } });exports.styles = styles;

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

@@ -0,0 +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"],"mappings":"4QAAA,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

@@ -0,0 +1,26 @@
+import { PopupPosition } from './Popup';
+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: HTMLElement): Rect;
+declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean;
+declare function canBecomeFullyVisible(positionName: PopupPosition, coordinates: Offset): boolean;
+export declare const PopupHelper: {
+    getPositionObject: typeof getPositionObject;
+    getElementAbsoluteRect: typeof getElementAbsoluteRect;
+    isFullyVisible: typeof isAbsoluteRectFullyVisible;
+    canBecomeFullyVisible: typeof canBecomeFullyVisible;
+};
+export {};

package/cjs/internal/Popup/PopupHelper.js

@@ -0,0 +1,130 @@
+"use strict";exports.__esModule = true;exports.PopupHelper = void 0;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function getPositionObject(position) {
+  var x = position.split(' ');
+
+  return {
+    direction: x[0],
+    align: x[1] };
+
+}
+
+function getElementAbsoluteRect(element) {
+  var rect = _getElementRelativeRect(element);
+  return convertRectToAbsolute(rect);
+}
+
+function isAbsoluteRectFullyVisible(coordinates, popupRect) {
+  var windowRelativeRect = _getWindowRelativeRect();
+  var windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);
+  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) {
+  var position = getPositionObject(positionName);
+
+  if (position.direction === 'top') {
+    var availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());
+    return coordinates.top + availableScrollDistances.top >= 0;
+  }
+
+  if (position.direction === 'left') {
+    var _availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());
+    return coordinates.left + _availableScrollDistances.left >= 0;
+  }
+
+  // NOTE: for bottom/right cases browser will always expand document size
+  return true;
+}
+
+function _getElementRelativeRect(element) {
+  var rect = element.getBoundingClientRect();
+
+  return {
+    top: rect.top,
+    left: rect.left,
+    width: rect.right - rect.left,
+    height: rect.bottom - rect.top };
+
+}
+
+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 };
+
+}
+
+function convertRectToAbsolute(rect) {
+  var offset = _getAbsoluteOffset();
+
+  return {
+    top: rect.top + offset.top,
+    left: rect.left + offset.left,
+    width: rect.width,
+    height: rect.height };
+
+}
+
+function _getAbsoluteOffset() {
+  var scrollTop = window.pageYOffset || _getViewProperty(function (x) {return x.scrollTop;});
+  var scrollLeft = window.pageXOffset || _getViewProperty(function (x) {return x.scrollLeft;});
+
+  var clientTop = _getViewProperty(function (x) {return x.clientTop;});
+  var clientLeft = _getViewProperty(function (x) {return x.clientLeft;});
+
+  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) {
+  var views = [document.documentElement, document.body];
+  return views.map(function (x) {return x && getProperty(x);}).find(Boolean) || 0;
+}
+
+var PopupHelper = {
+  getPositionObject: getPositionObject,
+  getElementAbsoluteRect: getElementAbsoluteRect,
+  isFullyVisible: isAbsoluteRectFullyVisible,
+  canBecomeFullyVisible: canBecomeFullyVisible };exports.PopupHelper = PopupHelper;

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

@@ -0,0 +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';\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: HTMLElement): 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: PopupPosition, 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: HTMLElement) {\n  const rect = element.getBoundingClientRect();\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) || window.innerWidth,\n    height: _getViewProperty((x) => x.clientHeight) || window.innerHeight,\n  };\n}\n\nfunction convertRectToAbsolute(rect: Rect): Rect {\n  const offset = _getAbsoluteOffset();\n\n  return {\n    top: rect.top + offset.top,\n    left: rect.left + offset.left,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n\nfunction _getAbsoluteOffset(): Offset {\n  const scrollTop = window.pageYOffset || _getViewProperty((x) => x.scrollTop);\n  const scrollLeft = window.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: HTMLElement) => number): number {\n  const views = [document.documentElement, 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

@@ -0,0 +1,56 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Nullable } from '../../typings/utility-types';
+interface Props {
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth: number;
+    offset: number;
+    popupElement: Nullable<HTMLElement>;
+    popupPosition: string;
+    size: number;
+}
+export declare class PopupPin extends React.Component<Props> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        /**
+         * Цвет фон пина
+         */
+        backgroundColor: PropTypes.Requireable<string>;
+        /**
+         * Цвет границы пина
+         */
+        borderColor: PropTypes.Requireable<string>;
+        /**
+         * Ширина границы пина
+         */
+        borderWidth: PropTypes.Requireable<number>;
+        /**
+         * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+         */
+        offset: PropTypes.Requireable<number>;
+        /**
+         * Ссылка на попап
+         */
+        popupElement: PropTypes.Requireable<any>;
+        /**
+         * Позиция поапа, по которой будет вычеслено положение пина
+         */
+        popupPosition: PropTypes.Requireable<string>;
+        /**
+         * Сторона пина без учёта границы.
+         * Пин представляет собой равносторонний треугольник, высота от попапа
+         * до "носика" пина будет соответствовать формуле (size* √3)/2
+         */
+        size: PropTypes.Requireable<number>;
+    };
+    render(): JSX.Element | null;
+    private getPopupOppositeDirection;
+    private getWrapperStyle;
+    private getOuterStyle;
+    private getInnerStyle;
+    private getPinOptions;
+    private getPinTopCoordinate;
+    private getPinLeftCoordinate;
+}
+export {};