@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

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","getViewportAbsoluteRect","getOverflowEdges","viewport","popup","getOverflowCount","overflow","filter","Boolean","length","getPreferredDirection","defaultPosition","getOrderedFallbackCandidates","positions","preferredDirection","preferredAlignOrder","pinnablePositions","seen","Set","add","p","has","candidates","hasHorizontalOverflow","preferredAlign","_i","_arr","dir","concat","includes","push","_iterator","_createForOfIteratorHelper","_step","s","n","done","value","_iterator2","_step2","err","e","f","_iterator3","_step3","_iterator6","_step6","pos","_iterator4","_step4","_iterator5","_step5","getProperty","_globalObject$documen","_globalObject$documen2","views","document","documentElement","body","map","find","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/** Может стать полностью видимым после прокрутки в область видимости */\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: в случаях bottom/right браузер всегда расширяет размер документа\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\n/** Прямоугольник вьюпорта в координатах документа (абсолютных) */\nfunction getViewportAbsoluteRect(): Rect {\n  return convertRectToAbsolute(_getWindowRelativeRect());\n}\n\nexport interface OverflowEdges {\n  top: boolean;\n  bottom: boolean;\n  left: boolean;\n  right: boolean;\n}\n\n/** Какие стороны попапа (с заданными координатами) выходят за пределы вьюпорта */\nfunction getOverflowEdges(coordinates: Offset, popupRect: Rect): OverflowEdges {\n  const viewport = getViewportAbsoluteRect();\n  const popup = {\n    top: coordinates.top,\n    left: coordinates.left,\n    width: popupRect.width,\n    height: popupRect.height,\n  };\n  return {\n    top: popup.top < viewport.top,\n    bottom: popup.top + popup.height > viewport.top + viewport.height,\n    left: popup.left < viewport.left,\n    right: popup.left + popup.width > viewport.left + viewport.width,\n  };\n}\n\n/** Количество сторон, по которым попап выходит за вьюпорт (0–4) */\nfunction getOverflowCount(overflow: OverflowEdges): number {\n  return [overflow.top, overflow.bottom, overflow.left, overflow.right].filter(Boolean).length;\n}\n\n/** Предпочтительное направление по вертикали при переполнении */\nfunction getPreferredDirection(overflow: OverflowEdges, defaultPosition: PopupPositionsType): string {\n  if (overflow.bottom) {\n    return 'top';\n  }\n  if (overflow.top) {\n    return 'bottom';\n  }\n  return getPositionObject(defaultPosition).direction;\n}\n\n/**\n * Упорядоченный список кандидатов для fallback-позиции: при горизонтальном переполнении\n * сначала позиции с нужным align (в т.ч. из pinnablePositions), затем по direction и positions.\n */\nfunction getOrderedFallbackCandidates(\n  positions: Readonly<PopupPositionsType[]>,\n  overflow: OverflowEdges,\n  preferredDirection: string,\n  preferredAlignOrder: string[],\n  pinnablePositions: Readonly<PopupPositionsType[]>,\n): PopupPositionsType[] {\n  const seen = new Set<PopupPositionsType>();\n  const add = (p: PopupPositionsType) => {\n    if (!seen.has(p)) {\n      seen.add(p);\n      return true;\n    }\n    return false;\n  };\n\n  const candidates: PopupPositionsType[] = [];\n  const hasHorizontalOverflow = overflow.left || overflow.right;\n\n  if (hasHorizontalOverflow) {\n    const preferredAlign = preferredAlignOrder[0];\n    for (const dir of ['bottom', 'top']) {\n      const p = `${dir} ${preferredAlign}` as PopupPositionsType;\n      if (pinnablePositions.includes(p) && add(p)) {\n        candidates.push(p);\n      }\n    }\n    for (const align of preferredAlignOrder) {\n      for (const p of positions) {\n        if (getPositionObject(p).align === align && add(p)) {\n          candidates.push(p);\n        }\n      }\n    }\n  }\n\n  for (const align of preferredAlignOrder) {\n    for (const p of positions) {\n      const pos = getPositionObject(p);\n      if (pos.direction === preferredDirection && pos.align === align && add(p)) {\n        candidates.push(p);\n      }\n    }\n  }\n  for (const p of positions) {\n    if (getPositionObject(p).direction === preferredDirection && add(p)) {\n      candidates.push(p);\n    }\n  }\n  for (const p of positions) {\n    if (add(p)) {\n      candidates.push(p);\n    }\n  }\n\n  return candidates;\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  getViewportAbsoluteRect,\n  getOverflowEdges,\n  getOverflowCount,\n  getPreferredDirection,\n  getOrderedFallbackCandidates,\n};\n"],"mappings":"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","ignoreList":[]}
+{"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","getViewportAbsoluteRect","getOverflowEdges","viewport","popup","getOverflowCount","overflow","filter","Boolean","length","getPreferredDirection","defaultPosition","getOrderedFallbackCandidates","positions","preferredDirection","preferredAlignOrder","pinnablePositions","seen","Set","add","p","has","candidates","hasHorizontalOverflow","preferredAlign","_i","_arr","dir","includes","push","_iterator","_createForOfIteratorHelperLoose","_step","done","value","_iterator2","_step2","_iterator3","_step3","_iterator6","_step6","pos","_iterator4","_step4","_iterator5","_step5","getProperty","_globalObject$documen","_globalObject$documen2","views","document","documentElement","body","map","find","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/** Может стать полностью видимым после прокрутки в область видимости */\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: в случаях bottom/right браузер всегда расширяет размер документа\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\n/** Прямоугольник вьюпорта в координатах документа (абсолютных) */\nfunction getViewportAbsoluteRect(): Rect {\n  return convertRectToAbsolute(_getWindowRelativeRect());\n}\n\nexport interface OverflowEdges {\n  top: boolean;\n  bottom: boolean;\n  left: boolean;\n  right: boolean;\n}\n\n/** Какие стороны попапа (с заданными координатами) выходят за пределы вьюпорта */\nfunction getOverflowEdges(coordinates: Offset, popupRect: Rect): OverflowEdges {\n  const viewport = getViewportAbsoluteRect();\n  const popup = {\n    top: coordinates.top,\n    left: coordinates.left,\n    width: popupRect.width,\n    height: popupRect.height,\n  };\n  return {\n    top: popup.top < viewport.top,\n    bottom: popup.top + popup.height > viewport.top + viewport.height,\n    left: popup.left < viewport.left,\n    right: popup.left + popup.width > viewport.left + viewport.width,\n  };\n}\n\n/** Количество сторон, по которым попап выходит за вьюпорт (0–4) */\nfunction getOverflowCount(overflow: OverflowEdges): number {\n  return [overflow.top, overflow.bottom, overflow.left, overflow.right].filter(Boolean).length;\n}\n\n/** Предпочтительное направление по вертикали при переполнении */\nfunction getPreferredDirection(overflow: OverflowEdges, defaultPosition: PopupPositionsType): string {\n  if (overflow.bottom) {\n    return 'top';\n  }\n  if (overflow.top) {\n    return 'bottom';\n  }\n  return getPositionObject(defaultPosition).direction;\n}\n\n/**\n * Упорядоченный список кандидатов для fallback-позиции: при горизонтальном переполнении\n * сначала позиции с нужным align (в т.ч. из pinnablePositions), затем по direction и positions.\n */\nfunction getOrderedFallbackCandidates(\n  positions: Readonly<PopupPositionsType[]>,\n  overflow: OverflowEdges,\n  preferredDirection: string,\n  preferredAlignOrder: string[],\n  pinnablePositions: Readonly<PopupPositionsType[]>,\n): PopupPositionsType[] {\n  const seen = new Set<PopupPositionsType>();\n  const add = (p: PopupPositionsType) => {\n    if (!seen.has(p)) {\n      seen.add(p);\n      return true;\n    }\n    return false;\n  };\n\n  const candidates: PopupPositionsType[] = [];\n  const hasHorizontalOverflow = overflow.left || overflow.right;\n\n  if (hasHorizontalOverflow) {\n    const preferredAlign = preferredAlignOrder[0];\n    for (const dir of ['bottom', 'top']) {\n      const p = `${dir} ${preferredAlign}` as PopupPositionsType;\n      if (pinnablePositions.includes(p) && add(p)) {\n        candidates.push(p);\n      }\n    }\n    for (const align of preferredAlignOrder) {\n      for (const p of positions) {\n        if (getPositionObject(p).align === align && add(p)) {\n          candidates.push(p);\n        }\n      }\n    }\n  }\n\n  for (const align of preferredAlignOrder) {\n    for (const p of positions) {\n      const pos = getPositionObject(p);\n      if (pos.direction === preferredDirection && pos.align === align && add(p)) {\n        candidates.push(p);\n      }\n    }\n  }\n  for (const p of positions) {\n    if (getPositionObject(p).direction === preferredDirection && add(p)) {\n      candidates.push(p);\n    }\n  }\n  for (const p of positions) {\n    if (add(p)) {\n      candidates.push(p);\n    }\n  }\n\n  return candidates;\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  getViewportAbsoluteRect,\n  getOverflowEdges,\n  getOverflowCount,\n  getPreferredDirection,\n  getOrderedFallbackCandidates,\n};\n"],"mappings":"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","ignoreList":[]}

package/internal/Popup/PopupPin/PopupPin.js

@@ -1,14 +1,5 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { PopupHelper } from "../PopupHelper";
 import { styles } from "../PopupPin.styles";
@@ -23,171 +14,158 @@ var borderStyles = {
 };
 export var PopupPin = /*#__PURE__*/function (_React$Component) {
   function PopupPin() {
-    _classCallCheck(this, PopupPin);
-    return _callSuper(this, PopupPin, arguments);
+    return _React$Component.apply(this, arguments) || this;
   }
-  _inherits(PopupPin, _React$Component);
-  return _createClass(PopupPin, [{
-    key: "render",
-    value: function render() {
-      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
-        })))
-      );
+  _inheritsLoose(PopupPin, _React$Component);
+  var _proto = PopupPin.prototype;
+  _proto.render = function render() {
+    if (!this.props.popupElement) {
+      return null;
     }
-  }, {
-    key: "getPopupOppositeDirection",
-    value: function getPopupOppositeDirection() {
-      var popupDirection = 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:
-          throw new TypeError('Unknown direction ' + popupDirection);
-      }
+    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
+      })))
+    );
+  };
+  _proto.getPopupOppositeDirection = function getPopupOppositeDirection() {
+    var popupDirection = 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:
+        throw new TypeError('Unknown direction ' + popupDirection);
     }
-  }, {
-    key: "getWrapperStyle",
-    value: function getWrapperStyle(left, top, borderWidth) {
-      var direction = this.getPopupOppositeDirection();
-      switch (direction) {
-        case 'top':
-        case 'bottom':
-          return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, direction, -borderWidth + 'px'), "left", left + 'px'), "width", borderWidth * 2 + 'px'), "height", borderWidth + 'px');
-        case 'left':
-        case 'right':
-          return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, direction, -borderWidth + 'px'), "top", top + 'px'), "height", borderWidth * 2 + 'px'), "width", borderWidth + 'px');
-        default:
-          throw new TypeError('Unknown direction ' + direction);
-      }
+  };
+  _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);
     }
-  }, {
-    key: "getOuterStyle",
-    value: function getOuterStyle(activeBorder, borderWitdth, borderColor) {
-      var direction = this.getPopupOppositeDirection();
-      switch (direction) {
-        case 'top':
-        case 'bottom':
-          return _objectSpread(_objectSpread({}, borderStyles), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, direction, -borderWitdth + 'px'), "left", '0px'), "borderWidth", borderWitdth + 'px'), 'border' + activeBorder + 'Color', borderColor));
-        case 'left':
-        case 'right':
-          return _objectSpread(_objectSpread({}, borderStyles), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, direction, -borderWitdth + 'px'), "top", '0px'), "borderWidth", borderWitdth + 'px'), 'border' + activeBorder + 'Color', borderColor));
-        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);
     }
-  }, {
-    key: "getInnerStyle",
-    value: function getInnerStyle(activeBorder, borderWitdth, borderColor) {
-      var direction = this.getPopupOppositeDirection();
-      switch (direction) {
-        case 'top':
-        case 'bottom':
-          return _objectSpread(_objectSpread({}, borderStyles), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, direction, -borderWitdth + 2 + 'px'), "left", -borderWitdth + 'px'), "borderWidth", borderWitdth + 'px'), 'border' + activeBorder + 'Color', borderColor));
-        case 'left':
-        case 'right':
-          return _objectSpread(_objectSpread({}, borderStyles), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, direction, -borderWitdth + 2 + 'px'), "top", -borderWitdth + 'px'), "borderWidth", borderWitdth + 'px'), 'border' + activeBorder + 'Color', borderColor));
-        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);
     }
-  }, {
-    key: "getPinOptions",
-    value: 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.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');
     }
-  }, {
-    key: "getPinTopCoordinate",
-    value: 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 '".concat(align, "'"));
-      }
+  };
+  _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 + "'");
     }
-  }, {
-    key: "getPinLeftCoordinate",
-    value: 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 '".concat(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 + "'");
     }
-  }]);
+  };
+  return PopupPin;
 }(React.Component);
 PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';
 PopupPin.displayName = 'PopupPin';

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","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","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","_defineProperty","borderWitdth","_objectSpread","popupRect","pinSize","pinOffset","bordersDelta","height","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","width","Error","pinHeight","concat","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","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":[]}

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

@@ -1,8 +1,8 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+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 = _taggedTemplateLiteral(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "])));
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","wrapper","_templateObject","_taggedTemplateLiteral"],"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":"0GAAA,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,sBAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"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":[]}