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

package/internal/Popup/PopupHelper/PopupHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["globalObject","getDOMRect","getPositionObject","position","x","split","direction","align","getElementAbsoluteRect","element","rect","_getElementRelativeRect","convertRectToAbsolute","isAbsoluteRectFullyVisible","coordinates","popupRect","windowRelativeRect","_getWindowRelativeRect","windowAbsoluteRect","absoluteRect","top","left","height","width","_rectContainsRect","canBecomeFullyVisible","positionName","availableScrollDistances","right","bottom","_getViewProperty","clientWidth","innerWidth","clientHeight","innerHeight","offset","_getAbsoluteOffset","scrollTop","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","outerRect","innerRect","getProperty","_globalObject$documen","_globalObject$documen2","views","document","documentElement","body","map","find","Boolean","PopupHelper","isFullyVisible"],"sources":["PopupHelper.tsx"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport type { PopupPositionsType } from './Popup';\n\nexport interface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport interface PositionObject {\n  direction: string;\n  align: string;\n}\n\nfunction getPositionObject(position: string): PositionObject {\n  const x = position.split(' ');\n\n  return {\n    direction: x[0],\n    align: x[1],\n  };\n}\n\nfunction getElementAbsoluteRect(element: Element): Rect {\n  const rect = _getElementRelativeRect(element);\n  return convertRectToAbsolute(rect);\n}\n\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean {\n  const windowRelativeRect = _getWindowRelativeRect();\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\n  const absoluteRect = {\n    top: coordinates.top,\n    left: coordinates.left,\n    height: popupRect.height,\n    width: popupRect.width,\n  };\n\n  return _rectContainsRect(windowAbsoluteRect, absoluteRect);\n}\n\n// Can become fully visible by scrolling into viewport\nfunction canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset) {\n  const position = getPositionObject(positionName);\n\n  if (position.direction === 'top') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.top + availableScrollDistances.top >= 0;\n  }\n\n  if (position.direction === 'left') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n    return coordinates.left + availableScrollDistances.left >= 0;\n  }\n\n  // NOTE: for bottom/right cases browser will always expand document size\n  return true;\n}\n\nfunction _getElementRelativeRect(element: Element) {\n  const rect = getDOMRect(element);\n\n  return {\n    top: rect.top,\n    left: rect.left,\n    width: rect.right - rect.left,\n    height: rect.bottom - rect.top,\n  };\n}\n\nfunction _getWindowRelativeRect(): Rect {\n  return {\n    top: 0,\n    left: 0,\n    width: _getViewProperty((x) => x.clientWidth) || globalObject.innerWidth || 0,\n    height: _getViewProperty((x) => x.clientHeight) || globalObject.innerHeight || 0,\n  };\n}\n\nfunction convertRectToAbsolute(rect: Rect): Rect {\n  const offset = _getAbsoluteOffset();\n\n  return {\n    top: rect.top + offset.top,\n    left: rect.left + offset.left,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n\nfunction _getAbsoluteOffset(): Offset {\n  const scrollTop = globalObject.pageYOffset || _getViewProperty((x) => x.scrollTop);\n  const scrollLeft = globalObject.pageXOffset || _getViewProperty((x) => x.scrollLeft);\n\n  const clientTop = _getViewProperty((x) => x.clientTop);\n  const clientLeft = _getViewProperty((x) => x.clientLeft);\n\n  const top = scrollTop - clientTop;\n  const left = scrollLeft - clientLeft;\n\n  return {\n    top,\n    left,\n  };\n}\n\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\n  return (\n    innerRect.top > outerRect.top &&\n    innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\n    innerRect.left > outerRect.left &&\n    innerRect.left + innerRect.width < outerRect.left + outerRect.width\n  );\n}\n\nfunction _getViewProperty(getProperty: (e: Element) => number): number {\n  const views = [globalObject.document?.documentElement, globalObject.document?.body];\n  return views.map((x) => x && getProperty(x)).find(Boolean) || 0;\n}\n\nexport const PopupHelper = {\n  getPositionObject,\n  getElementAbsoluteRect,\n  isFullyVisible: isAbsoluteRectFullyVisible,\n  canBecomeFullyVisible,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getDOMRect","getOwnerGlobalObject","getPositionObject","position","x","split","direction","align","getElementAbsoluteRect","element","globalObject","rect","_getElementRelativeRect","convertRectToAbsolute","isAbsoluteRectFullyVisible","coordinates","popupRect","windowRelativeRect","_getWindowRelativeRect","windowAbsoluteRect","absoluteRect","top","left","height","width","_rectContainsRect","canBecomeFullyVisible","positionName","availableScrollDistances","right","bottom","_getViewProperty","clientWidth","innerWidth","clientHeight","innerHeight","offset","_getAbsoluteOffset","scrollTop","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","outerRect","innerRect","getProperty","_globalObject$documen","_globalObject$documen2","views","document","documentElement","body","map","find","Boolean","PopupHelper","isFullyVisible"],"sources":["PopupHelper.tsx"],"sourcesContent":["import { getDOMRect } from '../../lib/dom/getDOMRect';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { getOwnerGlobalObject } from '../../lib/globalObject';\n\nimport type { PopupPositionsType } from './Popup';\n\nexport interface Rect {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport interface PositionObject {\n  direction: string;\n  align: string;\n}\n\nfunction getPositionObject(position: string): PositionObject {\n  const x = position.split(' ');\n\n  return {\n    direction: x[0],\n    align: x[1],\n  };\n}\n\nfunction getElementAbsoluteRect(element: Element): Rect {\n  const globalObject = getOwnerGlobalObject(element);\n  const rect = _getElementRelativeRect(element);\n  return convertRectToAbsolute(rect, globalObject);\n}\n\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect, globalObject: GlobalObject): boolean {\n  const windowRelativeRect = _getWindowRelativeRect(globalObject);\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect, globalObject);\n  const absoluteRect = {\n    top: coordinates.top,\n    left: coordinates.left,\n    height: popupRect.height,\n    width: popupRect.width,\n  };\n\n  return _rectContainsRect(windowAbsoluteRect, absoluteRect);\n}\n\n// Can become fully visible by scrolling into viewport\nfunction canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset, globalObject: GlobalObject) {\n  const position = getPositionObject(positionName);\n\n  if (position.direction === 'top') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect(globalObject), globalObject);\n    return coordinates.top + availableScrollDistances.top >= 0;\n  }\n\n  if (position.direction === 'left') {\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect(globalObject), globalObject);\n    return coordinates.left + availableScrollDistances.left >= 0;\n  }\n\n  // NOTE: for bottom/right cases browser will always expand document size\n  return true;\n}\n\nfunction _getElementRelativeRect(element: Element) {\n  const rect = getDOMRect(element);\n\n  return {\n    top: rect.top,\n    left: rect.left,\n    width: rect.right - rect.left,\n    height: rect.bottom - rect.top,\n  };\n}\n\nfunction _getWindowRelativeRect(globalObject: GlobalObject): Rect {\n  return {\n    top: 0,\n    left: 0,\n    width: _getViewProperty((x) => x.clientWidth, globalObject) || globalObject.innerWidth || 0,\n    height: _getViewProperty((x) => x.clientHeight, globalObject) || globalObject.innerHeight || 0,\n  };\n}\n\nfunction convertRectToAbsolute(rect: Rect, globalObject: GlobalObject): Rect {\n  const offset = _getAbsoluteOffset(globalObject);\n\n  return {\n    top: rect.top + offset.top,\n    left: rect.left + offset.left,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n\nfunction _getAbsoluteOffset(globalObject: GlobalObject): Offset {\n  const scrollTop = globalObject.pageYOffset || _getViewProperty((x) => x.scrollTop, globalObject);\n  const scrollLeft = globalObject.pageXOffset || _getViewProperty((x) => x.scrollLeft, globalObject);\n\n  const clientTop = _getViewProperty((x) => x.clientTop, globalObject);\n  const clientLeft = _getViewProperty((x) => x.clientLeft, globalObject);\n\n  const top = scrollTop - clientTop;\n  const left = scrollLeft - clientLeft;\n\n  return {\n    top,\n    left,\n  };\n}\n\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\n  return (\n    innerRect.top > outerRect.top &&\n    innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\n    innerRect.left > outerRect.left &&\n    innerRect.left + innerRect.width < outerRect.left + outerRect.width\n  );\n}\n\nfunction _getViewProperty(getProperty: (e: Element) => number, globalObject: GlobalObject): number {\n  const views = [globalObject.document?.documentElement, globalObject.document?.body];\n  return views.map((x) => x && getProperty(x)).find(Boolean) || 0;\n}\n\nexport const PopupHelper = {\n  getPositionObject,\n  getElementAbsoluteRect,\n  isFullyVisible: isAbsoluteRectFullyVisible,\n  canBecomeFullyVisible,\n};\n"],"mappings":"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","ignoreList":[]}

package/internal/Popup/PopupHelper.d.ts

@@ -1,3 +1,4 @@
+import type { GlobalObject } from '../../lib/globalObject';
 import type { PopupPositionsType } from './Popup';
 export interface Rect {
     top: number;
@@ -15,8 +16,8 @@ export interface PositionObject {
 }
 declare function getPositionObject(position: string): PositionObject;
 declare function getElementAbsoluteRect(element: Element): Rect;
-declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean;
-declare function canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset): boolean;
+declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect, globalObject: GlobalObject): boolean;
+declare function canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset, globalObject: GlobalObject): boolean;
 export declare const PopupHelper: {
     getPositionObject: typeof getPositionObject;
     getElementAbsoluteRect: typeof getElementAbsoluteRect;

package/internal/Popup/PopupPin/PopupPin.js

@@ -1,44 +1,141 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _PopupPin;
 import React from 'react';
+import warning from 'warning';
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { PopupHelper } from "../PopupHelper";
-import { styles } from "../PopupPin.styles";
+import { getStyles } from "../PopupPin.styles";
 import { PopupDataTids } from "../Popup";
-var borderStyles = {
-  position: 'absolute',
-  borderStyle: 'solid',
-  borderTopColor: 'transparent',
-  borderBottomColor: 'transparent',
-  borderLeftColor: 'transparent',
-  borderRightColor: 'transparent'
-};
-export var PopupPin = /*#__PURE__*/function (_React$Component) {
+export var PopupPin = withRenderEnvironment(_class = (_PopupPin = /*#__PURE__*/function (_React$Component) {
   function PopupPin() {
-    return _React$Component.apply(this, arguments) || this;
+    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.getPinInlineStyle = function (left, top) {
+      var _defaultPinInlineStyl, _ref;
+      var direction = _this.getPopupOppositeDirection();
+      if (!direction) {
+        return;
+      }
+
+      // Добавляем запас в 1px, чтобы пофиксить случайные отделения пинов
+      var correctedLeft = left - 1;
+      var correctedTop = top - 1;
+      var correctedSize = _this.props.size + 1;
+      var defaultPinInlineStyle = (_defaultPinInlineStyl = {}, _defaultPinInlineStyl[direction] = -_this.props.size + 'px', _defaultPinInlineStyl.left = correctedLeft + 'px', _defaultPinInlineStyl.width = correctedSize * 2 + 'px', _defaultPinInlineStyl.height = correctedSize + 'px', _defaultPinInlineStyl.backgroundColor = _this.props.backgroundColor, _defaultPinInlineStyl);
+      switch (direction) {
+        case 'top':
+        case 'bottom':
+          return defaultPinInlineStyle;
+        case 'left':
+        case 'right':
+          return _ref = {}, _ref[direction] = -_this.props.size + 'px', _ref.top = correctedTop + 'px', _ref.height = correctedSize * 2 + 'px', _ref.width = correctedSize + 'px', _ref.backgroundColor = _this.props.backgroundColor, _ref;
+        default:
+          warning(false, "Can't get inline style: invalid direction '" + direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'.");
+          return defaultPinInlineStyle;
+      }
+    };
+    _this.getPinCoordinates = function (popupElement) {
+      var popupRect = PopupHelper.getElementAbsoluteRect(popupElement);
+      var _this$positionObject = _this.positionObject,
+        direction = _this$positionObject.direction,
+        align = _this$positionObject.align;
+      var defaultPinCoordinates = {
+        top: popupRect.height,
+        left: _this.getPinLeftCoordinate(popupRect, align)
+      };
+      switch (direction) {
+        case 'top':
+          return defaultPinCoordinates;
+        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:
+          warning(false, "Can't get coordinates: invalid direction '" + direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'.");
+          return defaultPinCoordinates;
+      }
+    };
+    _this.getPinTopCoordinate = function (popupRect, align) {
+      var defaultTopCoordinate = _this.props.offset;
+      switch (align) {
+        case 'top':
+          return defaultTopCoordinate;
+        case 'middle':
+          return popupRect.height / 2 - _this.props.size;
+        case 'bottom':
+          return popupRect.height - _this.props.offset - 2 * _this.props.size;
+        default:
+          warning(false, "Can't get top coordinate: invalid align '" + align + "'. Must be one of - 'top', 'middle', 'bottom'.");
+          return defaultTopCoordinate;
+      }
+    };
+    _this.getPinLeftCoordinate = function (popupRect, align) {
+      var defaultLetfCoordinate = popupRect.width / 2 - _this.props.size;
+      switch (align) {
+        case 'left':
+          return _this.props.offset;
+        case 'center':
+          return defaultLetfCoordinate;
+        case 'right':
+          return popupRect.width - _this.props.offset - 2 * _this.props.size;
+        default:
+          warning(false, "Can't get left coordinate: invalid align '" + align + "'. Must be one of - 'left', 'center', 'right'.");
+          return defaultLetfCoordinate;
+      }
+    };
+    _this.getPinDirectionalStyle = function () {
+      switch (_this.positionObject.direction) {
+        case 'top':
+          return _this.styles.pinTop();
+        case 'bottom':
+          return _this.styles.pinBottom();
+        case 'left':
+          return _this.styles.pinLeft();
+        case 'right':
+          return _this.styles.pinRight();
+        default:
+          warning(false, "Can't get directional style: invalid direction '" + _this.positionObject.direction + "'. Must be one of - 'top', 'right', 'bottom', 'left'.");
+          return _this.styles.pinTop();
+      }
+    };
+    return _this;
   }
   _inheritsLoose(PopupPin, _React$Component);
   var _proto = PopupPin.prototype;
   _proto.render = function render() {
+    this.styles = getStyles(this.emotion);
     if (!this.props.popupElement) {
       return null;
     }
-    var options = this.getPinOptions(PopupHelper.getElementAbsoluteRect(this.props.popupElement), 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.createElement("div", {
-        "data-tid": PopupDataTids.popupPin,
-        className: styles.wrapper(),
-        style: styleWrapper
-      }, /*#__PURE__*/
-      React.createElement("div", {
-        style: styleOuter
-      }, /*#__PURE__*/
-      React.createElement("div", {
-        style: styleInner
-      })))
-    );
+    this.positionObject = 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.createElement("div", {
+      "data-tid": PopupDataTids.popupPin,
+      className: this.cx(this.styles.pin(), directionalStyle),
+      style: inlineStyle
+    });
   };
   _proto.getPopupOppositeDirection = function getPopupOppositeDirection() {
     var popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;
@@ -52,120 +149,9 @@ export var PopupPin = /*#__PURE__*/function (_React$Component) {
       case 'right':
         return 'left';
       default:
-        throw new TypeError('Unknown direction ' + popupDirection);
-    }
-  };
-  _proto.getWrapperStyle = function getWrapperStyle(left, top, borderWidth) {
-    var _ref, _ref2;
-    var direction = this.getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return _ref = {}, _ref[direction] = -borderWidth + 'px', _ref.left = left + 'px', _ref.width = borderWidth * 2 + 'px', _ref.height = borderWidth + 'px', _ref;
-      case 'left':
-      case 'right':
-        return _ref2 = {}, _ref2[direction] = -borderWidth + 'px', _ref2.top = top + 'px', _ref2.height = borderWidth * 2 + 'px', _ref2.width = borderWidth + 'px', _ref2;
-      default:
-        throw new TypeError('Unknown direction ' + direction);
-    }
-  };
-  _proto.getOuterStyle = function getOuterStyle(activeBorder, borderWitdth, borderColor) {
-    var _extends2, _extends3;
-    var direction = this.getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return _extends({}, borderStyles, (_extends2 = {}, _extends2[direction] = -borderWitdth + 'px', _extends2.left = '0px', _extends2.borderWidth = borderWitdth + 'px', _extends2['border' + activeBorder + 'Color'] = borderColor, _extends2));
-      case 'left':
-      case 'right':
-        return _extends({}, borderStyles, (_extends3 = {}, _extends3[direction] = -borderWitdth + 'px', _extends3.top = '0px', _extends3.borderWidth = borderWitdth + 'px', _extends3['border' + activeBorder + 'Color'] = borderColor, _extends3));
-      default:
-        throw new TypeError('Unknown direction ' + direction);
-    }
-  };
-  _proto.getInnerStyle = function getInnerStyle(activeBorder, borderWitdth, borderColor) {
-    var _extends4, _extends5;
-    var direction = this.getPopupOppositeDirection();
-    switch (direction) {
-      case 'top':
-      case 'bottom':
-        return _extends({}, borderStyles, (_extends4 = {}, _extends4[direction] = -borderWitdth + 2 + 'px', _extends4.left = -borderWitdth + 'px', _extends4.borderWidth = borderWitdth + 'px', _extends4['border' + activeBorder + 'Color'] = borderColor, _extends4));
-      case 'left':
-      case 'right':
-        return _extends({}, borderStyles, (_extends5 = {}, _extends5[direction] = -borderWitdth + 2 + 'px', _extends5.top = -borderWitdth + 'px', _extends5.borderWidth = borderWitdth + 'px', _extends5['border' + activeBorder + 'Color'] = borderColor, _extends5));
-      default:
-        throw new TypeError('Unknown direction ' + direction);
-    }
-  };
-  _proto.getPinOptions = function getPinOptions(popupRect, popupPosition, pinSize, pinOffset, borderWidth) {
-    var bordersDelta = 2 * borderWidth;
-    var outerSize = pinSize + bordersDelta;
-    switch (popupPosition.direction) {
-      case 'top':
-        return {
-          outerTop: popupRect.height,
-          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,
-          innerTop: -outerSize,
-          innerLeft: -outerSize + bordersDelta,
-          activeBorder: 'Top',
-          outerSize: outerSize
-        };
-      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:
-        throw new Error('Direction must be one of top, right, bottom, left');
-    }
-  };
-  _proto.getPinTopCoordinate = function getPinTopCoordinate(popupRect, align, pinHeight, pinOffset) {
-    switch (align) {
-      case 'top':
-        return pinOffset;
-      case 'middle':
-        return popupRect.height / 2 - pinHeight;
-      case 'bottom':
-        return popupRect.height - pinOffset - 2 * pinHeight;
-      default:
-        throw new Error("Unexpected align '" + align + "'");
-    }
-  };
-  _proto.getPinLeftCoordinate = function getPinLeftCoordinate(popupRect, align, pinHeight, pinOffset) {
-    switch (align) {
-      case 'left':
-        return pinOffset;
-      case 'center':
-        return popupRect.width / 2 - pinHeight;
-      case 'right':
-        return popupRect.width - pinOffset - 2 * pinHeight;
-      default:
-        throw new Error("Unexpected align '" + align + "'");
+        warning(false, "Can't get opposite direction: invalid direction " + popupDirection + ". Must be one of - 'top', 'bottom', 'left', 'right'.");
+        return 'bottom';
     }
   };
   return PopupPin;
-}(React.Component);
-PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';
-PopupPin.displayName = 'PopupPin';
+}(React.Component), _PopupPin.__KONTUR_REACT_UI__ = 'PopupPin', _PopupPin.displayName = 'PopupPin', _PopupPin)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","PopupHelper","styles","PopupDataTids","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","props","popupElement","options","getPinOptions","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","createElement","popupPin","className","wrapper","style","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","_ref","_ref2","width","height","borderWitdth","_extends2","_extends3","_extends","_extends4","_extends5","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","Component","__KONTUR_REACT_UI__","displayName"],"sources":["PopupPin.tsx"],"sourcesContent":["import React from 'react';\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        throw new TypeError('Unknown direction ' + popupDirection);\n    }\n  }\n\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          [direction]: -borderWidth + 'px',\n          left: left + 'px',\n          width: borderWidth * 2 + 'px',\n          height: borderWidth + 'px',\n        };\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        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\n          ...borderStyles,\n          [direction]: -borderWitdth + 'px',\n          left: '0px',\n          borderWidth: borderWitdth + 'px',\n          ['border' + activeBorder + 'Color']: borderColor,\n        } as React.CSSProperties;\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        throw new TypeError('Unknown direction ' + direction);\n    }\n  }\n\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n    const direction = this.getPopupOppositeDirection();\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return {\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      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        throw new TypeError('Unknown direction ' + direction);\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    switch (popupPosition.direction) {\n      case 'top':\n        return {\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      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        throw new Error('Direction must be one of top, right, bottom, left');\n    }\n  }\n\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'top':\n        return pinOffset;\n      case 'middle':\n        return popupRect.height / 2 - pinHeight;\n      case 'bottom':\n        return popupRect.height - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n    switch (align) {\n      case 'left':\n        return pinOffset;\n      case 'center':\n        return popupRect.width / 2 - pinHeight;\n      case 'right':\n        return popupRect.width - pinOffset - 2 * pinHeight;\n      default:\n        throw new Error(`Unexpected align '${align}'`);\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","warning","withRenderEnvironment","PopupHelper","getStyles","PopupDataTids","PopupPin","_class","_PopupPin","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getPinInlineStyle","left","top","_defaultPinInlineStyl","_ref","direction","getPopupOppositeDirection","correctedLeft","correctedTop","correctedSize","props","size","defaultPinInlineStyle","width","height","backgroundColor","getPinCoordinates","popupElement","popupRect","getElementAbsoluteRect","_this$positionObject","positionObject","align","defaultPinCoordinates","getPinLeftCoordinate","getPinTopCoordinate","defaultTopCoordinate","offset","defaultLetfCoordinate","getPinDirectionalStyle","styles","pinTop","pinBottom","pinLeft","pinRight","_inheritsLoose","_proto","prototype","render","emotion","getPositionObject","popupPosition","coords","inlineStyle","directionalStyle","createElement","popupPin","className","cx","pin","style","popupDirection","Component","__KONTUR_REACT_UI__","displayName"],"sources":["PopupPin.tsx"],"sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport type { PositionObject, Rect } from './PopupHelper';\nimport { PopupHelper } from './PopupHelper';\nimport { getStyles } 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\n@withRenderEnvironment\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  private styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\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\n        data-tid={PopupDataTids.popupPin}\n        className={this.cx(this.styles.pin(), directionalStyle)}\n        style={inlineStyle}\n      ></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          false,\n          `Can't get opposite direction: invalid direction ${popupDirection}. Must be one of - 'top', 'bottom', 'left', 'right'.`,\n        );\n        return 'bottom';\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    const defaultPinInlineStyle = {\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\n    switch (direction) {\n      case 'top':\n      case 'bottom':\n        return defaultPinInlineStyle;\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          false,\n          `Can't get inline style: invalid direction '${direction}'. Must be one of - 'top', 'right', 'bottom', 'left'.`,\n        );\n        return defaultPinInlineStyle;\n    }\n  };\n\n  private getPinCoordinates = (popupElement: Element) => {\n    const popupRect = PopupHelper.getElementAbsoluteRect(popupElement);\n    const { direction, align } = this.positionObject;\n\n    const defaultPinCoordinates = {\n      top: popupRect.height,\n      left: this.getPinLeftCoordinate(popupRect, align),\n    };\n\n    switch (direction) {\n      case 'top':\n        return defaultPinCoordinates;\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          false,\n          `Can't get coordinates: invalid direction '${direction}'. Must be one of - 'top', 'right', 'bottom', 'left'.`,\n        );\n        return defaultPinCoordinates;\n    }\n  };\n\n  private getPinTopCoordinate = (popupRect: Rect, align: string) => {\n    const defaultTopCoordinate = this.props.offset;\n    switch (align) {\n      case 'top':\n        return defaultTopCoordinate;\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          false,\n          `Can't get top coordinate: invalid align '${align}'. Must be one of - 'top', 'middle', 'bottom'.`,\n        );\n        return defaultTopCoordinate;\n    }\n  };\n\n  private getPinLeftCoordinate = (popupRect: Rect, align: string) => {\n    const defaultLetfCoordinate = popupRect.width / 2 - this.props.size;\n    switch (align) {\n      case 'left':\n        return this.props.offset;\n      case 'center':\n        return defaultLetfCoordinate;\n      case 'right':\n        return popupRect.width - this.props.offset - 2 * this.props.size;\n      default:\n        warning(\n          false,\n          `Can't get left coordinate: invalid align '${align}'. Must be one of - 'left', 'center', 'right'.`,\n        );\n        return defaultLetfCoordinate;\n    }\n  };\n\n  private getPinDirectionalStyle = () => {\n    switch (this.positionObject.direction) {\n      case 'top':\n        return this.styles.pinTop();\n      case 'bottom':\n        return this.styles.pinBottom();\n      case 'left':\n        return this.styles.pinLeft();\n      case 'right':\n        return this.styles.pinRight();\n      default:\n        warning(\n          false,\n          `Can't get directional style: invalid direction '${this.positionObject.direction}'. Must be one of - 'top', 'right', 'bottom', 'left'.`,\n        );\n        return this.styles.pinTop();\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/Popup/PopupPin.d.ts

@@ -1,29 +1,13 @@
 import React from 'react';
 import type { Nullable } from '../../typings/utility-types';
-interface Props {
-    /**
-     * Цвет фон пина
-     */
+interface PopupPinProps {
+    /** Цвет фона пина */
     backgroundColor: string;
-    /**
-     * Цвет границы пина
-     */
-    borderColor: string;
-    /**
-     * Ширина границы пина
-     */
-    borderWidth: number;
-    /**
-     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-     */
+    /** Смещение пина от края попапа. Край задаётся в пропе position вторым словом */
     offset: number;
-    /**
-     * Ссылка на попап
-     */
-    popupElement: Nullable<Element>;
-    /**
-     * Позиция попапа, по которой будет вычислено положение пина
-     */
+    /** Ссылка на попап */
+    popupElement?: Nullable<Element>;
+    /** Позиция попапа, по которой будет вычислено положение пина */
     popupPosition: string;
     /**
      * Сторона пина без учёта границы.
@@ -32,16 +16,19 @@ interface Props {
      */
     size: number;
 }
-export declare class PopupPin extends React.Component<Props> {
+export declare class PopupPin extends React.Component<PopupPinProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private positionObject;
+    private styles;
+    private emotion;
+    private cx;
     render(): React.JSX.Element | null;
     private getPopupOppositeDirection;
-    private getWrapperStyle;
-    private getOuterStyle;
-    private getInnerStyle;
-    private getPinOptions;
+    private getPinInlineStyle;
+    private getPinCoordinates;
     private getPinTopCoordinate;
     private getPinLeftCoordinate;
+    private getPinDirectionalStyle;
 }
 export {};

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

@@ -1,8 +1,23 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  wrapper: function wrapper() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "])));
-  }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    pin: function pin() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: absolute;\n    "])));
+    },
+    pinTop: function pinTop() {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      clip-path: polygon(0 0, 50% 100%, 100% 0);\n    "])));
+    },
+    pinBottom: function pinBottom() {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      clip-path: polygon(0 100%, 50% 0, 100% 100%);\n    "])));
+    },
+    pinLeft: function pinLeft() {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      clip-path: polygon(0 0, 100% 50%, 0 100%);\n    "])));
+    },
+    pinRight: function pinRight() {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      clip-path: polygon(100% 0, 0 50%, 100% 100%);\n    "])));
+    }
+  };
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","wrapper","_templateObject","_taggedTemplateLiteralLoose"],"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":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","pin","_templateObject","_taggedTemplateLiteralLoose","pinTop","_templateObject2","pinBottom","_templateObject3","pinLeft","_templateObject4","pinRight","_templateObject5"],"sources":["PopupPin.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,GAAG,WAAAA,IAAA,EAAG;MACJ,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;IAGZ,CAAC;;IAEDC,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;IAGZ,CAAC;;IAEDG,SAAS,WAAAA,UAAA,EAAG;MACV,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;IAGZ,CAAC;;IAEDK,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;IAGZ,CAAC;;IAEDO,QAAQ,WAAAA,SAAA,EAAG;MACT,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;IAGZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1,3 +1,7 @@
-export declare const styles: {
-    wrapper(): string;
-};
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+    pin(): string;
+    pinTop(): string;
+    pinBottom(): string;
+    pinLeft(): string;
+    pinRight(): string;
+}>;