@consta/uikit 5.19.2 → 5.20.1

package/__internal__/src/components/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
 import './Tooltip.css';
 import React from 'react';
 import { TooltipProps } from './types';
-export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "status" | "key" | "position" | "direction" | "offset" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "viewportRef" | "anchorRef" | "equalAnchorWidth" | "isOpen"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "status" | "key" | "position" | "direction" | "container" | "offset" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "viewportRef" | "anchorRef" | "equalAnchorWidth" | "isOpen"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["isOpen","size","status","onSetDirection","offset","style","className","children","viewportRef"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Tooltip.css";import React,{forwardRef,useMemo,useRef,useState}from"react";import{Transition}from"react-transition-group";import{useForkRef}from"../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../mixs/MixPopoverAnimate";import{cnMixPopoverArrow}from"../../mixs/MixPopoverArrow/MixPopoverArrow";import{cn}from"../../utils/bem";import{Popover}from"../Popover";import{Text}from"../Text";import{generateDeps,generateThemeClassNames,ThemeContext,useTheme}from"../Theme";import{tooltipPropSizesDefault}from"./types";var cnTooltip=cn("Tooltip"),ARROW_SIZE=6,ARROW_OFFSET=8;export var Tooltip=forwardRef(function(a,b){var c=a.isOpen,d=a.size,e=void 0===d?tooltipPropSizesDefault:d,f=a.status,g=a.onSetDirection,h=a.offset,i=void 0===h?0:h,j=a.style,k=a.className,l=a.children,m=a.viewportRef,n=_objectWithoutProperties(a,_excluded),o=useRef(null),p=useForkRef([o,b]),q=useTheme(),r=q.theme,s=useState(),t=_slicedToArray(s,2),u=t[0],v=t[1],w=function(a){null===g||void 0===g?void 0:g(a),v(a)},x=useMemo(function(){var a=_objectSpread(_objectSpread({},r),{},{color:{primary:f?r.color.accent:r.color.invert,accent:r.color.accent,invert:r.color.primary}});return{theme:a,themeClassNames:generateThemeClassNames(a)}},[generateDeps(r),f]);return React.createElement(Transition,{in:c,unmountOnExit:!0,timeout:animateTimeout,nodeRef:o},function(a){var b;return React.createElement(ThemeContext.Provider,{value:x},React.createElement(Popover,Object.assign({},n,{arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:ARROW_SIZE+ARROW_OFFSET/2+i,onSetDirection:w,ref:p,viewportRef:m,className:cnTooltip({status:f},[k,cnMixPopoverAnimate({animate:a})]),style:_objectSpread((b={},_defineProperty(b,"--popover-arrow-size","".concat(ARROW_SIZE,"px")),_defineProperty(b,"--popover-arrow-offset","".concat(ARROW_OFFSET,"px")),b),j)}),React.createElement("div",{className:cnTooltip("Background")}),React.createElement("div",{className:cnTooltip("Arrow",[cnMixPopoverArrow({direction:u})])}),React.createElement("div",{className:cnTooltip("Content",{size:e})},"string"==typeof l||"number"==typeof l?React.createElement(Text,{view:"primary",size:"m",lineHeight:"m"},l):l)))})});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["isOpen","size","status","onSetDirection","offset","style","className","children","viewportRef","container"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Tooltip.css";import React,{forwardRef,useMemo,useRef,useState}from"react";import{Transition}from"react-transition-group";import{useForkRef}from"../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../mixs/MixPopoverAnimate";import{cnMixPopoverArrow}from"../../mixs/MixPopoverArrow/MixPopoverArrow";import{cn}from"../../utils/bem";import{Popover}from"../Popover";import{Text}from"../Text";import{generateDeps,generateThemeClassNames,ThemeContext,useTheme}from"../Theme";import{tooltipPropSizesDefault}from"./types";var cnTooltip=cn("Tooltip"),ARROW_SIZE=6,ARROW_OFFSET=8;export var Tooltip=forwardRef(function(a,b){var c=a.isOpen,d=a.size,e=void 0===d?tooltipPropSizesDefault:d,f=a.status,g=a.onSetDirection,h=a.offset,i=void 0===h?0:h,j=a.style,k=a.className,l=a.children,m=a.viewportRef,n=a.container,o=_objectWithoutProperties(a,_excluded),p=useRef(null),q=useForkRef([p,b]),r=useTheme(),s=r.theme,t=useState(),u=_slicedToArray(t,2),v=u[0],w=u[1],x=function(a){null===g||void 0===g?void 0:g(a),w(a)},y=useMemo(function(){var a=_objectSpread(_objectSpread({},s),{},{color:{primary:f?s.color.accent:s.color.invert,accent:s.color.accent,invert:s.color.primary}});return{theme:a,themeClassNames:generateThemeClassNames(a)}},[generateDeps(s),f]);return React.createElement(Transition,{in:c,unmountOnExit:!0,timeout:animateTimeout,nodeRef:p},function(a){var b;return React.createElement(ThemeContext.Provider,{value:y},React.createElement(Popover,Object.assign({},o,{arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:ARROW_SIZE+ARROW_OFFSET/2+i,onSetDirection:x,ref:q,viewportRef:m,container:n,className:cnTooltip({status:f},[k,cnMixPopoverAnimate({animate:a})]),style:_objectSpread((b={},_defineProperty(b,"--popover-arrow-size","".concat(ARROW_SIZE,"px")),_defineProperty(b,"--popover-arrow-offset","".concat(ARROW_OFFSET,"px")),b),j)}),React.createElement("div",{className:cnTooltip("Background")}),React.createElement("div",{className:cnTooltip("Arrow",[cnMixPopoverArrow({direction:v})])}),React.createElement("div",{className:cnTooltip("Content",{size:e})},"string"==typeof l||"number"==typeof l?React.createElement(Text,{view:"primary",size:"m",lineHeight:"m"},l):l)))})});
 //# sourceMappingURL=Tooltip.js.map

package/__internal__/src/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","forwardRef","useMemo","useRef","useState","Transition","useForkRef","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","cn","Popover","Text","generateDeps","generateThemeClassNames","ThemeContext","useTheme","tooltipPropSizesDefault","cnTooltip","ARROW_SIZE","ARROW_OFFSET","Tooltip","props","ref","isOpen","size","status","onSetDirectionProp","onSetDirection","offset","style","className","children","viewportRef","otherProps","contentRef","contentForkedRef","theme","direction","setDirection","value","tooltipTheme","color","primary","accent","invert","themeClassNames","animate"],"sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import './Tooltip.css';\n\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '##/mixs/MixPopoverArrow/MixPopoverArrow';\nimport { cn } from '##/utils/bem';\n\nimport { Direction, Popover } from '../Popover';\nimport { Text } from '../Text';\nimport {\n  generateDeps,\n  generateThemeClassNames,\n  ThemeContext,\n  useTheme,\n} from '../Theme';\nimport { TooltipProps, tooltipPropSizesDefault } from './types';\n\nconst cnTooltip = cn('Tooltip');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 8;\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  (props, ref) => {\n    const {\n      isOpen,\n      size = tooltipPropSizesDefault,\n      status,\n      onSetDirection: onSetDirectionProp,\n      offset = 0,\n      style,\n      className,\n      children,\n      viewportRef,\n      ...otherProps\n    } = props;\n\n    const contentRef = useRef(null);\n    const contentForkedRef = useForkRef([contentRef, ref]);\n\n    const { theme } = useTheme();\n\n    const [direction, setDirection] = useState<Direction | undefined>();\n\n    const onSetDirection = (direction: Direction) => {\n      onSetDirectionProp?.(direction);\n      setDirection(direction);\n    };\n\n    const value = useMemo(() => {\n      const tooltipTheme = {\n        ...theme,\n        color: {\n          primary: status ? theme.color.accent : theme.color.invert,\n          accent: theme.color.accent,\n          invert: theme.color.primary,\n        },\n      };\n      return {\n        theme: tooltipTheme,\n        themeClassNames: generateThemeClassNames(tooltipTheme),\n      };\n    }, [generateDeps(theme), status]);\n\n    return (\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        timeout={animateTimeout}\n        nodeRef={contentRef}\n      >\n        {(animate) => (\n          <ThemeContext.Provider value={value}>\n            <Popover\n              {...otherProps}\n              arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n              offset={ARROW_SIZE + ARROW_OFFSET / 2 + offset}\n              onSetDirection={onSetDirection}\n              ref={contentForkedRef}\n              viewportRef={viewportRef}\n              className={cnTooltip({ status }, [\n                className,\n                cnMixPopoverAnimate({ animate }),\n              ])}\n              style={{\n                ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n                ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n                ...style,\n              }}\n            >\n              <div className={cnTooltip('Background')} />\n              <div\n                className={cnTooltip('Arrow', [\n                  cnMixPopoverArrow({ direction }),\n                ])}\n              />\n              <div className={cnTooltip('Content', { size })}>\n                {typeof children === 'string' ||\n                typeof children === 'number' ? (\n                  <Text view=\"primary\" size=\"m\" lineHeight=\"m\">\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </div>\n            </Popover>\n          </ThemeContext.Provider>\n        )}\n      </Transition>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["React","forwardRef","useMemo","useRef","useState","Transition","useForkRef","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","cn","Popover","Text","generateDeps","generateThemeClassNames","ThemeContext","useTheme","tooltipPropSizesDefault","cnTooltip","ARROW_SIZE","ARROW_OFFSET","Tooltip","props","ref","isOpen","size","status","onSetDirectionProp","onSetDirection","offset","style","className","children","viewportRef","container","otherProps","contentRef","contentForkedRef","theme","direction","setDirection","value","tooltipTheme","color","primary","accent","invert","themeClassNames","animate"],"sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import './Tooltip.css';\n\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '##/mixs/MixPopoverArrow/MixPopoverArrow';\nimport { cn } from '##/utils/bem';\n\nimport { Direction, Popover } from '../Popover';\nimport { Text } from '../Text';\nimport {\n  generateDeps,\n  generateThemeClassNames,\n  ThemeContext,\n  useTheme,\n} from '../Theme';\nimport { TooltipProps, tooltipPropSizesDefault } from './types';\n\nconst cnTooltip = cn('Tooltip');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 8;\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  (props, ref) => {\n    const {\n      isOpen,\n      size = tooltipPropSizesDefault,\n      status,\n      onSetDirection: onSetDirectionProp,\n      offset = 0,\n      style,\n      className,\n      children,\n      viewportRef,\n      container,\n      ...otherProps\n    } = props;\n\n    const contentRef = useRef(null);\n    const contentForkedRef = useForkRef([contentRef, ref]);\n\n    const { theme } = useTheme();\n\n    const [direction, setDirection] = useState<Direction | undefined>();\n\n    const onSetDirection = (direction: Direction) => {\n      onSetDirectionProp?.(direction);\n      setDirection(direction);\n    };\n\n    const value = useMemo(() => {\n      const tooltipTheme = {\n        ...theme,\n        color: {\n          primary: status ? theme.color.accent : theme.color.invert,\n          accent: theme.color.accent,\n          invert: theme.color.primary,\n        },\n      };\n      return {\n        theme: tooltipTheme,\n        themeClassNames: generateThemeClassNames(tooltipTheme),\n      };\n    }, [generateDeps(theme), status]);\n\n    return (\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        timeout={animateTimeout}\n        nodeRef={contentRef}\n      >\n        {(animate) => (\n          <ThemeContext.Provider value={value}>\n            <Popover\n              {...otherProps}\n              arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n              offset={ARROW_SIZE + ARROW_OFFSET / 2 + offset}\n              onSetDirection={onSetDirection}\n              ref={contentForkedRef}\n              viewportRef={viewportRef}\n              container={container}\n              className={cnTooltip({ status }, [\n                className,\n                cnMixPopoverAnimate({ animate }),\n              ])}\n              style={{\n                ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n                ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n                ...style,\n              }}\n            >\n              <div className={cnTooltip('Background')} />\n              <div\n                className={cnTooltip('Arrow', [\n                  cnMixPopoverArrow({ direction }),\n                ])}\n              />\n              <div className={cnTooltip('Content', { size })}>\n                {typeof children === 'string' ||\n                typeof children === 'number' ? (\n                  <Text view=\"primary\" size=\"m\" lineHeight=\"m\">\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </div>\n            </Popover>\n          </ThemeContext.Provider>\n        )}\n      </Transition>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/Tooltip/types.d.ts

@@ -20,4 +20,5 @@ export type TooltipProps = PropsWithJsxAttributes<{
     offset?: number;
     onSetDirection?: (direction: Direction) => void;
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
 } & PositioningProps>;

package/__internal__/src/components/Tooltip/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["tooltipPropSizes","tooltipPropSizesDefault","tooltipPropStatus"],"sources":["../../../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ClickOutsideHandler } from '##/hooks/useClickOutside/useClickOutside';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { Direction, PositioningProps } from '../Popover/Popover';\n\nexport const tooltipPropSizes = ['m', 's', 'l'] as const;\nexport type TooltipPropSize = typeof tooltipPropSizes[number];\nexport const tooltipPropSizesDefault: TooltipPropSize = tooltipPropSizes[0];\n\nexport const tooltipPropStatus = [\n  'normal',\n  'alert',\n  'success',\n  'warning',\n] as const;\nexport type TooltipPropStatus = typeof tooltipPropStatus[number];\n\nexport type TooltipProps = PropsWithJsxAttributes<\n  {\n    isOpen?: boolean;\n    size?: TooltipPropSize;\n    status?: TooltipPropStatus;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: readonly Direction[];\n    isInteractive?: boolean;\n    children: React.ReactNode;\n    onClickOutside?: ClickOutsideHandler;\n    className?: string;\n    offset?: number;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\n  } & PositioningProps\n>;\n"],"mappings":"AAKA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAwC,CAAGD,gBAAgB,CAAC,CAAD,CAAjE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,QAD+B,CAE/B,OAF+B,CAG/B,SAH+B,CAI/B,SAJ+B,CAA1B"}
+{"version":3,"file":"types.js","names":["tooltipPropSizes","tooltipPropSizesDefault","tooltipPropStatus"],"sources":["../../../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ClickOutsideHandler } from '##/hooks/useClickOutside/useClickOutside';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { Direction, PositioningProps } from '../Popover/Popover';\n\nexport const tooltipPropSizes = ['m', 's', 'l'] as const;\nexport type TooltipPropSize = typeof tooltipPropSizes[number];\nexport const tooltipPropSizesDefault: TooltipPropSize = tooltipPropSizes[0];\n\nexport const tooltipPropStatus = [\n  'normal',\n  'alert',\n  'success',\n  'warning',\n] as const;\nexport type TooltipPropStatus = typeof tooltipPropStatus[number];\n\nexport type TooltipProps = PropsWithJsxAttributes<\n  {\n    isOpen?: boolean;\n    size?: TooltipPropSize;\n    status?: TooltipPropStatus;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: readonly Direction[];\n    isInteractive?: boolean;\n    children: React.ReactNode;\n    onClickOutside?: ClickOutsideHandler;\n    className?: string;\n    offset?: number;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\n    container?: Element;\n  } & PositioningProps\n>;\n"],"mappings":"AAKA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAwC,CAAGD,gBAAgB,CAAC,CAAD,CAAjE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,QAD+B,CAE/B,OAF+B,CAG/B,SAH+B,CAI/B,SAJ+B,CAA1B"}

package/__internal__/src/utils/state/useSendToAtom/useSendToAtom.js

@@ -1,2 +1,2 @@
-import{useAtom,useUpdate}from"@reatom/npm-react";export var useSendToAtom=function(a){var b=useAtom(a,void 0,!1)[2];return useUpdate(b,[a]),b};
+import{useUpdate}from"@reatom/npm-react";import{useCreateAtom}from"../useCreateAtom";export var useSendToAtom=function(a){var b=useCreateAtom(a);return useUpdate(b,[a]),b};
 //# sourceMappingURL=useSendToAtom.js.map

package/__internal__/src/utils/state/useSendToAtom/useSendToAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSendToAtom.js","names":["useAtom","useUpdate","useSendToAtom","value","atom"],"sources":["../../../../../../src/utils/state/useSendToAtom/useSendToAtom.ts"],"sourcesContent":["import { useAtom, useUpdate } from '@reatom/npm-react';\n\nexport const useSendToAtom = <T>(value: T) => {\n  const atom = useAtom(value, undefined, false)[2];\n\n  useUpdate(atom, [value]);\n\n  return atom;\n};\n"],"mappings":"AAAA,OAASA,OAAT,CAAkBC,SAAlB,KAAmC,mBAAnC,CAEA,MAAO,IAAMC,cAAa,CAAG,SAAIC,CAAJ,CAAiB,CAC5C,GAAMC,EAAI,CAAGJ,OAAO,CAACG,CAAD,WAAP,CAAiC,CAAjC,CAAb,CAIA,MAFAF,UAAS,CAACG,CAAD,CAAO,CAACD,CAAD,CAAP,CAET,CAAOC,CACR,CANM"}
+{"version":3,"file":"useSendToAtom.js","names":["useUpdate","useCreateAtom","useSendToAtom","value","atom"],"sources":["../../../../../../src/utils/state/useSendToAtom/useSendToAtom.ts"],"sourcesContent":["import { useUpdate } from '@reatom/npm-react';\n\nimport { useCreateAtom } from '../useCreateAtom';\n\nexport const useSendToAtom = <T>(value: T) => {\n  const atom = useCreateAtom(value);\n  useUpdate(atom, [value]);\n\n  return atom;\n};\n"],"mappings":"AAAA,OAASA,SAAT,KAA0B,mBAA1B,CAEA,OAASC,aAAT,wBAEA,MAAO,IAAMC,cAAa,CAAG,SAAIC,CAAJ,CAAiB,CAC5C,GAAMC,EAAI,CAAGH,aAAa,CAACE,CAAD,CAA1B,CAGA,MAFAH,UAAS,CAACI,CAAD,CAAO,CAACD,CAAD,CAAP,CAET,CAAOC,CACR,CALM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "5.19.2",
+  "version": "5.20.1",
   "keywords": [
     "ui-kit",
     "design-system",