npm - @skbkontur/react-ui - Versions diffs - 0.0.0-e55f22da73 → 0.0.0-ea6161656e - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4627) hide show

package/internal/Popup/Popup/Popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Popup.tsx"],"names":["React","findDOMNode","PropTypes","Transition","raf","warning","cn","LayoutEvents","ZIndex","RenderContainer","isFunction","isIE11","isEdge","ThemeContext","safePropTypesInstanceOf","isTestEnv","PopupPin","PopupHelper","jsStyles","POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","DUMMY_LOCATION","position","coordinates","top","left","PopupPositions","Popup","state","location","props","opened","theme","layoutEventsToken","locationUpdateId","lastPopupElement","anchorElement","anchorInstance","refAnchorElement","instance","element","extractElement","updateAnchorElement","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","resetLocation","cancelDelayedUpdateLocation","setState","refPopupElement","zIndex","handleLayoutEvent","updateLocation","popupElement","getLocation","locationEquals","componentDidMount","addListener","UNSAFE_componentWillReceiveProps","nextProps","delayUpdateLocation","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","onOpen","componentWillUnmount","removeEventListeners","remove","render","renderMain","useWrapper","child","HTMLElement","isValidElement","undefined","renderContent","addEventListeners","addEventListener","removeEventListener","backgroundColor","disableAnimations","maxWidth","hasShadow","ignoreHover","children","renderChildren","getPositionObject","direction","rootStyle","Boolean","popup","shadow","shadowFallback","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","content","contentInner","renderPin","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","pinOffset","borderColor","hasPin","popupBackground","cancel","x","y","positions","anchorRect","getElementAbsoluteRect","popupRect","getCoordinates","isFullyVisible","canBecomeVisible","canBecomeFullyVisible","getPinnedPopupOffset","test","align","anchorSize","width","height","Math","max","positionName","margin","popupOffset","getHorizontalPosition","getVerticalPosition","Error","Component","__KONTUR_REACT_UI__","propTypes","oneOfType","node","isRequired","string","func","bool","number","array","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { Transition } from 'react-transition-group';\r\nimport raf from 'raf';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { ZIndex } from '../ZIndex';\r\nimport { RenderContainer } from '../RenderContainer';\r\nimport { FocusEventType, MouseEventType } from '../../typings/event-types';\r\nimport { isFunction, isIE11, isEdge } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { safePropTypesInstanceOf } from \"../../lib/SSRSafe\";\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\n\r\nimport { PopupPin } from './PopupPin';\r\nimport { Offset, PopupHelper, PositionObject, Rect } from './PopupHelper';\r\nimport { jsStyles } from './Popup.styles';\r\n\r\nconst POPUP_BORDER_DEFAULT_COLOR = 'transparent';\r\nconst TRANSITION_TIMEOUT = { enter: 0, exit: 200 };\r\n\r\nconst DUMMY_LOCATION: PopupLocation = {\r\n position: 'top left',\r\n coordinates: {\r\n top: -9999,\r\n left: -9999,\r\n },\r\n};\r\n\r\nexport type PopupPosition =\r\n \| 'top left'\r\n \| 'top center'\r\n \| 'top right'\r\n \| 'right top'\r\n \| 'right middle'\r\n \| 'right bottom'\r\n \| 'bottom left'\r\n \| 'bottom center'\r\n \| 'bottom right'\r\n \| 'left top'\r\n \| 'left middle'\r\n \| 'left bottom';\r\n\r\nexport const PopupPositions: PopupPosition[] = [\r\n 'top left',\r\n 'top center',\r\n 'top right',\r\n 'right top',\r\n 'right middle',\r\n 'right bottom',\r\n 'bottom right',\r\n 'bottom center',\r\n 'bottom left',\r\n 'left bottom',\r\n 'left middle',\r\n 'left top',\r\n];\r\n\r\nexport interface PopupHandlerProps {\r\n onMouseEnter?: (event: MouseEventType) => void;\r\n onMouseLeave?: (event: MouseEventType) => void;\r\n onClick?: (event: MouseEventType) => void;\r\n onFocus?: (event: FocusEventType) => void;\r\n onBlur?: (event: FocusEventType) => void;\r\n onOpen?: () => void;\r\n}\r\n\r\nexport interface PopupProps extends PopupHandlerProps {\r\n anchorElement: React.ReactNode \| HTMLElement;\r\n backgroundColor?: React.CSSProperties['backgroundColor'];\r\n borderColor?: React.CSSProperties['borderColor'];\r\n children: React.ReactNode \| (() => React.ReactNode);\r\n hasPin: boolean;\r\n hasShadow: boolean;\r\n disableAnimations: boolean;\r\n margin: number;\r\n maxWidth?: number \| string;\r\n opened: boolean;\r\n pinOffset: number;\r\n pinSize: number;\r\n popupOffset: number;\r\n positions: PopupPosition[];\r\n useWrapper: boolean;\r\n ignoreHover: boolean;\r\n}\r\n\r\ninterface PopupLocation {\r\n coordinates: {\r\n left: number;\r\n top: number;\r\n };\r\n position: PopupPosition;\r\n}\r\n\r\nexport interface PopupState {\r\n location: Nullable<PopupLocation>;\r\n}\r\n\r\nexport class Popup extends React.Component<PopupProps, PopupState> {\r\n public static __KONTUR_REACT_UI__ = 'Popup';\r\n\r\n public static propTypes = {\r\n /*\r\n Ссылка (ref) на элемент или React компонент, для которого рисуется попап\r\n /\r\n anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(() => HTMLElement), PropTypes.node]).isRequired,\r\n\r\n /\r\n Фон попапа и пина\r\n /\r\n backgroundColor: PropTypes.string,\r\n\r\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\r\n\r\n /\r\n Показывать ли пин\r\n /\r\n hasPin: PropTypes.bool,\r\n\r\n /\r\n Применять ли box-shadow на попапе. При false отключает границу на пине\r\n /\r\n hasShadow: PropTypes.bool,\r\n\r\n /\r\n Отступ попапа от элемента\r\n /\r\n margin: PropTypes.number,\r\n\r\n /\r\n Показан или скрыт попап\r\n /\r\n opened: PropTypes.bool,\r\n\r\n /\r\n Смещение пина от края попапа. Край задаётся в пропе position вторым словом\r\n /\r\n pinOffset: PropTypes.number,\r\n\r\n /\r\n Сторона пина без учёта границы.\r\n * Пин представляет собой равносторонний треугольник, высота от попапа\r\n * до \"носика\" пина будет соответствовать формуле (size* √3)/2\r\n /\r\n pinSize: PropTypes.number,\r\n\r\n /\r\n смещение попапа относительно родительского элемента\r\n /\r\n popupOffset: PropTypes.number,\r\n\r\n /\r\n С какой стороны показывать попап и край попапа,\r\n * на котором будет отображаться пин\r\n /\r\n positions: PropTypes.array,\r\n\r\n /\r\n Игнорировать ли события hover/click\r\n /\r\n ignoreHover: PropTypes.bool,\r\n };\r\n\r\n public static defaultProps = {\r\n margin: 10,\r\n popupOffset: 0,\r\n pinSize: 8,\r\n pinOffset: 16,\r\n hasPin: false,\r\n hasShadow: false,\r\n disableAnimations: isTestEnv,\r\n useWrapper: false,\r\n ignoreHover: false,\r\n };\r\n\r\n public state: PopupState = { location: this.props.opened ? DUMMY_LOCATION : null };\r\n private theme!: Theme;\r\n private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\r\n private locationUpdateId: Nullable<number> = null;\r\n private lastPopupElement: Nullable<HTMLElement>;\r\n private anchorElement: Nullable<HTMLElement> = null;\r\n private anchorInstance: Nullable<React.ReactInstance>;\r\n\r\n public componentDidMount() {\r\n this.updateLocation();\r\n this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\r\n }\r\n\r\n public UNSAFE_componentWillReceiveProps(nextProps: Readonly<PopupProps>) {\r\n /\r\n Delaying updateLocation to ensure it happens after props update\r\n /\r\n if (nextProps.opened) {\r\n if (!this.state.location) {\r\n this.setState({ location: DUMMY_LOCATION });\r\n }\r\n this.delayUpdateLocation();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: PopupProps, prevState: PopupState) {\r\n const hadNoLocation = prevState.location === DUMMY_LOCATION;\r\n const hasLocation = this.state.location !== DUMMY_LOCATION;\r\n if (hadNoLocation && hasLocation && this.props.onOpen) {\r\n this.props.onOpen();\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n this.cancelDelayedUpdateLocation();\r\n this.removeEventListeners(this.anchorElement);\r\n if (this.layoutEventsToken) {\r\n this.layoutEventsToken.remove();\r\n this.layoutEventsToken = null;\r\n }\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n const { location } = this.state;\r\n const { anchorElement, useWrapper } = this.props;\r\n\r\n let child: Nullable<React.ReactNode> = null;\r\n if (anchorElement instanceof HTMLElement) {\r\n this.updateAnchorElement(anchorElement);\r\n } else if (React.isValidElement(anchorElement)) {\r\n child = useWrapper ? <span>{anchorElement}</span> : anchorElement;\r\n } else {\r\n child = <span>{anchorElement}</span>;\r\n }\r\n\r\n return (\r\n <RenderContainer anchor={child} ref={child ? this.refAnchorElement : undefined}>\r\n {location && this.renderContent(location)}\r\n </RenderContainer>\r\n );\r\n }\r\n\r\n private refAnchorElement = (instance: React.ReactInstance \| null) => {\r\n this.anchorInstance = instance;\r\n const element = this.extractElement(instance);\r\n this.updateAnchorElement(element);\r\n this.anchorElement = element;\r\n };\r\n\r\n private extractElement(instance: React.ReactInstance \| null) {\r\n if (!instance) {\r\n return null;\r\n }\r\n const element = findDOMNode(instance);\r\n return element instanceof HTMLElement ? element : null;\r\n }\r\n\r\n private updateAnchorElement(element: HTMLElement \| null) {\r\n const anchorElement = this.anchorElement;\r\n\r\n if (element !== anchorElement) {\r\n this.removeEventListeners(anchorElement);\r\n this.anchorElement = element;\r\n this.addEventListeners(element);\r\n }\r\n }\r\n\r\n private addEventListeners(element: Nullable<HTMLElement>) {\r\n if (element && element instanceof HTMLElement) {\r\n element.addEventListener('mouseenter', this.handleMouseEnter);\r\n element.addEventListener('mouseleave', this.handleMouseLeave);\r\n element.addEventListener('click', this.handleClick);\r\n element.addEventListener('focusin', this.handleFocus as EventListener);\r\n element.addEventListener('focusout', this.handleBlur as EventListener);\r\n }\r\n }\r\n\r\n private removeEventListeners(element: Nullable<HTMLElement>) {\r\n if (element && element instanceof HTMLElement) {\r\n element.removeEventListener('mouseenter', this.handleMouseEnter);\r\n element.removeEventListener('mouseleave', this.handleMouseLeave);\r\n element.removeEventListener('click', this.handleClick);\r\n element.removeEventListener('focusin', this.handleFocus as EventListener);\r\n element.removeEventListener('focusout', this.handleBlur as EventListener);\r\n }\r\n }\r\n\r\n private handleMouseEnter = (event: MouseEventType) => {\r\n if (this.props.onMouseEnter) {\r\n this.props.onMouseEnter(event);\r\n }\r\n };\r\n\r\n private handleMouseLeave = (event: MouseEventType) => {\r\n if (this.props.onMouseLeave) {\r\n this.props.onMouseLeave(event);\r\n }\r\n };\r\n\r\n private handleClick = (event: MouseEventType) => {\r\n if (this.props.onClick) {\r\n this.props.onClick(event);\r\n }\r\n };\r\n\r\n private handleFocus = (event: FocusEventType) => {\r\n if (this.props.onFocus) {\r\n this.props.onFocus(event);\r\n }\r\n };\r\n\r\n private handleBlur = (event: FocusEventType) => {\r\n if (this.props.onBlur) {\r\n this.props.onBlur(event);\r\n }\r\n };\r\n\r\n private renderContent(location: PopupLocation) {\r\n const { backgroundColor, disableAnimations, maxWidth, hasShadow, ignoreHover, opened } = this.props;\r\n const children = this.renderChildren();\r\n\r\n const { direction } = PopupHelper.getPositionObject(location.position);\r\n const rootStyle: React.CSSProperties = { ...location.coordinates, maxWidth };\r\n\r\n return (\r\n <Transition\r\n timeout={TRANSITION_TIMEOUT}\r\n appear={!disableAnimations}\r\n in={Boolean(opened && children)}\r\n mountOnEnter\r\n unmountOnExit\r\n enter={!disableAnimations}\r\n exit={!disableAnimations}\r\n onExited={this.resetLocation}\r\n >\r\n {(state: string) => (\r\n <ZIndex\r\n ref={this.refPopupElement}\r\n priority={'Popup'}\r\n className={cn({\r\n [jsStyles.popup(this.theme)]: true,\r\n [jsStyles.shadow(this.theme)]: hasShadow,\r\n [jsStyles.shadowFallback(this.theme)]: hasShadow && (isIE11 \|\| isEdge),\r\n [jsStyles.popupIgnoreHover()]: ignoreHover,\r\n ...(disableAnimations\r\n ? {}\r\n : {\r\n [jsStyles[`transition-enter-${direction}` as keyof typeof jsStyles](this.theme)]: true,\r\n [jsStyles.transitionEnter()]: state === 'entering',\r\n [jsStyles.transitionEnterActive()]: state === 'entered',\r\n [jsStyles.transitionExit()]: state === 'exiting',\r\n }),\r\n })}\r\n style={rootStyle}\r\n onMouseEnter={this.handleMouseEnter}\r\n onMouseLeave={this.handleMouseLeave}\r\n >\r\n <div className={jsStyles.content(this.theme)} data-tid={'PopupContent'}>\r\n <div\r\n className={jsStyles.contentInner(this.theme)}\r\n style={{ backgroundColor }}\r\n data-tid={'PopupContentInner'}\r\n >\r\n {children}\r\n </div>\r\n </div>\r\n {this.renderPin(location.position)}\r\n </ZIndex>\r\n )}\r\n </Transition>\r\n );\r\n }\r\n\r\n private resetLocation = () => {\r\n this.cancelDelayedUpdateLocation();\r\n this.setState({ location: null });\r\n };\r\n\r\n private renderChildren() {\r\n return isFunction(this.props.children) ? this.props.children() : this.props.children;\r\n }\r\n\r\n private refPopupElement = (zIndex: ZIndex \| null) => {\r\n if (zIndex) {\r\n this.lastPopupElement = zIndex && (findDOMNode(zIndex) as HTMLElement);\r\n }\r\n };\r\n\r\n private renderPin(position: string): React.ReactNode {\r\n /\r\n Box-shadow does not appear under the pin. Borders are used instead.\r\n * In non-ie browsers drop-shadow filter is used. It is applying\r\n * shadow to the pin too.\r\n */\r\n const isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;\r\n const pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;\r\n\r\n const { pinSize, pinOffset, hasShadow, backgroundColor, borderColor } = this.props;\r\n\r\n return (\r\n this.props.hasPin && (\r\n <PopupPin\r\n popupElement={this.lastPopupElement}\r\n popupPosition={position}\r\n size={pinSize}\r\n offset={pinOffset}\r\n borderWidth={hasShadow ? 1 : 0}\r\n backgroundColor={backgroundColor \|\| this.theme.popupBackground}\r\n borderColor={borderColor \|\| pinBorder}\r\n />\r\n )\r\n );\r\n }\r\n\r\n private handleLayoutEvent = () => {\r\n if (!this.state.location) {\r\n return;\r\n }\r\n if (this.anchorInstance) {\r\n this.updateAnchorElement(this.extractElement(this.anchorInstance));\r\n }\r\n this.updateLocation();\r\n };\r\n\r\n private delayUpdateLocation() {\r\n this.cancelDelayedUpdateLocation();\r\n this.locationUpdateId = raf(this.updateLocation);\r\n }\r\n\r\n private cancelDelayedUpdateLocation() {\r\n if (this.locationUpdateId) {\r\n raf.cancel(this.locationUpdateId);\r\n this.locationUpdateId = null;\r\n }\r\n }\r\n\r\n private updateLocation = () => {\r\n const popupElement = this.lastPopupElement;\r\n\r\n if (!popupElement) {\r\n return;\r\n }\r\n\r\n const location = this.getLocation(popupElement, this.state.location);\r\n if (!this.locationEquals(this.state.location, location)) {\r\n this.setState({ location });\r\n }\r\n };\r\n\r\n private locationEquals(x: Nullable<PopupLocation>, y: Nullable<PopupLocation>) {\r\n if (x === y) {\r\n return true;\r\n }\r\n\r\n if (x == null \|\| y == null) {\r\n return false;\r\n }\r\n\r\n return (\r\n x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position\r\n );\r\n }\r\n\r\n private getLocation(popupElement: HTMLElement, location?: Nullable<PopupLocation>) {\r\n const positions = this.props.positions;\r\n const anchorElement = this.anchorElement;\r\n\r\n warning(\r\n anchorElement && anchorElement instanceof HTMLElement,\r\n 'Anchor element is not defined or not instance of HTMLElement',\r\n );\r\n\r\n if (!(anchorElement && anchorElement instanceof HTMLElement)) {\r\n return location;\r\n }\r\n\r\n const anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);\r\n const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\r\n\r\n let position: PopupPosition;\r\n let coordinates: Offset;\r\n\r\n if (location && location !== DUMMY_LOCATION && location.position) {\r\n position = location.position;\r\n coordinates = this.getCoordinates(anchorRect, popupRect, position);\r\n\r\n const isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect);\r\n const canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates);\r\n if (isFullyVisible \|\| canBecomeVisible) {\r\n return { coordinates, position };\r\n }\r\n }\r\n\r\n for (position of positions) {\r\n coordinates = this.getCoordinates(anchorRect, popupRect, position);\r\n if (PopupHelper.isFullyVisible(coordinates, popupRect)) {\r\n return { coordinates, position };\r\n }\r\n }\r\n\r\n position = positions[0];\r\n coordinates = this.getCoordinates(anchorRect, popupRect, position);\r\n return { coordinates, position };\r\n }\r\n\r\n private getPinnedPopupOffset(anchorRect: Rect, position: PositionObject) {\r\n if (!this.props.hasPin \|\| /center\|middle/.test(position.align)) {\r\n return 0;\r\n }\r\n\r\n const anchorSize = /top\|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;\r\n\r\n const { pinOffset, pinSize } = this.props;\r\n return Math.max(0, pinOffset + pinSize - anchorSize / 2);\r\n }\r\n\r\n private getCoordinates(anchorRect: Rect, popupRect: Rect, positionName: string) {\r\n const margin = this.props.margin;\r\n const position = PopupHelper.getPositionObject(positionName);\r\n const popupOffset = this.props.popupOffset + this.getPinnedPopupOffset(anchorRect, position);\r\n\r\n switch (position.direction) {\r\n case 'top':\r\n return {\r\n top: anchorRect.top - popupRect.height - margin,\r\n left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n };\r\n case 'bottom':\r\n return {\r\n top: anchorRect.top + anchorRect.height + margin,\r\n left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n };\r\n case 'left':\r\n return {\r\n top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n left: anchorRect.left - popupRect.width - margin,\r\n };\r\n case 'right':\r\n return {\r\n top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\r\n left: anchorRect.left + anchorRect.width + margin,\r\n };\r\n default:\r\n throw new Error(`Unexpected direction '${position.direction}'`);\r\n }\r\n }\r\n\r\n private getHorizontalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\r\n switch (align) {\r\n case 'left':\r\n return anchorRect.left - popupOffset;\r\n case 'center':\r\n return anchorRect.left - (popupRect.width - anchorRect.width) / 2;\r\n case 'right':\r\n return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;\r\n default:\r\n throw new Error(`Unexpected align '${align}'`);\r\n }\r\n }\r\n\r\n private getVerticalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\r\n switch (align) {\r\n case 'top':\r\n return anchorRect.top - popupOffset;\r\n case 'middle':\r\n return anchorRect.top - (popupRect.height - anchorRect.height) / 2;\r\n case 'bottom':\r\n return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;\r\n default:\r\n throw new Error(`Unexpected align '${align}'`);\r\n }\r\n }\r\n}\r\n"]}
1	+ {"version":3,"sources":["Popup.tsx"],"names":["React","PropTypes","Transition","warning","globalObject","getDOMRect","LayoutEvents","ZIndex","RenderContainer","getRandomID","isFunction","isNonNullable","isNullable","isRefableElement","mergeRefs","isEdge","isIE11","isSafari","safePropTypesInstanceOf","isTestEnv","CommonWrapper","EmotionConsumer","responsiveLayout","MobilePopup","getRootNode","rootNode","callChildRef","isInstanceWithAnchorElement","createPropsGetter","isInstanceOf","ThemeContext","PopupPin","PopupHelper","getStyles","POPUP_BORDER_DEFAULT_COLOR","TRANSITION_TIMEOUT","enter","exit","PopupPositions","DefaultPosition","DUMMY_LOCATION","position","coordinates","top","left","PopupDataTids","root","content","contentInner","popupPin","PopupIds","Popup","getProps","defaultProps","state","location","props","opened","locationUpdateId","refForTransition","createRef","hasAnchorElementListeners","rootId","anchorElement","updateAnchorElement","instance","childDomNode","getAnchorElement","removeEventListeners","addEventListeners","handleMouseEnter","event","onMouseEnter","handleMouseLeave","onMouseLeave","handleClick","onClick","handleFocus","onFocus","handleBlur","onBlur","calculateWidth","width","includes","anchorWidth","Math","floor","parseFloat","children","backgroundColor","styles","emotion","theme","refPopupContentElement","resetLocation","cancelDelayedUpdateLocation","setState","element","lastPopupContentElement","handleLayoutEvent","updateLocation","popupContentElement","getLocation","onPositionChange","locationEquals","componentDidMount","layoutEventsToken","addListener","getDerivedStateFromProps","componentDidUpdate","prevProps","prevState","hadNoLocation","hasLocation","wasClosed","isMobileLayout","onOpen","onClose","delayUpdateLocation","componentWillUnmount","remove","render","renderMain","renderMobile","renderChildren","setRootNode","mobileOnCloseRequest","useWrapper","anchor","Element","isValidElement","anchorWithRef","cloneElement","ref","originalRef","canGetAnchorNode","withoutMobile","renderContent","addEventListener","removeEventListener","maxWidth","hasShadow","disableAnimations","ignoreHover","getPositionObject","direction","rootStyle","shouldFallbackShadow","Boolean","id","cx","popup","shadow","shadowFallback","popupIgnoreHover","transitionEnter","transitionEnterActive","transitionExit","renderPin","positionName","isDefaultBorderColor","popupBorderColor","pinBorder","pinSize","borderColor","hasPin","parseInt","popupPinSize","getPinOffset","align","popupBackground","requestAnimationFrame","cancelAnimationFrame","x","y","abs","popupElement","positions","tryPreserveFirstRenderedPosition","anchorRect","getElementAbsoluteRect","popupRect","getCoordinates","isFullyVisible","canBecomeVisible","canBecomeFullyVisible","getPinnedPopupOffset","test","anchorSize","height","max","marginFromProps","margin","isNaN","popupMargin","popupOffset","getHorizontalPosition","getVerticalPosition","Error","pinOffset","popupPinOffset","popupPinOffsetY","popupPinOffsetX","Component","__KONTUR_REACT_UI__","displayName","propTypes","oneOfType","HTMLElement","node","isRequired","string","func","bool","number","array","defaultRootNode"],"mappings":"mQAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,wBAA3B;AACA,OAAOC,OAAP,MAAoB,SAApB;AACA,SAASC,YAAT,QAA6B,0BAA7B;;;AAGA,SAASC,UAAT,QAA2B,0BAA3B;;AAEA,OAAO,KAAKC,YAAZ,MAA8B,wBAA9B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,eAAT,QAAgC,oBAAhC;;AAEA,SAASC,WAAT,EAAsBC,UAAtB,EAAkCC,aAAlC,EAAiDC,UAAjD,EAA6DC,gBAA7D,EAA+EC,SAA/E,QAAgG,iBAAhG;AACA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,QAAzB,QAAyC,kBAAzC;;AAEA,SAASC,uBAAT,QAAwC,mBAAxC;AACA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAAsBC,aAAtB,QAA2C,kBAA3C;AACA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,gBAAT,QAAiC,6CAAjC;AACA,SAASC,WAAT,QAA4B,gBAA5B;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAoD,oBAApD;AACA,SAASC,YAAT,QAA6B,qCAA7B;AACA,SAASC,2BAAT,QAA4C,qCAA5C;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,YAAT,QAA6B,wBAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAAiBC,WAAjB,QAA0D,eAA1D;AACA,SAASC,SAAT,QAA0B,gBAA1B;;AAEA,IAAMC,0BAA0B,GAAG,aAAnC;AACA,IAAMC,kBAAkB,GAAG,EAAEC,KAAK,EAAE,CAAT,EAAYC,IAAI,EAAE,GAAlB,EAA3B;;AAEA,OAAO,IAAMC,cAAc,GAAG;AAC5B,UAD4B;AAE5B,YAF4B;AAG5B,WAH4B;AAI5B,WAJ4B;AAK5B,cAL4B;AAM5B,cAN4B;AAO5B,cAP4B;AAQ5B,eAR4B;AAS5B,aAT4B;AAU5B,aAV4B;AAW5B,aAX4B;AAY5B,UAZ4B,CAAvB;;AAcP,OAAO,IAAMC,eAAe,GAAGD,cAAc,CAAC,CAAD,CAAtC;;;;AAIP,OAAO,IAAME,cAA6B,GAAG;AAC3CC,EAAAA,QAAQ,EAAEF,eADiC;AAE3CG,EAAAA,WAAW,EAAE;AACXC,IAAAA,GAAG,EAAE,CAAC,IADK;AAEXC,IAAAA,IAAI,EAAE,CAAC,IAFI,EAF8B,EAAtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEP,OAAO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,IAAI,EAAE,aADqB;AAE3BC,EAAAA,OAAO,EAAE,cAFkB;AAG3BC,EAAAA,YAAY,EAAE,mBAHa;AAI3BC,EAAAA,QAAQ,EAAE,gBAJiB,EAAtB;;;AAOP,OAAO,IAAMC,QAAQ,GAAG;AACtBJ,EAAAA,IAAI,EAAED,aAAa,CAACC,IADE,EAAjB;;;;;;;;;;;;AAaP,WAAaK,KAAb,GAFC7B,gBAED,UADCG,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EU2B,IAAAA,QA5EV,GA4EqBxB,iBAAiB,CAACuB,KAAK,CAACE,YAAP,CA5EtC;;;;;AAiFSC,IAAAA,KAjFT,GAiF6B,EAAEC,QAAQ,EAAE,MAAKC,KAAL,CAAWC,MAAX,GAAoBjB,cAApB,GAAqC,IAAjD,EAjF7B;;;;AAqFUkB,IAAAA,gBArFV,GAqF+C,IArF/C;;;;AAyFUC,IAAAA,gBAzFV,gBAyF6B3D,KAAK,CAAC4D,SAAN,EAzF7B;AA0FUC,IAAAA,yBA1FV,GA0FsC,KA1FtC;AA2FUC,IAAAA,MA3FV,GA2FmBZ,QAAQ,CAACJ,IAAT,GAAgBrC,WAAW,EA3F9C;;AA6FSsD,IAAAA,aA7FT,GA6F4C,IA7F5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOUC,IAAAA,mBAjOV,GAiOgC,UAACC,QAAD,EAA6C;AACzE,UAAMC,YAAY,GAAGvC,2BAA2B,CAACsC,QAAD,CAA3B,GAAwCA,QAAQ,CAACE,gBAAT,EAAxC,GAAsE3C,WAAW,CAACyC,QAAD,CAAtG;AACA,UAAMF,aAAa,GAAG,MAAKA,aAA3B;;AAEA,UAAIG,YAAY,KAAKH,aAArB,EAAoC;AAClC,cAAKK,oBAAL,CAA0BL,aAA1B;AACA,cAAKA,aAAL,GAAqBG,YAArB;AACA,cAAKG,iBAAL,CAAuBH,YAAvB;AACD;AACF,KA1OH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0QUI,IAAAA,gBA1QV,GA0Q6B,UAACC,KAAD,EAA2B;AACpD,UAAI,MAAKf,KAAL,CAAWgB,YAAf,EAA6B;AAC3B,cAAKhB,KAAL,CAAWgB,YAAX,CAAwBD,KAAxB;AACD;AACF,KA9QH;;AAgRUE,IAAAA,gBAhRV,GAgR6B,UAACF,KAAD,EAA2B;AACpD,UAAI,MAAKf,KAAL,CAAWkB,YAAf,EAA6B;AAC3B,cAAKlB,KAAL,CAAWkB,YAAX,CAAwBH,KAAxB;AACD;AACF,KApRH;;AAsRUI,IAAAA,WAtRV,GAsRwB,UAACJ,KAAD,EAA2B;AAC/C,UAAI,MAAKf,KAAL,CAAWoB,OAAf,EAAwB;AACtB,cAAKpB,KAAL,CAAWoB,OAAX,CAAmBL,KAAnB;AACD;AACF,KA1RH;;AA4RUM,IAAAA,WA5RV,GA4RwB,UAACN,KAAD,EAA2B;AAC/C,UAAI,MAAKf,KAAL,CAAWsB,OAAf,EAAwB;AACtB,cAAKtB,KAAL,CAAWsB,OAAX,CAAmBP,KAAnB;AACD;AACF,KAhSH;;AAkSUQ,IAAAA,UAlSV,GAkSuB,UAACR,KAAD,EAA2B;AAC9C,UAAI,MAAKf,KAAL,CAAWwB,MAAf,EAAuB;AACrB,cAAKxB,KAAL,CAAWwB,MAAX,CAAkBT,KAAlB;AACD;AACF,KAtSH;;AAwSUU,IAAAA,cAxSV,GAwS2B,UAACC,KAAD,EAAgC;AACvD,UAAI,OAAOA,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,CAACC,QAAN,CAAe,GAAf,CAAjC,EAAsD;AACpD,YAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWjF,UAAU,CAAC,MAAK0D,aAAN,CAAV,CAA+BmB,KAA1C,CAApB;AACA,eAAO,MAAKnB,aAAL,GAAsBqB,WAAW,GAAGG,UAAU,CAACL,KAAD,CAAzB,GAAoC,GAAzD,GAA+D,CAAtE;AACD;AACD,aAAOA,KAAP;AACD,KA9SH;;AAgTUnC,IAAAA,OAhTV,GAgToB,UAACyC,QAAD,EAA+B;AAC/C,UAAQC,eAAR,GAA4B,MAAKjC,KAAjC,CAAQiC,eAAR;AACA,UAAMP,KAAK,GAAG,MAAK9B,QAAL,GAAgB8B,KAA9B;AACA,UAAMQ,MAAM,GAAGzD,SAAS,CAAC,MAAK0D,OAAN,CAAxB;;AAEA;AACE;AACE,UAAA,SAAS,EAAED,MAAM,CAAC3C,OAAP,CAAe,MAAK6C,KAApB,CADb;AAEE,sBAAU/C,aAAa,CAACE,OAF1B;AAGE,UAAA,GAAG,EAAEjC,SAAS,CAAC,CAAC,MAAK6C,gBAAN,EAAwB,MAAKkC,sBAA7B,CAAD,CAHhB;;AAKE;AACE,UAAA,SAAS,EAAEH,MAAM,CAAC1C,YAAP,CAAoB,MAAK4C,KAAzB,CADb;AAEE,UAAA,KAAK,EAAE,EAAEH,eAAe,EAAfA,eAAF,EAAmBP,KAAK,EAAE,MAAKD,cAAL,CAAoBC,KAApB,CAA1B,EAFT;AAGE,sBAAUrC,aAAa,CAACG,YAH1B;;AAKGwC,QAAAA,QALH,CALF,CADF;;;;AAeD,KApUH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8XUM,IAAAA,aA9XV,GA8X0B,YAAM;AAC5B,YAAKC,2BAAL;AACA,YAAKzC,KAAL,CAAWC,QAAX,KAAwB,IAAxB,IAAgC,MAAKyC,QAAL,CAAc,EAAEzC,QAAQ,EAAE,IAAZ,EAAd,CAAhC;AACD,KAjYH;;;;;;AAuYUsC,IAAAA,sBAvYV,GAuYmC,UAACI,OAAD,EAAgC;AAC/D,YAAKC,uBAAL,GAA+BD,OAA/B;AACD,KAzYH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuaUE,IAAAA,iBAvaV,GAua8B,YAAM;AAChC,UAAI,CAAC,MAAK7C,KAAL,CAAWC,QAAhB,EAA0B;AACxB;AACD;AACD,YAAK6C,cAAL;AACD,KA5aH;;;;;;;;;;;;;;AA0bUA,IAAAA,cA1bV,GA0b2B,YAAM;AAC7B,UAAMC,mBAAmB,GAAG,MAAKH,uBAAjC;;AAEA,UAAI,CAACG,mBAAL,EAA0B;AACxB;AACD;;AAED,UAAM9C,QAAQ,GAAG,MAAK+C,WAAL,CAAiBD,mBAAjB,EAAsC,MAAK/C,KAAL,CAAWC,QAAjD,CAAjB;AACA,UAAIA,QAAJ,EAAc;AACZ,cAAKC,KAAL,CAAW+C,gBAAX,0BAAK/C,KAAL,CAAW+C,gBAAX,CAA8BhD,QAA9B,oBAA8BA,QAAQ,CAAEd,QAAxC;AACD;;AAED,UAAI,CAAC,MAAK+D,cAAL,CAAoB,MAAKlD,KAAL,CAAWC,QAA/B,EAAyCA,QAAzC,CAAL,EAAyD;AACvD,cAAKyC,QAAL,CAAc,EAAEzC,QAAQ,EAARA,QAAF,EAAd;AACD;AACF,KAzcH,mDA+FSkD,iBA/FT,GA+FE,6BAA2B,CACzB,KAAKL,cAAL,GACA,KAAKM,iBAAL,GAAyBpG,YAAY,CAACqG,WAAb,CAAyB,KAAKR,iBAA9B,CAAzB,CAEA,IAAI,CAAC,KAAKtC,yBAAV,EAAqC,CACnC,KAAKQ,iBAAL,CAAuB,KAAKN,aAA5B,EACD,CACF,CAtGH,OAwGgB6C,wBAxGhB,GAwGE,kCAAuCpD,KAAvC,EAAoEF,KAApE,EAAuF,CACrF;AACJ;AACA,OACI,IAAIE,KAAK,CAACC,MAAV,EAAkB,CAChB,IAAI,CAACH,KAAK,CAACC,QAAX,EAAqB,CACnB,OAAO,EAAEA,QAAQ,EAAEf,cAAZ,EAAP,CACD,CACF,CAJD,MAIO,IAAIc,KAAK,CAACC,QAAV,EAAoB,CACzB,OAAO,EAAEA,QAAQ,EAAEf,cAAZ,EAAP,CACD,CACD,OAAOc,KAAP,CACD,CApHH,QAsHSuD,kBAtHT,GAsHE,4BAA0BC,SAA1B,EAAiDC,SAAjD,EAAwE,CACtE,IAAMC,aAAa,GAAGD,SAAS,CAACxD,QAAV,KAAuBf,cAA7C,CACA,IAAMyE,WAAW,GAAG,KAAK3D,KAAL,CAAWC,QAAX,KAAwBf,cAA5C,CACA,IAAM0E,SAAS,GAAGJ,SAAS,CAACrD,MAAV,IAAoB,CAAC,KAAKD,KAAL,CAAWC,MAAlD,CAEA,IAAI,KAAK0D,cAAL,IAAuBJ,SAAS,CAACxD,QAAV,KAAuB,IAA9C,IAAsD,KAAKD,KAAL,CAAWC,QAAX,KAAwB,IAAlF,EAAwF,CACtF,KAAKyC,QAAL,CAAc,EAAEzC,QAAQ,EAAEf,cAAZ,EAAd,EACD,CAED,IAAI,KAAKgB,KAAL,CAAWC,MAAX,IAAqBuD,aAArB,IAAsCC,WAAtC,IAAqD,KAAKzD,KAAL,CAAW4D,MAApE,EAA4E,CAC1E,KAAK5D,KAAL,CAAW4D,MAAX,GACD,CACD,IAAIF,SAAS,IAAI,CAACD,WAAd,IAA6B,KAAKzD,KAAL,CAAW6D,OAA5C,EAAqD,CACnD,KAAK7D,KAAL,CAAW6D,OAAX,GACD,CACD,IAAI,KAAK7D,KAAL,CAAWC,MAAf,EAAuB,CACrB,KAAK6D,mBAAL,GACD,CACF,CAxIH,QA0ISC,oBA1IT,GA0IE,gCAA8B,CAC5B,KAAKxB,2BAAL,GACA,IAAI,KAAKlC,yBAAT,EAAoC,CAClC,KAAKO,oBAAL,CAA0B,KAAKL,aAA/B,EACD,CACD,IAAI,KAAK2C,iBAAT,EAA4B,CAC1B,KAAKA,iBAAL,CAAuBc,MAAvB,GACA,KAAKd,iBAAL,GAAyB,IAAzB,CACD,CACD,IAAI,KAAKpD,KAAL,CAAWC,QAAX,IAAuB,KAAKC,KAAL,CAAW6D,OAAtC,EAA+C,CAC7C,KAAK7D,KAAL,CAAW6D,OAAX,GACD,CACF,CAtJH,QAwJSI,MAxJT,GAwJE,kBAAgB,mBACd,oBACE,oBAAC,eAAD,QACG,UAAC9B,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAAC8B,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAXH,CADF,CAeD,CAxKH,QA0KUC,YA1KV,GA0KE,wBAAuB,CACrB,IAAQlE,MAAR,GAAmB,KAAKD,KAAxB,CAAQC,MAAR,CACA,IAAM+B,QAAQ,GAAG,KAAKoC,cAAL,EAAjB,CAEA,OAAOpC,QAAQ,gBACb,oBAAC,aAAD,IAAe,WAAW,EAAE,KAAKqC,WAAjC,iBACE,oBAAC,WAAD,IAAa,MAAM,EAAEpE,MAArB,EAA6B,sBAAsB,MAAnD,EAAoD,cAAc,EAAE,KAAKD,KAAL,CAAWsE,oBAA/E,IACG,KAAK/E,OAAL,CAAayC,QAAb,CADH,CADF,CADa,GAMX,IANJ,CAOD,CArLH,QAuLUkC,UAvLV,GAuLE,sBAAqB,mBACnB,IAAQnE,QAAR,GAAqB,KAAKD,KAA1B,CAAQC,QAAR,CACA,IAAQQ,aAAR,GAA0B,KAAKP,KAA/B,CAAQO,aAAR,CACA,IAAMgE,UAAU,GAAG,KAAK3E,QAAL,GAAgB2E,UAAnC,CAEA,IAAIC,MAAiC,GAAG,IAAxC,CACA,IAAInG,YAAY,CAACkC,aAAD,EAAgB3D,YAAY,CAAC6H,OAA7B,CAAhB,EAAuD,CACrD,KAAKjE,mBAAL,CAAyBD,aAAzB,EACD,CAFD,MAEO,kBAAI/D,KAAK,CAACkI,cAAN,CAAqBnE,aAArB,CAAJ,EAAyC,CAC9CiE,MAAM,GAAGD,UAAU,gBAAG,kCAAOhE,aAAP,CAAH,GAAkCA,aAArD,CACD,CAFM,MAEA,CACLiE,MAAM,gBAAG,kCAAOjE,aAAP,CAAT,CACD,CAED,IAAMoE,aAAa,GACjBH,MAAM,iBAAIhI,KAAK,CAACkI,cAAN,CAAqBF,MAArB,CAAV,IAA0CnH,gBAAgB,CAACmH,MAAD,CAA1D,gBACIhI,KAAK,CAACoI,YAAN,CAAmBJ,MAAnB,EAA2B,EACzBK,GAAG,EAAE,aAACpE,QAAD,EAA6C,aAChD,MAAI,CAACD,mBAAL,CAAyBC,QAAzB,EACA,IAAMqE,WAAW,cAAIN,MAAJ,qBAAG,QAAsCK,GAA1D,CACAC,WAAW,IAAI5G,YAAY,CAAC4G,WAAD,EAAcrE,QAAd,CAA3B,CACD,CALwB,EAA3B,CADJ,GAQI,IATN,CAdmB,CAyBnB;AACA;AACA;AACA;AACA;AAEA,QAAMsE,gBAAgB,GAAG,CAAC,CAACJ,aAAF,IAAmBtG,YAAY,CAACkC,aAAD,EAAgB3D,YAAY,CAAC6H,OAA7B,CAAxD,CAEA,oBACE,oBAAC,eAAD,IAAiB,MAAM,EAAEE,aAAa,IAAIH,MAA1C,EAAkD,GAAG,EAAEO,gBAAgB,GAAG,IAAH,GAAU,KAAKvE,mBAAtF,IACG,KAAKmD,cAAL,IAAuB,CAAC,KAAK3D,KAAL,CAAWgF,aAAnC,GACG,KAAKb,YAAL,EADH,GAEGpE,QAAQ,IAAI,KAAKkF,aAAL,CAAmBlF,QAAnB,CAHlB,CADF,CAOD,CA/NH,QA4OUc,iBA5OV,GA4OE,2BAA0B4B,OAA1B,EAAsD,CACpD,IAAIA,OAAO,IAAIpE,YAAY,CAACoE,OAAD,EAAU7F,YAAY,CAAC6H,OAAvB,CAA3B,EAA4D,CAC1D;AACAhC,MAAAA,OAAO,CAACyC,gBAAR,CAAyB,YAAzB,EAAuC,KAAKpE,gBAA5C,EAF0D,CAG1D;AACA2B,MAAAA,OAAO,CAACyC,gBAAR,CAAyB,YAAzB,EAAuC,KAAKjE,gBAA5C,EAJ0D,CAK1D;AACAwB,MAAAA,OAAO,CAACyC,gBAAR,CAAyB,OAAzB,EAAkC,KAAK/D,WAAvC,EACAsB,OAAO,CAACyC,gBAAR,CAAyB,SAAzB,EAAoC,KAAK7D,WAAzC,EACAoB,OAAO,CAACyC,gBAAR,CAAyB,UAAzB,EAAqC,KAAK3D,UAA1C,EAEA,KAAKlB,yBAAL,GAAiC,IAAjC,CACD,CACF,CAzPH,QA2PUO,oBA3PV,GA2PE,8BAA6B6B,OAA7B,EAAyD,CACvD,IAAIA,OAAO,IAAIpE,YAAY,CAACoE,OAAD,EAAU7F,YAAY,CAAC6H,OAAvB,CAA3B,EAA4D,CAC1D;AACAhC,MAAAA,OAAO,CAAC0C,mBAAR,CAA4B,YAA5B,EAA0C,KAAKrE,gBAA/C,EAF0D,CAG1D;AACA2B,MAAAA,OAAO,CAAC0C,mBAAR,CAA4B,YAA5B,EAA0C,KAAKlE,gBAA/C,EAJ0D,CAK1D;AACAwB,MAAAA,OAAO,CAAC0C,mBAAR,CAA4B,OAA5B,EAAqC,KAAKhE,WAA1C,EACAsB,OAAO,CAAC0C,mBAAR,CAA4B,SAA5B,EAAuC,KAAK9D,WAA5C,EACAoB,OAAO,CAAC0C,mBAAR,CAA4B,UAA5B,EAAwC,KAAK5D,UAA7C,EAEA,KAAKlB,yBAAL,GAAiC,KAAjC,CACD,CACF,CAxQH,QAsUU4E,aAtUV,GAsUE,uBAAsBlF,QAAtB,EAA+C,mBAC7C,kBAA6B,KAAKC,KAAlC,CAAQoF,QAAR,eAAQA,QAAR,CAAkBnF,MAAlB,eAAkBA,MAAlB,CACA,qBAAsD,KAAKL,QAAL,EAAtD,CAAQyF,SAAR,kBAAQA,SAAR,CAAmBC,iBAAnB,kBAAmBA,iBAAnB,CAAsCC,WAAtC,kBAAsCA,WAAtC,CACA,IAAMvD,QAAQ,GAAG,KAAKoC,cAAL,EAAjB,CAEA,4BAAsB5F,WAAW,CAACgH,iBAAZ,CAA8BzF,QAAQ,CAACd,QAAvC,CAAtB,CAAQwG,SAAR,yBAAQA,SAAR,CACA,IAAMC,SAA8B,gBAAQ3F,QAAQ,CAACb,WAAjB,IAA8BkG,QAAQ,EAARA,QAA9B,GAApC,CAEA,IAAMO,oBAAoB,GAAGnI,MAAM,IAAID,MAAV,IAAoBE,QAAjD,CACA,IAAMyE,MAAM,GAAGzD,SAAS,CAAC,KAAK0D,OAAN,CAAxB,CAEA,oBACE,oBAAC,UAAD,IACE,OAAO,EAAExD,kBADX,EAEE,MAAM,EAAE,CAAC2G,iBAFX,EAGE,MAAIM,OAAO,CAAC3F,MAAM,IAAI+B,QAAX,CAHb,EAIE,YAAY,MAJd,EAKE,aAAa,MALf,EAME,KAAK,EAAE,CAACsD,iBANV,EAOE,IAAI,EAAE,CAACA,iBAPT,EAQE,QAAQ,EAAE,KAAKhD,aARjB,EASE,OAAO,EAAE,KAAKnC,gBAThB,IAWG,UAACL,KAAD,4DACC,oBAAC,aAAD,eAAmB,MAAI,CAACE,KAAxB,IAA+B,WAAW,EAAE,MAAI,CAACqE,WAAjD,kBACE,oBAAC,MAAD,IACE,EAAE,qBAAE,MAAI,CAACrE,KAAL,CAAW6F,EAAb,8BAAmB,MAAI,CAACvF,MAD5B,EAEE,YAAUjB,aAAa,CAACC,IAF1B,EAGE,QAAQ,EAAE,OAHZ,EAIE,SAAS,EAAE,MAAI,CAAC6C,OAAL,CAAa2D,EAAb,qCACR5D,MAAM,CAAC6D,KAAP,CAAa,MAAI,CAAC3D,KAAlB,CADQ,IACmB,IADnB,YAERF,MAAM,CAAC8D,MAAP,CAAc,MAAI,CAAC5D,KAAnB,CAFQ,IAEoBiD,SAAS,IAAI,CAACM,oBAFlC,YAGRzD,MAAM,CAAC+D,cAAP,CAAsB,MAAI,CAAC7D,KAA3B,CAHQ,IAG4BiD,SAAS,IAAIM,oBAHzC,YAIRzD,MAAM,CAACgE,gBAAP,EAJQ,IAIoBX,WAJpB,cAKLD,iBAAiB,GACjB,EADiB,oBAGdpD,MAAM,uBAAqBuD,SAArB,CAAN,CAA+D,MAAI,CAACrD,KAApE,CAHc,IAG+D,IAH/D,OAIdF,MAAM,CAACiE,eAAP,EAJc,IAIarG,KAAK,KAAK,UAJvB,OAKdoC,MAAM,CAACkE,qBAAP,EALc,IAKmBtG,KAAK,KAAK,SAL7B,OAMdoC,MAAM,CAACmE,cAAP,EANc,IAMYvG,KAAK,KAAK,SANtB,OALZ,EAJb,EAkBE,KAAK,EAAE4F,SAlBT,EAmBE,YAAY,EAAE,MAAI,CAAC5E,gBAnBrB,EAoBE,YAAY,EAAE,MAAI,CAACG,gBApBrB,IAsBG,MAAI,CAAC1B,OAAL,CAAayC,QAAb,CAtBH,EAuBG,CAAC,CAAC,MAAI,CAAC2B,cAAN,IAAwB,MAAI,CAAC3D,KAAL,CAAWgF,aAApC,KAAsD,MAAI,CAACsB,SAAL,CAAevG,QAAQ,CAACd,QAAxB,CAvBzD,CADF,CADD,EAXH,CADF,CA2CD,CA5XH,QAmYUmF,cAnYV,GAmYE,0BAAyB,CACvB,OAAOlH,UAAU,CAAC,KAAK8C,KAAL,CAAWgC,QAAZ,CAAV,GAAkC,KAAKhC,KAAL,CAAWgC,QAAX,EAAlC,GAA0D,KAAKhC,KAAL,CAAWgC,QAA5E,CACD,CArYH,QA2YUsE,SA3YV,GA2YE,mBAAkBC,YAAlB,EAAyD,CACvD;AACJ;AACA;AACA;AACA,OACI,IAAMC,oBAAoB,GAAG,KAAKpE,KAAL,CAAWqE,gBAAX,KAAgC/H,0BAA7D,CACA,IAAMgI,SAAS,GAAGlJ,MAAM,IAAIgJ,oBAAV,GAAiC,qBAAjC,GAAyD,KAAKpE,KAAL,CAAWqE,gBAAtF,CAEA,mBAAkD,KAAKzG,KAAvD,CAAQ2G,OAAR,gBAAQA,OAAR,CAAiB1E,eAAjB,gBAAiBA,eAAjB,CAAkC2E,WAAlC,gBAAkCA,WAAlC,CACA,sBAA8B,KAAKhH,QAAL,EAA9B,CAAQyF,SAAR,mBAAQA,SAAR,CAAmBwB,MAAnB,mBAAmBA,MAAnB,CACA,IAAM5H,QAAQ,GAAGT,WAAW,CAACgH,iBAAZ,CAA8Be,YAA9B,CAAjB,CAEA,OACEM,MAAM,iBACJ,oBAAC,QAAD,IACE,YAAY,EAAE,KAAKnE,uBADrB,EAEE,aAAa,EAAE6D,YAFjB,EAGE,IAAI,EAAEI,OAAO,IAAIG,QAAQ,CAAC,KAAK1E,KAAL,CAAW2E,YAAZ,CAH3B,EAIE,MAAM,EAAE,KAAKC,YAAL,CAAkB/H,QAAQ,CAACgI,KAA3B,CAJV,EAKE,WAAW,EAAE5B,SAAS,GAAG,CAAH,GAAO,CAL/B,EAME,eAAe,EAAEpD,eAAe,IAAI,KAAKG,KAAL,CAAW8E,eANjD,EAOE,WAAW,EAAEN,WAAW,IAAIF,SAP9B,GAFJ,CAaD,CAraH,QA8aU5C,mBA9aV,GA8aE,+BAA8B,CAC5B,KAAKvB,2BAAL,GACA,KAAKrC,gBAAL,GAAwBtD,YAAY,CAACuK,qBAArC,oBAAwBvK,YAAY,CAACuK,qBAAb,CAAqC,KAAKvE,cAA1C,CAAxB,CACD,CAjbH,QAmbUL,2BAnbV,GAmbE,uCAAsC,CACpC,IAAI,KAAKrC,gBAAT,EAA2B,CACzBtD,YAAY,CAACwK,oBAAb,oBAAAxK,YAAY,CAACwK,oBAAb,CAAoC,KAAKlH,gBAAzC,EACA,KAAKA,gBAAL,GAAwB,IAAxB,CACD,CACF,CAxbH,QA2cU8C,cA3cV,GA2cE,wBAAuBqE,CAAvB,EAAmDC,CAAnD,EAA+E,CAC7E,IAAID,CAAC,KAAKC,CAAV,EAAa,CACX,OAAO,IAAP,CACD,CAED,IAAIlK,UAAU,CAACiK,CAAD,CAAV,IAAiBjK,UAAU,CAACkK,CAAD,CAA/B,EAAoC,CAClC,OAAO,KAAP,CACD,CAED,IAAI,CAAC9J,MAAD,IAAW,CAACD,MAAhB,EAAwB,CACtB,OACE8J,CAAC,CAACnI,WAAF,CAAcE,IAAd,KAAuBkI,CAAC,CAACpI,WAAF,CAAcE,IAArC,IACAiI,CAAC,CAACnI,WAAF,CAAcC,GAAd,KAAsBmI,CAAC,CAACpI,WAAF,CAAcC,GADpC,IAEAkI,CAAC,CAACpI,QAAF,KAAeqI,CAAC,CAACrI,QAHnB,CAKD;;AAED;AACA;;AAEA;AACEoI,MAAAA,CAAC,CAACpI,QAAF,KAAeqI,CAAC,CAACrI,QAAjB;AACA4C,MAAAA,IAAI,CAAC0F,GAAL,CAASF,CAAC,CAACnI,WAAF,CAAcC,GAAd,GAAoBmI,CAAC,CAACpI,WAAF,CAAcC,GAA3C,KAAmD,CADnD;AAEA0C,MAAAA,IAAI,CAAC0F,GAAL,CAASF,CAAC,CAACnI,WAAF,CAAcE,IAAd,GAAqBkI,CAAC,CAACpI,WAAF,CAAcE,IAA5C,KAAqD,CAHvD;;AAKD,GApeH;;AAseU0D,EAAAA,WAteV,GAseE,qBAAoB0E,YAApB,EAA2CzH,QAA3C,EAA+E;AAC7E,uBAAwD,KAAKC,KAA7D,CAAQyH,SAAR,gBAAQA,SAAR,CAAmBC,gCAAnB,gBAAmBA,gCAAnB;AACA,QAAMnH,aAAa,GAAG,KAAKA,aAA3B;;AAEA5D,IAAAA,OAAO;AACL4D,IAAAA,aAAa,IAAIlC,YAAY,CAACkC,aAAD,EAAgB3D,YAAY,CAAC6H,OAA7B,CADxB;AAEL,8DAFK,CAAP;;;AAKA,QAAI,EAAElE,aAAa,IAAIlC,YAAY,CAACkC,aAAD,EAAgB3D,YAAY,CAAC6H,OAA7B,CAA/B,CAAJ,EAA2E;AACzE,aAAO1E,QAAP;AACD;;AAED,QAAM4H,UAAU,GAAGnJ,WAAW,CAACoJ,sBAAZ,CAAmCrH,aAAnC,CAAnB;AACA,QAAMsH,SAAS,GAAGrJ,WAAW,CAACoJ,sBAAZ,CAAmCJ,YAAnC,CAAlB;;AAEA,QAAIvI,QAAJ;AACA,QAAIC,WAAJ;;AAEA,QAAIa,QAAQ,IAAIA,QAAQ,KAAKf,cAAzB,IAA2Ce,QAAQ,CAACd,QAAxD,EAAkE;AAChEA,MAAAA,QAAQ,GAAGc,QAAQ,CAACd,QAApB;AACAC,MAAAA,WAAW,GAAG,KAAK4I,cAAL,CAAoBH,UAApB,EAAgCE,SAAhC,EAA2C5I,QAA3C,CAAd;;AAEA,UAAM8I,cAAc,GAAGvJ,WAAW,CAACuJ,cAAZ,CAA2B7I,WAA3B,EAAwC2I,SAAxC,CAAvB;AACA,UAAMG,gBAAgB,GAAG,CAACD,cAAD,IAAmBvJ,WAAW,CAACyJ,qBAAZ,CAAkChJ,QAAlC,EAA4CC,WAA5C,CAA5C;;AAEA;AACE;AACA;AACCwI,MAAAA,gCAAgC,KAAKK,cAAc,IAAIC,gBAAvB,CAAjC;AACA;AACA;AACCD,MAAAA,cAAc,IAAI9I,QAAQ,KAAKwI,SAAS,CAAC,CAAD,CAN3C;AAOE;AACA;AACA,eAAO,EAAEvI,WAAW,EAAXA,WAAF,EAAeD,QAAQ,EAARA,QAAf,EAAP;AACD;AACF;;AAED,yDAAiBwI,SAAjB,wCAA4B,CAAvBxI,QAAuB;AAC1BC,MAAAA,WAAW,GAAG,KAAK4I,cAAL,CAAoBH,UAApB,EAAgCE,SAAhC,EAA2C5I,QAA3C,CAAd;AACA,UAAIT,WAAW,CAACuJ,cAAZ,CAA2B7I,WAA3B,EAAwC2I,SAAxC,CAAJ,EAAwD;AACtD,eAAO,EAAE3I,WAAW,EAAXA,WAAF,EAAeD,QAAQ,EAARA,QAAf,EAAP;AACD;AACF;;AAEDA,IAAAA,QAAQ,GAAGwI,SAAS,CAAC,CAAD,CAApB;AACAvI,IAAAA,WAAW,GAAG,KAAK4I,cAAL,CAAoBH,UAApB,EAAgCE,SAAhC,EAA2C5I,QAA3C,CAAd;AACA,WAAO,EAAEC,WAAW,EAAXA,WAAF,EAAeD,QAAQ,EAARA,QAAf,EAAP;AACD,GAvhBH;;AAyhBUiJ,EAAAA,oBAzhBV,GAyhBE,8BAA6BP,UAA7B,EAA+C1I,QAA/C,EAAyE;AACvE,QAAI,CAAC,KAAKW,QAAL,GAAgBiH,MAAjB,IAA2B,gBAAgBsB,IAAhB,CAAqBlJ,QAAQ,CAACgI,KAA9B,CAA/B,EAAqE;AACnE,aAAO,CAAP;AACD;;AAED,QAAMmB,UAAU,GAAG,aAAaD,IAAb,CAAkBlJ,QAAQ,CAACwG,SAA3B,IAAwCkC,UAAU,CAACjG,KAAnD,GAA2DiG,UAAU,CAACU,MAAzF;;AAEA,QAAQ1B,OAAR,GAAoB,KAAK3G,KAAzB,CAAQ2G,OAAR;;AAEA,WAAO9E,IAAI,CAACyG,GAAL;AACL,KADK;AAEL,SAAKtB,YAAL,CAAkB/H,QAAQ,CAACgI,KAA3B,KAAqCN,OAAO,IAAIG,QAAQ,CAAC,KAAK1E,KAAL,CAAW2E,YAAZ,CAAxD,IAAqFqB,UAAU,GAAG,CAF7F,CAAP;;AAID,GAtiBH;;AAwiBUN,EAAAA,cAxiBV,GAwiBE,wBAAuBH,UAAvB,EAAyCE,SAAzC,EAA0DtB,YAA1D,EAAgF;AAC9E,QAAgBgC,eAAhB,GAAoC,KAAKvI,KAAzC,CAAQwI,MAAR;AACA,QAAMA,MAAM;AACVrL,IAAAA,aAAa,CAACoL,eAAD,CAAb,IAAkC,CAACE,KAAK,CAACF,eAAD,CAAxC;AACIA,IAAAA,eADJ;AAEIzB,IAAAA,QAAQ,CAAC,KAAK1E,KAAL,CAAWsG,WAAZ,CAAR,IAAoC,CAH1C;AAIA,QAAMzJ,QAAQ,GAAGT,WAAW,CAACgH,iBAAZ,CAA8Be,YAA9B,CAAjB;AACA,QAAMoC,WAAW,GAAG,KAAK/I,QAAL,GAAgB+I,WAAhB,GAA8B,KAAKT,oBAAL,CAA0BP,UAA1B,EAAsC1I,QAAtC,CAAlD;;AAEA,YAAQA,QAAQ,CAACwG,SAAjB;AACE,WAAK,KAAL;AACE,eAAO;AACLtG,UAAAA,GAAG,EAAEwI,UAAU,CAACxI,GAAX,GAAiB0I,SAAS,CAACQ,MAA3B,GAAoCG,MADpC;AAELpJ,UAAAA,IAAI,EAAE,KAAKwJ,qBAAL,CAA2BjB,UAA3B,EAAuCE,SAAvC,EAAkD5I,QAAQ,CAACgI,KAA3D,EAAkE0B,WAAlE,CAFD,EAAP;;AAIF,WAAK,QAAL;AACE,eAAO;AACLxJ,UAAAA,GAAG,EAAEwI,UAAU,CAACxI,GAAX,GAAiBwI,UAAU,CAACU,MAA5B,GAAqCG,MADrC;AAELpJ,UAAAA,IAAI,EAAE,KAAKwJ,qBAAL,CAA2BjB,UAA3B,EAAuCE,SAAvC,EAAkD5I,QAAQ,CAACgI,KAA3D,EAAkE0B,WAAlE,CAFD,EAAP;;AAIF,WAAK,MAAL;AACE,eAAO;AACLxJ,UAAAA,GAAG,EAAE,KAAK0J,mBAAL,CAAyBlB,UAAzB,EAAqCE,SAArC,EAAgD5I,QAAQ,CAACgI,KAAzD,EAAgE0B,WAAhE,CADA;AAELvJ,UAAAA,IAAI,EAAEuI,UAAU,CAACvI,IAAX,GAAkByI,SAAS,CAACnG,KAA5B,GAAoC8G,MAFrC,EAAP;;AAIF,WAAK,OAAL;AACE,eAAO;AACLrJ,UAAAA,GAAG,EAAE,KAAK0J,mBAAL,CAAyBlB,UAAzB,EAAqCE,SAArC,EAAgD5I,QAAQ,CAACgI,KAAzD,EAAgE0B,WAAhE,CADA;AAELvJ,UAAAA,IAAI,EAAEuI,UAAU,CAACvI,IAAX,GAAkBuI,UAAU,CAACjG,KAA7B,GAAqC8G,MAFtC,EAAP;;AAIF;AACE,cAAM,IAAIM,KAAJ,4BAAmC7J,QAAQ,CAACwG,SAA5C,OAAN,CAtBJ;;AAwBD,GAzkBH;;AA2kBUuB,EAAAA,YA3kBV,GA2kBE,sBAAqBC,KAArB,EAAoC;AAClC,QAAQ8B,SAAR,GAAsB,KAAK/I,KAA3B,CAAQ+I,SAAR;;AAEA,YAAQ9B,KAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE,eAAO8B,SAAS,IAAIjC,QAAQ,CAAC,KAAK1E,KAAL,CAAW4G,cAAZ,CAArB,IAAoDlC,QAAQ,CAAC,KAAK1E,KAAL,CAAW6G,eAAZ,CAAnE;AACF,WAAK,MAAL;AACA,WAAK,OAAL;AACE,eAAOF,SAAS,IAAIjC,QAAQ,CAAC,KAAK1E,KAAL,CAAW4G,cAAZ,CAArB,IAAoDlC,QAAQ,CAAC,KAAK1E,KAAL,CAAW8G,eAAZ,CAAnE;AACF,WAAK,QAAL;AACA,WAAK,QAAL;AACE,eAAO,CAAP;AACF;AACE,cAAM,IAAIJ,KAAJ,wBAA+B7B,KAA/B,OAAN,CAXJ;;AAaD,GA3lBH;;AA6lBU2B,EAAAA,qBA7lBV,GA6lBE,+BAA8BjB,UAA9B,EAAgDE,SAAhD,EAAiEZ,KAAjE,EAAgF0B,WAAhF,EAAqG;AACnG,YAAQ1B,KAAR;AACE,WAAK,MAAL;AACE,eAAOU,UAAU,CAACvI,IAAX,GAAkBuJ,WAAzB;AACF,WAAK,QAAL;AACE,eAAOhB,UAAU,CAACvI,IAAX,GAAkB,CAACyI,SAAS,CAACnG,KAAV,GAAkBiG,UAAU,CAACjG,KAA9B,IAAuC,CAAhE;AACF,WAAK,OAAL;AACE,eAAOiG,UAAU,CAACvI,IAAX,IAAmByI,SAAS,CAACnG,KAAV,GAAkBiG,UAAU,CAACjG,KAAhD,IAAyDiH,WAAhE;AACF;AACE,cAAM,IAAIG,KAAJ,wBAA+B7B,KAA/B,OAAN,CARJ;;AAUD,GAxmBH;;AA0mBU4B,EAAAA,mBA1mBV,GA0mBE,6BAA4BlB,UAA5B,EAA8CE,SAA9C,EAA+DZ,KAA/D,EAA8E0B,WAA9E,EAAmG;AACjG,YAAQ1B,KAAR;AACE,WAAK,KAAL;AACE,eAAOU,UAAU,CAACxI,GAAX,GAAiBwJ,WAAxB;AACF,WAAK,QAAL;AACE,eAAOhB,UAAU,CAACxI,GAAX,GAAiB,CAAC0I,SAAS,CAACQ,MAAV,GAAmBV,UAAU,CAACU,MAA/B,IAAyC,CAAjE;AACF,WAAK,QAAL;AACE,eAAOV,UAAU,CAACxI,GAAX,IAAkB0I,SAAS,CAACQ,MAAV,GAAmBV,UAAU,CAACU,MAAhD,IAA0DM,WAAjE;AACF;AACE,cAAM,IAAIG,KAAJ,wBAA+B7B,KAA/B,OAAN,CARJ;;AAUD,GArnBH,gBAA2BzK,KAAK,CAAC2M,SAAjC,WACgBC,mBADhB,GACsC,OADtC,UAEgBC,WAFhB,GAE8B,OAF9B,UAIgBC,SAJhB,GAI4B,EACxB;AACJ;AACA,KACI/I,aAAa,EAAE9D,SAAS,CAAC8M,SAAV,CAAoB,CAAC7L,uBAAuB,CAACd,YAAY,CAAC4M,WAAd,CAAxB,EAAoD/M,SAAS,CAACgN,IAA9D,CAApB,EAAyFC,UAJhF,EAMxB;AACJ;AACA,KACIzH,eAAe,EAAExF,SAAS,CAACkN,MATH,EAWxB3H,QAAQ,EAAEvF,SAAS,CAAC8M,SAAV,CAAoB,CAAC9M,SAAS,CAACgN,IAAX,EAAiBhN,SAAS,CAACmN,IAA3B,CAApB,CAXc,EAaxB;AACJ;AACA,KACI/C,MAAM,EAAEpK,SAAS,CAACoN,IAhBM,EAkBxB;AACJ;AACA,KACIxE,SAAS,EAAE5I,SAAS,CAACoN,IArBG,EAuBxB;AACJ;AACA,KACIrB,MAAM,EAAE/L,SAAS,CAACqN,MA1BM,EA4BxB;AACJ;AACA,KACI7J,MAAM,EAAExD,SAAS,CAACoN,IA/BM,EAiCxB;AACJ;AACA,KACId,SAAS,EAAEtM,SAAS,CAACqN,MApCG,EAsCxB;AACJ;AACA;AACA;AACA,KACInD,OAAO,EAAElK,SAAS,CAACqN,MA3CK,EA6CxB;AACJ;AACA,KACInB,WAAW,EAAElM,SAAS,CAACqN,MAhDC,EAkDxB;AACJ;AACA;AACA,KACIrC,SAAS,EAAEhL,SAAS,CAACsN,KAtDG,EAwDxB;AACJ;AACA,KACIxE,WAAW,EAAE9I,SAAS,CAACoN,IA3DC,EAJ5B,UAkEgBhK,YAlEhB,GAkE6C,EACzC8I,WAAW,EAAE,CAD4B,EAEzC9B,MAAM,EAAE,KAFiC,EAGzCxB,SAAS,EAAE,KAH8B,EAIzCC,iBAAiB,EAAE3H,SAJsB,EAKzC4G,UAAU,EAAE,KAL6B,EAMzCgB,WAAW,EAAE,KAN4B,EAOzC7D,KAAK,EAAE,MAPkC,EAlE7C,UA+EyBsI,eA/EzB,GA+E2C,IA/E3C","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { Transition } from 'react-transition-group';\nimport warning from 'warning';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { Nullable } from '../../typings/utility-types';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ZIndex } from '../ZIndex';\nimport { RenderContainer } from '../RenderContainer';\nimport { FocusEventType, MouseEventType } from '../../typings/event-types';\nimport { getRandomID, isFunction, isNonNullable, isNullable, isRefableElement, mergeRefs } from '../../lib/utils';\nimport { isEdge, isIE11, isSafari } from '../../lib/client';\nimport { Theme } from '../../lib/theming/Theme';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { MobilePopup } from '../MobilePopup';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { isInstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { PopupPin } from './PopupPin';\nimport { Offset, PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { getStyles } from './Popup.styles';\n\nconst POPUP_BORDER_DEFAULT_COLOR = 'transparent';\nconst TRANSITION_TIMEOUT = { enter: 0, exit: 200 };\n\nexport const PopupPositions = [\n 'top left',\n 'top center',\n 'top right',\n 'right top',\n 'right middle',\n 'right bottom',\n 'bottom right',\n 'bottom center',\n 'bottom left',\n 'left bottom',\n 'left middle',\n 'left top',\n] as const;\nexport const DefaultPosition = PopupPositions[0];\n\nexport type PopupPositionsType = typeof PopupPositions[number];\n\nexport const DUMMY_LOCATION: PopupLocation = {\n position: DefaultPosition,\n coordinates: {\n top: -9999,\n left: -9999,\n },\n};\n\nexport interface PopupHandlerProps {\n onMouseEnter?: (event: MouseEventType) => void;\n onMouseLeave?: (event: MouseEventType) => void;\n onClick?: (event: MouseEventType) => void;\n onFocus?: (event: FocusEventType) => void;\n onBlur?: (event: FocusEventType) => void;\n onOpen?: () => void;\n onClose?: () => void;\n}\n\nexport interface PopupProps\n extends Omit<CommonProps, 'children'>,\n PopupHandlerProps,\n Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n anchorElement: React.ReactNode \| HTMLElement;\n backgroundColor?: React.CSSProperties['backgroundColor'];\n borderColor?: React.CSSProperties['borderColor'];\n children: React.ReactNode \| (() => React.ReactNode);\n hasPin?: boolean;\n hasShadow?: boolean;\n disableAnimations?: boolean;\n margin?: number;\n maxWidth?: number \| string;\n opened: boolean;\n pinOffset?: number;\n pinSize?: number;\n popupOffset?: number;\n positions: Readonly<PopupPositionsType[]>;\n /*\n Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n \n _Примечание_: при двух и более вложенных элементах обёртка будет добавлена автоматически.\n /\n useWrapper?: boolean;\n ignoreHover?: boolean;\n width?: React.CSSProperties['width'];\n /\n При очередном рендере пытаться сохранить первоначальную позицию попапа\n * (в числе числе, когда он выходит за пределы экрана, но может быть проскролен в него).\n \n Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.\n * @see https://github.com/skbkontur/retail-ui/pull/1195\n /\n tryPreserveFirstRenderedPosition?: boolean;\n withoutMobile?: boolean;\n mobileOnCloseRequest?: () => void;\n /\n Возвращает текущую позицию попапа\n /\n onPositionChange?: (pos: PopupPositionsType) => void;\n}\n\ninterface PopupLocation {\n coordinates: {\n left: number;\n top: number;\n };\n position: PopupPositionsType;\n}\n\nexport interface PopupState {\n location: Nullable<PopupLocation>;\n}\n\nexport const PopupDataTids = {\n root: 'Popup__root',\n content: 'PopupContent',\n contentInner: 'PopupContentInner',\n popupPin: 'PopupPin__root',\n} as const;\n\nexport const PopupIds = {\n root: PopupDataTids.root,\n};\n\ntype DefaultProps = Required<\n Pick<\n PopupProps,\n 'popupOffset' \| 'hasPin' \| 'hasShadow' \| 'disableAnimations' \| 'useWrapper' \| 'ignoreHover' \| 'width'\n >\n>;\n\n@responsiveLayout\n@rootNode\nexport class Popup extends React.Component<PopupProps, PopupState> {\n public static __KONTUR_REACT_UI__ = 'Popup';\n public static displayName = 'Popup';\n\n public static propTypes = {\n /\n Ссылка (ref) на элемент или React компонент, для которого рисуется попап\n /\n anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(globalObject.HTMLElement), PropTypes.node]).isRequired,\n\n /\n Фон попапа и пина\n /\n backgroundColor: PropTypes.string,\n\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n /\n Показывать ли пин\n /\n hasPin: PropTypes.bool,\n\n /\n Применять ли box-shadow на попапе. При false отключает границу на пине\n /\n hasShadow: PropTypes.bool,\n\n /\n Отступ попапа от элемента\n /\n margin: PropTypes.number,\n\n /\n Показан или скрыт попап\n /\n opened: PropTypes.bool,\n\n /\n Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n /\n pinOffset: PropTypes.number,\n\n /\n Сторона пина без учёта границы.\n * Пин представляет собой равносторонний треугольник, высота от попапа\n * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n /\n pinSize: PropTypes.number,\n\n /\n смещение попапа относительно родительского элемента\n /\n popupOffset: PropTypes.number,\n\n /\n С какой стороны показывать попап и край попапа,\n * на котором будет отображаться пин\n /\n positions: PropTypes.array,\n\n /\n Игнорировать ли события hover/click\n /\n ignoreHover: PropTypes.bool,\n };\n\n public static defaultProps: DefaultProps = {\n popupOffset: 0,\n hasPin: false,\n hasShadow: false,\n disableAnimations: isTestEnv,\n useWrapper: false,\n ignoreHover: false,\n width: 'auto',\n };\n\n private getProps = createPropsGetter(Popup.defaultProps);\n\n // see #2873 and #2895\n public static readonly defaultRootNode = null;\n\n public state: PopupState = { location: this.props.opened ? DUMMY_LOCATION : null };\n private theme!: Theme;\n private emotion!: Emotion;\n private layoutEventsToken: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n private locationUpdateId: Nullable<number> = null;\n private lastPopupContentElement: Nullable<Element>;\n private isMobileLayout!: boolean;\n private setRootNode!: TSetRootNode;\n private refForTransition = React.createRef<HTMLDivElement>();\n private hasAnchorElementListeners = false;\n private rootId = PopupIds.root + getRandomID();\n\n public anchorElement: Nullable<Element> = null;\n\n public componentDidMount() {\n this.updateLocation();\n this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);\n\n if (!this.hasAnchorElementListeners) {\n this.addEventListeners(this.anchorElement);\n }\n }\n\n public static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState) {\n /\n Delaying updateLocation to ensure it happens after props update\n /\n if (props.opened) {\n if (!state.location) {\n return { location: DUMMY_LOCATION };\n }\n } else if (state.location) {\n return { location: DUMMY_LOCATION };\n }\n return state;\n }\n\n public componentDidUpdate(prevProps: PopupProps, prevState: PopupState) {\n const hadNoLocation = prevState.location === DUMMY_LOCATION;\n const hasLocation = this.state.location !== DUMMY_LOCATION;\n const wasClosed = prevProps.opened && !this.props.opened;\n\n if (this.isMobileLayout && prevState.location === null && this.state.location === null) {\n this.setState({ location: DUMMY_LOCATION });\n }\n\n if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {\n this.props.onOpen();\n }\n if (wasClosed && !hasLocation && this.props.onClose) {\n this.props.onClose();\n }\n if (this.props.opened) {\n this.delayUpdateLocation();\n }\n }\n\n public componentWillUnmount() {\n this.cancelDelayedUpdateLocation();\n if (this.hasAnchorElementListeners) {\n this.removeEventListeners(this.anchorElement);\n }\n if (this.layoutEventsToken) {\n this.layoutEventsToken.remove();\n this.layoutEventsToken = null;\n }\n if (this.state.location && this.props.onClose) {\n this.props.onClose();\n }\n }\n\n public render() {\n return (\n <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </EmotionConsumer>\n );\n }\n\n private renderMobile() {\n const { opened } = this.props;\n const children = this.renderChildren();\n\n return children ? (\n <CommonWrapper rootNodeRef={this.setRootNode}>\n <MobilePopup opened={opened} withoutRenderContainer onCloseRequest={this.props.mobileOnCloseRequest}>\n {this.content(children)}\n </MobilePopup>\n </CommonWrapper>\n ) : null;\n }\n\n private renderMain() {\n const { location } = this.state;\n const { anchorElement } = this.props;\n const useWrapper = this.getProps().useWrapper;\n\n let anchor: Nullable<React.ReactNode> = null;\n if (isInstanceOf(anchorElement, globalObject.Element)) {\n this.updateAnchorElement(anchorElement);\n } else if (React.isValidElement(anchorElement)) {\n anchor = useWrapper ? <span>{anchorElement}</span> : anchorElement;\n } else {\n anchor = <span>{anchorElement}</span>;\n }\n\n const anchorWithRef =\n anchor && React.isValidElement(anchor) && isRefableElement(anchor)\n ? React.cloneElement(anchor, {\n ref: (instance: Nullable<React.ReactInstance>) => {\n this.updateAnchorElement(instance);\n const originalRef = (anchor as React.RefAttributes<any>)?.ref;\n originalRef && callChildRef(originalRef, instance);\n },\n })\n : null;\n\n // we need to get anchor's DOM node\n // so we either set our own ref on it via cloning\n // or relay on findDOMNode (inside getRootNode)\n // which should be called within updateAnchorElement\n // in the case when the anchor is not refable\n\n const canGetAnchorNode = !!anchorWithRef \|\| isInstanceOf(anchorElement, globalObject.Element);\n\n return (\n <RenderContainer anchor={anchorWithRef \|\| anchor} ref={canGetAnchorNode ? null : this.updateAnchorElement}>\n {this.isMobileLayout && !this.props.withoutMobile\n ? this.renderMobile()\n : location && this.renderContent(location)}\n </RenderContainer>\n );\n }\n\n private updateAnchorElement = (instance: Nullable<React.ReactInstance>) => {\n const childDomNode = isInstanceWithAnchorElement(instance) ? instance.getAnchorElement() : getRootNode(instance);\n const anchorElement = this.anchorElement;\n\n if (childDomNode !== anchorElement) {\n this.removeEventListeners(anchorElement);\n this.anchorElement = childDomNode;\n this.addEventListeners(childDomNode);\n }\n };\n\n private addEventListeners(element: Nullable<Element>) {\n if (element && isInstanceOf(element, globalObject.Element)) {\n // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657\n element.addEventListener('mouseenter', this.handleMouseEnter);\n // @ts-expect-error: See the comment above\n element.addEventListener('mouseleave', this.handleMouseLeave);\n // @ts-expect-error: See the comment above\n element.addEventListener('click', this.handleClick);\n element.addEventListener('focusin', this.handleFocus as EventListener);\n element.addEventListener('focusout', this.handleBlur as EventListener);\n\n this.hasAnchorElementListeners = true;\n }\n }\n\n private removeEventListeners(element: Nullable<Element>) {\n if (element && isInstanceOf(element, globalObject.Element)) {\n // @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657\n element.removeEventListener('mouseenter', this.handleMouseEnter);\n // @ts-expect-error: See the comment above\n element.removeEventListener('mouseleave', this.handleMouseLeave);\n // @ts-expect-error: See the comment above\n element.removeEventListener('click', this.handleClick);\n element.removeEventListener('focusin', this.handleFocus as EventListener);\n element.removeEventListener('focusout', this.handleBlur as EventListener);\n\n this.hasAnchorElementListeners = false;\n }\n }\n\n private handleMouseEnter = (event: MouseEventType) => {\n if (this.props.onMouseEnter) {\n this.props.onMouseEnter(event);\n }\n };\n\n private handleMouseLeave = (event: MouseEventType) => {\n if (this.props.onMouseLeave) {\n this.props.onMouseLeave(event);\n }\n };\n\n private handleClick = (event: MouseEventType) => {\n if (this.props.onClick) {\n this.props.onClick(event);\n }\n };\n\n private handleFocus = (event: FocusEventType) => {\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n };\n\n private handleBlur = (event: FocusEventType) => {\n if (this.props.onBlur) {\n this.props.onBlur(event);\n }\n };\n\n private calculateWidth = (width: PopupProps['width']) => {\n if (typeof width === 'string' && width.includes('%')) {\n const anchorWidth = Math.floor(getDOMRect(this.anchorElement).width);\n return this.anchorElement ? (anchorWidth parseFloat(width)) / 100 : 0;\n }\n return width;\n };\n\n private content = (children: React.ReactNode) => {\n const { backgroundColor } = this.props;\n const width = this.getProps().width;\n const styles = getStyles(this.emotion);\n\n return (\n <div\n className={styles.content(this.theme)}\n data-tid={PopupDataTids.content}\n ref={mergeRefs([this.refForTransition, this.refPopupContentElement])}\n >\n <div\n className={styles.contentInner(this.theme)}\n style={{ backgroundColor, width: this.calculateWidth(width) }}\n data-tid={PopupDataTids.contentInner}\n >\n {children}\n </div>\n </div>\n );\n };\n\n private renderContent(location: PopupLocation) {\n const { maxWidth, opened } = this.props;\n const { hasShadow, disableAnimations, ignoreHover } = this.getProps();\n const children = this.renderChildren();\n\n const { direction } = PopupHelper.getPositionObject(location.position);\n const rootStyle: React.CSSProperties = { ...location.coordinates, maxWidth };\n\n const shouldFallbackShadow = isIE11 \|\| isEdge \|\| isSafari;\n const styles = getStyles(this.emotion);\n\n return (\n <Transition\n timeout={TRANSITION_TIMEOUT}\n appear={!disableAnimations}\n in={Boolean(opened && children)}\n mountOnEnter\n unmountOnExit\n enter={!disableAnimations}\n exit={!disableAnimations}\n onExited={this.resetLocation}\n nodeRef={this.refForTransition}\n >\n {(state: string) => (\n <CommonWrapper {...this.props} rootNodeRef={this.setRootNode}>\n <ZIndex\n id={this.props.id ?? this.rootId}\n data-tid={PopupDataTids.root}\n priority={'Popup'}\n className={this.emotion.cx({\n [styles.popup(this.theme)]: true,\n [styles.shadow(this.theme)]: hasShadow && !shouldFallbackShadow,\n [styles.shadowFallback(this.theme)]: hasShadow && shouldFallbackShadow,\n [styles.popupIgnoreHover()]: ignoreHover,\n ...(disableAnimations\n ? {}\n : {\n [styles[`transition-enter-${direction}` as keyof typeof styles](this.theme)]: true,\n [styles.transitionEnter()]: state === 'entering',\n [styles.transitionEnterActive()]: state === 'entered',\n [styles.transitionExit()]: state === 'exiting',\n }),\n })}\n style={rootStyle}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n >\n {this.content(children)}\n {(!this.isMobileLayout \|\| this.props.withoutMobile) && this.renderPin(location.position)}\n </ZIndex>\n </CommonWrapper>\n )}\n </Transition>\n );\n }\n\n private resetLocation = () => {\n this.cancelDelayedUpdateLocation();\n this.state.location !== null && this.setState({ location: null });\n };\n\n private renderChildren() {\n return isFunction(this.props.children) ? this.props.children() : this.props.children;\n }\n\n private refPopupContentElement = (element: Nullable<Element>) => {\n this.lastPopupContentElement = element;\n };\n\n private renderPin(positionName: string): React.ReactNode {\n /*\n Box-shadow does not appear under the pin. Borders are used instead.\n * In non-ie browsers drop-shadow filter is used. It is applying\n * shadow to the pin too.\n */\n const isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;\n const pinBorder = isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;\n\n const { pinSize, backgroundColor, borderColor } = this.props;\n const { hasShadow, hasPin } = this.getProps();\n const position = PopupHelper.getPositionObject(positionName);\n\n return (\n hasPin && (\n <PopupPin\n popupElement={this.lastPopupContentElement}\n popupPosition={positionName}\n size={pinSize \|\| parseInt(this.theme.popupPinSize)}\n offset={this.getPinOffset(position.align)}\n borderWidth={hasShadow ? 1 : 0}\n backgroundColor={backgroundColor \|\| this.theme.popupBackground}\n borderColor={borderColor \|\| pinBorder}\n />\n )\n );\n }\n\n private handleLayoutEvent = () => {\n if (!this.state.location) {\n return;\n }\n this.updateLocation();\n };\n\n private delayUpdateLocation() {\n this.cancelDelayedUpdateLocation();\n this.locationUpdateId = globalObject.requestAnimationFrame?.(this.updateLocation);\n }\n\n private cancelDelayedUpdateLocation() {\n if (this.locationUpdateId) {\n globalObject.cancelAnimationFrame?.(this.locationUpdateId);\n this.locationUpdateId = null;\n }\n }\n\n private updateLocation = () => {\n const popupContentElement = this.lastPopupContentElement;\n\n if (!popupContentElement) {\n return;\n }\n\n const location = this.getLocation(popupContentElement, this.state.location);\n if (location) {\n this.props.onPositionChange?.(location?.position);\n }\n\n if (!this.locationEquals(this.state.location, location)) {\n this.setState({ location });\n }\n };\n\n private locationEquals(x: Nullable<PopupLocation>, y: Nullable<PopupLocation>) {\n if (x === y) {\n return true;\n }\n\n if (isNullable(x) \|\| isNullable(y)) {\n return false;\n }\n\n if (!isIE11 && !isEdge) {\n return (\n x.coordinates.left === y.coordinates.left &&\n x.coordinates.top === y.coordinates.top &&\n x.position === y.position\n );\n }\n\n // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность\n // уйти в бесконечный ререндер\n\n return (\n x.position === y.position &&\n Math.abs(x.coordinates.top - y.coordinates.top) <= 1 &&\n Math.abs(x.coordinates.left - y.coordinates.left) <= 1\n );\n }\n\n private getLocation(popupElement: Element, location?: Nullable<PopupLocation>) {\n const { positions, tryPreserveFirstRenderedPosition } = this.props;\n const anchorElement = this.anchorElement;\n\n warning(\n anchorElement && isInstanceOf(anchorElement, globalObject.Element),\n 'Anchor element is not defined or not instance of Element',\n );\n\n if (!(anchorElement && isInstanceOf(anchorElement, globalObject.Element))) {\n return location;\n }\n\n const anchorRect = PopupHelper.getElementAbsoluteRect(anchorElement);\n const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n\n let position: PopupPositionsType;\n let coordinates: Offset;\n\n if (location && location !== DUMMY_LOCATION && location.position) {\n position = location.position;\n coordinates = this.getCoordinates(anchorRect, popupRect, position);\n\n const isFullyVisible = PopupHelper.isFullyVisible(coordinates, popupRect);\n const canBecomeVisible = !isFullyVisible && PopupHelper.canBecomeFullyVisible(position, coordinates);\n\n if (\n // если нужно сохранить первоначальную позицию и Попап целиком\n // находится в пределах вьюпорта (или может быть проскроллен в него)\n (tryPreserveFirstRenderedPosition && (isFullyVisible \|\| canBecomeVisible)) \|\|\n // если Попап целиком во вьюпорте и в самой приоритетной позиции\n // (иначе нужно попытаться позицию сменить)\n (isFullyVisible && position === positions[0])\n ) {\n // сохраняем текущую позицию\n return { coordinates, position };\n }\n }\n\n for (position of positions) {\n coordinates = this.getCoordinates(anchorRect, popupRect, position);\n if (PopupHelper.isFullyVisible(coordinates, popupRect)) {\n return { coordinates, position };\n }\n }\n\n position = positions[0];\n coordinates = this.getCoordinates(anchorRect, popupRect, position);\n return { coordinates, position };\n }\n\n private getPinnedPopupOffset(anchorRect: Rect, position: PositionObject) {\n if (!this.getProps().hasPin \|\| /center\|middle/.test(position.align)) {\n return 0;\n }\n\n const anchorSize = /top\|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;\n\n const { pinSize } = this.props;\n\n return Math.max(\n 0,\n this.getPinOffset(position.align) + (pinSize \|\| parseInt(this.theme.popupPinSize)) - anchorSize / 2,\n );\n }\n\n private getCoordinates(anchorRect: Rect, popupRect: Rect, positionName: string) {\n const { margin: marginFromProps } = this.props;\n const margin =\n isNonNullable(marginFromProps) && !isNaN(marginFromProps)\n ? marginFromProps\n : parseInt(this.theme.popupMargin) \|\| 0;\n const position = PopupHelper.getPositionObject(positionName);\n const popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);\n\n switch (position.direction) {\n case 'top':\n return {\n top: anchorRect.top - popupRect.height - margin,\n left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\n };\n case 'bottom':\n return {\n top: anchorRect.top + anchorRect.height + margin,\n left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),\n };\n case 'left':\n return {\n top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\n left: anchorRect.left - popupRect.width - margin,\n };\n case 'right':\n return {\n top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),\n left: anchorRect.left + anchorRect.width + margin,\n };\n default:\n throw new Error(`Unexpected direction '${position.direction}'`);\n }\n }\n\n private getPinOffset(align: string) {\n const { pinOffset } = this.props;\n\n switch (align) {\n case 'top':\n case 'bottom':\n return pinOffset \|\| parseInt(this.theme.popupPinOffset) \|\| parseInt(this.theme.popupPinOffsetY);\n case 'left':\n case 'right':\n return pinOffset \|\| parseInt(this.theme.popupPinOffset) \|\| parseInt(this.theme.popupPinOffsetX);\n case 'center':\n case 'middle':\n return 0;\n default:\n throw new Error(`Unexpected align '${align}'`);\n }\n }\n\n private getHorizontalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n switch (align) {\n case 'left':\n return anchorRect.left - popupOffset;\n case 'center':\n return anchorRect.left - (popupRect.width - anchorRect.width) / 2;\n case 'right':\n return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;\n default:\n throw new Error(`Unexpected align '${align}'`);\n }\n }\n\n private getVerticalPosition(anchorRect: Rect, popupRect: Rect, align: string, popupOffset: number) {\n switch (align) {\n case 'top':\n return anchorRect.top - popupOffset;\n case 'middle':\n return anchorRect.top - (popupRect.height - anchorRect.height) / 2;\n case 'bottom':\n return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;\n default:\n throw new Error(`Unexpected align '${align}'`);\n }\n }\n}\n"]}

package/internal/Popup/Popup.d.ts CHANGED Viewed

@@ -1,9 +1,12 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { Nullable } from '../../typings/utility-types';
 import { FocusEventType, MouseEventType } from '../../typings/event-types';
-export declare type PopupPosition = 'top left' | 'top center' | 'top right' | 'right top' | 'right middle' | 'right bottom' | 'bottom left' | 'bottom center' | 'bottom right' | 'left top' | 'left middle' | 'left bottom';
-export declare const PopupPositions: PopupPosition[];
+import { CommonProps } from '../CommonWrapper';
+export declare const PopupPositions: readonly ["top left", "top center", "top right", "right top", "right middle", "right bottom", "bottom right", "bottom center", "bottom left", "left bottom", "left middle", "left top"];
+export declare const DefaultPosition: "top left";
+export declare type PopupPositionsType = typeof PopupPositions[number];
+export declare const DUMMY_LOCATION: PopupLocation;
 export interface PopupHandlerProps {
     onMouseEnter?: (event: MouseEventType) => void;
     onMouseLeave?: (event: MouseEventType) => void;
@@ -11,37 +14,69 @@ export interface PopupHandlerProps {
     onFocus?: (event: FocusEventType) => void;
     onBlur?: (event: FocusEventType) => void;
     onOpen?: () => void;
+    onClose?: () => void;
 }
-export interface PopupProps extends PopupHandlerProps {
+export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     anchorElement: React.ReactNode | HTMLElement;
     backgroundColor?: React.CSSProperties['backgroundColor'];
     borderColor?: React.CSSProperties['borderColor'];
     children: React.ReactNode | (() => React.ReactNode);
-    hasPin: boolean;
-    hasShadow: boolean;
-    disableAnimations: boolean;
-    margin: number;
+    hasPin?: boolean;
+    hasShadow?: boolean;
+    disableAnimations?: boolean;
+    margin?: number;
     maxWidth?: number | string;
     opened: boolean;
-    pinOffset: number;
-    pinSize: number;
-    popupOffset: number;
-    positions: PopupPosition[];
-    useWrapper: boolean;
-    ignoreHover: boolean;
+    pinOffset?: number;
+    pinSize?: number;
+    popupOffset?: number;
+    positions: Readonly<PopupPositionsType[]>;
+    /**
+     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
+     *
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
+     */
+    useWrapper?: boolean;
+    ignoreHover?: boolean;
+    width?: React.CSSProperties['width'];
+    /**
+     * При очередном рендере пытаться сохранить первоначальную позицию попапа
+     * (в числе числе, когда он выходит за пределы экрана, но может быть проскролен в него).
+     *
+     * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.
+     * @see https://github.com/skbkontur/retail-ui/pull/1195
+     */
+    tryPreserveFirstRenderedPosition?: boolean;
+    withoutMobile?: boolean;
+    mobileOnCloseRequest?: () => void;
+    /**
+     * Возвращает текущую позицию попапа
+     */
+    onPositionChange?: (pos: PopupPositionsType) => void;
 }
 interface PopupLocation {
     coordinates: {
         left: number;
         top: number;
     };
-    position: PopupPosition;
+    position: PopupPositionsType;
 }
 export interface PopupState {
     location: Nullable<PopupLocation>;
 }
+export declare const PopupDataTids: {
+    readonly root: "Popup__root";
+    readonly content: "PopupContent";
+    readonly contentInner: "PopupContentInner";
+    readonly popupPin: "PopupPin__root";
+};
+export declare const PopupIds: {
+    root: "Popup__root";
+};
+declare type DefaultProps = Required<Pick<PopupProps, 'popupOffset' | 'hasPin' | 'hasShadow' | 'disableAnimations' | 'useWrapper' | 'ignoreHover' | 'width'>>;
 export declare class Popup extends React.Component<PopupProps, PopupState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         /**
          * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
@@ -92,32 +127,28 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
          */
         ignoreHover: PropTypes.Requireable<boolean>;
     };
-    static defaultProps: {
-        margin: number;
-        popupOffset: number;
-        pinSize: number;
-        pinOffset: number;
-        hasPin: boolean;
-        hasShadow: boolean;
-        disableAnimations: boolean;
-        useWrapper: boolean;
-        ignoreHover: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    static readonly defaultRootNode: null;
     state: PopupState;
     private theme;
+    private emotion;
     private layoutEventsToken;
     private locationUpdateId;
-    private lastPopupElement;
-    private anchorElement;
-    private anchorInstance;
+    private lastPopupContentElement;
+    private isMobileLayout;
+    private setRootNode;
+    private refForTransition;
+    private hasAnchorElementListeners;
+    private rootId;
+    anchorElement: Nullable<Element>;
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Readonly<PopupProps>): void;
+    static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState): PopupState;
     componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
+    private renderMobile;
     private renderMain;
-    private refAnchorElement;
-    private extractElement;
     private updateAnchorElement;
     private addEventListeners;
     private removeEventListeners;
@@ -126,10 +157,12 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private handleClick;
     private handleFocus;
     private handleBlur;
+    private calculateWidth;
+    private content;
     private renderContent;
     private resetLocation;
     private renderChildren;
-    private refPopupElement;
+    private refPopupContentElement;
     private renderPin;
     private handleLayoutEvent;
     private delayUpdateLocation;
@@ -139,6 +172,7 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private getLocation;
     private getPinnedPopupOffset;
     private getCoordinates;
+    private getPinOffset;
     private getHorizontalPosition;
     private getVerticalPosition;
 }

package/internal/Popup/Popup.styles/Popup.styles.js CHANGED Viewed

@@ -1,175 +1,48 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-function _templateObject13() {
-  var data = _taggedTemplateLiteralLoose(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    "]);
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-  return data;
-}
-function _templateObject12() {
-  var data = _taggedTemplateLiteralLoose(["\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    "]);
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-  return data;
-}
-function _templateObject11() {
-  var data = _taggedTemplateLiteralLoose(["\n      transform: translateX(-10px);\n    "]);
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-  return data;
-}
-function _templateObject10() {
-  var data = _taggedTemplateLiteralLoose(["\n      transform: translateX(10px);\n    "]);
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-  return data;
-}
-function _templateObject9() {
-  var data = _taggedTemplateLiteralLoose(["\n      transform: translateY(-10px);\n    "]);
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-  return data;
-}
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n      transform: translateY(10px);\n    "]);
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-  return data;
-}
-function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n      opacity: 0.01;\n    "]);
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-  return data;
-}
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "]);
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-  return data;
-}
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      filter: ", ";\n      -webkit-filter: ", ";\n    "]);
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-  return data;
-}
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n    "]);
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-  return data;
-}
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      border-radius: ", ";\n    "]);
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-  return data;
-}
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "]);
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      min-width: 18px;\n      border-radius: ", ";\n      border: ", " ", ";\n    "]);
-  _templateObject = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  popup: function popup(t) {
-    return css(_templateObject(), t.popupBorderRadius, t.popupBorder, t.popupBorderColor);
-  },
-  popupIgnoreHover: function popupIgnoreHover() {
-    return css(_templateObject2());
-  },
-  content: function content(t) {
-    return css(_templateObject3(), t.popupBorderRadius);
-  },
-  contentInner: function contentInner(t) {
-    return css(_templateObject4(), t.popupTextColor, t.popupBackground);
-  },
-  shadow: function shadow(t) {
-    return css(_templateObject5(), t.popupDropShadow, t.popupDropShadow);
-  },
-  shadowFallback: function shadowFallback(t) {
-    return css(_templateObject6(), t.popupBoxShadow);
-  },
-  transitionEnter: function transitionEnter() {
-    return css(_templateObject7());
-  },
-  'transition-enter-top': function transitionEnterTop() {
-    return css(_templateObject8());
-  },
-  'transition-enter-bottom': function transitionEnterBottom() {
-    return css(_templateObject9());
-  },
-  'transition-enter-left': function transitionEnterLeft() {
-    return css(_templateObject10());
-  },
-  'transition-enter-right': function transitionEnterRight() {
-    return css(_templateObject11());
-  },
-  transitionEnterActive: function transitionEnterActive() {
-    return css(_templateObject12());
-  },
-  transitionExit: function transitionExit() {
-    return css(_templateObject13());
-  }
-};
-export var jsStyles = memoizeStyle(styles);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+import { memoizeStyle } from "../../../lib/theming/Emotion";
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    popup: function popup(t) {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        pointer-events: none;\n      "])));
+    },
+    content: function content(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        overflow: hidden;\n        border-radius: ", ";\n        flex-shrink: 0;\n        line-height: normal;\n      "])), t.popupBorderRadius);
+    },
+    contentInner: function contentInner(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        background: ", ";\n      "])), t.popupTextColor, t.popupBackground);
+    },
+    shadow: function shadow(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        filter: ", ";\n        -webkit-filter: ", ";\n      "])), t.popupDropShadow, t.popupDropShadow);
+    },
+    shadowFallback: function shadowFallback(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        box-shadow: ", ";\n      "])), t.popupBoxShadow);
+    },
+    transitionEnter: function transitionEnter() {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        opacity: 0.01;\n      "])));
+    },
+    'transition-enter-top': function transitionEnterTop() {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        transform: translateY(10px);\n      "])));
+    },
+    'transition-enter-bottom': function transitionEnterBottom() {
+      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        transform: translateY(-10px);\n      "])));
+    },
+    'transition-enter-left': function transitionEnterLeft() {
+      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        transform: translateX(10px);\n      "])));
+    },
+    'transition-enter-right': function transitionEnterRight() {
+      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        transform: translateX(-10px);\n      "])));
+    },
+    transitionEnterActive: function transitionEnterActive() {
+      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\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 emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        opacity: 0.01;\n        transition: opacity 0.15s ease-out;\n        transform: translate(0, 0);\n      "])));
+    }
+  });
+};