@skbkontur/react-ui 5.4.7-7ccf0.0 → 5.4.7-a27a4.0

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';
 import type { Nullable } from '../../typings/utility-types';
 import type { CommonProps } from '../../internal/CommonWrapper';
@@ -104,9 +104,9 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    renderContent: () => React.JSX.Element | null;
-    renderCloseButton(): React.JSX.Element | null;
+    render(): JSX.Element;
+    renderContent: () => JSX.Element | null;
+    renderCloseButton(): JSX.Element | null;
     getAnchorElement: () => Nullable<Element>;
     /**
      * Программно открывает тултип.

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

@@ -1 +1 @@
-{"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 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 { 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 { 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() {\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    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 = () => {\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() {\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() {\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() {\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":[]}
+{"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() {\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    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 = () => {\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() {\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() {\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() {\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/hooks/useDrop.js

@@ -19,7 +19,7 @@ var useDrop = exports.useDrop = function useDrop(props) {if (props === void 0) {
 
   var droppableRef = (0, _react.useRef)(null);
   var overRef = (0, _react.useRef)(false);
-  var timerId = (0, _react.useRef)();
+  var timerId = (0, _react.useRef)(undefined);
   var _useState = (0, _react.useState)(false),isDraggable = _useState[0],setIsDraggable = _useState[1];
 
   var clearTimer = (0, _react.useCallback)(function () {

package/cjs/hooks/useDrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useDrop","exports","props","_props","onDrop","droppableRef","useRef","overRef","timerId","_useState","useState","isDraggable","setIsDraggable","clearTimer","useCallback","current","clearTimeout","handleDragOver","event","preventDefault","setTimeout","stopPropagation","handleDrop","useEffect","ref","addEventListener","removeEventListener"],"sources":["useDrop.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { SafeTimer } from '../lib/globalObject';\n\ninterface IUseDropProps {\n  onDrop?: (event: DragEvent) => void;\n}\n\ntype IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;\n\ninterface IUseDropResult<TElement extends IElementWithListener> {\n  isDraggable: boolean;\n  ref: MutableRefObject<TElement | null>;\n}\n\nexport const useDrop = <TElement extends IElementWithListener>(props: IUseDropProps = {}): IUseDropResult<TElement> => {\n  const { onDrop } = props;\n\n  const droppableRef = useRef<TElement>(null);\n  const overRef = useRef<boolean>(false);\n  const timerId = useRef<SafeTimer>();\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = setTimeout(() => {\n        overRef.current = false;\n        setIsDraggable(false);\n      }, 200);\n    },\n    [clearTimer],\n  );\n\n  const preventDefault = useCallback((event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      preventDefault(event);\n      setIsDraggable(false);\n      overRef.current = false;\n\n      onDrop?.(event);\n    },\n    [preventDefault, onDrop],\n  );\n\n  useEffect(() => {\n    const ref = droppableRef.current;\n\n    if (!ref) {\n      return;\n    }\n\n    ref.addEventListener('dragenter', preventDefault);\n    ref.addEventListener('dragleave', preventDefault);\n    ref.addEventListener('dragover', handleDragOver);\n    ref.addEventListener('drop', handleDrop);\n\n    return () => {\n      ref.removeEventListener('dragenter', preventDefault);\n      ref.removeEventListener('dragleave', preventDefault);\n      ref.removeEventListener('dragover', handleDragOver);\n      ref.removeEventListener('drop', handleDrop);\n    };\n  }, [handleDrop, handleDragOver, preventDefault]);\n\n  return { isDraggable, ref: droppableRef };\n};\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,OAAA;;;;;;;;;;;;;;;AAeO,IAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAA2CE,KAAoB,EAAoC,KAAxDA,KAAoB,cAApBA,KAAoB,GAAG,CAAC,CAAC;EACtF,IAAAC,MAAA,GAAmBD,KAAK,CAAhBE,MAAM,GAAAD,MAAA,CAANC,MAAM;;EAEd,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAAW,IAAI,CAAC;EAC3C,IAAMC,OAAO,GAAG,IAAAD,aAAM,EAAU,KAAK,CAAC;EACtC,IAAME,OAAO,GAAG,IAAAF,aAAM,EAAY,CAAC;EACnC,IAAAG,SAAA,GAAsC,IAAAC,eAAQ,EAAU,KAAK,CAAC,CAAvDC,WAAW,GAAAF,SAAA,IAAEG,cAAc,GAAAH,SAAA;;EAElC,IAAMI,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCN,OAAO,CAACO,OAAO,IAAIC,YAAY,CAACR,OAAO,CAACO,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAME,cAAc,GAAG,IAAAH,kBAAW;IAChC,UAACI,KAAgB,EAAK;MACpBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBP,cAAc,CAAC,IAAI,CAAC;;MAEpBC,UAAU,CAAC,CAAC;MACZL,OAAO,CAACO,OAAO,GAAGK,UAAU,CAAC,YAAM;QACjCb,OAAO,CAACQ,OAAO,GAAG,KAAK;QACvBH,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IACD,CAACC,UAAU;EACb,CAAC;;EAED,IAAMM,cAAc,GAAG,IAAAL,kBAAW,EAAC,UAACI,KAAgB,EAAK;IACvDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACG,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,UAAU,GAAG,IAAAR,kBAAW;IAC5B,UAACI,KAAgB,EAAK;MACpBC,cAAc,CAACD,KAAK,CAAC;MACrBN,cAAc,CAAC,KAAK,CAAC;MACrBL,OAAO,CAACQ,OAAO,GAAG,KAAK;;MAEvBX,MAAM,YAANA,MAAM,CAAGc,KAAK,CAAC;IACjB,CAAC;IACD,CAACC,cAAc,EAAEf,MAAM;EACzB,CAAC;;EAED,IAAAmB,gBAAS,EAAC,YAAM;IACd,IAAMC,GAAG,GAAGnB,YAAY,CAACU,OAAO;;IAEhC,IAAI,CAACS,GAAG,EAAE;MACR;IACF;;IAEAA,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEN,cAAc,CAAC;IACjDK,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEN,cAAc,CAAC;IACjDK,GAAG,CAACC,gBAAgB,CAAC,UAAU,EAAER,cAAc,CAAC;IAChDO,GAAG,CAACC,gBAAgB,CAAC,MAAM,EAAEH,UAAU,CAAC;;IAExC,OAAO,YAAM;MACXE,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEP,cAAc,CAAC;MACpDK,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEP,cAAc,CAAC;MACpDK,GAAG,CAACE,mBAAmB,CAAC,UAAU,EAAET,cAAc,CAAC;MACnDO,GAAG,CAACE,mBAAmB,CAAC,MAAM,EAAEJ,UAAU,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CAACA,UAAU,EAAEL,cAAc,EAAEE,cAAc,CAAC,CAAC;;EAEhD,OAAO,EAAER,WAAW,EAAXA,WAAW,EAAEa,GAAG,EAAEnB,YAAY,CAAC,CAAC;AAC3C,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","useDrop","exports","props","_props","onDrop","droppableRef","useRef","overRef","timerId","undefined","_useState","useState","isDraggable","setIsDraggable","clearTimer","useCallback","current","clearTimeout","handleDragOver","event","preventDefault","setTimeout","stopPropagation","handleDrop","useEffect","ref","addEventListener","removeEventListener"],"sources":["useDrop.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { SafeTimer } from '../lib/globalObject';\n\ninterface IUseDropProps {\n  onDrop?: (event: DragEvent) => void;\n}\n\ntype IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;\n\ninterface IUseDropResult<TElement extends IElementWithListener> {\n  isDraggable: boolean;\n  ref: MutableRefObject<TElement | null>;\n}\n\nexport const useDrop = <TElement extends IElementWithListener>(props: IUseDropProps = {}): IUseDropResult<TElement> => {\n  const { onDrop } = props;\n\n  const droppableRef = useRef<TElement>(null);\n  const overRef = useRef<boolean>(false);\n  const timerId = useRef<SafeTimer>(undefined);\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = setTimeout(() => {\n        overRef.current = false;\n        setIsDraggable(false);\n      }, 200);\n    },\n    [clearTimer],\n  );\n\n  const preventDefault = useCallback((event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      preventDefault(event);\n      setIsDraggable(false);\n      overRef.current = false;\n\n      onDrop?.(event);\n    },\n    [preventDefault, onDrop],\n  );\n\n  useEffect(() => {\n    const ref = droppableRef.current;\n\n    if (!ref) {\n      return;\n    }\n\n    ref.addEventListener('dragenter', preventDefault);\n    ref.addEventListener('dragleave', preventDefault);\n    ref.addEventListener('dragover', handleDragOver);\n    ref.addEventListener('drop', handleDrop);\n\n    return () => {\n      ref.removeEventListener('dragenter', preventDefault);\n      ref.removeEventListener('dragleave', preventDefault);\n      ref.removeEventListener('dragover', handleDragOver);\n      ref.removeEventListener('drop', handleDrop);\n    };\n  }, [handleDrop, handleDragOver, preventDefault]);\n\n  return { isDraggable, ref: droppableRef };\n};\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,OAAA;;;;;;;;;;;;;;;AAeO,IAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAA2CE,KAAoB,EAAoC,KAAxDA,KAAoB,cAApBA,KAAoB,GAAG,CAAC,CAAC;EACtF,IAAAC,MAAA,GAAmBD,KAAK,CAAhBE,MAAM,GAAAD,MAAA,CAANC,MAAM;;EAEd,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAAW,IAAI,CAAC;EAC3C,IAAMC,OAAO,GAAG,IAAAD,aAAM,EAAU,KAAK,CAAC;EACtC,IAAME,OAAO,GAAG,IAAAF,aAAM,EAAYG,SAAS,CAAC;EAC5C,IAAAC,SAAA,GAAsC,IAAAC,eAAQ,EAAU,KAAK,CAAC,CAAvDC,WAAW,GAAAF,SAAA,IAAEG,cAAc,GAAAH,SAAA;;EAElC,IAAMI,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCP,OAAO,CAACQ,OAAO,IAAIC,YAAY,CAACT,OAAO,CAACQ,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAME,cAAc,GAAG,IAAAH,kBAAW;IAChC,UAACI,KAAgB,EAAK;MACpBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBP,cAAc,CAAC,IAAI,CAAC;;MAEpBC,UAAU,CAAC,CAAC;MACZN,OAAO,CAACQ,OAAO,GAAGK,UAAU,CAAC,YAAM;QACjCd,OAAO,CAACS,OAAO,GAAG,KAAK;QACvBH,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IACD,CAACC,UAAU;EACb,CAAC;;EAED,IAAMM,cAAc,GAAG,IAAAL,kBAAW,EAAC,UAACI,KAAgB,EAAK;IACvDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACG,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,UAAU,GAAG,IAAAR,kBAAW;IAC5B,UAACI,KAAgB,EAAK;MACpBC,cAAc,CAACD,KAAK,CAAC;MACrBN,cAAc,CAAC,KAAK,CAAC;MACrBN,OAAO,CAACS,OAAO,GAAG,KAAK;;MAEvBZ,MAAM,YAANA,MAAM,CAAGe,KAAK,CAAC;IACjB,CAAC;IACD,CAACC,cAAc,EAAEhB,MAAM;EACzB,CAAC;;EAED,IAAAoB,gBAAS,EAAC,YAAM;IACd,IAAMC,GAAG,GAAGpB,YAAY,CAACW,OAAO;;IAEhC,IAAI,CAACS,GAAG,EAAE;MACR;IACF;;IAEAA,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEN,cAAc,CAAC;IACjDK,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEN,cAAc,CAAC;IACjDK,GAAG,CAACC,gBAAgB,CAAC,UAAU,EAAER,cAAc,CAAC;IAChDO,GAAG,CAACC,gBAAgB,CAAC,MAAM,EAAEH,UAAU,CAAC;;IAExC,OAAO,YAAM;MACXE,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEP,cAAc,CAAC;MACpDK,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEP,cAAc,CAAC;MACpDK,GAAG,CAACE,mBAAmB,CAAC,UAAU,EAAET,cAAc,CAAC;MACnDO,GAAG,CAACE,mBAAmB,CAAC,MAAM,EAAEJ,UAAU,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CAACA,UAAU,EAAEL,cAAc,EAAEE,cAAc,CAAC,CAAC;;EAEhD,OAAO,EAAER,WAAW,EAAXA,WAAW,EAAEa,GAAG,EAAEpB,YAAY,CAAC,CAAC;AAC3C,CAAC","ignoreList":[]}

package/cjs/internal/CommonWrapper/CommonWrapper.js

@@ -6,6 +6,7 @@ var _utils = require("../../lib/utils");
 
 var _rootNode = require("../../lib/rootNode");
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
+var _getElementRef = require("../../lib/getElementRef");
 var _renderEnvironment = require("../../lib/renderEnvironment");
 
 
@@ -54,7 +55,7 @@ CommonWrapper = exports.CommonWrapper = (0, _renderEnvironment.withRenderEnviron
 
 
 
-    ref = function (instance) {var _this$rootNodeSubscri, _this$child;
+    ref = function (instance) {var _this$rootNodeSubscri;
       _this.setRootNode(instance);
       _this.props.rootNodeRef == null || _this.props.rootNodeRef((0, _rootNode.getRootNode)(instance));
 
@@ -70,7 +71,7 @@ CommonWrapper = exports.CommonWrapper = (0, _renderEnvironment.withRenderEnviron
         });
       }
 
-      var originalRef = (_this$child = _this.child) == null ? void 0 : _this$child.ref;
+      var originalRef = (0, _getElementRef.getElementRef)(_this.child);
       if (typeof originalRef === 'function' || originalRef && typeof originalRef === 'object') {
         originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);
       }

package/cjs/internal/CommonWrapper/CommonWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_rootNode","_callChildRef","_renderEnvironment","_extractCommonProps2","_getCommonVisualStateDataAttributes","_excluded","_class","_CommonWrapper","CommonWrapper","exports","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNodeSubscription","ref","instance","_this$rootNodeSubscri","_this$child","setRootNode","props","rootNodeRef","getRootNode","remove","isInstanceWithRootNode","addRootNodeChangeListener","node","originalRef","child","callChildRef","_inheritsLoose2","default","_proto","prototype","render","_this2","_extractCommonProps","extractCommonProps","_extractCommonProps$","className","style","children","dataProps","_objectWithoutPropertiesLoose2","rest","_extends2","_objectDestructuringEmpty2","isFunction","getChildProps","childProps","getCommonVisualStateDataAttributes","isRefableElement","classNames","cx","styles","Object","keys","React","isValidElement","cloneElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["CommonWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { TGetRootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, isInstanceWithRootNode, rootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';\nimport { extractCommonProps } from './utils/extractCommonProps';\nimport { getCommonVisualStateDataAttributes } from './utils/getCommonVisualStateDataAttributes';\n\nexport type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;\n\n@withRenderEnvironment\n@rootNode\nexport class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  public static __KONTUR_REACT_UI__ = 'CommonWrapper';\n  public static displayName = 'CommonWrapper';\n\n  private cx!: Emotion['cx'];\n  private child: React.ReactNode;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n  render() {\n    const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n\n    const getChildProps = (child: React.ReactElement<CommonProps & React.RefAttributes<any>>) => {\n      const childProps: Record<string, unknown> = {\n        ...getCommonVisualStateDataAttributes(rest),\n        ...dataProps,\n      };\n\n      isRefableElement(child) && (childProps.ref = this.ref);\n\n      const classNames: string = this.cx(child.props.className, className);\n      classNames && (childProps.className = classNames);\n\n      const styles: React.CSSProperties = { ...child.props.style, ...style };\n      Object.keys(styles).length && (childProps.style = styles);\n\n      return childProps;\n    };\n\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, getChildProps(this.child))\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change,\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n    if (typeof originalRef === 'function' || (originalRef && typeof originalRef === 'object')) {\n      originalRef && callChildRef(originalRef, instance);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_rootNode","_callChildRef","_getElementRef","_renderEnvironment","_extractCommonProps2","_getCommonVisualStateDataAttributes","_excluded","_class","_CommonWrapper","CommonWrapper","exports","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNodeSubscription","ref","instance","_this$rootNodeSubscri","setRootNode","props","rootNodeRef","getRootNode","remove","isInstanceWithRootNode","addRootNodeChangeListener","node","originalRef","getElementRef","child","callChildRef","_inheritsLoose2","default","_proto","prototype","render","_this2","_extractCommonProps","extractCommonProps","_extractCommonProps$","className","style","children","dataProps","_objectWithoutPropertiesLoose2","rest","_extends2","_objectDestructuringEmpty2","isFunction","getChildProps","childProps","getCommonVisualStateDataAttributes","isRefableElement","classNames","cx","styles","Object","keys","React","isValidElement","cloneElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["CommonWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { TGetRootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, isInstanceWithRootNode, rootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { getElementRef } from '../../lib/getElementRef';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';\nimport { extractCommonProps } from './utils/extractCommonProps';\nimport { getCommonVisualStateDataAttributes } from './utils/getCommonVisualStateDataAttributes';\n\nexport type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;\n\n@withRenderEnvironment\n@rootNode\nexport class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  public static __KONTUR_REACT_UI__ = 'CommonWrapper';\n  public static displayName = 'CommonWrapper';\n\n  private cx!: Emotion['cx'];\n  private child: React.ReactNode;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n  render() {\n    const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n\n    const getChildProps = (child: React.ReactElement<CommonProps & React.RefAttributes<any>>) => {\n      const childProps: Record<string, unknown> = {\n        ...getCommonVisualStateDataAttributes(rest),\n        ...dataProps,\n      };\n\n      isRefableElement(child) && (childProps.ref = this.ref);\n\n      const classNames: string = this.cx(child.props.className, className);\n      classNames && (childProps.className = classNames);\n\n      const styles: React.CSSProperties = { ...child.props.style, ...style };\n      Object.keys(styles).length && (childProps.style = styles);\n\n      return childProps;\n    };\n\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, getChildProps(this.child))\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change,\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = getElementRef(this.child as React.ReactElement);\n    if (typeof originalRef === 'function' || (originalRef && typeof originalRef === 'object')) {\n      originalRef && callChildRef(originalRef, instance);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/FileUploaderControl/FileUploaderControlProvider.d.ts

@@ -11,9 +11,6 @@ export interface FileUploaderControlProviderProps {
     /** Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */
     onValueChange?: (files: FileUploaderAttachedFile[]) => void;
 }
-export declare const FileUploaderControlProvider: {
-    (props: PropsWithChildren<FileUploaderControlProviderProps & {
-        multiple?: boolean;
-    }>): React.JSX.Element;
-    displayName: string;
-};
+export declare const FileUploaderControlProvider: React.MemoExoticComponent<(props: PropsWithChildren<FileUploaderControlProviderProps & {
+    multiple?: boolean;
+}>) => React.JSX.Element>;

package/cjs/internal/FileUploaderControl/FileUploaderControlProvider.js

@@ -44,88 +44,89 @@ getFileUpdatedProps)
   return newFiles;
 };
 
-var FileUploaderControlProvider = exports.FileUploaderControlProvider = function FileUploaderControlProvider(
-props)
-
-
-
-
-{
-  var initialFiles = props.initialFiles,multiple = props.multiple,children = props.children,onValueChange = props.onValueChange,onRemove = props.onRemove,onAttach = props.onAttach;
-
-  var _useState = (0, _react.useState)(function () {
-      if (initialFiles && initialFiles.length > 0) {
-        var attachedFiles = initialFiles.map(function (item) {return (0, _fileUtils.getAttachedFile)(item);});
-
-        return multiple ? attachedFiles : [attachedFiles[0]];
-      }
-      return [];
-    }),files = _useState[0],setFiles = _useState[1];
-  var _useState2 = (0, _react.useState)(false),isMinLengthReached = _useState2[0],setIsMinLengthReached = _useState2[1];
-  var locale = (0, _useControlLocale.useControlLocale)();
-
-  (0, _useEffectWithoutInitCall.useEffectWithoutInitCall)(function () {
-    onValueChange == null || onValueChange(files);
-  }, [files]);
-
-  var setFileStatus = (0, _react.useCallback)(
-    function (fileId, status) {
-      setFiles(function (files) {return (
-          updateFile(files, fileId, function (file) {return {
-              status: status,
-              validationResult:
-              status === _fileUtils.FileUploaderFileStatus.Error || status === _fileUtils.FileUploaderFileStatus.Warning ?
-              _FileUploaderFileValidationResult.FileUploaderFileValidationResult.error(locale.requestErrorText) :
-              file.validationResult
-            };}));}
-      );
-    },
-    [locale]
-  );
-
-  var handleExternalSetFiles = (0, _react.useCallback)(
-    function (files) {
-      onAttach == null || onAttach(files);
-      setFiles(function (state) {return [].concat(state, files);});
-    },
-    [onAttach]
-  );
-
-  var removeFile = (0, _react.useCallback)(
-    function (fileId) {
-      onRemove == null || onRemove(fileId);
-      setFiles(function (state) {return state.filter(function (file) {return file.id !== fileId;});});
-    },
-    [onRemove]
-  );
-
-  var setFileValidationResult = (0, _react.useCallback)(
-    function (fileId, validationResult, status) {
-      setFiles(function (files) {return updateFile(files, fileId, function () {return { validationResult: validationResult, status: status };});});
-    },
-    []
-  );
-
-  var reset = _react.default.useCallback(function () {
-    setFiles(function () {return [];});
-  }, []);
-
-  return /*#__PURE__*/(
-    _react.default.createElement(_FileUploaderControlContext.FileUploaderControlContext.Provider, {
-      value: (0, _useMemoObject.useMemoObject)({
-        setFileStatus: setFileStatus,
-        files: files,
-        setFiles: handleExternalSetFiles,
-        removeFile: removeFile,
-        setFileValidationResult: setFileValidationResult,
-        reset: reset,
-        isMinLengthReached: isMinLengthReached,
-        setIsMinLengthReached: setIsMinLengthReached
-      }) },
-
-    children
-    ));
-
-};
+var FileUploaderControlProvider = exports.FileUploaderControlProvider = /*#__PURE__*/_react.default.memo(
+  function (
+  props)
+
+
+
+
+  {
+    var initialFiles = props.initialFiles,multiple = props.multiple,children = props.children,onValueChange = props.onValueChange,onRemove = props.onRemove,onAttach = props.onAttach;
+
+    var _useState = (0, _react.useState)(function () {
+        if (initialFiles && initialFiles.length > 0) {
+          var attachedFiles = initialFiles.map(function (item) {return (0, _fileUtils.getAttachedFile)(item);});
+
+          return multiple ? attachedFiles : [attachedFiles[0]];
+        }
+        return [];
+      }),files = _useState[0],setFiles = _useState[1];
+    var _useState2 = (0, _react.useState)(false),isMinLengthReached = _useState2[0],setIsMinLengthReached = _useState2[1];
+    var locale = (0, _useControlLocale.useControlLocale)();
+
+    (0, _useEffectWithoutInitCall.useEffectWithoutInitCall)(function () {
+      onValueChange == null || onValueChange(files);
+    }, [files]);
+
+    var setFileStatus = (0, _react.useCallback)(
+      function (fileId, status) {
+        setFiles(function (files) {return (
+            updateFile(files, fileId, function (file) {return {
+                status: status,
+                validationResult:
+                status === _fileUtils.FileUploaderFileStatus.Error || status === _fileUtils.FileUploaderFileStatus.Warning ?
+                _FileUploaderFileValidationResult.FileUploaderFileValidationResult.error(locale.requestErrorText) :
+                file.validationResult
+              };}));}
+        );
+      },
+      [locale]
+    );
+
+    var handleExternalSetFiles = (0, _react.useCallback)(
+      function (files) {
+        onAttach == null || onAttach(files);
+        setFiles(function (state) {return [].concat(state, files);});
+      },
+      [onAttach]
+    );
+
+    var removeFile = (0, _react.useCallback)(
+      function (fileId) {
+        onRemove == null || onRemove(fileId);
+        setFiles(function (state) {return state.filter(function (file) {return file.id !== fileId;});});
+      },
+      [onRemove]
+    );
+
+    var setFileValidationResult = (0, _react.useCallback)(
+      function (fileId, validationResult, status) {
+        setFiles(function (files) {return updateFile(files, fileId, function () {return { validationResult: validationResult, status: status };});});
+      },
+      []
+    );
+
+    var reset = _react.default.useCallback(function () {
+      setFiles(function () {return [];});
+    }, []);
+
+    return /*#__PURE__*/(
+      _react.default.createElement(_FileUploaderControlContext.FileUploaderControlContext.Provider, {
+        value: (0, _useMemoObject.useMemoObject)({
+          setFileStatus: setFileStatus,
+          files: files,
+          setFiles: handleExternalSetFiles,
+          removeFile: removeFile,
+          setFileValidationResult: setFileValidationResult,
+          reset: reset,
+          isMinLengthReached: isMinLengthReached,
+          setIsMinLengthReached: setIsMinLengthReached
+        }) },
+
+      children
+      ));
 
+  }
+);
 FileUploaderControlProvider.displayName = 'FileUploaderControlProvider';

package/cjs/internal/FileUploaderControl/FileUploaderControlProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useMemoObject","_useEffectWithoutInitCall","_fileUtils","_FileUploaderControlContext","_useControlLocale","_FileUploaderFileValidationResult","updateFile","files","fileId","getFileUpdatedProps","fileIndex","findIndex","file","id","newFiles","concat","updatedProps","_extends2","default","FileUploaderControlProvider","exports","props","initialFiles","multiple","children","onValueChange","onRemove","onAttach","_useState","useState","length","attachedFiles","map","item","getAttachedFile","setFiles","_useState2","isMinLengthReached","setIsMinLengthReached","locale","useControlLocale","useEffectWithoutInitCall","setFileStatus","useCallback","status","validationResult","FileUploaderFileStatus","Error","Warning","FileUploaderFileValidationResult","error","requestErrorText","handleExternalSetFiles","state","removeFile","filter","setFileValidationResult","reset","React","createElement","FileUploaderControlContext","Provider","value","useMemoObject","displayName"],"sources":["FileUploaderControlProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport type { FileUploaderAttachedFile } from './fileUtils';\nimport { FileUploaderFileStatus, getAttachedFile } from './fileUtils';\nimport { FileUploaderControlContext } from './FileUploaderControlContext';\nimport { useControlLocale } from './hooks/useControlLocale';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport interface FileUploaderControlProviderProps {\n  /** Начальное состояние загруженных файлов */\n  initialFiles?: File[];\n  /** Срабатывает при выборе файлов */\n  onAttach?: (files: FileUploaderAttachedFile[]) => void;\n  /** Срабатывает при удалении файла из контрола */\n  onRemove?: (fileId: string) => void;\n  /** Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */\n  onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n  files: FileUploaderAttachedFile[],\n  fileId: string,\n  getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n  const fileIndex = files.findIndex((file) => file.id === fileId);\n  if (fileIndex === -1) {\n    return files;\n  }\n\n  const newFiles = [...files];\n  const file = files[fileIndex];\n\n  const updatedProps = getFileUpdatedProps(file);\n\n  newFiles[fileIndex] = {\n    ...file,\n    ...updatedProps,\n  };\n\n  return newFiles;\n};\n\nexport const FileUploaderControlProvider = (\n  props: PropsWithChildren<\n    FileUploaderControlProviderProps & {\n      multiple?: boolean;\n    }\n  >,\n) => {\n  const { initialFiles, multiple, children, onValueChange, onRemove, onAttach } = props;\n\n  const [files, setFiles] = useState<FileUploaderAttachedFile[]>(() => {\n    if (initialFiles && initialFiles.length > 0) {\n      const attachedFiles = initialFiles.map((item: File) => getAttachedFile(item));\n\n      return multiple ? attachedFiles : [attachedFiles[0]];\n    }\n    return [];\n  });\n  const [isMinLengthReached, setIsMinLengthReached] = useState<boolean>(false);\n  const locale = useControlLocale();\n\n  useEffectWithoutInitCall(() => {\n    onValueChange?.(files);\n  }, [files]);\n\n  const setFileStatus = useCallback(\n    (fileId: string, status: FileUploaderFileStatus) => {\n      setFiles((files) =>\n        updateFile(files, fileId, (file) => ({\n          status,\n          validationResult:\n            status === FileUploaderFileStatus.Error || status === FileUploaderFileStatus.Warning\n              ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n              : file.validationResult,\n        })),\n      );\n    },\n    [locale],\n  );\n\n  const handleExternalSetFiles = useCallback(\n    (files: FileUploaderAttachedFile[]) => {\n      onAttach?.(files);\n      setFiles((state) => [...state, ...files]);\n    },\n    [onAttach],\n  );\n\n  const removeFile = useCallback(\n    (fileId: string) => {\n      onRemove?.(fileId);\n      setFiles((state) => state.filter((file) => file.id !== fileId));\n    },\n    [onRemove],\n  );\n\n  const setFileValidationResult = useCallback(\n    (fileId: string, validationResult: FileUploaderFileValidationResult, status?: FileUploaderFileStatus) => {\n      setFiles((files) => updateFile(files, fileId, () => ({ validationResult, status })));\n    },\n    [],\n  );\n\n  const reset = React.useCallback(() => {\n    setFiles(() => [] as FileUploaderAttachedFile[]);\n  }, []);\n\n  return (\n    <FileUploaderControlContext.Provider\n      value={useMemoObject({\n        setFileStatus,\n        files,\n        setFiles: handleExternalSetFiles,\n        removeFile,\n        setFileValidationResult,\n        reset,\n        isMinLengthReached,\n        setIsMinLengthReached,\n      })}\n    >\n      {children}\n    </FileUploaderControlContext.Provider>\n  );\n};\n\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useMemoObject","_useEffectWithoutInitCall","_fileUtils","_FileUploaderControlContext","_useControlLocale","_FileUploaderFileValidationResult","updateFile","files","fileId","getFileUpdatedProps","fileIndex","findIndex","file","id","newFiles","concat","updatedProps","_extends2","default","FileUploaderControlProvider","exports","React","memo","props","initialFiles","multiple","children","onValueChange","onRemove","onAttach","_useState","useState","length","attachedFiles","map","item","getAttachedFile","setFiles","_useState2","isMinLengthReached","setIsMinLengthReached","locale","useControlLocale","useEffectWithoutInitCall","setFileStatus","useCallback","status","validationResult","FileUploaderFileStatus","Error","Warning","FileUploaderFileValidationResult","error","requestErrorText","handleExternalSetFiles","state","removeFile","filter","setFileValidationResult","reset","createElement","FileUploaderControlContext","Provider","value","useMemoObject","displayName"],"sources":["FileUploaderControlProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport type { FileUploaderAttachedFile } from './fileUtils';\nimport { FileUploaderFileStatus, getAttachedFile } from './fileUtils';\nimport { FileUploaderControlContext } from './FileUploaderControlContext';\nimport { useControlLocale } from './hooks/useControlLocale';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport interface FileUploaderControlProviderProps {\n  /** Начальное состояние загруженных файлов */\n  initialFiles?: File[];\n  /** Срабатывает при выборе файлов */\n  onAttach?: (files: FileUploaderAttachedFile[]) => void;\n  /** Срабатывает при удалении файла из контрола */\n  onRemove?: (fileId: string) => void;\n  /** Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */\n  onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n  files: FileUploaderAttachedFile[],\n  fileId: string,\n  getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n  const fileIndex = files.findIndex((file) => file.id === fileId);\n  if (fileIndex === -1) {\n    return files;\n  }\n\n  const newFiles = [...files];\n  const file = files[fileIndex];\n\n  const updatedProps = getFileUpdatedProps(file);\n\n  newFiles[fileIndex] = {\n    ...file,\n    ...updatedProps,\n  };\n\n  return newFiles;\n};\n\nexport const FileUploaderControlProvider = React.memo(\n  (\n    props: PropsWithChildren<\n      FileUploaderControlProviderProps & {\n        multiple?: boolean;\n      }\n    >,\n  ) => {\n    const { initialFiles, multiple, children, onValueChange, onRemove, onAttach } = props;\n\n    const [files, setFiles] = useState<FileUploaderAttachedFile[]>(() => {\n      if (initialFiles && initialFiles.length > 0) {\n        const attachedFiles = initialFiles.map((item: File) => getAttachedFile(item));\n\n        return multiple ? attachedFiles : [attachedFiles[0]];\n      }\n      return [];\n    });\n    const [isMinLengthReached, setIsMinLengthReached] = useState<boolean>(false);\n    const locale = useControlLocale();\n\n    useEffectWithoutInitCall(() => {\n      onValueChange?.(files);\n    }, [files]);\n\n    const setFileStatus = useCallback(\n      (fileId: string, status: FileUploaderFileStatus) => {\n        setFiles((files) =>\n          updateFile(files, fileId, (file) => ({\n            status,\n            validationResult:\n              status === FileUploaderFileStatus.Error || status === FileUploaderFileStatus.Warning\n                ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n                : file.validationResult,\n          })),\n        );\n      },\n      [locale],\n    );\n\n    const handleExternalSetFiles = useCallback(\n      (files: FileUploaderAttachedFile[]) => {\n        onAttach?.(files);\n        setFiles((state) => [...state, ...files]);\n      },\n      [onAttach],\n    );\n\n    const removeFile = useCallback(\n      (fileId: string) => {\n        onRemove?.(fileId);\n        setFiles((state) => state.filter((file) => file.id !== fileId));\n      },\n      [onRemove],\n    );\n\n    const setFileValidationResult = useCallback(\n      (fileId: string, validationResult: FileUploaderFileValidationResult, status?: FileUploaderFileStatus) => {\n        setFiles((files) => updateFile(files, fileId, () => ({ validationResult, status })));\n      },\n      [],\n    );\n\n    const reset = React.useCallback(() => {\n      setFiles(() => [] as FileUploaderAttachedFile[]);\n    }, []);\n\n    return (\n      <FileUploaderControlContext.Provider\n        value={useMemoObject({\n          setFileStatus,\n          files,\n          setFiles: handleExternalSetFiles,\n          removeFile,\n          setFileValidationResult,\n          reset,\n          isMinLengthReached,\n          setIsMinLengthReached,\n        })}\n      >\n        {children}\n      </FileUploaderControlContext.Provider>\n    );\n  },\n);\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts

@@ -1,4 +1,4 @@
 import type { ComponentType } from 'react';
 import React from 'react';
 import type { FileUploaderControlProviderProps } from './FileUploaderControlProvider';
-export declare const withFileUploaderControlProvider: <TProps extends Record<string, any>, TRef extends Record<string, any>>(Component: ComponentType<Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>>) => React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>>;
+export declare const withFileUploaderControlProvider: <TProps extends Record<string, any>, TRef extends Record<string, any>>(Component: ComponentType<Omit<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps>, "onAttach" | "onRemove" | "onValueChange" | "initialFiles">>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>;