@skbkontur/react-ui 3.10.0-fileuploader.1 → 3.11.0-select-right

package/components/TokenInput/TokenInput.d.ts

@@ -124,6 +124,7 @@ export declare class TokenInput<T = string> extends React.PureComponent<TokenInp
     private tokensInputMenu;
     private textHelper;
     private wrapper;
+    private setRootNode;
     componentDidMount(): void;
     componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>): void;
     componentWillUnmount(): void;

package/components/TokenInput/TokenInput.md

@@ -1,79 +1,79 @@
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-
-const [selectedItems, setSelectedItems] = React.useState([]);
-
-const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
-
-const getItems = q =>
-  Promise.resolve(
-    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
-      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
-    ),
-  ).then(delay(500));
-
-const tokenColors = {
-  First: {
-    idle: 'grayIdle',
-    active: 'grayActive',
-  },
-  Second: {
-    idle: 'blueIdle',
-    active: 'blueActive',
-  },
-  Third: {
-    idle: 'greenIdle',
-    active: 'greenActive',
-  },
-  Fourth: {
-    idle: 'yellowIdle',
-    active: 'yellowActive',
-  },
-  Fifth: {
-    idle: 'redIdle',
-    active: 'redActive',
-  },
-  Sixth: {
-    idle: 'white',
-    active: 'black',
-  },
-  default: {
-    idle: 'defaultIdle',
-    active: 'defaultActive',
-  },
-};
-
-<div style={{ width: '300px' }}>
-  <TokenInput
-    type={TokenInputType.Combined}
-    getItems={getItems}
-    selectedItems={selectedItems}
-    onValueChange={setSelectedItems}
-    renderToken={(item, tokenProps) => (
-      <Token key={item.toString()} colors={tokenColors[item] || tokenColors.default} {...tokenProps}>
-        {item}
-      </Token>
-    )}
-  />
-</div>;
-```
-
-#### Локали по умолчанию
-
-```typescript static
-interface TokenInputLocale {
-  addButtonComment?: string;
-  addButtonTitle?: string;
-}
-
-const ru_RU = {
-  addButtonComment: 'Нажмите запятую или пробел',
-  addButtonTitle: 'Добавить',
-};
-
-const en_GB = {
-  addButtonComment: 'Type comma or space',
-  addButtonTitle: 'Add',
-};
-```
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+
+const [selectedItems, setSelectedItems] = React.useState([]);
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+const getItems = q =>
+  Promise.resolve(
+    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
+      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
+    ),
+  ).then(delay(500));
+
+const tokenColors = {
+  First: {
+    idle: 'grayIdle',
+    active: 'grayActive',
+  },
+  Second: {
+    idle: 'blueIdle',
+    active: 'blueActive',
+  },
+  Third: {
+    idle: 'greenIdle',
+    active: 'greenActive',
+  },
+  Fourth: {
+    idle: 'yellowIdle',
+    active: 'yellowActive',
+  },
+  Fifth: {
+    idle: 'redIdle',
+    active: 'redActive',
+  },
+  Sixth: {
+    idle: 'white',
+    active: 'black',
+  },
+  default: {
+    idle: 'defaultIdle',
+    active: 'defaultActive',
+  },
+};
+
+<div style={{ width: '300px' }}>
+  <TokenInput
+    type={TokenInputType.Combined}
+    getItems={getItems}
+    selectedItems={selectedItems}
+    onValueChange={setSelectedItems}
+    renderToken={(item, tokenProps) => (
+      <Token key={item.toString()} colors={tokenColors[item] || tokenColors.default} {...tokenProps}>
+        {item}
+      </Token>
+    )}
+  />
+</div>;
+```
+
+#### Локали по умолчанию
+
+```typescript static
+interface TokenInputLocale {
+  addButtonComment?: string;
+  addButtonTitle?: string;
+}
+
+const ru_RU = {
+  addButtonComment: 'Нажмите запятую или пробел',
+  addButtonTitle: 'Добавить',
+};
+
+const en_GB = {
+  addButtonComment: 'Type comma or space',
+  addButtonTitle: 'Add',
+};
+```

package/components/Tooltip/Tooltip/Tooltip.js

@@ -1,19 +1,24 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import warning from 'warning';
 import isEqual from 'lodash.isequal';
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-import { Popup } from "../../../internal/Popup";
+import { DefaultPosition, Popup } from "../../../internal/Popup";
 import { RenderLayer } from "../../../internal/RenderLayer";
 import { CrossIcon } from "../../../internal/icons/CrossIcon";
 import { containsTargetOrRenderContainer } from "../../../lib/listenFocusOutside";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { styles } from "../Tooltip.styles";
 var Positions = ['right bottom', 'right middle', 'right top', 'top right', 'top center', 'top left', 'left top', 'left middle', 'left bottom', 'bottom left', 'bottom center', 'bottom right'];
-export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
+export var Tooltip = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(Tooltip, _React$PureComponent);
 
   function Tooltip() {
@@ -33,6 +38,7 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
     _this.contentElement = null;
     _this.positions = null;
     _this.clickedOutside = true;
+    _this.setRootNode = void 0;
 
     _this.renderContent = function () {
       var content = _this.props.render ? _this.props.render() : null;
@@ -47,6 +53,10 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
       }, content, _this.renderCloseButton());
     };
 
+    _this.getRenderLayerAnchorElement = function () {
+      return getRootNode(_assertThisInitialized(_this));
+    };
+
     _this.refContent = function (node) {
       _this.contentElement = node;
     };
@@ -152,16 +162,16 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
 
   var _proto = Tooltip.prototype;
 
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.trigger === 'closed') {
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (this.props.trigger === 'closed' && this.state.opened) {
       this.close();
     }
 
     var _this$props = this.props,
         allowedPositions = _this$props.allowedPositions,
         pos = _this$props.pos;
-    var posChanged = nextProps.pos !== pos;
-    var allowedChanged = !isEqual(nextProps.allowedPositions, allowedPositions);
+    var posChanged = prevProps.pos !== pos;
+    var allowedChanged = !isEqual(prevProps.allowedPositions, allowedPositions);
 
     if (posChanged || allowedChanged) {
       this.positions = null;
@@ -249,11 +259,15 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
 
     var anchorElement = props.children || props.anchorElement;
     var popup = this.renderPopup(anchorElement, popupProps, content);
-    return /*#__PURE__*/React.createElement(RenderLayer, layerProps, popup);
+    return /*#__PURE__*/React.createElement(RenderLayer, _extends({}, layerProps, {
+      getAnchorElement: this.getRenderLayerAnchorElement
+    }), popup);
   };
 
   _proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(Popup, _extends({
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(Popup, _extends({
       anchorElement: anchorElement,
       hasPin: true,
       hasShadow: true,
@@ -382,22 +396,17 @@ export var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
   };
 
   return Tooltip;
-}(React.PureComponent);
-Tooltip.__KONTUR_REACT_UI__ = 'Tooltip';
-Tooltip.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Tooltip', _class2.propTypes = {
   children: function children(props, propName, componentName) {
     var children = props[propName];
     warning(children || props.anchorElement, "[" + componentName + "]: you must provide either 'children' or 'anchorElement' prop for " + componentName + " to work properly");
     warning(!(Array.isArray(children) && props.useWrapper === false), "[" + componentName + "]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly");
   }
-};
-Tooltip.defaultProps = {
-  pos: 'top left',
+}, _class2.defaultProps = {
+  pos: DefaultPosition,
   trigger: 'hover',
   allowedPositions: Positions,
   disableAnimations: isTestEnv,
   useWrapper: false,
   closeOnChildrenMouseLeave: false
-};
-Tooltip.delay = 100;
-Tooltip.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];
+}, _class2.delay = 100, _class2.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'], _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["Tooltip.tsx"],"names":["React","warning","isEqual","ThemeFactory","Popup","RenderLayer","CrossIcon","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","styles","Positions","Tooltip","state","opened","focused","theme","hoverTimeout","contentElement","positions","clickedOutside","renderContent","content","props","render","refContent","tooltipContent","renderCloseButton","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","window","setTimeout","delay","handleMouseLeave","relatedTarget","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","UNSAFE_componentWillReceiveProps","nextProps","allowedPositions","pos","posChanged","allowedChanged","componentWillUnmount","create","popupPinOffset","tooltipPinOffset","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","cross","show","hide","getProps","popupProps","layerProps","active","anchorElement","children","popup","renderPopup","disableAnimations","getPositions","onOpen","onClose","index","indexOf","Error","join","slice","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onClick","onFocus","onBlur","clearTimeout","Element","PureComponent","__KONTUR_REACT_UI__","propTypes","propName","componentName","Array","isArray","defaultProps","closeOnChildrenMouseLeave"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,SAApB;AACA,OAAOC,OAAP,MAAoB,gBAApB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,KAAT,QAAiD,sBAAjD;AACA,SAASC,WAAT,QAA8C,4BAA9C;AACA,SAASC,SAAT,QAA0B,gCAA1B;;;AAGA,SAASC,+BAAT,QAAgD,8BAAhD;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,MAAT,QAAuB,kBAAvB;;AAEA,IAAMC,SAA0B,GAAG;AACjC,cADiC;AAEjC,cAFiC;AAGjC,WAHiC;AAIjC,WAJiC;AAKjC,YALiC;AAMjC,UANiC;AAOjC,UAPiC;AAQjC,aARiC;AASjC,aATiC;AAUjC,aAViC;AAWjC,eAXiC;AAYjC,cAZiC,CAAnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+IA,WAAaC,OAAb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BSC,IAAAA,KA7BT,GA6B+B,EAAEC,MAAM,EAAE,KAAV,EAAiBC,OAAO,EAAE,KAA1B,EA7B/B;AA8BUC,IAAAA,KA9BV;AA+BUC,IAAAA,YA/BV,GA+B2C,IA/B3C;AAgCUC,IAAAA,cAhCV,GAgCkD,IAhClD;AAiCUC,IAAAA,SAjCV,GAiCiD,IAjCjD;AAkCUC,IAAAA,cAlCV,GAkC2B,IAlC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFSC,IAAAA,aAlFT,GAkFyB,YAAM;AAC3B,UAAMC,OAAO,GAAG,MAAKC,KAAL,CAAWC,MAAX,GAAoB,MAAKD,KAAL,CAAWC,MAAX,EAApB,GAA0C,IAA1D;AACA,UAAIF,OAAO,IAAI,IAAf,EAAqB;AACnB,eAAO,IAAP;AACD;;AAED;AACE,qCAAK,GAAG,EAAE,MAAKG,UAAf,EAA2B,SAAS,EAAEf,MAAM,CAACgB,cAAP,CAAsB,MAAKV,KAA3B,CAAtC;AACGM,QAAAA,OADH;AAEG,cAAKK,iBAAL,EAFH,CADF;;;AAMD,KA9FH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiLUF,IAAAA,UAjLV,GAiLuB,UAACG,IAAD,EAA8B;AACjD,YAAKV,cAAL,GAAsBU,IAAtB;AACD,KAnLH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsRUC,IAAAA,IAtRV,GAsRiB,oBAAM,MAAKC,QAAL,CAAc,EAAEhB,MAAM,EAAE,IAAV,EAAd,CAAN,EAtRjB;;AAwRUiB,IAAAA,KAxRV,GAwRkB,oBAAM,MAAKD,QAAL,CAAc,EAAEhB,MAAM,EAAE,KAAV,EAAd,CAAN,EAxRlB;;;;;;;;;AAiSUkB,IAAAA,gBAjSV,GAiS6B,UAACC,KAAD,EAA2B;AACpD,UAAMC,aAAa,GAAG,MAAKX,KAAL,CAAWY,OAAX,KAAuB,aAA7C;AACA,UAAID,aAAa,IAAID,KAAK,CAACG,MAAN,KAAiB,MAAKlB,cAA3C,EAA2D;AACzD;AACD;;AAED,YAAKmB,iBAAL;;AAEA,YAAKpB,YAAL,GAAoBqB,MAAM,CAACC,UAAP,CAAkB,MAAKV,IAAvB,EAA6BjB,OAAO,CAAC4B,KAArC,CAApB;AACD,KA1SH;;AA4SUC,IAAAA,gBA5SV,GA4S6B,UAACR,KAAD,EAA2B;AACpD;AACG,YAAKV,KAAL,CAAWY,OAAX,KAAuB,aAAvB,IAAwC,MAAKtB,KAAL,CAAWE,OAApD;AACC,YAAKQ,KAAL,CAAWY,OAAX,KAAuB,OAAvB,IAAkCF,KAAK,CAACS,aAAN,KAAwB,MAAKxB,cAFlE;AAGE;AACA;AACD;;AAED,YAAKmB,iBAAL;;AAEA,UAAI,MAAKd,KAAL,CAAWY,OAAX,KAAuB,aAA3B,EAA0C;AACxC,cAAKJ,KAAL;AACD,OAFD,MAEO;AACL,cAAKd,YAAL,GAAoBqB,MAAM,CAACC,UAAP,CAAkB,MAAKR,KAAvB,EAA8BnB,OAAO,CAAC4B,KAAtC,CAApB;AACD;AACF,KA3TH;;AA6TUG,IAAAA,WA7TV,GA6TwB,YAAM;AAC1B,YAAKd,IAAL;AACD,KA/TH;;AAiUUe,IAAAA,wBAjUV,GAiUqC,UAACX,KAAD,EAAkB;AACnD,YAAKb,cAAL,GAAsB,MAAKyB,qBAAL,CAA2BZ,KAA3B,CAAtB;AACA,UAAI,MAAKb,cAAT,EAAyB;AACvB,YAAI,MAAKG,KAAL,CAAWuB,cAAf,EAA+B;AAC7B,gBAAKvB,KAAL,CAAWuB,cAAX;AACD;AACD,cAAKf,KAAL;AACD;AACF,KAzUH;;;;;;;;;;AAmVUgB,IAAAA,WAnVV,GAmVwB,YAAM;AAC1B,YAAKjB,QAAL,CAAc,EAAEf,OAAO,EAAE,IAAX,EAAd;AACA,YAAKc,IAAL;AACD,KAtVH;;AAwVUmB,IAAAA,UAxVV,GAwVuB,YAAM;AACzB,UAAI,MAAKzB,KAAL,CAAWY,OAAX,KAAuB,aAAvB,IAAwC,MAAKf,cAAjD,EAAiE;AAC/D,cAAKW,KAAL;AACD;;AAED,UAAI,MAAKR,KAAL,CAAWY,OAAX,KAAuB,OAA3B,EAAoC;AAClC,cAAKJ,KAAL;AACD;;AAED,YAAKX,cAAL,GAAsB,IAAtB;AACA,YAAKU,QAAL,CAAc,EAAEf,OAAO,EAAE,KAAX,EAAd;AACD,KAnWH;;AAqWUkC,IAAAA,sBArWV,GAqWmC,UAAChB,KAAD,EAA0C;AACzEA,MAAAA,KAAK,CAACiB,eAAN;;AAEA,UAAI,MAAK3B,KAAL,CAAW4B,YAAf,EAA6B;AAC3B,cAAK5B,KAAL,CAAW4B,YAAX,CAAwBlB,KAAxB;AACD;;AAED,UAAIA,KAAK,CAACmB,gBAAV,EAA4B;AAC1B;AACD;;AAED,UAAI,MAAK7B,KAAL,CAAWuB,cAAf,EAA+B;AAC7B,cAAKvB,KAAL,CAAWuB,cAAX;AACD;;AAED,YAAKf,KAAL;AACD,KArXH,qDAoCSsB,gCApCT,GAoCE,0CAAwCC,SAAxC,EAAiE,CAC/D,IAAIA,SAAS,CAACnB,OAAV,KAAsB,QAA1B,EAAoC,CAClC,KAAKJ,KAAL,GACD,CAH8D,kBAK7B,KAAKR,KALwB,CAKvDgC,gBALuD,eAKvDA,gBALuD,CAKrCC,GALqC,eAKrCA,GALqC,CAM/D,IAAMC,UAAU,GAAGH,SAAS,CAACE,GAAV,KAAkBA,GAArC,CACA,IAAME,cAAc,GAAG,CAACzD,OAAO,CAACqD,SAAS,CAACC,gBAAX,EAA6BA,gBAA7B,CAA/B,CAEA,IAAIE,UAAU,IAAIC,cAAlB,EAAkC,CAChC,KAAKvC,SAAL,GAAiB,IAAjB,CACD,CACF,CAhDH,QAkDSwC,oBAlDT,GAkDE,gCAA8B,CAC5B,KAAKtB,iBAAL,GACD,CApDH,QAsDSb,MAtDT,GAsDE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACR,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,oBAAC,YAAD,CAAc,QAAd,IACE,KAAK,EAAEd,YAAY,CAAC0D,MAAb,CACL,EACEC,cAAc,EAAE7C,KAAK,CAAC8C,gBADxB,EAEEC,WAAW,EAAE/C,KAAK,CAACgD,aAFrB,EAGEC,WAAW,EAAEjD,KAAK,CAACkD,aAHrB,EAIEC,iBAAiB,EAAEnD,KAAK,CAACoD,mBAJ3B,EAKEC,YAAY,EAAErD,KAAK,CAACsD,cALtB,EAMEC,eAAe,EAAEvD,KAAK,CAACwD,iBANzB,EAOEC,eAAe,EAAEzD,KAAK,CAAC0D,iBAPzB,EADK,EAUL1D,KAVK,CADT,IAcG,MAAI,CAAC2D,UAAL,EAdH,CADF,CAkBD,CArBH,CADF,CAyBD,CAhFH,QAgGShD,iBAhGT,GAgGE,6BAA2B,CACzB,IAAMiD,QAAQ,GACZ,KAAKrD,KAAL,CAAWsD,WAAX,KAA2BC,SAA3B,GACI,CAAClE,OAAO,CAACmE,0BAAR,CAAmCC,QAAnC,CAA4C,KAAKzD,KAAL,CAAWY,OAAvD,CADL,GAEI,KAAKZ,KAAL,CAAWsD,WAHjB,CAKA,IAAI,CAACD,QAAL,EAAe,CACb,OAAO,IAAP,CACD,CAED,oBACE,6BAAK,SAAS,EAAElE,MAAM,CAACuE,KAAP,CAAa,KAAKjE,KAAlB,CAAhB,EAA0C,OAAO,EAAE,KAAKiC,sBAAxD,iBACE,oBAAC,SAAD,OADF,CADF,CAKD,CA/GH,CAiHE;AACF;AACA;AACA;AACA,KArHA,QAsHSiC,IAtHT,GAsHE,gBAAc,CACZ,IAAI,KAAKrE,KAAL,CAAWC,MAAf,EAAuB,OACvB,IAAI,KAAKS,KAAL,CAAWY,OAAX,KAAuB,QAAvB,IAAmC,KAAKZ,KAAL,CAAWY,OAAX,KAAuB,QAA9D,EAAwE,CACtEnC,OAAO,CAAC,IAAD,gEAAmE,KAAKuB,KAAL,CAAWY,OAA9E,OAAP,CACA,OACD,CACD,KAAKN,IAAL,GACD,CA7HH,CA+HE;AACF;AACA;AACA;AACA,KAnIA,QAoISsD,IApIT,GAoIE,gBAAc,CACZ,IAAI,KAAK5D,KAAL,CAAWY,OAAX,KAAuB,QAAvB,IAAmC,KAAKZ,KAAL,CAAWY,OAAX,KAAuB,QAA9D,EAAwE,CACtEnC,OAAO,CAAC,IAAD,gEAAmE,KAAKuB,KAAL,CAAWY,OAA9E,OAAP,CACA,OACD,CACD,KAAKJ,KAAL,GACD,CA1IH,QA4IU4C,UA5IV,GA4IE,sBAAqB,CACnB,IAAMpD,KAAK,GAAG,KAAKA,KAAnB,CACA,IAAMD,OAAO,GAAG,KAAKD,aAAL,EAAhB,CAFmB,qBAGoC,KAAK+D,QAAL,EAHpC,CAGXC,UAHW,kBAGXA,UAHW,wCAGCC,UAHD,CAGCA,UAHD,sCAGc,EAAEC,MAAM,EAAE,KAAV,EAHd,yBAInB,IAAMC,aAAa,GAAGjE,KAAK,CAACkE,QAAN,IAAkBlE,KAAK,CAACiE,aAA9C,CACA,IAAME,KAAK,GAAG,KAAKC,WAAL,CAAiBH,aAAjB,EAAgCH,UAAhC,EAA4C/D,OAA5C,CAAd,CAEA,oBAAO,oBAAC,WAAD,EAAiBgE,UAAjB,EAA8BI,KAA9B,CAAP,CACD,CApJH,QAsJUC,WAtJV,GAsJE,qBACEH,aADF,EAEEH,UAFF,EAGE/D,OAHF,EAIE,CACA,oBACE,oBAAC,aAAD,EAAmB,KAAKC,KAAxB,eACE,oBAAC,KAAD,aACE,aAAa,EAAEiE,aADjB,EAEE,MAAM,MAFR,EAGE,SAAS,MAHX,EAIE,QAAQ,EAAC,MAJX,EAKE,MAAM,EAAE,KAAK3E,KAAL,CAAWC,MALrB,EAME,iBAAiB,EAAE,KAAKS,KAAL,CAAWqE,iBANhC,EAOE,SAAS,EAAE,KAAKC,YAAL,EAPb,EAQE,WAAW,EAAE,KAAKtE,KAAL,CAAWY,OAAX,KAAuB,aARtC,EASE,MAAM,EAAE,KAAKZ,KAAL,CAAWuE,MATrB,EAUE,OAAO,EAAE,KAAKvE,KAAL,CAAWwE,OAVtB,EAWE,gCAAgC,MAXlC,IAYMV,UAZN,GAcG/D,OAdH,CADF,CADF,CAoBD,CA/KH,QAqLUuE,YArLV,GAqLE,wBAAuB,CACrB,IAAI,CAAC,KAAK1E,SAAV,EAAqB,CACnB,IAAMoC,gBAAgB,GAAG,KAAKhC,KAAL,CAAWgC,gBAApC,CACA,IAAMyC,KAAK,GAAGzC,gBAAgB,CAAC0C,OAAjB,CAAyB,KAAK1E,KAAL,CAAWiC,GAApC,CAAd,CACA,IAAIwC,KAAK,KAAK,CAAC,CAAf,EAAkB,CAChB,MAAM,IAAIE,KAAJ,CAAU,6DAA6D3C,gBAAgB,CAAC4C,IAAjB,CAAsB,IAAtB,CAAvE,CAAN,CACD,CAED,KAAKhF,SAAL,aAAqBoC,gBAAgB,CAAC6C,KAAjB,CAAuBJ,KAAvB,CAArB,EAAuDzC,gBAAgB,CAAC6C,KAAjB,CAAuB,CAAvB,EAA0BJ,KAA1B,CAAvD,EACD,CAED,OAAO,KAAK7E,SAAZ,CACD,CAjMH,QAmMUiE,QAnMV,GAmME,oBAGE,CACA,IAAM7D,KAAK,GAAG,KAAKA,KAAnB,CACA,IAAM8E,UAAU,GAAG,CAAC,CAAC9E,KAAK,CAACkE,QAAR,IAAoBlE,KAAK,CAAC8E,UAA7C,CACA,QAAQ9E,KAAK,CAACY,OAAd,GACE,KAAK,QAAL,CACE,OAAO,EACLmD,UAAU,EAAE,EACVC,MAAM,EAAE,IADE,EAEVe,cAAc,EAAE,KAAK1D,wBAFX,EADP,EAKLyC,UAAU,EAAE,EACVvE,MAAM,EAAE,IADE,EAEVuF,UAAU,EAAVA,UAFU,EALP,EAAP,CAWF,KAAK,QAAL,CACE,OAAO,EACLhB,UAAU,EAAE,EACVvE,MAAM,EAAE,KADE,EAEVuF,UAAU,EAAVA,UAFU,EADP,EAAP,CAOF,KAAK,aAAL,CACA,KAAK,OAAL,CACE,OAAO,EACLhB,UAAU,EAAE,EACVkB,YAAY,EAAE,KAAKvE,gBADT,EAEVwE,YAAY,EAAE,KAAK/D,gBAFT,EAGV4D,UAAU,EAAVA,UAHU,EADP,EAAP,CAOF,KAAK,QAAL,CACE,OAAO,EACLhB,UAAU,EAAE,EACVgB,UAAU,EAAVA,UADU,EADP,EAAP,CAKF,KAAK,OAAL,CACE,OAAO,EACLf,UAAU,EAAE,EACVC,MAAM,EAAE,KAAK1E,KAAL,CAAWC,MADT,EAEVwF,cAAc,EAAE,KAAK1D,wBAFX,EADP,EAKLyC,UAAU,EAAE,EACVoB,OAAO,EAAE,KAAK9D,WADJ,EAEV0D,UAAU,EAAVA,UAFU,EALP,EAAP,CAWF,KAAK,OAAL,CACE,OAAO,EACLhB,UAAU,EAAE,EACVqB,OAAO,EAAE,KAAK3D,WADJ,EAEV4D,MAAM,EAAE,KAAK3D,UAFH,EAGVqD,UAAU,EAAVA,UAHU,EADP,EAAP,CAQF,KAAK,aAAL,CACE,OAAO,EACLf,UAAU,EAAE,EACVC,MAAM,EAAE,KAAK1E,KAAL,CAAWC,MADT,EAEVwF,cAAc,EAAE,KAAK1D,wBAFX,EADP,EAKLyC,UAAU,EAAE,EACVqB,OAAO,EAAE,KAAK3D,WADJ,EAEV4D,MAAM,EAAE,KAAK3D,UAFH,EAGVuD,YAAY,EAAE,KAAKvE,gBAHT,EAIVwE,YAAY,EAAE,KAAK/D,gBAJT,EAKV4D,UAAU,EAAVA,UALU,EALP,EAAP,CAcF,QACE,MAAM,IAAIH,KAAJ,CAAU,gCAAgC3E,KAAK,CAACY,OAAhD,CAAN,CAzEJ,CA2ED,CApRH,QA0RUE,iBA1RV,GA0RE,6BAA4B,CAC1B,IAAI,KAAKpB,YAAT,EAAuB,CACrB2F,YAAY,CAAC,KAAK3F,YAAN,CAAZ,CACA,KAAKA,YAAL,GAAoB,IAApB,CACD,CACF,CA/RH,QA2UU4B,qBA3UV,GA2UE,+BAA8BZ,KAA9B,EAA4C,CAC1C,IAAI,KAAKf,cAAL,IAAuBe,KAAK,CAACG,MAAN,YAAwByE,OAAnD,EAA4D,CAC1D,OAAO,CAACvG,+BAA+B,CAAC2B,KAAK,CAACG,MAAP,CAA/B,CAA8C,KAAKlB,cAAnD,CAAR,CACD,CAED,OAAO,IAAP,CACD,CAjVH,kBAA6BnB,KAAK,CAAC+G,aAAnC,EAAalG,O,CACGmG,mB,GAAsB,S,CADzBnG,O,CAGGoG,S,GAAY,EACxBvB,QADwB,oBACflE,KADe,EACM0F,QADN,EACoCC,aADpC,EAC2D,CACjF,IAAMzB,QAAQ,GAAGlE,KAAK,CAAC0F,QAAD,CAAtB,CACAjH,OAAO,CACLyF,QAAQ,IAAIlE,KAAK,CAACiE,aADb,QAED0B,aAFC,0EAEiFA,aAFjF,uBAAP,CAIAlH,OAAO,CACL,EAAEmH,KAAK,CAACC,OAAN,CAAc3B,QAAd,KAA2BlE,KAAK,CAAC8E,UAAN,KAAqB,KAAlD,CADK,QAEDa,aAFC,2HAAP,CAID,CAXuB,E,CAHftG,O,CAiBGyG,Y,GAAe,EAC3B7D,GAAG,EAAE,UADsB,EAE3BrB,OAAO,EAAE,OAFkB,EAG3BoB,gBAAgB,EAAE5C,SAHS,EAI3BiF,iBAAiB,EAAEpF,SAJQ,EAK3B6F,UAAU,EAAE,KALe,EAM3BiB,yBAAyB,EAAE,KANA,E,CAjBlB1G,O,CA0BG4B,K,GAAQ,G,CA1BX5B,O,CA2BImE,0B,GAA+C,CAAC,OAAD,EAAU,aAAV,EAAyB,OAAzB,EAAkC,aAAlC,C","sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport isEqual from 'lodash.isequal';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupPosition, PopupProps } from '../../internal/Popup';\nimport { RenderLayer, RenderLayerProps } from '../../internal/RenderLayer';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { Nullable } from '../../typings/utility-types';\nimport { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { styles } from './Tooltip.styles';\n\nconst Positions: PopupPosition[] = [\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\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   * Относительно какого элемента позиционировать тултип\n   */\n  anchorElement?: HTMLElement;\n\n  /**\n   * Если не указан `anchorElement` то тултип будет позиционироваться\n   * относительно дочерних элементов\n   */\n  children?: React.ReactNode;\n\n  className?: string;\n\n  /**\n   * Показывать крестик для закрытия тултипа. По-умолчанию крестик\n   * показывается если проп *trigger* не `hover` и не `focus`.\n   */\n  closeButton?: boolean;\n\n  /**\n   * Функция, которая возвращает содержимое тултипа.\n   *\n   * Если эта функция вернула `null`, то тултип не показывается.\n   */\n  render?: Nullable<() => React.ReactNode>;\n\n  pos: PopupPosition;\n\n  /**\n   * Триггер открытия тултипа\n   * ```ts\n   * type TooltipTrigger =\n   * | 'hover'\n   * | 'click'\n   * | 'focus'\n   * | 'hover&focus'\n   * | 'opened'\n   * | 'closed'\n   * | 'hoverAnchor'\n   * | 'manual';\n   * ```\n   */\n  trigger: TooltipTrigger;\n\n  /**\n   * Хэндлер, вызываемый при клике по крестику\n   */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n  /**\n   * Хэндлер, вызываемый при клике по крестику или\n   * снаружи тултипа\n   */\n  onCloseRequest?: () => void;\n\n  /**\n   * Хэндлер, вызываемый при закрытии тултипа\n   */\n  onClose?: () => void;\n\n  /**\n   * Хэндлер, вызываемый при открытии тултипа\n   */\n  onOpen?: () => void;\n\n  /**\n   * Список позиций, которые тултип будет занимать.\n   * Если положение тултипа в определенной позиции\n   * будет выходить за край экрана, то будет выбрана\n   * следующая позиция. Обязательно должен включать\n   * позицию указанную в `pos`\n   *\n   * ```ts\n   * type PopupPosition =\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   */\n  allowedPositions: PopupPosition[];\n\n  /**\n   * Флаг отключения анимации.\n   * @default false\n   */\n  disableAnimations: boolean;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   *\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.\n   */\n  useWrapper: boolean;\n}\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n\n  public static propTypes = {\n    children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\n      const children = props[propName];\n      warning(\n        children || props.anchorElement,\n        `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\n      );\n      warning(\n        !(Array.isArray(children) && props.useWrapper === false),\n        `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\n      );\n    },\n  };\n\n  public static defaultProps = {\n    pos: 'top left',\n    trigger: 'hover',\n    allowedPositions: Positions,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    closeOnChildrenMouseLeave: false,\n  };\n\n  public static delay = 100;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private theme!: Theme;\n  private hoverTimeout: Nullable<number> = null;\n  private contentElement: Nullable<HTMLElement> = null;\n  private positions: Nullable<PopupPosition[]> = null;\n  private clickedOutside = true;\n\n  public UNSAFE_componentWillReceiveProps(nextProps: TooltipProps) {\n    if (nextProps.trigger === 'closed') {\n      this.close();\n    }\n\n    const { allowedPositions, pos } = this.props;\n    const posChanged = nextProps.pos !== pos;\n    const allowedChanged = !isEqual(nextProps.allowedPositions, allowedPositions);\n\n    if (posChanged || allowedChanged) {\n      this.positions = null;\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.tooltipPinOffset,\n                  popupMargin: theme.tooltipMargin,\n                  popupBorder: theme.tooltipBorder,\n                  popupBorderRadius: theme.tooltipBorderRadius,\n                  popupPinSize: theme.tooltipPinSize,\n                  popupPinOffsetX: theme.tooltipPinOffsetX,\n                  popupPinOffsetY: theme.tooltipPinOffsetY,\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 (content == null) {\n      return null;\n    }\n\n    return (\n      <div ref={this.refContent} className={styles.tooltipContent(this.theme)}>\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.props.trigger)\n        : this.props.closeButton;\n\n    if (!hasCross) {\n      return null;\n    }\n\n    return (\n      <div className={styles.cross(this.theme)} onClick={this.handleCloseButtonClick}>\n        <CrossIcon />\n      </div>\n    );\n  }\n\n  /**\n   * Программно открывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public show() {\n    if (this.state.opened) return;\n    if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {\n      warning(true, `Function 'show' is not supported with trigger specified '${this.props.trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Программно закрывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public hide() {\n    if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {\n      warning(true, `Function 'hide' is not supported with trigger specified '${this.props.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.getProps();\n    const anchorElement = props.children || props.anchorElement;\n    const popup = this.renderPopup(anchorElement, popupProps, content);\n\n    return <RenderLayer {...layerProps}>{popup}</RenderLayer>;\n  }\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    return (\n      <CommonWrapper {...this.props}>\n        <Popup\n          anchorElement={anchorElement}\n          hasPin\n          hasShadow\n          maxWidth=\"none\"\n          opened={this.state.opened}\n          disableAnimations={this.props.disableAnimations}\n          positions={this.getPositions()}\n          ignoreHover={this.props.trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          tryPreserveFirstRenderedPosition\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPositions() {\n    if (!this.positions) {\n      const allowedPositions = this.props.allowedPositions;\n      const index = allowedPositions.indexOf(this.props.pos);\n      if (index === -1) {\n        throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));\n      }\n\n      this.positions = [...allowedPositions.slice(index), ...allowedPositions.slice(0, index)];\n    }\n\n    return this.positions;\n  }\n\n  private getProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && props.useWrapper;\n    switch (props.trigger) {\n      case 'opened':\n        return {\n          layerProps: {\n            active: true,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            opened: true,\n            useWrapper,\n          },\n        };\n\n      case 'closed':\n        return {\n          popupProps: {\n            opened: false,\n            useWrapper,\n          },\n        };\n\n      case 'hoverAnchor':\n      case 'hover':\n        return {\n          popupProps: {\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n      case 'manual':\n        return {\n          popupProps: {\n            useWrapper,\n          },\n        };\n      case 'click':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onClick: this.handleClick,\n            useWrapper,\n          },\n        };\n\n      case 'focus':\n        return {\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            useWrapper,\n          },\n        };\n\n      case 'hover&focus':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n\n      default:\n        throw new Error('Unknown trigger specified: ' + props.trigger);\n    }\n  }\n\n  private open = () => this.setState({ opened: true });\n\n  private close = () => this.setState({ opened: false });\n\n  private clearHoverTimeout() {\n    if (this.hoverTimeout) {\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    const isHoverAnchor = this.props.trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    this.hoverTimeout = window.setTimeout(this.open, Tooltip.delay);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    if (\n      (this.props.trigger === 'hover&focus' && this.state.focused) ||\n      (this.props.trigger === 'hover' && event.relatedTarget === this.contentElement)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (this.props.trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = window.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();\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && event.target instanceof 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    if (this.props.trigger === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (this.props.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();\n    }\n\n    this.close();\n  };\n}\n"]}
+{"version":3,"sources":["Tooltip.tsx"],"names":["React","warning","isEqual","ThemeFactory","DefaultPosition","Popup","RenderLayer","CrossIcon","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","getRootNode","rootNode","styles","Positions","Tooltip","state","opened","focused","theme","hoverTimeout","contentElement","positions","clickedOutside","setRootNode","renderContent","content","props","render","refContent","tooltipContent","renderCloseButton","getRenderLayerAnchorElement","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","window","setTimeout","delay","handleMouseLeave","relatedTarget","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","componentDidUpdate","prevProps","allowedPositions","pos","posChanged","allowedChanged","componentWillUnmount","create","popupPinOffset","tooltipPinOffset","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","cross","show","hide","getProps","popupProps","layerProps","active","anchorElement","children","popup","renderPopup","disableAnimations","getPositions","onOpen","onClose","index","indexOf","Error","join","slice","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onClick","onFocus","onBlur","clearTimeout","Element","PureComponent","__KONTUR_REACT_UI__","propTypes","propName","componentName","Array","isArray","defaultProps","closeOnChildrenMouseLeave"],"mappings":"iPAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,SAApB;AACA,OAAOC,OAAP,MAAoB,gBAApB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,eAAT,EAA0BC,KAA1B,QAAuE,sBAAvE;AACA,SAASC,WAAT,QAA8C,4BAA9C;AACA,SAASC,SAAT,QAA0B,gCAA1B;;;AAGA,SAASC,+BAAT,QAAgD,8BAAhD;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAoD,oBAApD;;AAEA,SAASC,MAAT,QAAuB,kBAAvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqHA,IAAMC,SAA+B,GAAG;AACtC,cADsC;AAEtC,cAFsC;AAGtC,WAHsC;AAItC,WAJsC;AAKtC,YALsC;AAMtC,UANsC;AAOtC,UAPsC;AAQtC,aARsC;AAStC,aATsC;AAUtC,aAVsC;AAWtC,eAXsC;AAYtC,cAZsC,CAAxC;;;;AAgBA,WAAaC,OAAb,GADCH,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BSI,IAAAA,KA7BT,GA6B+B,EAAEC,MAAM,EAAE,KAAV,EAAiBC,OAAO,EAAE,KAA1B,EA7B/B;AA8BUC,IAAAA,KA9BV;AA+BUC,IAAAA,YA/BV,GA+B2C,IA/B3C;AAgCUC,IAAAA,cAhCV,GAgCkD,IAhClD;AAiCUC,IAAAA,SAjCV,GAiCsD,IAjCtD;AAkCUC,IAAAA,cAlCV,GAkC2B,IAlC3B;AAmCUC,IAAAA,WAnCV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFSC,IAAAA,aAnFT,GAmFyB,YAAM;AAC3B,UAAMC,OAAO,GAAG,MAAKC,KAAL,CAAWC,MAAX,GAAoB,MAAKD,KAAL,CAAWC,MAAX,EAApB,GAA0C,IAA1D;AACA,UAAIF,OAAO,IAAI,IAAf,EAAqB;AACnB,eAAO,IAAP;AACD;;AAED;AACE,qCAAK,GAAG,EAAE,MAAKG,UAAf,EAA2B,SAAS,EAAEhB,MAAM,CAACiB,cAAP,CAAsB,MAAKX,KAA3B,CAAtC;AACGO,QAAAA,OADH;AAEG,cAAKK,iBAAL,EAFH,CADF;;;AAMD,KA/FH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JUC,IAAAA,2BA3JV,GA2JwC,YAAM;AAC1C,aAAOrB,WAAW,+BAAlB;AACD,KA7JH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0LUkB,IAAAA,UA1LV,GA0LuB,UAACI,IAAD,EAA8B;AACjD,YAAKZ,cAAL,GAAsBY,IAAtB;AACD,KA5LH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+RUC,IAAAA,IA/RV,GA+RiB,oBAAM,MAAKC,QAAL,CAAc,EAAElB,MAAM,EAAE,IAAV,EAAd,CAAN,EA/RjB;;AAiSUmB,IAAAA,KAjSV,GAiSkB,oBAAM,MAAKD,QAAL,CAAc,EAAElB,MAAM,EAAE,KAAV,EAAd,CAAN,EAjSlB;;;;;;;;;AA0SUoB,IAAAA,gBA1SV,GA0S6B,UAACC,KAAD,EAA2B;AACpD,UAAMC,aAAa,GAAG,MAAKZ,KAAL,CAAWa,OAAX,KAAuB,aAA7C;AACA,UAAID,aAAa,IAAID,KAAK,CAACG,MAAN,KAAiB,MAAKpB,cAA3C,EAA2D;AACzD;AACD;;AAED,YAAKqB,iBAAL;;AAEA,YAAKtB,YAAL,GAAoBuB,MAAM,CAACC,UAAP,CAAkB,MAAKV,IAAvB,EAA6BnB,OAAO,CAAC8B,KAArC,CAApB;AACD,KAnTH;;AAqTUC,IAAAA,gBArTV,GAqT6B,UAACR,KAAD,EAA2B;AACpD;AACG,YAAKX,KAAL,CAAWa,OAAX,KAAuB,aAAvB,IAAwC,MAAKxB,KAAL,CAAWE,OAApD;AACC,YAAKS,KAAL,CAAWa,OAAX,KAAuB,OAAvB,IAAkCF,KAAK,CAACS,aAAN,KAAwB,MAAK1B,cAFlE;AAGE;AACA;AACD;;AAED,YAAKqB,iBAAL;;AAEA,UAAI,MAAKf,KAAL,CAAWa,OAAX,KAAuB,aAA3B,EAA0C;AACxC,cAAKJ,KAAL;AACD,OAFD,MAEO;AACL,cAAKhB,YAAL,GAAoBuB,MAAM,CAACC,UAAP,CAAkB,MAAKR,KAAvB,EAA8BrB,OAAO,CAAC8B,KAAtC,CAApB;AACD;AACF,KApUH;;AAsUUG,IAAAA,WAtUV,GAsUwB,YAAM;AAC1B,YAAKd,IAAL;AACD,KAxUH;;AA0UUe,IAAAA,wBA1UV,GA0UqC,UAACX,KAAD,EAAkB;AACnD,YAAKf,cAAL,GAAsB,MAAK2B,qBAAL,CAA2BZ,KAA3B,CAAtB;AACA,UAAI,MAAKf,cAAT,EAAyB;AACvB,YAAI,MAAKI,KAAL,CAAWwB,cAAf,EAA+B;AAC7B,gBAAKxB,KAAL,CAAWwB,cAAX;AACD;AACD,cAAKf,KAAL;AACD;AACF,KAlVH;;;;;;;;;;AA4VUgB,IAAAA,WA5VV,GA4VwB,YAAM;AAC1B,YAAKjB,QAAL,CAAc,EAAEjB,OAAO,EAAE,IAAX,EAAd;AACA,YAAKgB,IAAL;AACD,KA/VH;;AAiWUmB,IAAAA,UAjWV,GAiWuB,YAAM;AACzB,UAAI,MAAK1B,KAAL,CAAWa,OAAX,KAAuB,aAAvB,IAAwC,MAAKjB,cAAjD,EAAiE;AAC/D,cAAKa,KAAL;AACD;;AAED,UAAI,MAAKT,KAAL,CAAWa,OAAX,KAAuB,OAA3B,EAAoC;AAClC,cAAKJ,KAAL;AACD;;AAED,YAAKb,cAAL,GAAsB,IAAtB;AACA,YAAKY,QAAL,CAAc,EAAEjB,OAAO,EAAE,KAAX,EAAd;AACD,KA5WH;;AA8WUoC,IAAAA,sBA9WV,GA8WmC,UAAChB,KAAD,EAA0C;AACzEA,MAAAA,KAAK,CAACiB,eAAN;;AAEA,UAAI,MAAK5B,KAAL,CAAW6B,YAAf,EAA6B;AAC3B,cAAK7B,KAAL,CAAW6B,YAAX,CAAwBlB,KAAxB;AACD;;AAED,UAAIA,KAAK,CAACmB,gBAAV,EAA4B;AAC1B;AACD;;AAED,UAAI,MAAK9B,KAAL,CAAWwB,cAAf,EAA+B;AAC7B,cAAKxB,KAAL,CAAWwB,cAAX;AACD;;AAED,YAAKf,KAAL;AACD,KA9XH,qDAqCSsB,kBArCT,GAqCE,4BAA0BC,SAA1B,EAAmD,CACjD,IAAI,KAAKhC,KAAL,CAAWa,OAAX,KAAuB,QAAvB,IAAmC,KAAKxB,KAAL,CAAWC,MAAlD,EAA0D,CACxD,KAAKmB,KAAL,GACD,CAHgD,kBAKf,KAAKT,KALU,CAKzCiC,gBALyC,eAKzCA,gBALyC,CAKvBC,GALuB,eAKvBA,GALuB,CAMjD,IAAMC,UAAU,GAAGH,SAAS,CAACE,GAAV,KAAkBA,GAArC,CACA,IAAME,cAAc,GAAG,CAAC9D,OAAO,CAAC0D,SAAS,CAACC,gBAAX,EAA6BA,gBAA7B,CAA/B,CAEA,IAAIE,UAAU,IAAIC,cAAlB,EAAkC,CAChC,KAAKzC,SAAL,GAAiB,IAAjB,CACD,CACF,CAjDH,QAmDS0C,oBAnDT,GAmDE,gCAA8B,CAC5B,KAAKtB,iBAAL,GACD,CArDH,QAuDSd,MAvDT,GAuDE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACT,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,oBAAC,YAAD,CAAc,QAAd,IACE,KAAK,EAAEjB,YAAY,CAAC+D,MAAb,CACL,EACEC,cAAc,EAAE/C,KAAK,CAACgD,gBADxB,EAEEC,WAAW,EAAEjD,KAAK,CAACkD,aAFrB,EAGEC,WAAW,EAAEnD,KAAK,CAACoD,aAHrB,EAIEC,iBAAiB,EAAErD,KAAK,CAACsD,mBAJ3B,EAKEC,YAAY,EAAEvD,KAAK,CAACwD,cALtB,EAMEC,eAAe,EAAEzD,KAAK,CAAC0D,iBANzB,EAOEC,eAAe,EAAE3D,KAAK,CAAC4D,iBAPzB,EADK,EAUL5D,KAVK,CADT,IAcG,MAAI,CAAC6D,UAAL,EAdH,CADF,CAkBD,CArBH,CADF,CAyBD,CAjFH,QAiGSjD,iBAjGT,GAiGE,6BAA2B,CACzB,IAAMkD,QAAQ,GACZ,KAAKtD,KAAL,CAAWuD,WAAX,KAA2BC,SAA3B,GACI,CAACpE,OAAO,CAACqE,0BAAR,CAAmCC,QAAnC,CAA4C,KAAK1D,KAAL,CAAWa,OAAvD,CADL,GAEI,KAAKb,KAAL,CAAWuD,WAHjB,CAKA,IAAI,CAACD,QAAL,EAAe,CACb,OAAO,IAAP,CACD,CAED,oBACE,6BAAK,SAAS,EAAEpE,MAAM,CAACyE,KAAP,CAAa,KAAKnE,KAAlB,CAAhB,EAA0C,OAAO,EAAE,KAAKmC,sBAAxD,iBACE,oBAAC,SAAD,OADF,CADF,CAKD,CAhHH,CAkHE;AACF;AACA;AACA;AACA,KAtHA,QAuHSiC,IAvHT,GAuHE,gBAAc,CACZ,IAAI,KAAKvE,KAAL,CAAWC,MAAf,EAAuB,OACvB,IAAI,KAAKU,KAAL,CAAWa,OAAX,KAAuB,QAAvB,IAAmC,KAAKb,KAAL,CAAWa,OAAX,KAAuB,QAA9D,EAAwE,CACtExC,OAAO,CAAC,IAAD,gEAAmE,KAAK2B,KAAL,CAAWa,OAA9E,OAAP,CACA,OACD,CACD,KAAKN,IAAL,GACD,CA9HH,CAgIE;AACF;AACA;AACA;AACA,KApIA,QAqISsD,IArIT,GAqIE,gBAAc,CACZ,IAAI,KAAK7D,KAAL,CAAWa,OAAX,KAAuB,QAAvB,IAAmC,KAAKb,KAAL,CAAWa,OAAX,KAAuB,QAA9D,EAAwE,CACtExC,OAAO,CAAC,IAAD,gEAAmE,KAAK2B,KAAL,CAAWa,OAA9E,OAAP,CACA,OACD,CACD,KAAKJ,KAAL,GACD,CA3IH,QA6IU4C,UA7IV,GA6IE,sBAAqB,CACnB,IAAMrD,KAAK,GAAG,KAAKA,KAAnB,CACA,IAAMD,OAAO,GAAG,KAAKD,aAAL,EAAhB,CAFmB,qBAGoC,KAAKgE,QAAL,EAHpC,CAGXC,UAHW,kBAGXA,UAHW,wCAGCC,UAHD,CAGCA,UAHD,sCAGc,EAAEC,MAAM,EAAE,KAAV,EAHd,yBAInB,IAAMC,aAAa,GAAGlE,KAAK,CAACmE,QAAN,IAAkBnE,KAAK,CAACkE,aAA9C,CACA,IAAME,KAAK,GAAG,KAAKC,WAAL,CAAiBH,aAAjB,EAAgCH,UAAhC,EAA4ChE,OAA5C,CAAd,CAEA,oBACE,oBAAC,WAAD,eAAiBiE,UAAjB,IAA6B,gBAAgB,EAAE,KAAK3D,2BAApD,KACG+D,KADH,CADF,CAKD,CAzJH,QA+JUC,WA/JV,GA+JE,qBACEH,aADF,EAEEH,UAFF,EAGEhE,OAHF,EAIE,CACA,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKF,WAAjC,IAAkD,KAAKG,KAAvD,gBACE,oBAAC,KAAD,aACE,aAAa,EAAEkE,aADjB,EAEE,MAAM,MAFR,EAGE,SAAS,MAHX,EAIE,QAAQ,EAAC,MAJX,EAKE,MAAM,EAAE,KAAK7E,KAAL,CAAWC,MALrB,EAME,iBAAiB,EAAE,KAAKU,KAAL,CAAWsE,iBANhC,EAOE,SAAS,EAAE,KAAKC,YAAL,EAPb,EAQE,WAAW,EAAE,KAAKvE,KAAL,CAAWa,OAAX,KAAuB,aARtC,EASE,MAAM,EAAE,KAAKb,KAAL,CAAWwE,MATrB,EAUE,OAAO,EAAE,KAAKxE,KAAL,CAAWyE,OAVtB,EAWE,gCAAgC,MAXlC,IAYMV,UAZN,GAcGhE,OAdH,CADF,CADF,CAoBD,CAxLH,QA8LUwE,YA9LV,GA8LE,wBAAuB,CACrB,IAAI,CAAC,KAAK5E,SAAV,EAAqB,CACnB,IAAMsC,gBAAgB,GAAG,KAAKjC,KAAL,CAAWiC,gBAApC,CACA,IAAMyC,KAAK,GAAGzC,gBAAgB,CAAC0C,OAAjB,CAAyB,KAAK3E,KAAL,CAAWkC,GAApC,CAAd,CACA,IAAIwC,KAAK,KAAK,CAAC,CAAf,EAAkB,CAChB,MAAM,IAAIE,KAAJ,CAAU,6DAA6D3C,gBAAgB,CAAC4C,IAAjB,CAAsB,IAAtB,CAAvE,CAAN,CACD,CAED,KAAKlF,SAAL,aAAqBsC,gBAAgB,CAAC6C,KAAjB,CAAuBJ,KAAvB,CAArB,EAAuDzC,gBAAgB,CAAC6C,KAAjB,CAAuB,CAAvB,EAA0BJ,KAA1B,CAAvD,EACD,CAED,OAAO,KAAK/E,SAAZ,CACD,CA1MH,QA4MUmE,QA5MV,GA4ME,oBAGE,CACA,IAAM9D,KAAK,GAAG,KAAKA,KAAnB,CACA,IAAM+E,UAAU,GAAG,CAAC,CAAC/E,KAAK,CAACmE,QAAR,IAAoBnE,KAAK,CAAC+E,UAA7C,CACA,QAAQ/E,KAAK,CAACa,OAAd,GACE,KAAK,QAAL,CACE,OAAO,EACLmD,UAAU,EAAE,EACVC,MAAM,EAAE,IADE,EAEVe,cAAc,EAAE,KAAK1D,wBAFX,EADP,EAKLyC,UAAU,EAAE,EACVzE,MAAM,EAAE,IADE,EAEVyF,UAAU,EAAVA,UAFU,EALP,EAAP,CAWF,KAAK,QAAL,CACE,OAAO,EACLhB,UAAU,EAAE,EACVzE,MAAM,EAAE,KADE,EAEVyF,UAAU,EAAVA,UAFU,EADP,EAAP,CAOF,KAAK,aAAL,CACA,KAAK,OAAL,CACE,OAAO,EACLhB,UAAU,EAAE,EACVkB,YAAY,EAAE,KAAKvE,gBADT,EAEVwE,YAAY,EAAE,KAAK/D,gBAFT,EAGV4D,UAAU,EAAVA,UAHU,EADP,EAAP,CAOF,KAAK,QAAL,CACE,OAAO,EACLhB,UAAU,EAAE,EACVgB,UAAU,EAAVA,UADU,EADP,EAAP,CAKF,KAAK,OAAL,CACE,OAAO,EACLf,UAAU,EAAE,EACVC,MAAM,EAAE,KAAK5E,KAAL,CAAWC,MADT,EAEV0F,cAAc,EAAE,KAAK1D,wBAFX,EADP,EAKLyC,UAAU,EAAE,EACVoB,OAAO,EAAE,KAAK9D,WADJ,EAEV0D,UAAU,EAAVA,UAFU,EALP,EAAP,CAWF,KAAK,OAAL,CACE,OAAO,EACLhB,UAAU,EAAE,EACVqB,OAAO,EAAE,KAAK3D,WADJ,EAEV4D,MAAM,EAAE,KAAK3D,UAFH,EAGVqD,UAAU,EAAVA,UAHU,EADP,EAAP,CAQF,KAAK,aAAL,CACE,OAAO,EACLf,UAAU,EAAE,EACVC,MAAM,EAAE,KAAK5E,KAAL,CAAWC,MADT,EAEV0F,cAAc,EAAE,KAAK1D,wBAFX,EADP,EAKLyC,UAAU,EAAE,EACVqB,OAAO,EAAE,KAAK3D,WADJ,EAEV4D,MAAM,EAAE,KAAK3D,UAFH,EAGVuD,YAAY,EAAE,KAAKvE,gBAHT,EAIVwE,YAAY,EAAE,KAAK/D,gBAJT,EAKV4D,UAAU,EAAVA,UALU,EALP,EAAP,CAcF,QACE,MAAM,IAAIH,KAAJ,CAAU,gCAAgC5E,KAAK,CAACa,OAAhD,CAAN,CAzEJ,CA2ED,CA7RH,QAmSUE,iBAnSV,GAmSE,6BAA4B,CAC1B,IAAI,KAAKtB,YAAT,EAAuB,CACrB6F,YAAY,CAAC,KAAK7F,YAAN,CAAZ,CACA,KAAKA,YAAL,GAAoB,IAApB,CACD,CACF,CAxSH,QAoVU8B,qBApVV,GAoVE,+BAA8BZ,KAA9B,EAA4C,CAC1C,IAAI,KAAKjB,cAAL,IAAuBiB,KAAK,CAACG,MAAN,YAAwByE,OAAnD,EAA4D,CAC1D,OAAO,CAAC3G,+BAA+B,CAAC+B,KAAK,CAACG,MAAP,CAA/B,CAA8C,KAAKpB,cAAnD,CAAR,CACD,CAED,OAAO,IAAP,CACD,CA1VH,kBAA6BtB,KAAK,CAACoH,aAAnC,WACgBC,mBADhB,GACsC,SADtC,UAGgBC,SAHhB,GAG4B,EACxBvB,QADwB,oBACfnE,KADe,EACM2F,QADN,EACoCC,aADpC,EAC2D,CACjF,IAAMzB,QAAQ,GAAGnE,KAAK,CAAC2F,QAAD,CAAtB,CACAtH,OAAO,CACL8F,QAAQ,IAAInE,KAAK,CAACkE,aADb,QAED0B,aAFC,0EAEiFA,aAFjF,uBAAP,CAIAvH,OAAO,CACL,EAAEwH,KAAK,CAACC,OAAN,CAAc3B,QAAd,KAA2BnE,KAAK,CAAC+E,UAAN,KAAqB,KAAlD,CADK,QAEDa,aAFC,2HAAP,CAID,CAXuB,EAH5B,UAiBgBG,YAjBhB,GAiB+B,EAC3B7D,GAAG,EAAE1D,eADsB,EAE3BqC,OAAO,EAAE,OAFkB,EAG3BoB,gBAAgB,EAAE9C,SAHS,EAI3BmF,iBAAiB,EAAExF,SAJQ,EAK3BiG,UAAU,EAAE,KALe,EAM3BiB,yBAAyB,EAAE,KANA,EAjB/B,UA0BgB9E,KA1BhB,GA0BwB,GA1BxB,UA2BiBuC,0BA3BjB,GA2BgE,CAAC,OAAD,EAAU,aAAV,EAAyB,OAAzB,EAAkC,aAAlC,CA3BhE","sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport isEqual from 'lodash.isequal';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DefaultPosition, Popup, PopupProps, PopupPositionsType } from '../../internal/Popup';\nimport { RenderLayer, RenderLayerProps } from '../../internal/RenderLayer';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { Nullable } from '../../typings/utility-types';\nimport { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Tooltip.styles';\n\nexport type TooltipTrigger =\n  /** Наведение на children и на тултип */\n  | 'hover'\n  /** Клик на children */\n  | 'click'\n  /** Фокус на children */\n  | 'focus'\n  /** Наведение на children и на тултип и фокус на children */\n  | 'hover&focus'\n  /** Просто открыт */\n  | 'opened'\n  /** Просто закрыт */\n  | 'closed'\n  /** Наведение ТОЛЬКО на children, а не на тултип */\n  | 'hoverAnchor'\n  /** Управление через публичные функции show и hide */\n  | 'manual';\n\nexport interface TooltipProps extends CommonProps {\n  /**\n   * Относительно какого элемента позиционировать тултип\n   */\n  anchorElement?: HTMLElement;\n\n  /**\n   * Если не указан `anchorElement` то тултип будет позиционироваться\n   * относительно дочерних элементов\n   */\n  children?: React.ReactNode;\n\n  className?: string;\n\n  /**\n   * Показывать крестик для закрытия тултипа. По-умолчанию крестик\n   * показывается если проп *trigger* не `hover` и не `focus`.\n   */\n  closeButton?: boolean;\n\n  /**\n   * Функция, которая возвращает содержимое тултипа.\n   *\n   * Если эта функция вернула `null`, то тултип не показывается.\n   */\n  render?: Nullable<() => React.ReactNode>;\n\n  /**\n   * Значение по умолчанию: `\"top left\"`.\n   */\n  pos: PopupPositionsType;\n\n  /**\n   * Триггер открытия тултипа\n   * ```ts\n   * type TooltipTrigger =\n   * | 'hover'\n   * | 'click'\n   * | 'focus'\n   * | 'hover&focus'\n   * | 'opened'\n   * | 'closed'\n   * | 'hoverAnchor'\n   * | 'manual';\n   * ```\n   */\n  trigger: TooltipTrigger;\n\n  /**\n   * Хэндлер, вызываемый при клике по крестику\n   */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n  /**\n   * Хэндлер, вызываемый при клике по крестику или\n   * снаружи тултипа\n   */\n  onCloseRequest?: () => void;\n\n  /**\n   * Хэндлер, вызываемый при закрытии тултипа\n   */\n  onClose?: () => void;\n\n  /**\n   * Хэндлер, вызываемый при открытии тултипа\n   */\n  onOpen?: () => void;\n\n  /**\n   * Список позиций, которые тултип будет занимать.\n   * Если положение тултипа в определенной позиции\n   * будет выходить за край экрана, то будет выбрана\n   * следующая позиция. Обязательно должен включать\n   * позицию указанную в `pos`\n   */\n  allowedPositions: PopupPositionsType[];\n\n  /**\n   * Флаг отключения анимации.\n   * @default false\n   */\n  disableAnimations: boolean;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   *\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.\n   */\n  useWrapper: boolean;\n}\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nconst Positions: 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\n@rootNode\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n\n  public static propTypes = {\n    children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\n      const children = props[propName];\n      warning(\n        children || props.anchorElement,\n        `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\n      );\n      warning(\n        !(Array.isArray(children) && props.useWrapper === false),\n        `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\n      );\n    },\n  };\n\n  public static defaultProps = {\n    pos: DefaultPosition,\n    trigger: 'hover',\n    allowedPositions: Positions,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    closeOnChildrenMouseLeave: false,\n  };\n\n  public static delay = 100;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private theme!: Theme;\n  private hoverTimeout: Nullable<number> = null;\n  private contentElement: Nullable<HTMLElement> = null;\n  private positions: Nullable<PopupPositionsType[]> = null;\n  private clickedOutside = true;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate(prevProps: TooltipProps) {\n    if (this.props.trigger === 'closed' && this.state.opened) {\n      this.close();\n    }\n\n    const { allowedPositions, pos } = this.props;\n    const posChanged = prevProps.pos !== pos;\n    const allowedChanged = !isEqual(prevProps.allowedPositions, allowedPositions);\n\n    if (posChanged || allowedChanged) {\n      this.positions = null;\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.tooltipPinOffset,\n                  popupMargin: theme.tooltipMargin,\n                  popupBorder: theme.tooltipBorder,\n                  popupBorderRadius: theme.tooltipBorderRadius,\n                  popupPinSize: theme.tooltipPinSize,\n                  popupPinOffsetX: theme.tooltipPinOffsetX,\n                  popupPinOffsetY: theme.tooltipPinOffsetY,\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 (content == null) {\n      return null;\n    }\n\n    return (\n      <div ref={this.refContent} className={styles.tooltipContent(this.theme)}>\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.props.trigger)\n        : this.props.closeButton;\n\n    if (!hasCross) {\n      return null;\n    }\n\n    return (\n      <div className={styles.cross(this.theme)} onClick={this.handleCloseButtonClick}>\n        <CrossIcon />\n      </div>\n    );\n  }\n\n  /**\n   * Программно открывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public show() {\n    if (this.state.opened) return;\n    if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {\n      warning(true, `Function 'show' is not supported with trigger specified '${this.props.trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Программно закрывает тултип.\n   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>\n   * @public\n   */\n  public hide() {\n    if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {\n      warning(true, `Function 'hide' is not supported with trigger specified '${this.props.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.getProps();\n    const anchorElement = props.children || props.anchorElement;\n    const popup = this.renderPopup(anchorElement, popupProps, content);\n\n    return (\n      <RenderLayer {...layerProps} getAnchorElement={this.getRenderLayerAnchorElement}>\n        {popup}\n      </RenderLayer>\n    );\n  }\n\n  private getRenderLayerAnchorElement = () => {\n    return getRootNode(this);\n  };\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          anchorElement={anchorElement}\n          hasPin\n          hasShadow\n          maxWidth=\"none\"\n          opened={this.state.opened}\n          disableAnimations={this.props.disableAnimations}\n          positions={this.getPositions()}\n          ignoreHover={this.props.trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          tryPreserveFirstRenderedPosition\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPositions() {\n    if (!this.positions) {\n      const allowedPositions = this.props.allowedPositions;\n      const index = allowedPositions.indexOf(this.props.pos);\n      if (index === -1) {\n        throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));\n      }\n\n      this.positions = [...allowedPositions.slice(index), ...allowedPositions.slice(0, index)];\n    }\n\n    return this.positions;\n  }\n\n  private getProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && props.useWrapper;\n    switch (props.trigger) {\n      case 'opened':\n        return {\n          layerProps: {\n            active: true,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            opened: true,\n            useWrapper,\n          },\n        };\n\n      case 'closed':\n        return {\n          popupProps: {\n            opened: false,\n            useWrapper,\n          },\n        };\n\n      case 'hoverAnchor':\n      case 'hover':\n        return {\n          popupProps: {\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n      case 'manual':\n        return {\n          popupProps: {\n            useWrapper,\n          },\n        };\n      case 'click':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onClick: this.handleClick,\n            useWrapper,\n          },\n        };\n\n      case 'focus':\n        return {\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            useWrapper,\n          },\n        };\n\n      case 'hover&focus':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n\n      default:\n        throw new Error('Unknown trigger specified: ' + props.trigger);\n    }\n  }\n\n  private open = () => this.setState({ opened: true });\n\n  private close = () => this.setState({ opened: false });\n\n  private clearHoverTimeout() {\n    if (this.hoverTimeout) {\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    const isHoverAnchor = this.props.trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    this.hoverTimeout = window.setTimeout(this.open, Tooltip.delay);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    if (\n      (this.props.trigger === 'hover&focus' && this.state.focused) ||\n      (this.props.trigger === 'hover' && event.relatedTarget === this.contentElement)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (this.props.trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = window.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();\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && event.target instanceof 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    if (this.props.trigger === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (this.props.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();\n    }\n\n    this.close();\n  };\n}\n"]}

package/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopupPosition } from '../../internal/Popup';
+import { PopupPositionsType } from '../../internal/Popup';
 import { Nullable } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 export declare type TooltipTrigger = 
@@ -41,7 +41,10 @@ export interface TooltipProps extends CommonProps {
      * Если эта функция вернула `null`, то тултип не показывается.
      */
     render?: Nullable<() => React.ReactNode>;
-    pos: PopupPosition;
+    /**
+     * Значение по умолчанию: `"top left"`.
+     */
+    pos: PopupPositionsType;
     /**
      * Триггер открытия тултипа
      * ```ts
@@ -80,24 +83,8 @@ export interface TooltipProps extends CommonProps {
      * будет выходить за край экрана, то будет выбрана
      * следующая позиция. Обязательно должен включать
      * позицию указанную в `pos`
-     *
-     * ```ts
-     * type PopupPosition =
-     *   'right bottom',
-     * | 'right middle',
-     * | 'right top',
-     * | 'top right',
-     * | 'top center',
-     * | 'top left',
-     * | 'left top',
-     * | 'left middle',
-     * | 'left bottom',
-     * | 'bottom left',
-     * | 'bottom center',
-     * | 'bottom right'
-     * ```
      */
-    allowedPositions: PopupPosition[];
+    allowedPositions: PopupPositionsType[];
     /**
      * Флаг отключения анимации.
      * @default false
@@ -120,9 +107,9 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
         children(props: TooltipProps, propName: keyof TooltipProps, componentName: string): void;
     };
     static defaultProps: {
-        pos: string;
+        pos: "top left";
         trigger: string;
-        allowedPositions: PopupPosition[];
+        allowedPositions: ("top left" | "top center" | "top right" | "right top" | "right middle" | "right bottom" | "bottom right" | "bottom center" | "bottom left" | "left bottom" | "left middle" | "left top")[];
         disableAnimations: boolean;
         useWrapper: boolean;
         closeOnChildrenMouseLeave: boolean;
@@ -135,7 +122,8 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     private contentElement;
     private positions;
     private clickedOutside;
-    UNSAFE_componentWillReceiveProps(nextProps: TooltipProps): void;
+    private setRootNode;
+    componentDidUpdate(prevProps: TooltipProps): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
     renderContent: () => JSX.Element | null;
@@ -153,6 +141,7 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
      */
     hide(): void;
     private renderMain;
+    private getRenderLayerAnchorElement;
     private renderPopup;
     private refContent;
     private getPositions;

package/components/TooltipMenu/TooltipMenu/TooltipMenu.js

@@ -1,29 +1,35 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { PopupMenu } from "../../../internal/PopupMenu";
 import { isProductionEnv, isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+export
 /**
- * Меню, раскрывающееся по клику на переданный в `caption` элемент.
- *
- * Положение меню задаётся с помощью массива `positions` и работает так:
- * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
- * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
- *
- * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
- *
- * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
- */
-
-export var TooltipMenu = /*#__PURE__*/function (_React$Component) {
+* Меню, раскрывающееся по клику на переданный в `caption` элемент.
+*
+* Положение меню задаётся с помощью массива `positions` и работает так:
+* первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
+* если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
+*
+* Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
+*
+* Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
+*/
+var TooltipMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TooltipMenu, _React$Component);
 
   function TooltipMenu(props) {
     var _this;
 
     _this = _React$Component.call(this, props) || this;
+    _this.setRootNode = void 0;
 
     if (!props.caption && !isProductionEnv) {
       throw new Error('Prop "caption" is required!!!');
@@ -53,7 +59,9 @@ export var TooltipMenu = /*#__PURE__*/function (_React$Component) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(PopupMenu, {
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(PopupMenu, {
       menuMaxHeight: this.props.menuMaxHeight,
       menuWidth: this.props.menuWidth,
       caption: this.props.caption,
@@ -66,8 +74,6 @@ export var TooltipMenu = /*#__PURE__*/function (_React$Component) {
   };
 
   return TooltipMenu;
-}(React.Component);
-TooltipMenu.__KONTUR_REACT_UI__ = 'TooltipMenu';
-TooltipMenu.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'TooltipMenu', _class2.defaultProps = {
   disableAnimations: isTestEnv
-};
+}, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["TooltipMenu.tsx"],"names":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","TooltipMenu","props","caption","Error","render","theme","create","popupPinOffset","tooltipMenuPinOffset","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","menuMaxHeight","menuWidth","header","footer","positions","disableAnimations","children","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0C,0BAA1C;;AAEA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;;AAGA,SAAsBC,aAAtB,QAA2C,8BAA3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,WAAb;;;;;;AAME,uBAAYC,KAAZ,EAAqC;AACnC,wCAAMA,KAAN;;AAEA,QAAI,CAACA,KAAK,CAACC,OAAP,IAAkB,CAACL,eAAvB,EAAwC;AACtC,YAAM,IAAIM,KAAJ,CAAU,+BAAV,CAAN;AACD,KALkC;AAMpC,GAZH;;AAcSC,EAAAA,MAdT,GAcE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV;AACE,8BAAC,YAAD,CAAc,QAAd;AACE,YAAA,KAAK,EAAEX,YAAY,CAACY,MAAb;AACL;AACEC,cAAAA,cAAc,EAAEF,KAAK,CAACG,oBADxB;AAEEC,cAAAA,WAAW,EAAEJ,KAAK,CAACK,iBAFrB;AAGEC,cAAAA,YAAY,EAAEN,KAAK,CAACO,kBAHtB,EADK;;AAMLP,YAAAA,KANK,CADT;;;AAUG,UAAA,MAAI,CAACQ,UAAL,EAVH,CADF;;;AAcD,OAhBH,CADF;;;AAoBD,GAnCH;;AAqCSA,EAAAA,UArCT,GAqCE,sBAAoB;AAClB,QAAI,CAAC,KAAKZ,KAAL,CAAWC,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED;AACE,0BAAC,aAAD,EAAmB,KAAKD,KAAxB;AACE,0BAAC,SAAD;AACE,QAAA,aAAa,EAAE,KAAKA,KAAL,CAAWa,aAD5B;AAEE,QAAA,SAAS,EAAE,KAAKb,KAAL,CAAWc,SAFxB;AAGE,QAAA,OAAO,EAAE,KAAKd,KAAL,CAAWC,OAHtB;AAIE,QAAA,MAAM,EAAE,KAAKD,KAAL,CAAWe,MAJrB;AAKE,QAAA,MAAM,EAAE,KAAKf,KAAL,CAAWgB,MALrB;AAME,QAAA,SAAS,EAAE,KAAKhB,KAAL,CAAWiB,SANxB;AAOE,QAAA,WAAW,EAAE,IAPf;AAQE,QAAA,iBAAiB,EAAE,KAAKjB,KAAL,CAAWkB,iBARhC;;AAUG,WAAKlB,KAAL,CAAWmB,QAVd,CADF,CADF;;;;AAgBD,GA1DH,sBAAiC3B,KAAK,CAAC4B,SAAvC,EAAarB,W,CACGsB,mB,GAAsB,a,CADzBtB,W,CAGGuB,Y,GAAe,EAC3BJ,iBAAiB,EAAErB,SADQ,E","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { MenuHeaderProps } from '../MenuHeader';\nimport { PopupPosition } from '../../internal/Popup';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;\n\nexport interface TooltipMenuProps extends CommonProps {\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо `caption`,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n  /**\n   * Произвольный элемент, который будет отрендерен в шапке меню.\n   *\n   * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).\n   */\n  footer?: React.ReactNode;\n  /**  Список позиций доступных для расположения выпадашки относительно `caption`.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   */\n  positions?: PopupPosition[];\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n}\n\n/**\n * Меню, раскрывающееся по клику на переданный в `caption` элемент.\n *\n * Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n *\n * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n *\n * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n\n  public static defaultProps = {\n    disableAnimations: isTestEnv,\n  };\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.tooltipMenuPinOffset,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <PopupMenu\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          positions={this.props.positions}\n          popupHasPin={true}\n          disableAnimations={this.props.disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["TooltipMenu.tsx"],"names":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","TooltipMenu","props","setRootNode","caption","Error","render","theme","create","popupPinOffset","tooltipMenuPinOffset","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","menuMaxHeight","menuWidth","header","footer","positions","disableAnimations","children","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0C,0BAA1C;;AAEA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;;AAGA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,QAAT,QAAuC,oBAAvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,OAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAEA,IAAaC,WAAb,GADCD,QACD,qHAOE,qBAAYE,KAAZ,EAAqC,WACnC,oCAAMA,KAAN,UADmC,MAL7BC,WAK6B,UAGnC,IAAI,CAACD,KAAK,CAACE,OAAP,IAAkB,CAACP,eAAvB,EAAwC;AACtC,YAAM,IAAIQ,KAAJ,CAAU,+BAAV,CAAN;AACD,KALkC;AAMpC,GAbH;;AAeSC,EAAAA,MAfT,GAeE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV;AACE,8BAAC,YAAD,CAAc,QAAd;AACE,YAAA,KAAK,EAAEb,YAAY,CAACc,MAAb;AACL;AACEC,cAAAA,cAAc,EAAEF,KAAK,CAACG,oBADxB;AAEEC,cAAAA,WAAW,EAAEJ,KAAK,CAACK,iBAFrB;AAGEC,cAAAA,YAAY,EAAEN,KAAK,CAACO,kBAHtB,EADK;;AAMLP,YAAAA,KANK,CADT;;;AAUG,UAAA,MAAI,CAACQ,UAAL,EAVH,CADF;;;AAcD,OAhBH,CADF;;;AAoBD,GApCH;;AAsCSA,EAAAA,UAtCT,GAsCE,sBAAoB;AAClB,QAAI,CAAC,KAAKb,KAAL,CAAWE,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED;AACE,0BAAC,aAAD,aAAe,WAAW,EAAE,KAAKD,WAAjC,IAAkD,KAAKD,KAAvD;AACE,0BAAC,SAAD;AACE,QAAA,aAAa,EAAE,KAAKA,KAAL,CAAWc,aAD5B;AAEE,QAAA,SAAS,EAAE,KAAKd,KAAL,CAAWe,SAFxB;AAGE,QAAA,OAAO,EAAE,KAAKf,KAAL,CAAWE,OAHtB;AAIE,QAAA,MAAM,EAAE,KAAKF,KAAL,CAAWgB,MAJrB;AAKE,QAAA,MAAM,EAAE,KAAKhB,KAAL,CAAWiB,MALrB;AAME,QAAA,SAAS,EAAE,KAAKjB,KAAL,CAAWkB,SANxB;AAOE,QAAA,WAAW,EAAE,IAPf;AAQE,QAAA,iBAAiB,EAAE,KAAKlB,KAAL,CAAWmB,iBARhC;;AAUG,WAAKnB,KAAL,CAAWoB,QAVd,CADF,CADF;;;;AAgBD,GA3DH,sBAAiC7B,KAAK,CAAC8B,SAAvC,WACgBC,mBADhB,GACsC,aADtC,UAIgBC,YAJhB,GAI+B,EAC3BJ,iBAAiB,EAAEvB,SADQ,EAJ/B","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { MenuHeaderProps } from '../MenuHeader';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;\n\nexport interface TooltipMenuProps extends CommonProps {\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо `caption`,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n  /**\n   * Произвольный элемент, который будет отрендерен в шапке меню.\n   *\n   * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).\n   */\n  footer?: React.ReactNode;\n  /**  Список позиций доступных для расположения выпадашки относительно `caption`.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   */\n  positions?: PopupPositionsType[];\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n}\n\n/**\n * Меню, раскрывающееся по клику на переданный в `caption` элемент.\n *\n * Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n *\n * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n *\n * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps = {\n    disableAnimations: isTestEnv,\n  };\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.tooltipMenuPinOffset,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          positions={this.props.positions}\n          popupHasPin={true}\n          disableAnimations={this.props.disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

package/components/TooltipMenu/TooltipMenu.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { PopupMenuProps } from '../../internal/PopupMenu';
 import { MenuItemProps } from '../MenuItem';
 import { MenuHeaderProps } from '../MenuHeader';
-import { PopupPosition } from '../../internal/Popup';
+import { PopupPositionsType } from '../../internal/Popup';
 import { CommonProps } from '../../internal/CommonWrapper';
 export declare type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;
 export interface TooltipMenuProps extends CommonProps {
@@ -36,7 +36,7 @@ export interface TooltipMenuProps extends CommonProps {
      *
      * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
      */
-    positions?: PopupPosition[];
+    positions?: PopupPositionsType[];
     /**
      * Не показывать анимацию
      */
@@ -55,6 +55,7 @@ export interface TooltipMenuProps extends CommonProps {
  */
 export declare class TooltipMenu extends React.Component<TooltipMenuProps> {
     static __KONTUR_REACT_UI__: string;
+    private setRootNode;
     static defaultProps: {
         disableAnimations: boolean;
     };