@skbkontur/react-ui 5.6.1-9a162.0 → 6.0.0-alpha.0

package/cjs/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_warning","_globalObject","_utils","_ThemeFactory","_Popup","_RenderLayer","_listenFocusOutside","_ThemeContext","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_CloseButtonIcon","_isInstanceOf","_featureFlagsContext","_Emotion","_ThemeHelpers","_SizeDecorator","_Tooltip2","_class","_Tooltip","DEFAULT_DELAY","TooltipDataTids","exports","root","content","crossIcon","DefaultPositions","Tooltip","rootNode","withSize","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","opened","focused","contentElement","clickedOutside","popupRef","React","createRef","renderContent","props","render","isNullable","default","createElement","ref","refContent","className","cx","styles","tooltipContent","theme","sizeVariables","contentStyle","renderCloseButton","getAnchorElement","_this$popupRef$curren","current","anchorElement","getPositions","allowedPositions","filter","item","includes","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","hoverTimeout","globalObject","setTimeout","delayBeforeShow","handleMouseLeave","relatedTarget","delay","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","getSizeVariables","size","closeButtonStyle","closeButtonSmall","tooltipContentSmall","borderRadius","tooltipBorderRadiusSmall","pinSize","tooltipPinSizeSmall","pinOffsetX","tooltipPinOffsetXSmall","pinOffsetY","tooltipPinOffsetYSmall","margin","tooltipMarginSmall","closeButtonMedium","tooltipContentMedium","tooltipBorderRadiusMedium","tooltipPinSizeMedium","tooltipPinOffsetXMedium","tooltipPinOffsetYMedium","tooltipMarginMedium","closeButtonLarge","tooltipContentLarge","tooltipBorderRadiusLarge","tooltipPinSizeLarge","tooltipPinOffsetXLarge","tooltipPinOffsetYLarge","tooltipMarginLarge","console","error","_inheritsLoose2","_proto","prototype","validateProps","warning","children","getAllowedPositions","componentDidMount","componentDidUpdate","_this$getProps","componentWillUnmount","_this2","ReactUIFeatureFlagsContext","Consumer","flags","featureFlags","getFullReactUIFlagsContext","ThemeContext","Provider","value","ThemeFactory","create","popupBackground","tooltipBg","popupBorder","tooltipBorder","popupBorderRadius","popupPinSize","popupPinOffsetX","popupPinOffsetY","popupMargin","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","icon","CloseButtonIcon","tabbable","side","parseInt","tooltipCloseBtnSide","color","tooltipCloseBtnColor","colorHover","tooltipCloseBtnHoverColor","onClick","show","hide","_this$getPopupAndLaye","getPopupAndLayerProps","popupProps","_this$getPopupAndLaye2","layerProps","active","popup","renderPopup","RenderLayer","_extends2","_this$getProps2","disableAnimations","CommonWrapper","rootNodeRef","setRootNode","Popup","hasPin","hasShadow","maxWidth","positions","isThemeGTE","pos","ignoreHover","onOpen","onClose","tryPreserveFirstRenderedPosition","withoutMobile","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onFocus","onBlur","Error","clearTimeout","isInstanceOf","Element","containsTargetOrRenderContainer","PureComponent","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { SizeProp } from '../../lib/types/props';\nimport { isNullable } from '../../lib/utils';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupProps, PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';\nimport { Popup } from '../../internal/Popup';\nimport type { RenderLayerProps } from '../../internal/RenderLayer';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles } from './Tooltip.styles';\n\nexport type TooltipTrigger =\n  /** Наведение на children и на тултип */\n  | 'hover'\n  /** Клик на children */\n  | 'click'\n  /** Фокус на children */\n  | 'focus'\n  /** Наведение на children и на тултип и фокус на children */\n  | 'hover&focus'\n  /** Просто открыт */\n  | 'opened'\n  /** Просто закрыт */\n  | 'closed'\n  /** Наведение ТОЛЬКО на children, а не на тултип */\n  | 'hoverAnchor'\n  /** Управление через публичные функции show и hide */\n  | 'manual';\n\nexport interface TooltipProps extends CommonProps {\n  /** Указывает элемент, относительно которого позиционировать тултип. */\n  anchorElement?: HTMLElement;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */\n  closeButton?: boolean;\n\n  /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */\n  render?: Nullable<() => React.ReactNode>;\n\n  /** Задает приоритетное расположение подсказки относительно текста. */\n  pos?: ShortPopupPositionsType | PopupPositionsType;\n\n  /** Задает размер тултипа.\n   * @default 'small' */\n  size?: SizeProp;\n\n  /** Задает триггер открытия тултипа. */\n  trigger?: TooltipTrigger;\n\n  /** Задает хендлер, который вызывается при клике по крестику. */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n  /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */\n  onCloseRequest?: (event?: Event | React.MouseEvent) => void;\n\n  /** Задает хендлер, который вызывается при закрытии тултипа. */\n  onClose?: () => void;\n\n  /** Задает хендлер, который вызывается при открытии тултипа. */\n  onOpen?: () => void;\n\n  /** Задает список позиций, которые тултип будет занимать.\n   * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.\n   * Обязательно должен включать позицию указанную в `pos`. */\n  allowedPositions?: PopupPositionsType[];\n\n  /** Отключает анимацию.\n   * @default false */\n  disableAnimations?: boolean;\n\n  /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.\n   * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */\n  useWrapper?: boolean;\n\n  /** Устанавливает задержку в миллисекундах до появления лоадера. */\n  delayBeforeShow?: number;\n}\n\nconst DEFAULT_DELAY = 100;\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nexport const TooltipDataTids = {\n  root: 'Tooltip__root',\n  content: 'Tooltip__content',\n  crossIcon: 'Tooltip__crossIcon',\n} as const;\n\nconst DefaultPositions: PopupPositionsType[] = [\n  'right bottom',\n  'right middle',\n  'right top',\n  'top right',\n  'top center',\n  'top left',\n  'left top',\n  'left middle',\n  'left bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n];\n\ninterface TooltipSizeVariables {\n  closeButtonStyle: string;\n  contentStyle: string;\n  borderRadius: string;\n  pinSize: string;\n  pinOffsetX: string;\n  pinOffsetY: string;\n  margin: string;\n}\n\ntype DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;\n\n/**\n * `Tooltip` — это подсказка, которая объясняет состояние контрола или даёт контекстную справку.\n *\n * Открывается по клику, фокусом на элемент или по наведению. В отличие от `Hint`, `Tooltip` может содержать\n * изображения, кнопки, ссылки и прочие интерактивные элементы.\n */\n\n@rootNode\n@withSize\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n  public static displayName = 'Tooltip';\n\n  public static defaultProps: DefaultProps = {\n    trigger: 'hover',\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    delayBeforeShow: DEFAULT_DELAY,\n  };\n\n  private getProps = createPropsGetter(Tooltip.defaultProps);\n  private validateProps(props: TooltipProps): void {\n    warning(\n      props.children || props.anchorElement,\n      `[Tooltip]: you must provide either 'children' or 'anchorElement' prop for Tooltip to work properly`,\n    );\n  }\n\n  public static delay = DEFAULT_DELAY;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private theme!: Theme;\n  private size!: SizeProp;\n  private sizeVariables!: TooltipSizeVariables;\n  public featureFlags!: ReactUIFeatureFlags;\n  private hoverTimeout: SafeTimer;\n  private contentElement: Nullable<HTMLElement> = null;\n  private clickedOutside = true;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n\n  public getAllowedPositions() {\n    return this.props.allowedPositions ? this.props.allowedPositions : DefaultPositions;\n  }\n\n  public componentDidMount(): void {\n    this.validateProps(this.getProps());\n  }\n\n  public componentDidUpdate() {\n    const { trigger } = this.getProps();\n\n    this.validateProps(this.getProps());\n    if (trigger === 'closed' && this.state.opened) {\n      this.close();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                this.sizeVariables = this.getSizeVariables();\n                return (\n                  <ThemeContext.Provider\n                    value={ThemeFactory.create(\n                      {\n                        popupBackground: theme.tooltipBg,\n                        popupBorder: theme.tooltipBorder,\n                        popupBorderRadius: this.sizeVariables.borderRadius,\n                        popupPinSize: this.sizeVariables.pinSize,\n                        popupPinOffsetX: this.sizeVariables.pinOffsetX,\n                        popupPinOffsetY: this.sizeVariables.pinOffsetY,\n                        popupMargin: this.sizeVariables.margin,\n                      },\n                      theme,\n                    )}\n                  >\n                    {this.renderMain()}\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  public renderContent = () => {\n    const content = this.props.render ? this.props.render() : null;\n    if (isNullable(content)) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={this.refContent}\n        className={cx(styles.tooltipContent(this.theme), this.sizeVariables.contentStyle)}\n        data-tid={TooltipDataTids.content}\n      >\n        {content}\n        {this.renderCloseButton()}\n      </div>\n    );\n  };\n\n  public renderCloseButton() {\n    const hasCross =\n      this.props.closeButton === undefined\n        ? !Tooltip.triggersWithoutCloseButton.includes(this.getProps().trigger)\n        : this.props.closeButton;\n\n    if (!hasCross) {\n      return null;\n    }\n\n    const icon = (\n      <CloseButtonIcon\n        tabbable={false}\n        side={parseInt(this.theme.tooltipCloseBtnSide)}\n        color={this.theme.tooltipCloseBtnColor}\n        colorHover={this.theme.tooltipCloseBtnHoverColor}\n      />\n    );\n\n    return (\n      <div\n        className={cx(styles.closeButton(this.theme), this.sizeVariables.closeButtonStyle)}\n        onClick={this.handleCloseButtonClick}\n        data-tid={TooltipDataTids.crossIcon}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  /**\n   * Программно открывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public show() {\n    if (this.state.opened) {\n      return;\n    }\n    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(true, `Function 'show' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Программно закрывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public hide() {\n    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(true, `Function 'hide' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.close();\n  }\n\n  private renderMain() {\n    const props = this.props;\n    const content = this.renderContent();\n    const { popupProps, layerProps = { active: false } } = this.getPopupAndLayerProps();\n    const anchorElement = props.children || props.anchorElement;\n    const popup = this.renderPopup(anchorElement, popupProps, content);\n\n    return (\n      <RenderLayer {...layerProps} getAnchorElement={this.getAnchorElement}>\n        {popup}\n      </RenderLayer>\n    );\n  }\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    const { disableAnimations, trigger } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          data-tid={TooltipDataTids.root}\n          anchorElement={anchorElement}\n          hasPin\n          hasShadow\n          maxWidth=\"none\"\n          opened={this.state.opened}\n          disableAnimations={disableAnimations}\n          positions={isThemeGTE(this.theme, '5.4') ? this.getPositions() : this.props.allowedPositions}\n          pos={this.props.pos}\n          ignoreHover={trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          tryPreserveFirstRenderedPosition\n          ref={this.popupRef}\n          withoutMobile\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private getPositions = (): PopupPositionsType[] =>\n    this.props.allowedPositions\n      ? this.props.allowedPositions.filter((item) => DefaultPositions.includes(item))\n      : DefaultPositions;\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPopupAndLayerProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && this.getProps().useWrapper;\n    const trigger = this.getProps().trigger;\n\n    switch (trigger) {\n      case 'opened':\n        return {\n          layerProps: {\n            active: true,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            opened: true,\n            useWrapper,\n          },\n        };\n\n      case 'closed':\n        return {\n          popupProps: {\n            opened: false,\n            useWrapper,\n          },\n        };\n\n      case 'hoverAnchor':\n      case 'hover':\n        return {\n          popupProps: {\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n      case 'manual':\n        return {\n          popupProps: {\n            useWrapper,\n          },\n        };\n      case 'click':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onClick: this.handleClick,\n            useWrapper,\n          },\n        };\n\n      case 'focus':\n        return {\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            useWrapper,\n          },\n        };\n\n      case 'hover&focus':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n\n      default:\n        throw new Error('Unknown trigger specified: ' + trigger);\n    }\n  }\n\n  private open = () => this.setState({ opened: true });\n\n  private close = () => this.setState({ opened: false });\n\n  private clearHoverTimeout() {\n    if (this.hoverTimeout) {\n      globalObject.clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    const isHoverAnchor = this.getProps().trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n    this.hoverTimeout = globalObject.setTimeout(this.open, this.getProps().delayBeforeShow);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    const trigger = this.getProps().trigger;\n    if (\n      (trigger === 'hover&focus' && this.state.focused) ||\n      (trigger === 'hover' && event.relatedTarget === this.contentElement)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = globalObject.setTimeout(this.close, Tooltip.delay);\n    }\n  };\n\n  private handleClick = () => {\n    this.open();\n  };\n\n  private handleClickOutsideAnchor = (event: Event) => {\n    this.clickedOutside = this.isClickOutsideContent(event);\n    if (this.clickedOutside) {\n      if (this.props.onCloseRequest) {\n        this.props.onCloseRequest(event);\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && isInstanceOf(event.target, globalObject.Element)) {\n      return !containsTargetOrRenderContainer(event.target)(this.contentElement);\n    }\n\n    return true;\n  }\n\n  private handleFocus = () => {\n    this.setState({ focused: true });\n    this.open();\n  };\n\n  private handleBlur = () => {\n    const trigger = this.getProps().trigger;\n    if (trigger === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (trigger === 'focus') {\n      this.close();\n    }\n\n    this.clickedOutside = true;\n    this.setState({ focused: false });\n  };\n\n  private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n\n    if (this.props.onCloseClick) {\n      this.props.onCloseClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest(event);\n    }\n\n    this.close();\n  };\n\n  private getSizeVariables = (): TooltipSizeVariables => {\n    switch (this.size) {\n      case 'small':\n        return {\n          closeButtonStyle: styles.closeButtonSmall(this.theme),\n          contentStyle: styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n      case 'medium':\n        return {\n          closeButtonStyle: styles.closeButtonMedium(this.theme),\n          contentStyle: styles.tooltipContentMedium(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusMedium,\n          pinSize: this.theme.tooltipPinSizeMedium,\n          pinOffsetX: this.theme.tooltipPinOffsetXMedium,\n          pinOffsetY: this.theme.tooltipPinOffsetYMedium,\n          margin: this.theme.tooltipMarginMedium,\n        };\n      case 'large':\n        return {\n          closeButtonStyle: styles.closeButtonLarge(this.theme),\n          contentStyle: styles.tooltipContentLarge(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusLarge,\n          pinSize: this.theme.tooltipPinSizeLarge,\n          pinOffsetX: this.theme.tooltipPinOffsetXLarge,\n          pinOffsetY: this.theme.tooltipPinOffsetYLarge,\n          margin: this.theme.tooltipMarginLarge,\n        };\n      default:\n        console.error(`Can't get size variables: invalid value in size prop '${this.size}'. Returning default`);\n        return {\n          closeButtonStyle: styles.closeButtonSmall(this.theme),\n          contentStyle: styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_warning","_utils","_ThemeFactory","_Popup","_RenderLayer","_listenFocusOutside","_ThemeContext","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_CloseButtonIcon","_isInstanceOf","_SizeDecorator","_renderEnvironment","_Tooltip2","_class","_Tooltip","DEFAULT_DELAY","TooltipDataTids","exports","root","content","crossIcon","DefaultPositions","Tooltip","withRenderEnvironment","rootNode","withSize","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","opened","focused","contentElement","clickedOutside","popupRef","React","createRef","renderContent","props","render","isNullable","default","createElement","ref","refContent","className","cx","styles","tooltipContent","theme","sizeVariables","contentStyle","renderCloseButton","getAnchorElement","_this$popupRef$curren","current","anchorElement","getPositions","allowedPositions","filter","item","includes","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","hoverTimeout","setTimeout","delayBeforeShow","handleMouseLeave","relatedTarget","delay","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","getSizeVariables","size","closeButtonStyle","closeButtonSmall","tooltipContentSmall","borderRadius","tooltipBorderRadiusSmall","pinSize","tooltipPinSizeSmall","pinOffsetX","tooltipPinOffsetXSmall","pinOffsetY","tooltipPinOffsetYSmall","margin","tooltipMarginSmall","closeButtonMedium","tooltipContentMedium","tooltipBorderRadiusMedium","tooltipPinSizeMedium","tooltipPinOffsetXMedium","tooltipPinOffsetYMedium","tooltipMarginMedium","closeButtonLarge","tooltipContentLarge","tooltipBorderRadiusLarge","tooltipPinSizeLarge","tooltipPinOffsetXLarge","tooltipPinOffsetYLarge","tooltipMarginLarge","warning","_inheritsLoose2","_proto","prototype","validateProps","children","getAllowedPositions","componentDidMount","componentDidUpdate","_this$getProps","componentWillUnmount","_this2","getStyles","emotion","ThemeContext","Consumer","Provider","value","ThemeFactory","create","popupBackground","tooltipBg","popupBorder","tooltipBorder","popupBorderRadius","popupPinSize","popupPinOffsetX","popupPinOffsetY","popupMargin","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","icon","CloseButtonIcon","tabbable","side","parseInt","tooltipCloseBtnSide","color","tooltipCloseBtnColor","colorHover","tooltipCloseBtnHoverColor","onClick","show","hide","_this$getPopupAndLaye","getPopupAndLayerProps","popupProps","_this$getPopupAndLaye2","layerProps","active","popup","renderPopup","RenderLayer","_extends2","_this$getProps2","disableAnimations","CommonWrapper","rootNodeRef","setRootNode","Popup","hasPin","hasShadow","maxWidth","positions","pos","ignoreHover","onOpen","onClose","tryPreserveFirstRenderedPosition","withoutMobile","useWrapper","defaultPopupAndLayerProps","onMouseEnter","onMouseLeave","onClickOutside","onFocus","onBlur","clearTimeout","isInstanceOf","globalObject","Element","containsTargetOrRenderContainer","PureComponent","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["Tooltip.tsx"],"sourcesContent":["import React, { type JSX } from 'react';\nimport warning from 'warning';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject, SafeTimer } from '../../lib/globalObject';\nimport { isNullable } from '../../lib/utils';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupPositionsType, PopupProps, ShortPopupPositionsType } from '../../internal/Popup';\nimport { Popup } from '../../internal/Popup';\nimport type { RenderLayerProps } from '../../internal/RenderLayer';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport type { SizeProp } from '../../lib/types/props';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Tooltip.styles';\n\nexport type TooltipTrigger =\n  /** Наведение на children и на тултип */\n  | 'hover'\n  /** Клик на children */\n  | 'click'\n  /** Фокус на children */\n  | 'focus'\n  /** Наведение на children и на тултип и фокус на children */\n  | 'hover&focus'\n  /** Просто открыт */\n  | 'opened'\n  /** Просто закрыт */\n  | 'closed'\n  /** Наведение ТОЛЬКО на children, а не на тултип */\n  | 'hoverAnchor'\n  /** Управление через публичные функции show и hide */\n  | 'manual';\n\nexport interface TooltipProps extends CommonProps {\n  /** Указывает элемент, относительно которого позиционировать тултип. */\n  anchorElement?: HTMLElement;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */\n  closeButton?: boolean;\n\n  /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */\n  render?: Nullable<() => React.ReactNode>;\n\n  /** Задает приоритетное расположение подсказки относительно текста. */\n  pos?: ShortPopupPositionsType | PopupPositionsType;\n\n  /** Задает размер тултипа.\n   * @default 'small' */\n  size?: SizeProp;\n\n  /** Задает триггер открытия тултипа. */\n  trigger?: TooltipTrigger;\n\n  /** Задает хендлер, который вызывается при клике по крестику. */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n  /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */\n  onCloseRequest?: (event?: Event | React.MouseEvent) => void;\n\n  /** Задает хендлер, который вызывается при закрытии тултипа. */\n  onClose?: () => void;\n\n  /** Задает хендлер, который вызывается при открытии тултипа. */\n  onOpen?: () => void;\n\n  /** Задает список позиций, которые тултип будет занимать.\n   * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.\n   * Обязательно должен включать позицию указанную в `pos`. */\n  allowedPositions?: PopupPositionsType[];\n\n  /** Отключает анимацию.\n   * @default false */\n  disableAnimations?: boolean;\n\n  /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.\n   * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */\n  useWrapper?: boolean;\n\n  /** Устанавливает задержку в миллисекундах до появления лоадера. */\n  delayBeforeShow?: number;\n}\n\nconst DEFAULT_DELAY = 100;\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nexport const TooltipDataTids = {\n  root: 'Tooltip__root',\n  content: 'Tooltip__content',\n  crossIcon: 'Tooltip__crossIcon',\n} as const;\n\nconst DefaultPositions: PopupPositionsType[] = [\n  'right bottom',\n  'right middle',\n  'right top',\n  'top right',\n  'top center',\n  'top left',\n  'left top',\n  'left middle',\n  'left bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n];\n\ninterface TooltipSizeVariables {\n  closeButtonStyle: string;\n  contentStyle: string;\n  borderRadius: string;\n  pinSize: string;\n  pinOffsetX: string;\n  pinOffsetY: string;\n  margin: string;\n}\n\ntype DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;\n\n/**\n * `Tooltip` — это подсказка, которая объясняет состояние контрола или даёт контекстную справку.\n *\n * Открывается по клику, фокусом на элемент или по наведению. В отличие от `Hint`, `Tooltip` может содержать\n * изображения, кнопки, ссылки и прочие интерактивные элементы.\n */\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n  public static displayName = 'Tooltip';\n\n  public static defaultProps: DefaultProps = {\n    trigger: 'hover',\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    delayBeforeShow: DEFAULT_DELAY,\n  };\n\n  private getProps = createPropsGetter(Tooltip.defaultProps);\n  private validateProps(props: TooltipProps): void {\n    warning(\n      props.children || props.anchorElement,\n      `[Tooltip]: you must provide either 'children' or 'anchorElement' prop for Tooltip to work properly`,\n    );\n  }\n\n  public static delay = DEFAULT_DELAY;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private size!: SizeProp;\n  private sizeVariables!: TooltipSizeVariables;\n  private hoverTimeout: SafeTimer;\n  private contentElement: Nullable<HTMLElement> = null;\n  private clickedOutside = true;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n\n  public getAllowedPositions(): string[] {\n    return this.props.allowedPositions ? this.props.allowedPositions : DefaultPositions;\n  }\n\n  public componentDidMount(): void {\n    this.validateProps(this.getProps());\n  }\n\n  public componentDidUpdate() {\n    const { trigger } = this.getProps();\n\n    this.validateProps(this.getProps());\n    if (trigger === 'closed' && this.state.opened) {\n      this.close();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          this.sizeVariables = this.getSizeVariables();\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupBackground: theme.tooltipBg,\n                  popupBorder: theme.tooltipBorder,\n                  popupBorderRadius: this.sizeVariables.borderRadius,\n                  popupPinSize: this.sizeVariables.pinSize,\n                  popupPinOffsetX: this.sizeVariables.pinOffsetX,\n                  popupPinOffsetY: this.sizeVariables.pinOffsetY,\n                  popupMargin: this.sizeVariables.margin,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderContent = (): React.JSX.Element | null => {\n    const content = this.props.render ? this.props.render() : null;\n    if (isNullable(content)) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={this.refContent}\n        className={this.cx(this.styles.tooltipContent(this.theme), this.sizeVariables.contentStyle)}\n        data-tid={TooltipDataTids.content}\n      >\n        {content}\n        {this.renderCloseButton()}\n      </div>\n    );\n  };\n\n  public renderCloseButton(): React.JSX.Element | null {\n    const hasCross =\n      this.props.closeButton === undefined\n        ? !Tooltip.triggersWithoutCloseButton.includes(this.getProps().trigger)\n        : this.props.closeButton;\n\n    if (!hasCross) {\n      return null;\n    }\n\n    const icon = (\n      <CloseButtonIcon\n        tabbable={false}\n        side={parseInt(this.theme.tooltipCloseBtnSide)}\n        color={this.theme.tooltipCloseBtnColor}\n        colorHover={this.theme.tooltipCloseBtnHoverColor}\n      />\n    );\n\n    return (\n      <div\n        className={this.cx(this.styles.closeButton(this.theme), this.sizeVariables.closeButtonStyle)}\n        onClick={this.handleCloseButtonClick}\n        data-tid={TooltipDataTids.crossIcon}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  /**\n   * Программно открывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public show(): void {\n    if (this.state.opened) {\n      return;\n    }\n    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(false, `Function 'show' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Программно закрывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public hide(): void {\n    const trigger = this.getProps().trigger;\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(false, `Function 'hide' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.close();\n  }\n\n  private renderMain() {\n    const props = this.props;\n    const content = this.renderContent();\n    const { popupProps, layerProps = { active: false } } = this.getPopupAndLayerProps();\n    const anchorElement = props.children || props.anchorElement;\n    const popup = this.renderPopup(anchorElement, popupProps, content);\n\n    return (\n      <RenderLayer {...layerProps} getAnchorElement={this.getAnchorElement}>\n        {popup}\n      </RenderLayer>\n    );\n  }\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    const { disableAnimations, trigger } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          data-tid={TooltipDataTids.root}\n          anchorElement={anchorElement}\n          hasPin\n          hasShadow\n          maxWidth=\"none\"\n          opened={this.state.opened}\n          disableAnimations={disableAnimations}\n          positions={this.getPositions()}\n          pos={this.props.pos}\n          ignoreHover={trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          tryPreserveFirstRenderedPosition\n          ref={this.popupRef}\n          withoutMobile\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private getPositions = (): PopupPositionsType[] =>\n    this.props.allowedPositions\n      ? this.props.allowedPositions.filter((item) => DefaultPositions.includes(item))\n      : DefaultPositions;\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPopupAndLayerProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && this.getProps().useWrapper;\n    const trigger = this.getProps().trigger;\n\n    const defaultPopupAndLayerProps: ReturnType<typeof this.getPopupAndLayerProps> = {\n      popupProps: {\n        onMouseEnter: this.handleMouseEnter,\n        onMouseLeave: this.handleMouseLeave,\n        useWrapper,\n      },\n    };\n\n    switch (trigger) {\n      case 'opened':\n        return {\n          layerProps: {\n            active: true,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            opened: true,\n            useWrapper,\n          },\n        };\n\n      case 'closed':\n        return {\n          popupProps: {\n            opened: false,\n            useWrapper,\n          },\n        };\n\n      case 'manual':\n        return {\n          popupProps: {\n            useWrapper,\n          },\n        };\n      case 'click':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onClick: this.handleClick,\n            useWrapper,\n          },\n        };\n\n      case 'focus':\n        return {\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            useWrapper,\n          },\n        };\n\n      case 'hover&focus':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n\n      case 'hoverAnchor':\n      case 'hover':\n        return defaultPopupAndLayerProps;\n      default:\n        warning(false, `Unknown trigger specified: ${trigger}. Returning default value.`);\n        return defaultPopupAndLayerProps;\n    }\n  }\n\n  private open = () => this.setState({ opened: true });\n\n  private close = () => this.setState({ opened: false });\n\n  private clearHoverTimeout() {\n    if (this.hoverTimeout) {\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    const isHoverAnchor = this.getProps().trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n    this.hoverTimeout = setTimeout(this.open, this.getProps().delayBeforeShow);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    const trigger = this.getProps().trigger;\n    if (\n      (trigger === 'hover&focus' && this.state.focused) ||\n      (trigger === 'hover' && event.relatedTarget === this.contentElement)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = setTimeout(this.close, Tooltip.delay);\n    }\n  };\n\n  private handleClick = () => {\n    this.open();\n  };\n\n  private handleClickOutsideAnchor = (event: Event) => {\n    this.clickedOutside = this.isClickOutsideContent(event);\n    if (this.clickedOutside) {\n      if (this.props.onCloseRequest) {\n        this.props.onCloseRequest(event);\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && isInstanceOf(event.target, this.globalObject.Element)) {\n      return !containsTargetOrRenderContainer(event.target)(this.contentElement);\n    }\n\n    return true;\n  }\n\n  private handleFocus = () => {\n    this.setState({ focused: true });\n    this.open();\n  };\n\n  private handleBlur = () => {\n    const trigger = this.getProps().trigger;\n    if (trigger === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (trigger === 'focus') {\n      this.close();\n    }\n\n    this.clickedOutside = true;\n    this.setState({ focused: false });\n  };\n\n  private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n\n    if (this.props.onCloseClick) {\n      this.props.onCloseClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest(event);\n    }\n\n    this.close();\n  };\n\n  private getSizeVariables = (): TooltipSizeVariables => {\n    switch (this.size) {\n      case 'small':\n        return {\n          closeButtonStyle: this.styles.closeButtonSmall(this.theme),\n          contentStyle: this.styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n      case 'medium':\n        return {\n          closeButtonStyle: this.styles.closeButtonMedium(this.theme),\n          contentStyle: this.styles.tooltipContentMedium(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusMedium,\n          pinSize: this.theme.tooltipPinSizeMedium,\n          pinOffsetX: this.theme.tooltipPinOffsetXMedium,\n          pinOffsetY: this.theme.tooltipPinOffsetYMedium,\n          margin: this.theme.tooltipMarginMedium,\n        };\n      case 'large':\n        return {\n          closeButtonStyle: this.styles.closeButtonLarge(this.theme),\n          contentStyle: this.styles.tooltipContentLarge(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusLarge,\n          pinSize: this.theme.tooltipPinSizeLarge,\n          pinOffsetX: this.theme.tooltipPinOffsetXLarge,\n          pinOffsetY: this.theme.tooltipPinOffsetYLarge,\n          margin: this.theme.tooltipMarginLarge,\n        };\n      default:\n        warning(false, `Can't get size variables: invalid value in size prop '${this.props.size}'. Returning default`);\n        return {\n          closeButtonStyle: this.styles.closeButtonSmall(this.theme),\n          contentStyle: this.styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Tooltip/Tooltip.styles.d.ts

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     closeButton(t: Theme): string;
     closeButtonSmall(t: Theme): string;
     closeButtonMedium(t: Theme): string;
@@ -8,4 +8,4 @@ export declare const styles: {
     tooltipContentSmall(t: Theme): string;
     tooltipContentMedium(t: Theme): string;
     tooltipContentLarge(t: Theme): string;
-};
+}>;

package/cjs/components/Tooltip/Tooltip.styles.js

@@ -1,71 +1,73 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = 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;
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  closeButton: function closeButton(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      box-sizing: content-box;\n      right: 0;\n      top: 0;\n      width: ", ";\n      height: ", ";\n      color: ", ";\n      cursor: pointer;\n      line-height: 0;\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
 
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    closeButton: function closeButton(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      box-sizing: content-box;\n      right: 0;\n      top: 0;\n      width: ", ";\n      height: ", ";\n      color: ", ";\n      cursor: pointer;\n      line-height: 0;\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
 
 
 
-    t.tooltipCloseBtnSide,
-    t.tooltipCloseBtnSide,
-    t.tooltipCloseBtnColor,
 
+      t.tooltipCloseBtnSide,
+      t.tooltipCloseBtnSide,
+      t.tooltipCloseBtnColor,
 
 
 
-    t.tooltipCloseBtnHoverColor);
 
+      t.tooltipCloseBtnHoverColor);
 
-  },
 
-  closeButtonSmall: function closeButtonSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
-    t.tooltipCloseBtnPaddingSmall);
+    },
 
-  },
+    closeButtonSmall: function closeButtonSmall(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+      t.tooltipCloseBtnPaddingSmall);
 
-  closeButtonMedium: function closeButtonMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
-    t.tooltipCloseBtnPaddingMedium);
+    },
 
-  },
+    closeButtonMedium: function closeButtonMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+      t.tooltipCloseBtnPaddingMedium);
 
-  closeButtonLarge: function closeButtonLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
-    t.tooltipCloseBtnPaddingLarge);
+    },
 
-  },
+    closeButtonLarge: function closeButtonLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+      t.tooltipCloseBtnPaddingLarge);
 
-  tooltipContent: function tooltipContent(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      color: ", ";\n    "])),
+    },
 
-    t.tooltipTextColor);
+    tooltipContent: function tooltipContent(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      color: ", ";\n    "])),
 
-  },
+      t.tooltipTextColor);
 
-  tooltipContentSmall: function tooltipContentSmall(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.tooltipPaddingYSmall, t.tooltipPaddingXSmall,
-    t.tooltipFontSizeSmall,
-    t.tooltipLineHeightSmall);
+    },
 
-  },
+    tooltipContentSmall: function tooltipContentSmall(t) {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+      t.tooltipPaddingYSmall, t.tooltipPaddingXSmall,
+      t.tooltipFontSizeSmall,
+      t.tooltipLineHeightSmall);
 
-  tooltipContentMedium: function tooltipContentMedium(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.tooltipPaddingYMedium, t.tooltipPaddingXMedium,
-    t.tooltipFontSizeMedium,
-    t.tooltipLineHeightMedium);
+    },
 
-  },
+    tooltipContentMedium: function tooltipContentMedium(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+      t.tooltipPaddingYMedium, t.tooltipPaddingXMedium,
+      t.tooltipFontSizeMedium,
+      t.tooltipLineHeightMedium);
 
-  tooltipContentLarge: function tooltipContentLarge(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.tooltipPaddingYLarge, t.tooltipPaddingXLarge,
-    t.tooltipFontSizeLarge,
-    t.tooltipLineHeightLarge);
+    },
 
-  }
-});
+    tooltipContentLarge: function tooltipContentLarge(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+      t.tooltipPaddingYLarge, t.tooltipPaddingXLarge,
+      t.tooltipFontSizeLarge,
+      t.tooltipLineHeightLarge);
+
+    }
+  };});

package/cjs/components/Tooltip/Tooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","styles","exports","memoizeStyle","closeButton","t","css","_taggedTemplateLiteralLoose2","default","tooltipCloseBtnSide","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","closeButtonSmall","tooltipCloseBtnPaddingSmall","closeButtonMedium","tooltipCloseBtnPaddingMedium","closeButtonLarge","tooltipCloseBtnPaddingLarge","tooltipContent","tooltipTextColor","tooltipContentSmall","tooltipPaddingYSmall","tooltipPaddingXSmall","tooltipFontSizeSmall","tooltipLineHeightSmall","tooltipContentMedium","tooltipPaddingYMedium","tooltipPaddingXMedium","tooltipFontSizeMedium","tooltipLineHeightMedium","tooltipContentLarge","tooltipPaddingYLarge","tooltipPaddingXLarge","tooltipFontSizeLarge","tooltipLineHeightLarge"],"sources":["Tooltip.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  closeButton(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: content-box;\n      right: 0;\n      top: 0;\n      width: ${t.tooltipCloseBtnSide};\n      height: ${t.tooltipCloseBtnSide};\n      color: ${t.tooltipCloseBtnColor};\n      cursor: pointer;\n      line-height: 0;\n\n      &:hover {\n        color: ${t.tooltipCloseBtnHoverColor};\n      }\n    `;\n  },\n\n  closeButtonSmall(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingSmall};\n    `;\n  },\n\n  closeButtonMedium(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingMedium};\n    `;\n  },\n\n  closeButtonLarge(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingLarge};\n    `;\n  },\n\n  tooltipContent(t: Theme) {\n    return css`\n      position: relative;\n      color: ${t.tooltipTextColor};\n    `;\n  },\n\n  tooltipContentSmall(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYSmall} ${t.tooltipPaddingXSmall};\n      font-size: ${t.tooltipFontSizeSmall};\n      line-height: ${t.tooltipLineHeightSmall};\n    `;\n  },\n\n  tooltipContentMedium(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYMedium} ${t.tooltipPaddingXMedium};\n      font-size: ${t.tooltipFontSizeMedium};\n      line-height: ${t.tooltipLineHeightMedium};\n    `;\n  },\n\n  tooltipContentLarge(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYLarge} ${t.tooltipPaddingXLarge};\n      font-size: ${t.tooltipFontSizeLarge};\n      line-height: ${t.tooltipLineHeightLarge};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,WAAW,WAAAA,YAACC,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;IAKCH,CAAC,CAACI,mBAAmB;IACpBJ,CAAC,CAACI,mBAAmB;IACtBJ,CAAC,CAACK,oBAAoB;;;;;IAKpBL,CAAC,CAACM,yBAAyB;;;EAG1C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACP,CAAQ,EAAE;IACzB,WAAOC,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACGH,CAAC,CAACQ,2BAA2B;;EAE5C,CAAC;;EAEDC,iBAAiB,WAAAA,kBAACT,CAAQ,EAAE;IAC1B,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACGH,CAAC,CAACU,4BAA4B;;EAE7C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACX,CAAQ,EAAE;IACzB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACGH,CAAC,CAACY,2BAA2B;;EAE5C,CAAC;;EAEDC,cAAc,WAAAA,eAACb,CAAQ,EAAE;IACvB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;IAECH,CAAC,CAACc,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAACf,CAAQ,EAAE;IAC5B,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACGH,CAAC,CAACgB,oBAAoB,EAAIhB,CAAC,CAACiB,oBAAoB;IAC9CjB,CAAC,CAACkB,oBAAoB;IACpBlB,CAAC,CAACmB,sBAAsB;;EAE3C,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACpB,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACGH,CAAC,CAACqB,qBAAqB,EAAIrB,CAAC,CAACsB,qBAAqB;IAChDtB,CAAC,CAACuB,qBAAqB;IACrBvB,CAAC,CAACwB,uBAAuB;;EAE5C,CAAC;;EAEDC,mBAAmB,WAAAA,oBAACzB,CAAQ,EAAE;IAC5B,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACGH,CAAC,CAAC0B,oBAAoB,EAAI1B,CAAC,CAAC2B,oBAAoB;IAC9C3B,CAAC,CAAC4B,oBAAoB;IACpB5B,CAAC,CAAC6B,sBAAsB;;EAE3C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","getStyles","exports","memoizeGetStyles","_ref","css","closeButton","t","_taggedTemplateLiteralLoose2","default","tooltipCloseBtnSide","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","closeButtonSmall","tooltipCloseBtnPaddingSmall","closeButtonMedium","tooltipCloseBtnPaddingMedium","closeButtonLarge","tooltipCloseBtnPaddingLarge","tooltipContent","tooltipTextColor","tooltipContentSmall","tooltipPaddingYSmall","tooltipPaddingXSmall","tooltipFontSizeSmall","tooltipLineHeightSmall","tooltipContentMedium","tooltipPaddingYMedium","tooltipPaddingXMedium","tooltipFontSizeMedium","tooltipLineHeightMedium","tooltipContentLarge","tooltipPaddingYLarge","tooltipPaddingXLarge","tooltipFontSizeLarge","tooltipLineHeightLarge"],"sources":["Tooltip.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  closeButton(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: content-box;\n      right: 0;\n      top: 0;\n      width: ${t.tooltipCloseBtnSide};\n      height: ${t.tooltipCloseBtnSide};\n      color: ${t.tooltipCloseBtnColor};\n      cursor: pointer;\n      line-height: 0;\n\n      &:hover {\n        color: ${t.tooltipCloseBtnHoverColor};\n      }\n    `;\n  },\n\n  closeButtonSmall(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingSmall};\n    `;\n  },\n\n  closeButtonMedium(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingMedium};\n    `;\n  },\n\n  closeButtonLarge(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingLarge};\n    `;\n  },\n\n  tooltipContent(t: Theme) {\n    return css`\n      position: relative;\n      color: ${t.tooltipTextColor};\n    `;\n  },\n\n  tooltipContentSmall(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYSmall} ${t.tooltipPaddingXSmall};\n      font-size: ${t.tooltipFontSizeSmall};\n      line-height: ${t.tooltipLineHeightSmall};\n    `;\n  },\n\n  tooltipContentMedium(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYMedium} ${t.tooltipPaddingXMedium};\n      font-size: ${t.tooltipFontSizeMedium};\n      line-height: ${t.tooltipLineHeightMedium};\n    `;\n  },\n\n  tooltipContentLarge(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYLarge} ${t.tooltipPaddingXLarge};\n      font-size: ${t.tooltipFontSizeLarge};\n      line-height: ${t.tooltipLineHeightLarge};\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,WAAW,WAAAA,YAACC,CAAQ,EAAE;MACpB,OAAOF,GAAG,CAAAZ,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;MAKCF,CAAC,CAACG,mBAAmB;MACpBH,CAAC,CAACG,mBAAmB;MACtBH,CAAC,CAACI,oBAAoB;;;;;MAKpBJ,CAAC,CAACK,yBAAyB;;;IAG1C,CAAC;;IAEDC,gBAAgB,WAAAA,iBAACN,CAAQ,EAAE;MACzB,OAAOF,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;MACGF,CAAC,CAACO,2BAA2B;;IAE5C,CAAC;;IAEDC,iBAAiB,WAAAA,kBAACR,CAAQ,EAAE;MAC1B,OAAOF,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;MACGF,CAAC,CAACS,4BAA4B;;IAE7C,CAAC;;IAEDC,gBAAgB,WAAAA,iBAACV,CAAQ,EAAE;MACzB,OAAOF,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;MACGF,CAAC,CAACW,2BAA2B;;IAE5C,CAAC;;IAEDC,cAAc,WAAAA,eAACZ,CAAQ,EAAE;MACvB,OAAOF,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;MAECF,CAAC,CAACa,gBAAgB;;IAE/B,CAAC;;IAEDC,mBAAmB,WAAAA,oBAACd,CAAQ,EAAE;MAC5B,OAAOF,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;MACGF,CAAC,CAACe,oBAAoB,EAAIf,CAAC,CAACgB,oBAAoB;MAC9ChB,CAAC,CAACiB,oBAAoB;MACpBjB,CAAC,CAACkB,sBAAsB;;IAE3C,CAAC;;IAEDC,oBAAoB,WAAAA,qBAACnB,CAAQ,EAAE;MAC7B,OAAOF,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACGF,CAAC,CAACoB,qBAAqB,EAAIpB,CAAC,CAACqB,qBAAqB;MAChDrB,CAAC,CAACsB,qBAAqB;MACrBtB,CAAC,CAACuB,uBAAuB;;IAE5C,CAAC;;IAEDC,mBAAmB,WAAAA,oBAACxB,CAAQ,EAAE;MAC5B,OAAOF,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;MACGF,CAAC,CAACyB,oBAAoB,EAAIzB,CAAC,CAAC0B,oBAAoB;MAC9C1B,CAAC,CAAC2B,oBAAoB;MACpB3B,CAAC,CAAC4B,sBAAsB;;IAE3C;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/cjs/components/TooltipMenu/TooltipMenu.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TooltipMenuDataTids = exports.TooltipMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
+var _warning = _interopRequireDefault(require("warning"));
 
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
@@ -77,8 +78,8 @@ TooltipMenu = exports.TooltipMenu = (0, _rootNode.rootNode)(_class = (_TooltipMe
   function TooltipMenu(props) {var _this;
     _this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(TooltipMenu.defaultProps);
 
-    if (!props.caption && !_currentEnvironment.isProductionEnv) {
-      throw new Error('Prop "caption" is required!!!');
+    if (!props.caption) {
+      (0, _warning.default)(false, 'Prop "caption" is required!!!');
     }return _this;
   }(0, _inheritsLoose2.default)(TooltipMenu, _React$Component);var _proto = TooltipMenu.prototype;_proto.
 

package/cjs/components/TooltipMenu/TooltipMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_ThemeContext","_PopupMenu","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_class","_TooltipMenu","TooltipMenuDataTids","exports","root","TooltipMenu","rootNode","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","caption","isProductionEnv","Error","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","Provider","value","ThemeFactory","create","popupPinOffsetX","tooltipMenuPinOffsetX","popupPinOffsetY","tooltipMenuPinOffsetY","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","_this$getProps","disableAnimations","CommonWrapper","_extends2","rootNodeRef","setRootNode","PopupMenu","menuMaxHeight","menuWidth","header","footer","preventIconsOffset","positions","onOpen","onClose","popupHasPin","children","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["TooltipMenu.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport type { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport type { MenuHeaderProps } from '../MenuHeader';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;\n\nexport interface TooltipMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {\n  /** @ignore */\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Задает максимальную высоту меню. */\n  menuMaxHeight?: number | string;\n  /** Задает ширину меню. */\n  menuWidth?: number | string;\n  /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.\n   * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */\n  caption: PopupMenuProps['caption'];\n  /** Задает элемент, который будет отрендерен в шапке меню.\n   * _Примечание_: контрол MenuHeader передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */\n  header?: React.ReactNode;\n  /** Задает элемент, который будет отрендерен в подвале меню.\n   * Перед элементом переданным в `footer` будет отрендерен MenuSeparator. */\n  footer?: React.ReactNode;\n  /** Определяет список позиций, доступных для расположения выпадашки относительно caption.\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */\n  positions?: PopupPositionsType[];\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport const TooltipMenuDataTids = {\n  root: 'TooltipMenu__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;\n\n/**\n * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.\n *\n * Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n *\n * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n *\n * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n  public static displayName = 'TooltipMenu';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(TooltipMenu.defaultProps);\n\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffsetX: theme.tooltipMenuPinOffsetX,\n                  popupPinOffsetY: theme.tooltipMenuPinOffsetY,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    const { disableAnimations } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          aria-label={this.props['aria-label']}\n          data-tid={TooltipMenuDataTids.root}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={this.props.positions}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          popupHasPin\n          disableAnimations={disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_warning","_ThemeFactory","_ThemeContext","_PopupMenu","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_class","_TooltipMenu","TooltipMenuDataTids","exports","root","TooltipMenu","rootNode","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","caption","warning","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","Provider","value","ThemeFactory","create","popupPinOffsetX","tooltipMenuPinOffsetX","popupPinOffsetY","tooltipMenuPinOffsetY","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","_this$getProps","disableAnimations","CommonWrapper","_extends2","rootNodeRef","setRootNode","PopupMenu","menuMaxHeight","menuWidth","header","footer","preventIconsOffset","positions","onOpen","onClose","popupHasPin","children","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["TooltipMenu.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport type { MenuItemProps } from '../MenuItem';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { MenuHeaderProps } from '../MenuHeader';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;\n\nexport interface TooltipMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {\n  /** @ignore */\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Задает максимальную высоту меню. */\n  menuMaxHeight?: number | string;\n  /** Задает ширину меню. */\n  menuWidth?: number | string;\n  /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.\n   * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */\n  caption: PopupMenuProps['caption'];\n  /** Задает элемент, который будет отрендерен в шапке меню.\n   * _Примечание_: контрол MenuHeader передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */\n  header?: React.ReactNode;\n  /** Задает элемент, который будет отрендерен в подвале меню.\n   * Перед элементом переданным в `footer` будет отрендерен MenuSeparator. */\n  footer?: React.ReactNode;\n  /** Определяет список позиций, доступных для расположения выпадашки относительно caption.\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */\n  positions?: PopupPositionsType[];\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport const TooltipMenuDataTids = {\n  root: 'TooltipMenu__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;\n\n/**\n * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.\n *\n * Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n *\n * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n *\n * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n  public static displayName = 'TooltipMenu';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(TooltipMenu.defaultProps);\n\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption) {\n      warning(false, 'Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render(): React.JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffsetX: theme.tooltipMenuPinOffsetX,\n                  popupPinOffsetY: theme.tooltipMenuPinOffsetY,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain(): React.JSX.Element | null {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    const { disableAnimations } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          aria-label={this.props['aria-label']}\n          data-tid={TooltipMenuDataTids.root}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={this.props.positions}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          popupHasPin\n          disableAnimations={disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/__stories__/Form.js

@@ -1,33 +1,35 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Form = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react = _interopRequireDefault(require("react"));
-var _Emotion = require("@skbkontur/react-ui/lib/theming/Emotion");var _excluded = ["children", "className"],_excluded2 = ["children", "className"],_excluded3 = ["children", "className"],_excluded4 = ["children", "className"],_excluded5 = ["children", "className"],_excluded6 = ["children", "className"];var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Form = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
 
-var line = (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  display: flex;\n  align-items: baseline;\n  margin-bottom: 10px;\n"])));
+var _renderEnvironment = require("../../lib/renderEnvironment");var _class, _Form;var _excluded = ["children", "className"],_excluded2 = ["children", "className"],_excluded3 = ["children", "className"],_excluded4 = ["children", "className"],_excluded5 = ["children", "className"],_excluded6 = ["children", "className"];
 
+var line = "\n  display: flex;\n  align-items: baseline;\n  margin-bottom: 10px;\n";
 
 
 
 
-var title = (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n  box-sizing: border-box;\n  margin-right: 10px;\n  width: 150px;\n  text-align: right;\n"])));
 
+var title = "\n  box-sizing: border-box;\n  margin-right: 10px;\n  width: 150px;\n  text-align: right;\n";
 
 
 
 
 
-var content = (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n  display: inline-flex;\n"])));
 
+var content = "\n  display: inline-flex;\n";
 
 
-var formLineBreak = (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n  height: 20px;\n"])));
 
+var formLineBreak = "\n  height: 20px;\n";
 
 
-var actionsBar = (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n  margin-top: 10px;\n  padding-left: 160px;\n"])));
 
+var actionsBar = "\n  margin-top: 10px;\n  padding-left: 160px;\n";
 
 
 
-var formWrapper = (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
+
+var formWrapper = "\n  display: flex;\n  flex-direction: column;\n";
 
 
 
@@ -35,54 +37,69 @@ var formWrapper = (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0,
 
 
 var FormLine = function FormLine(_ref) {var children = _ref.children,className = _ref.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),css = _useEmotion.css;
+
   return /*#__PURE__*/(
-    _react.default.createElement("div", (0, _extends2.default)({ className: (0, _Emotion.css)(line, className) }, rest),
+    _react.default.createElement("div", (0, _extends2.default)({ className: css(line, className) }, rest),
     children
     ));
 
 };
 
 var Line = function Line(_ref2) {var children = _ref2.children,className = _ref2.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
+  var _useEmotion2 = (0, _renderEnvironment.useEmotion)(),css = _useEmotion2.css;
+
   return /*#__PURE__*/(
-    _react.default.createElement("div", (0, _extends2.default)({ className: (0, _Emotion.css)(line, className) }, rest),
+    _react.default.createElement("div", (0, _extends2.default)({ className: css(line, className) }, rest),
     children
     ));
 
 };
 
 var Title = function Title(_ref3) {var children = _ref3.children,className = _ref3.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded3);
+  var _useEmotion3 = (0, _renderEnvironment.useEmotion)(),css = _useEmotion3.css;
+
   return /*#__PURE__*/(
-    _react.default.createElement("span", (0, _extends2.default)({ className: (0, _Emotion.css)(title, className) }, rest),
+    _react.default.createElement("span", (0, _extends2.default)({ className: css(title, className) }, rest),
     children
     ));
 
 };
 
 var Content = function Content(_ref4) {var children = _ref4.children,className = _ref4.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref4, _excluded4);
+  var _useEmotion4 = (0, _renderEnvironment.useEmotion)(),css = _useEmotion4.css;
+
   return /*#__PURE__*/(
-    _react.default.createElement("span", (0, _extends2.default)({ className: (0, _Emotion.css)(content, className) }, rest),
+    _react.default.createElement("span", (0, _extends2.default)({ className: css(content, className) }, rest),
     children
     ));
 
 };
 
 var LineBreak = function LineBreak(_ref5) {var children = _ref5.children,className = _ref5.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref5, _excluded5);
+  var _useEmotion5 = (0, _renderEnvironment.useEmotion)(),css = _useEmotion5.css;
+
   return /*#__PURE__*/(
-    _react.default.createElement("div", (0, _extends2.default)({ className: (0, _Emotion.css)(formLineBreak, className) }, rest),
+    _react.default.createElement("div", (0, _extends2.default)({ className: css(formLineBreak, className) }, rest),
     children
     ));
 
 };
 
 var ActionsBar = function ActionsBar(_ref6) {var children = _ref6.children,className = _ref6.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref6, _excluded6);
+  var _useEmotion6 = (0, _renderEnvironment.useEmotion)(),css = _useEmotion6.css;
+
   return /*#__PURE__*/(
-    _react.default.createElement("div", (0, _extends2.default)({ className: (0, _Emotion.css)(actionsBar, className) }, rest),
+    _react.default.createElement("div", (0, _extends2.default)({ className: css(actionsBar, className) }, rest),
     children
     ));
 
 };var
 
-Form = exports.Form = /*#__PURE__*/function (_React$Component) {function Form() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(Form, _React$Component);var _proto = Form.prototype;_proto.
+
+Form = exports.Form = (0, _renderEnvironment.withRenderEnvironment)(_class = (_Form = /*#__PURE__*/function (_React$Component) {function Form() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(Form, _React$Component);var _proto = Form.prototype;_proto.
+
+
 
 
 
@@ -91,5 +108,5 @@ Form = exports.Form = /*#__PURE__*/function (_React$Component) {function Form()
 
 
   render = function render() {
-    return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.css)(formWrapper, this.props.className) }, this.props.children);
-  };return Form;}(_react.default.Component);Form.Line = Line;Form.LineBreak = LineBreak;Form.ActionsBar = ActionsBar;Form.FormLine = FormLine;Form.Title = Title;Form.Content = Content;
+    return /*#__PURE__*/_react.default.createElement("div", { className: this.emotion.css(formWrapper, this.props.className) }, this.props.children);
+  };return Form;}(_react.default.Component), _Form.Line = Line, _Form.LineBreak = LineBreak, _Form.ActionsBar = ActionsBar, _Form.FormLine = FormLine, _Form.Title = Title, _Form.Content = Content, _Form)) || _class;