@skbkontur/react-ui 0.0.0-9294639913 → 0.0.0-94b82022e5

package/cjs/internal/Popup/PopupPin.js

@@ -1,21 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PopupPin = void 0;var _extends6 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PopupPin = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _warning = _interopRequireDefault(require("warning"));
 
 
+var _Emotion = require("../../lib/theming/Emotion");
 
 
 var _PopupHelper = require("./PopupHelper");
 var _PopupPin2 = require("./PopupPin.styles");
-var _Popup = require("./Popup");
+var _Popup = require("./Popup");var
 
-var borderStyles = {
-  position: 'absolute',
-  borderStyle: 'solid',
-  borderTopColor: 'transparent',
-  borderBottomColor: 'transparent',
-  borderLeftColor: 'transparent',
-  borderRightColor: 'transparent'
-};var
 
 
 
@@ -37,6 +30,7 @@ var borderStyles = {
 
 
 
+PopupPin = exports.PopupPin = /*#__PURE__*/function (_React$Component) {function PopupPin() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -50,253 +44,156 @@ var borderStyles = {
 
 
 
-PopupPin = exports.PopupPin = /*#__PURE__*/function (_React$Component) {function PopupPin() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(PopupPin, _React$Component);var _proto = PopupPin.prototype;_proto.
 
 
 
-  render = function render() {
-    if (!this.props.popupElement) {
-      return null;
-    }
 
-    var options = this.getPinOptions(
-      _PopupHelper.PopupHelper.getElementAbsoluteRect(this.props.popupElement),
-      _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition),
-      this.props.size,
-      this.props.offset,
-      this.props.borderWidth
-    );
 
-    var styleOuter = this.getOuterStyle(
-      options.activeBorder,
-      options.outerSize,
-      this.props.borderColor
-    );
 
-    var styleInner = this.getInnerStyle(
-      options.activeBorder,
-      this.props.size,
-      this.props.backgroundColor
-    );
 
-    var styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);
 
-    return /*#__PURE__*/(
-      _react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: _PopupPin2.styles.wrapper(), style: styleWrapper }, /*#__PURE__*/
-      _react.default.createElement("div", { style: styleOuter }, /*#__PURE__*/
-      _react.default.createElement("div", { style: styleInner })
-      )
-      ));
 
-  };_proto.
 
-  getPopupOppositeDirection = function getPopupOppositeDirection() {
-    var popupDirection = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition).direction;
-    switch (popupDirection) {
-      case 'top':
-        return 'bottom';
-      case 'bottom':
-        return 'top';
-      case 'left':
-        return 'right';
-      case 'right':
-        return 'left';
-      default:
-        (0, _warning.default)(
-          false, "Unknown direction " +
-          popupDirection + ". Must be one of - 'top', 'bottom', 'left', 'right'. Returning default value."
-        );
-        return 'bottom';
-    }
-  };_proto.
 
-  getWrapperStyle = function getWrapperStyle(left, top, borderWidth) {var _defaultWrapperStyle, _ref;
-    var direction = this.getPopupOppositeDirection();
 
-    var defaultWrapperStyle = (_defaultWrapperStyle = {}, _defaultWrapperStyle[
-    direction] = -borderWidth + 'px', _defaultWrapperStyle.
-    left = left + 'px', _defaultWrapperStyle.
-    width = borderWidth * 2 + 'px', _defaultWrapperStyle.
-    height = borderWidth + 'px', _defaultWrapperStyle);
 
 
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return defaultWrapperStyle;
-      case 'left':
-      case 'right':
-        return _ref = {}, _ref[
-        direction] = -borderWidth + 'px', _ref.
-        top = top + 'px', _ref.
-        height = borderWidth * 2 + 'px', _ref.
-        width = borderWidth + 'px', _ref;
-
-      default:
-        (0, _warning.default)(
-          false, "Unexpected direction '" +
-          direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'. Returning default value."
-        );
-        return defaultWrapperStyle;
-    }
-  };_proto.
-
-  getOuterStyle = function getOuterStyle(activeBorder, borderWitdth, borderColor) {var _extends2, _extends3;
-    var direction = this.getPopupOppositeDirection();
-
-    var defaultOuterStyle = (0, _extends6.default)({},
-    borderStyles, (_extends2 = {}, _extends2[
-    direction] = -borderWitdth + 'px', _extends2.
-    left = '0px', _extends2.
-    borderWidth = borderWitdth + 'px', _extends2[
-    'border' + activeBorder + 'Color'] = borderColor, _extends2));
-
-
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return defaultOuterStyle;
-      case 'left':
-      case 'right':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends3 = {}, _extends3[
-        direction] = -borderWitdth + 'px', _extends3.
-        top = '0px', _extends3.
-        borderWidth = borderWitdth + 'px', _extends3[
-        'border' + activeBorder + 'Color'] = borderColor, _extends3));
-
-      default:
-        (0, _warning.default)(
-          false, "Unexpected direction '" +
-          direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'. Returning default value."
-        );
-        return defaultOuterStyle;
-    }
-  };_proto.
-
-  getInnerStyle = function getInnerStyle(activeBorder, borderWitdth, borderColor) {var _extends4, _extends5;
-    var direction = this.getPopupOppositeDirection();
-
-    var defaultInnerStyle = (0, _extends6.default)({},
-    borderStyles, (_extends4 = {}, _extends4[
-    direction] = -borderWitdth + 2 + 'px', _extends4.
-    left = -borderWitdth + 'px', _extends4.
-    borderWidth = borderWitdth + 'px', _extends4[
-    'border' + activeBorder + 'Color'] = borderColor, _extends4));
-
-
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return defaultInnerStyle;
-      case 'left':
-      case 'right':
-        return (0, _extends6.default)({},
-        borderStyles, (_extends5 = {}, _extends5[
-        direction] = -borderWitdth + 2 + 'px', _extends5.
-        top = -borderWitdth + 'px', _extends5.
-        borderWidth = borderWitdth + 'px', _extends5[
-        'border' + activeBorder + 'Color'] = borderColor, _extends5));
-
-      default:
-        (0, _warning.default)(
-          false, "Unexpected direction '" +
-          direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'. Returning default value."
-        );
-        return defaultInnerStyle;
-    }
-  };_proto.
-
-  getPinOptions = function getPinOptions(
-  popupRect,
-  popupPosition,
-  pinSize,
-  pinOffset,
-  borderWidth)
-  {
-    var bordersDelta = 2 * borderWidth;
-    var outerSize = pinSize + bordersDelta;
-
-    var defaultOptions = {
-      outerTop: popupRect.height,
-      outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-      innerTop: -outerSize,
-      innerLeft: -outerSize + bordersDelta,
-      activeBorder: 'Top',
-      outerSize: outerSize
-    };
-
-    switch (popupPosition.direction) {
-      case 'top':
-        return defaultOptions;
-      case 'bottom':
-        return {
-          outerTop: -2 * outerSize,
-          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          innerTop: -outerSize + 2 * bordersDelta,
-          innerLeft: -outerSize + bordersDelta,
-          activeBorder: 'Bottom',
-          outerSize: outerSize
-        };
-      case 'left':
-        return {
-          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          outerLeft: popupRect.width,
-          innerTop: -outerSize + bordersDelta,
-          innerLeft: -outerSize,
-          activeBorder: 'Left',
-          outerSize: outerSize
-        };
-      case 'right':
-        return {
-          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          outerLeft: -2 * outerSize,
-          innerTop: -outerSize + bordersDelta,
-          innerLeft: -outerSize + 2 * bordersDelta,
-          activeBorder: 'Right',
-          outerSize: outerSize
-        };
-      default:
-        (0, _warning.default)(
-          false, "Unexpected align '" +
-          popupPosition.direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'. Returning default value."
-        );
-        return defaultOptions;
-    }
-  };_proto.
-
-  getPinTopCoordinate = function getPinTopCoordinate(popupRect, align, pinHeight, pinOffset) {
-    var defaultTopCoordinate = pinOffset;
-    switch (align) {
-      case 'top':
-        return defaultTopCoordinate;
-      case 'middle':
-        return popupRect.height / 2 - pinHeight;
-      case 'bottom':
-        return popupRect.height - pinOffset - 2 * pinHeight;
-      default:
-        (0, _warning.default)(
-          false, "Unexpected align '" +
-          align + "'. Must be one of - 'top', 'middle', 'bottom'. Returning default value."
-        );
-        return defaultTopCoordinate;
-    }
-  };_proto.
-
-  getPinLeftCoordinate = function getPinLeftCoordinate(popupRect, align, pinHeight, pinOffset) {
-    var defaultLetfCoordinate = popupRect.width / 2 - pinHeight;
-    switch (align) {
-      case 'left':
-        return pinOffset;
-      case 'center':
-        return defaultLetfCoordinate;
-      case 'right':
-        return popupRect.width - pinOffset - 2 * pinHeight;
-      default:
-        (0, _warning.default)(
-          false, "Unexpected align '" +
-          align + "'. Must be one of - 'left', 'center', 'right'. Returning default value."
-        );
-        return defaultLetfCoordinate;
-    }
-  };return PopupPin;}(_react.default.Component);PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.displayName = 'PopupPin';
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    getPinInlineStyle = function (left, top) {var _ref, _ref2;
+      var direction = _this.getPopupOppositeDirection();
+      if (!direction) {
+        return;
+      }
+
+      // Добавляем запас в 1px, чтобы пофиксить случайные отделения пинов
+      var correctedLeft = left - 1;
+      var correctedTop = top - 1;
+      var correctedSize = _this.props.size + 1;
+
+      switch (direction) {
+        case 'top':
+        case 'bottom':
+          return _ref = {}, _ref[
+          direction] = -_this.props.size + 'px', _ref.
+          left = correctedLeft + 'px', _ref.
+          width = correctedSize * 2 + 'px', _ref.
+          height = correctedSize + 'px', _ref.
+          backgroundColor = _this.props.backgroundColor, _ref;
+
+        case 'left':
+        case 'right':
+          return _ref2 = {}, _ref2[
+          direction] = -_this.props.size + 'px', _ref2.
+          top = correctedTop + 'px', _ref2.
+          height = correctedSize * 2 + 'px', _ref2.
+          width = correctedSize + 'px', _ref2.
+          backgroundColor = _this.props.backgroundColor, _ref2;
+
+        default:
+          (0, _warning.default)(
+            true, "Can't get inline style: invalid direction '" +
+            direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'."
+          );
+      }
+    };_this.
+
+    getPinCoordinates = function (popupElement) {
+      var popupRect = _PopupHelper.PopupHelper.getElementAbsoluteRect(popupElement);
+      var _this$positionObject = _this.positionObject,direction = _this$positionObject.direction,align = _this$positionObject.align;
+      switch (direction) {
+        case 'top':
+          return {
+            top: popupRect.height,
+            left: _this.getPinLeftCoordinate(popupRect, align)
+          };
+        case 'bottom':
+          return {
+            top: -2 * _this.props.size,
+            left: _this.getPinLeftCoordinate(popupRect, align)
+          };
+        case 'left':
+          return {
+            top: _this.getPinTopCoordinate(popupRect, align),
+            left: popupRect.width
+          };
+        case 'right':
+          return {
+            top: _this.getPinTopCoordinate(popupRect, align),
+            left: -2 * _this.props.size
+          };
+        default:
+          (0, _warning.default)(
+            true, "Can't get coordinates: invalid direction '" +
+            direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'."
+          );
+      }
+    };_this.
+
+    getPinTopCoordinate = function (popupRect, align) {
+      switch (align) {
+        case 'top':
+          return _this.props.offset;
+        case 'middle':
+          return popupRect.height / 2 - _this.props.size;
+        case 'bottom':
+          return popupRect.height - _this.props.offset - 2 * _this.props.size;
+        default:
+          (0, _warning.default)(
+            true, "Can't get top coordinate: invalid align '" +
+            align + "'. Must be one of - 'top', 'middle', 'bottom'. "
+          );
+      }
+    };_this.
+
+    getPinLeftCoordinate = function (popupRect, align) {
+      switch (align) {
+        case 'left':
+          return _this.props.offset;
+        case 'center':
+          return popupRect.width / 2 - _this.props.size;
+        case 'right':
+          return popupRect.width - _this.props.offset - 2 * _this.props.size;
+        default:
+          (0, _warning.default)(
+            true, "Can't get left coordinate: invalid align '" +
+            align + "'. Must be one of - 'left', 'center', 'right'."
+          );
+      }
+    };_this.
+
+    getPinDirectionalStyle = function () {
+      switch (_this.positionObject.direction) {
+        case 'top':
+          return _PopupPin2.styles.pinTop();
+        case 'bottom':
+          return _PopupPin2.styles.pinBottom();
+        case 'left':
+          return _PopupPin2.styles.pinLeft();
+        case 'right':
+          return _PopupPin2.styles.pinRight();
+        default:
+          (0, _warning.default)(
+            true, "Can't get directional style: invalid direction '" +
+            _this.positionObject.direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'."
+          );
+      }
+    };return _this;}(0, _inheritsLoose2.default)(PopupPin, _React$Component);var _proto = PopupPin.prototype;_proto.render = function render() {if (!this.props.popupElement) {return null;}this.positionObject = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition);var coords = this.getPinCoordinates(this.props.popupElement);if (!coords || !coords.left || !coords.top) {return null;}var inlineStyle = this.getPinInlineStyle(coords.left, coords.top);var directionalStyle = this.getPinDirectionalStyle();if (!inlineStyle || !directionalStyle) {return null;}return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _Popup.PopupDataTids.popupPin, className: (0, _Emotion.cx)(_PopupPin2.styles.pin(), directionalStyle), style: inlineStyle });};_proto.getPopupOppositeDirection = function getPopupOppositeDirection() {var popupDirection = _PopupHelper.PopupHelper.getPositionObject(this.props.popupPosition).direction;switch (popupDirection) {case 'top':return 'bottom';case 'bottom':return 'top';case 'left':return 'right';case 'right':return 'left';default:(0, _warning.default)(true, "Can't get opposite direction: invalid direction " + popupDirection + ". Must be one of - 'top', 'bottom', 'left', 'right'.");}};return PopupPin;}(_react.default.Component);PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.displayName = 'PopupPin';

package/cjs/internal/Popup/PopupPin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_warning","_PopupHelper","_PopupPin2","_Popup","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","props","popupElement","options","getPinOptions","PopupHelper","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","createElement","PopupDataTids","popupPin","className","styles","wrapper","style","getPopupOppositeDirection","popupDirection","direction","warning","left","top","_defaultWrapperStyle","_ref","defaultWrapperStyle","width","height","borderWitdth","_extends2","_extends3","defaultOuterStyle","_extends6","_extends4","_extends5","defaultInnerStyle","popupRect","pinSize","pinOffset","bordersDelta","defaultOptions","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","pinHeight","defaultTopCoordinate","defaultLetfCoordinate","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["PopupPin.tsx"],"sourcesContent":["import React from 'react';\nimport warning from 'warning';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { PositionObject, Rect } from './PopupHelper';\nimport { PopupHelper } from './PopupHelper';\nimport { styles } from './PopupPin.styles';\nimport { PopupDataTids } from './Popup';\n\nconst borderStyles = {\n  position: 'absolute',\n  borderStyle: 'solid',\n  borderTopColor: 'transparent',\n  borderBottomColor: 'transparent',\n  borderLeftColor: 'transparent',\n  borderRightColor: 'transparent',\n};\n\ninterface Props {\n  /**\n   * Цвет фон пина\n   */\n  backgroundColor: string;\n  /**\n   * Цвет границы пина\n   */\n  borderColor: string;\n  /**\n   * Ширина границы пина\n   */\n  borderWidth: number;\n  /**\n   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n   */\n  offset: number;\n  /**\n   * Ссылка на попап\n   */\n  popupElement: Nullable<Element>;\n  /**\n   * Позиция попапа, по которой будет вычислено положение пина\n   */\n  popupPosition: string;\n  /**\n   * Сторона пина без учёта границы.\n   * Пин представляет собой равносторонний треугольник, высота от попапа\n   * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n   */\n  size: number;\n}\n\nexport class PopupPin extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    const options = this.getPinOptions(\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\n      PopupHelper.getPositionObject(this.props.popupPosition),\n      this.props.size,\n      this.props.offset,\n      this.props.borderWidth,\n    );\n\n    const styleOuter: React.CSSProperties = this.getOuterStyle(\n      options.activeBorder,\n      options.outerSize,\n      this.props.borderColor,\n    );\n\n    const styleInner: React.CSSProperties = this.getInnerStyle(\n      options.activeBorder,\n      this.props.size,\n      this.props.backgroundColor,\n    );\n\n    const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\n\n    return (\n      <div data-tid={PopupDataTids.popupPin} className={styles.wrapper()} style={styleWrapper}>\n        <div style={styleOuter}>\n          <div style={styleInner} />\n        </div>\n      </div>\n    );\n  }\n\n  private getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n    switch (popupDirection) {\n      case 'top':\n        return 'bottom';\n      case 'bottom':\n        return 'top';\n      case 'left':\n        return 'right';\n      case 'right':\n        return 'left';\n      default:\n        warning(\n          false,\n          `Unknown direction ${popupDirection}. Must be one of - 'top', 'bottom', 'left', 'right'. Returning default value.`,\n        );\n        return 'bottom';\n    }\n  }\n\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\n    const direction = this.getPopupOppositeDirection();\n\n    const defaultWrapperStyle = {\n      [direction]: -borderWidth + 'px',\n      left: left + 'px',\n      width: borderWidth * 2 + 'px',\n      height: borderWidth + 'px',\n    };\n\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return defaultWrapperStyle;\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -borderWidth + 'px',\n          top: top + 'px',\n          height: borderWidth * 2 + 'px',\n          width: borderWidth + 'px',\n        };\n      default:\n        warning(\n          false,\n          `Unexpected direction '${direction}'. Must be one of - 'top', 'right', 'bottom', 'left'. Returning default value.`,\n        );\n        return defaultWrapperStyle;\n    }\n  }\n\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n\n    const defaultOuterStyle = {\n      ...borderStyles,\n      [direction]: -borderWitdth + 'px',\n      left: '0px',\n      borderWidth: borderWitdth + 'px',\n      ['border' + activeBorder + 'Color']: borderColor,\n    } as React.CSSProperties;\n\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return defaultOuterStyle;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          top: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        warning(\n          false,\n          `Unexpected direction '${direction}'. Must be one of - 'top', 'right', 'bottom', 'left'. Returning default value.`,\n        );\n        return defaultOuterStyle;\n    }\n  }\n\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n\n    const defaultInnerStyle = {\n      ...borderStyles,\n      [direction]: -borderWitdth + 2 + 'px',\n      left: -borderWitdth + 'px',\n      borderWidth: borderWitdth + 'px',\n      ['border' + activeBorder + 'Color']: borderColor,\n    } as React.CSSProperties;\n\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return defaultInnerStyle;\n      case 'left':\n      case 'right':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 2 + 'px',\n          top: -borderWitdth + 'px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\n      default:\n        warning(\n          false,\n          `Unexpected direction '${direction}'. Must be one of - 'top', 'right', 'bottom', 'left'. Returning default value.`,\n        );\n        return defaultInnerStyle;\n    }\n  }\n\n  private getPinOptions(\n    popupRect: Rect,\n    popupPosition: PositionObject,\n    pinSize: number,\n    pinOffset: number,\n    borderWidth: number,\n  ) {\n    const bordersDelta = 2 * borderWidth;\n    const outerSize = pinSize + bordersDelta;\n\n    const defaultOptions = {\n      outerTop: popupRect.height,\n      outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n      innerTop: -outerSize,\n      innerLeft: -outerSize + bordersDelta,\n      activeBorder: 'Top',\n      outerSize,\n    };\n\n    switch (popupPosition.direction) {\n      case 'top':\n        return defaultOptions;\n      case 'bottom':\n        return {\n          outerTop: -2 * outerSize,\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          innerTop: -outerSize + 2 * bordersDelta,\n          innerLeft: -outerSize + bordersDelta,\n          activeBorder: 'Bottom',\n          outerSize,\n        };\n      case 'left':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: popupRect.width,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize,\n          activeBorder: 'Left',\n          outerSize,\n        };\n      case 'right':\n        return {\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n          outerLeft: -2 * outerSize,\n          innerTop: -outerSize + bordersDelta,\n          innerLeft: -outerSize + 2 * bordersDelta,\n          activeBorder: 'Right',\n          outerSize,\n        };\n      default:\n        warning(\n          false,\n          `Unexpected align '${popupPosition.direction}'. Must be one of - 'top', 'right', 'bottom', 'left'. Returning default value.`,\n        );\n        return defaultOptions;\n    }\n  }\n\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    const defaultTopCoordinate = pinOffset;\n    switch (align) {\n      case 'top':\n        return defaultTopCoordinate;\n      case 'middle':\n        return popupRect.height / 2 - pinHeight;\n      case 'bottom':\n        return popupRect.height - pinOffset - 2 * pinHeight;\n      default:\n        warning(\n          false,\n          `Unexpected align '${align}'. Must be one of - 'top', 'middle', 'bottom'. Returning default value.`,\n        );\n        return defaultTopCoordinate;\n    }\n  }\n\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    const defaultLetfCoordinate = popupRect.width / 2 - pinHeight;\n    switch (align) {\n      case 'left':\n        return pinOffset;\n      case 'center':\n        return defaultLetfCoordinate;\n      case 'right':\n        return popupRect.width - pinOffset - 2 * pinHeight;\n      default:\n        warning(\n          false,\n          `Unexpected align '${align}'. Must be one of - 'left', 'center', 'right'. Returning default value.`,\n        );\n        return defaultLetfCoordinate;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_warning","_Emotion","_PopupHelper","_PopupPin2","_Popup","PopupPin","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getPinInlineStyle","left","top","_ref","_ref2","direction","getPopupOppositeDirection","correctedLeft","correctedTop","correctedSize","props","size","width","height","backgroundColor","warning","getPinCoordinates","popupElement","popupRect","PopupHelper","getElementAbsoluteRect","_this$positionObject","positionObject","align","getPinLeftCoordinate","getPinTopCoordinate","offset","getPinDirectionalStyle","styles","pinTop","pinBottom","pinLeft","pinRight","_inheritsLoose2","default","_proto","prototype","render","getPositionObject","popupPosition","coords","inlineStyle","directionalStyle","createElement","PopupDataTids","popupPin","className","cx","pin","style","popupDirection","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["PopupPin.tsx"],"sourcesContent":["import React from 'react';\nimport warning from 'warning';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport type { PositionObject, Rect } from './PopupHelper';\nimport { PopupHelper } from './PopupHelper';\nimport { styles } from './PopupPin.styles';\nimport { PopupDataTids } from './Popup';\n\ninterface PopupPinProps {\n  /** Цвет фона пина */\n  backgroundColor: string;\n\n  /** Смещение пина от края попапа. Край задаётся в пропе position вторым словом */\n  offset: number;\n\n  /** Ссылка на попап */\n  popupElement?: Nullable<Element>;\n\n  /** Позиция попапа, по которой будет вычислено положение пина */\n  popupPosition: string;\n\n  /**\n   * Сторона пина без учёта границы.\n   * Пин представляет собой равносторонний треугольник, высота от попапа\n   * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n   */\n  size: number;\n}\n\nexport class PopupPin extends React.Component<PopupPinProps> {\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\n  public static displayName = 'PopupPin';\n\n  private positionObject!: PositionObject;\n\n  public render() {\n    if (!this.props.popupElement) {\n      return null;\n    }\n\n    this.positionObject = PopupHelper.getPositionObject(this.props.popupPosition);\n\n    const coords = this.getPinCoordinates(this.props.popupElement);\n    if (!coords || !coords.left || !coords.top) {\n      return null;\n    }\n\n    const inlineStyle = this.getPinInlineStyle(coords.left, coords.top);\n    const directionalStyle = this.getPinDirectionalStyle();\n    if (!inlineStyle || !directionalStyle) {\n      return null;\n    }\n\n    return (\n      <div data-tid={PopupDataTids.popupPin} className={cx(styles.pin(), directionalStyle)} style={inlineStyle}></div>\n    );\n  }\n\n  private getPopupOppositeDirection() {\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n    switch (popupDirection) {\n      case 'top':\n        return 'bottom';\n      case 'bottom':\n        return 'top';\n      case 'left':\n        return 'right';\n      case 'right':\n        return 'left';\n      default:\n        warning(\n          true,\n          `Can't get opposite direction: invalid direction ${popupDirection}. Must be one of - 'top', 'bottom', 'left', 'right'.`,\n        );\n    }\n  }\n\n  private getPinInlineStyle = (left: number, top: number) => {\n    const direction = this.getPopupOppositeDirection();\n    if (!direction) {\n      return;\n    }\n\n    // Добавляем запас в 1px, чтобы пофиксить случайные отделения пинов\n    const correctedLeft = left - 1;\n    const correctedTop = top - 1;\n    const correctedSize = this.props.size + 1;\n\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -this.props.size + 'px',\n          left: correctedLeft + 'px',\n          width: correctedSize * 2 + 'px',\n          height: correctedSize + 'px',\n          backgroundColor: this.props.backgroundColor,\n        };\n      case 'left':\n      case 'right':\n        return {\n          [direction]: -this.props.size + 'px',\n          top: correctedTop + 'px',\n          height: correctedSize * 2 + 'px',\n          width: correctedSize + 'px',\n          backgroundColor: this.props.backgroundColor,\n        };\n      default:\n        warning(\n          true,\n          `Can't get inline style: invalid direction '${direction}'. Must be one of - 'top', 'right', 'bottom', 'left'.`,\n        );\n    }\n  };\n\n  private getPinCoordinates = (popupElement: Element) => {\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n    const { direction, align } = this.positionObject;\n    switch (direction) {\n      case 'top':\n        return {\n          top: popupRect.height,\n          left: this.getPinLeftCoordinate(popupRect, align),\n        };\n      case 'bottom':\n        return {\n          top: -2 * this.props.size,\n          left: this.getPinLeftCoordinate(popupRect, align),\n        };\n      case 'left':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: popupRect.width,\n        };\n      case 'right':\n        return {\n          top: this.getPinTopCoordinate(popupRect, align),\n          left: -2 * this.props.size,\n        };\n      default:\n        warning(\n          true,\n          `Can't get coordinates: invalid direction '${direction}'. Must be one of - 'top', 'right', 'bottom', 'left'.`,\n        );\n    }\n  };\n\n  private getPinTopCoordinate = (popupRect: Rect, align: string) => {\n    switch (align) {\n      case 'top':\n        return this.props.offset;\n      case 'middle':\n        return popupRect.height / 2 - this.props.size;\n      case 'bottom':\n        return popupRect.height - this.props.offset - 2 * this.props.size;\n      default:\n        warning(\n          true,\n          `Can't get top coordinate: invalid align '${align}'. Must be one of - 'top', 'middle', 'bottom'. `,\n        );\n    }\n  };\n\n  private getPinLeftCoordinate = (popupRect: Rect, align: string) => {\n    switch (align) {\n      case 'left':\n        return this.props.offset;\n      case 'center':\n        return popupRect.width / 2 - this.props.size;\n      case 'right':\n        return popupRect.width - this.props.offset - 2 * this.props.size;\n      default:\n        warning(\n          true,\n          `Can't get left coordinate: invalid align '${align}'. Must be one of - 'left', 'center', 'right'.`,\n        );\n    }\n  };\n\n  private getPinDirectionalStyle = () => {\n    switch (this.positionObject.direction) {\n      case 'top':\n        return styles.pinTop();\n      case 'bottom':\n        return styles.pinBottom();\n      case 'left':\n        return styles.pinLeft();\n      case 'right':\n        return styles.pinRight();\n      default:\n        warning(\n          true,\n          `Can't get directional style: invalid direction '${this.positionObject.direction}'. Must be one of - 'top', 'right', 'bottom', 'left'.`,\n        );\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/Popup/PopupPin.styles.d.ts

@@ -1,3 +1,7 @@
 export declare const styles: {
-    wrapper(): string;
+    pin(): string;
+    pinTop(): string;
+    pinBottom(): string;
+    pinLeft(): string;
+    pinRight(): string;
 };

package/cjs/internal/Popup/PopupPin.styles.js

@@ -1,10 +1,32 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "])));
+  pin: function pin() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n    "])));
 
 
+  },
+
+  pinTop: function pinTop() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(0 0, 50% 100%, 100% 0);\n    "])));
+
+
+  },
+
+  pinBottom: function pinBottom() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    "])));
+
+
+  },
+
+  pinLeft: function pinLeft() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(0 0, 100% 50%, 0 100%);\n    "])));
+
+
+  },
+
+  pinRight: function pinRight() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      clip-path: polygon(100% 0, 0 50%, 100% 100%);\n    "])));
 
 
   }

package/cjs/internal/Popup/PopupPin.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default"],"sources":["PopupPin.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOC,YAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","pin","css","_taggedTemplateLiteralLoose2","default","pinTop","pinBottom","pinLeft","pinRight"],"sources":["PopupPin.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  pin() {\n    return css`\n      position: absolute;\n    `;\n  },\n\n  pinTop() {\n    return css`\n      clip-path: polygon(0 0, 50% 100%, 100% 0);\n    `;\n  },\n\n  pinBottom() {\n    return css`\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    `;\n  },\n\n  pinLeft() {\n    return css`\n      clip-path: polygon(0 0, 100% 50%, 0 100%);\n    `;\n  },\n\n  pinRight() {\n    return css`\n      clip-path: polygon(100% 0, 0 50%, 100% 100%);\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,GAAG,WAAAA,IAAA,EAAG;IACJ,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/ResizeDetector/ResizeDetector.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface ResizeDetectorProps {
     onResize?: (event: UIEvent) => void;
     fullHeight?: boolean;
+    alignBaseline?: boolean;
 }
 export declare class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {
     static __KONTUR_REACT_UI__: string;

package/cjs/internal/ResizeDetector/ResizeDetector.js

@@ -9,6 +9,7 @@ var _ResizeDetector2 = require("./ResizeDetector.styles");var
 
 
 
+
 ResizeDetector = exports.ResizeDetector = /*#__PURE__*/function (_React$Component) {function ResizeDetector() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
@@ -28,6 +29,12 @@ ResizeDetector = exports.ResizeDetector = /*#__PURE__*/function (_React$Componen
 
 
 
+
+
+
+
+
+
 
 
 
@@ -42,4 +49,4 @@ ResizeDetector = exports.ResizeDetector = /*#__PURE__*/function (_React$Componen
       if (iframe && iframe.contentWindow) {
         _this.iframeWindow = iframe.contentWindow;
       }
-    };return _this;}(0, _inheritsLoose2.default)(ResizeDetector, _React$Component);var _proto = ResizeDetector.prototype;_proto.componentDidMount = function componentDidMount() {if (this.iframeWindow) {this.iframeWindow.addEventListener('resize', this.handleResize);}};_proto.render = function render() {var _cx;return /*#__PURE__*/_react.default.createElement("div", { className: _ResizeDetector2.styles.root() }, /*#__PURE__*/_react.default.createElement("iframe", { title: "resizeDetector", ref: this.iframeRef, className: _ResizeDetector2.styles.iframe(), tabIndex: -1 }), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_ResizeDetector2.styles.content()] = true, _cx[_ResizeDetector2.styles.fullHeight()] = this.props.fullHeight, _cx)) }, this.props.children));};return ResizeDetector;}(_react.default.Component);ResizeDetector.__KONTUR_REACT_UI__ = 'ResizeDetector';ResizeDetector.displayName = 'ResizeDetector';
+    };return _this;}(0, _inheritsLoose2.default)(ResizeDetector, _React$Component);var _proto = ResizeDetector.prototype;_proto.componentDidMount = function componentDidMount() {if (this.iframeWindow) {this.iframeWindow.addEventListener('resize', this.handleResize);}};_proto.render = function render() {var _cx;return /*#__PURE__*/_react.default.createElement("div", { className: _ResizeDetector2.styles.root() }, /*#__PURE__*/_react.default.createElement("iframe", { title: "resizeDetector", ref: this.iframeRef, className: _ResizeDetector2.styles.iframe(), tabIndex: -1 }), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_ResizeDetector2.styles.content()] = true, _cx[_ResizeDetector2.styles.fullHeight()] = this.props.fullHeight, _cx[_ResizeDetector2.styles.flex()] = this.props.alignBaseline, _cx)) }, this.props.children));};return ResizeDetector;}(_react.default.Component);ResizeDetector.__KONTUR_REACT_UI__ = 'ResizeDetector';ResizeDetector.displayName = 'ResizeDetector';

package/cjs/internal/ResizeDetector/ResizeDetector.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ResizeDetector2","ResizeDetector","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inheritsLoose2","default","_proto","prototype","componentDidMount","addEventListener","render","_cx","createElement","className","styles","root","title","ref","tabIndex","cx","content","fullHeight","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ResizeDetector.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={styles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n        <div className={cx({ [styles.content()]: true, [styles.fullHeight()]: this.props.fullHeight })}>\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"],"mappings":"kQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,gBAAA,GAAAF,OAAA,4BAAiD;;;;;;;AAOpCG,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;IAIjBU,YAAY,GAAkB,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;IAmBlCW,YAAY,GAAG,UAACC,KAAc,EAAK;MACzC,IAAIZ,KAAA,CAAKa,KAAK,CAACC,QAAQ,EAAE;QACvBd,KAAA,CAAKa,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;MAC5B;IACF,CAAC,CAAAZ,KAAA;;IAEOe,SAAS,GAAG,UAACC,MAAyB,EAAK;MACjD,IAAIA,MAAM,IAAIA,MAAM,CAACC,aAAa,EAAE;QAClCjB,KAAA,CAAKU,YAAY,GAAGM,MAAM,CAACC,aAAa;MAC1C;IACF,CAAC,QAAAjB,KAAA,MAAAkB,eAAA,CAAAC,OAAA,EAAAtB,cAAA,EAAAE,gBAAA,MAAAqB,MAAA,GAAAvB,cAAA,CAAAwB,SAAA,CAAAD,MAAA,CA3BME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACZ,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACa,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACZ,YAAY,CAAC,CACjE,CACF,CAAC,CAAAS,MAAA,CAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,GAAA,CACd,oBACEjC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UAAKC,SAAS,EAAEC,uBAAM,CAACC,IAAI,CAAC,CAAE,iBAC5BrC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,aAAQI,KAAK,EAAC,gBAAgB,EAACC,GAAG,EAAE,IAAI,CAAChB,SAAU,EAACY,SAAS,EAAEC,uBAAM,CAACZ,MAAM,CAAC,CAAE,EAACgB,QAAQ,EAAE,CAAC,CAAE,EAAE,CAAC,eAChGxC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UAAKC,SAAS,EAAE,IAAAM,WAAE,GAAAR,GAAA,OAAAA,GAAA,CAAIG,uBAAM,CAACM,OAAO,CAAC,CAAC,IAAG,IAAI,EAAAT,GAAA,CAAGG,uBAAM,CAACO,UAAU,CAAC,CAAC,IAAG,IAAI,CAACtB,KAAK,CAACsB,UAAU,EAAAV,GAAA,CAAE,CAAE,IAC5F,IAAI,CAACZ,KAAK,CAACuB,QACT,CACF,CAAC,CAEV,CAAC,QAAAvC,cAAA,GArBiCwC,cAAK,CAACC,SAAS,EAAtCzC,cAAc,CACX0C,mBAAmB,GAAG,gBAAgB,CADzC1C,cAAc,CAEX2C,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ResizeDetector2","ResizeDetector","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","_inheritsLoose2","default","_proto","prototype","componentDidMount","addEventListener","render","_cx","createElement","className","styles","root","title","ref","tabIndex","cx","content","fullHeight","flex","alignBaseline","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ResizeDetector.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n  fullHeight?: boolean;\n  alignBaseline?: boolean;\n}\n\nexport class ResizeDetector extends React.Component<React.PropsWithChildren<ResizeDetectorProps>> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n  public static displayName = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={styles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={styles.iframe()} tabIndex={-1} />\n        <div\n          className={cx({\n            [styles.content()]: true,\n            [styles.fullHeight()]: this.props.fullHeight,\n            [styles.flex()]: this.props.alignBaseline,\n          })}\n        >\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"],"mappings":"kQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,gBAAA,GAAAF,OAAA,4BAAiD;;;;;;;;AAQpCG,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;IAIjBU,YAAY,GAAkB,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;IAyBlCW,YAAY,GAAG,UAACC,KAAc,EAAK;MACzC,IAAIZ,KAAA,CAAKa,KAAK,CAACC,QAAQ,EAAE;QACvBd,KAAA,CAAKa,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;MAC5B;IACF,CAAC,CAAAZ,KAAA;;IAEOe,SAAS,GAAG,UAACC,MAAyB,EAAK;MACjD,IAAIA,MAAM,IAAIA,MAAM,CAACC,aAAa,EAAE;QAClCjB,KAAA,CAAKU,YAAY,GAAGM,MAAM,CAACC,aAAa;MAC1C;IACF,CAAC,QAAAjB,KAAA,MAAAkB,eAAA,CAAAC,OAAA,EAAAtB,cAAA,EAAAE,gBAAA,MAAAqB,MAAA,GAAAvB,cAAA,CAAAwB,SAAA,CAAAD,MAAA,CAjCME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAACZ,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACa,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACZ,YAAY,CAAC,CACjE,CACF,CAAC,CAAAS,MAAA,CAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,GAAA,CACd,oBACEjC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UAAKC,SAAS,EAAEC,uBAAM,CAACC,IAAI,CAAC,CAAE,iBAC5BrC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,aAAQI,KAAK,EAAC,gBAAgB,EAACC,GAAG,EAAE,IAAI,CAAChB,SAAU,EAACY,SAAS,EAAEC,uBAAM,CAACZ,MAAM,CAAC,CAAE,EAACgB,QAAQ,EAAE,CAAC,CAAE,EAAE,CAAC,eAChGxC,MAAA,CAAA2B,OAAA,CAAAO,aAAA,UACEC,SAAS,EAAE,IAAAM,WAAE,GAAAR,GAAA,OAAAA,GAAA,CACVG,uBAAM,CAACM,OAAO,CAAC,CAAC,IAAG,IAAI,EAAAT,GAAA,CACvBG,uBAAM,CAACO,UAAU,CAAC,CAAC,IAAG,IAAI,CAACtB,KAAK,CAACsB,UAAU,EAAAV,GAAA,CAC3CG,uBAAM,CAACQ,IAAI,CAAC,CAAC,IAAG,IAAI,CAACvB,KAAK,CAACwB,aAAa,EAAAZ,GAAA,CAC1C,CAAE,IAEF,IAAI,CAACZ,KAAK,CAACyB,QACT,CACF,CAAC,CAEV,CAAC,QAAAzC,cAAA,GA3BiC0C,cAAK,CAACC,SAAS,EAAtC3C,cAAc,CACX4C,mBAAmB,GAAG,gBAAgB,CADzC5C,cAAc,CAEX6C,WAAW,GAAG,gBAAgB","ignoreList":[]}