@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/internal/Popup/Popup.d.ts

@@ -5,7 +5,6 @@ import type { Priority } from '../ZIndex';
 import type { FocusEventType, MouseEventType } from '../../typings/event-types';
 import type { CommonProps } from '../CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
-import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
 export declare const PopupNonPinnablePositions: string[];
 export declare const PopupPinnablePositions: string[];
 export declare const PopupPositions: readonly string[];
@@ -133,8 +132,11 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private getProps;
     static readonly defaultRootNode: null;
     state: PopupState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
-    featureFlags: ReactUIFeatureFlags;
     private layoutEventsToken;
     private locationUpdateId;
     private lastPopupContentElement;

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

@@ -1,47 +1,50 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  popup: function popup(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      border-radius: ", ";\n      border: ", " ", ";\n      display: flex;\n      width: max-content;\n    "])), t.popupBorderRadius, t.popupBorder, t.popupBorderColor);
-  },
-  popupIgnoreHover: function popupIgnoreHover() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
-  },
-  content: function content(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      border-radius: ", ";\n      flex-shrink: 0;\n      max-width: 100%;\n      line-height: normal;\n    "])), t.popupBorderRadius);
-  },
-  contentInner: function contentInner(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n    "])), t.popupTextColor, t.popupBackground);
-  },
-  shadow: function shadow(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "])), t.popupBoxShadow);
-  },
-  transitionEnter: function transitionEnter() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      opacity: 0.01;\n    "])));
-  },
-  'transition-enter-top': function transitionEnterTop() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      transform: translateY(10px);\n    "])));
-  },
-  'transition-enter-middle': function transitionEnterMiddle() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose([""])));
-  },
-  'transition-enter-bottom': function transitionEnterBottom() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      transform: translateY(-10px);\n    "])));
-  },
-  'transition-enter-left': function transitionEnterLeft() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      transform: translateX(10px);\n    "])));
-  },
-  'transition-enter-right': function transitionEnterRight() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      transform: translateX(-10px);\n    "])));
-  },
-  transitionEnterActive: function transitionEnterActive() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    "])));
-  },
-  transitionExit: function transitionExit() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    "])));
-  },
-  absoluteParent: function absoluteParent() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      text-align: initial;\n    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    popup: function popup(t) {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      border-radius: ", ";\n      border: ", " ", ";\n      display: flex;\n      width: max-content;\n    "])), t.popupBorderRadius, t.popupBorder, t.popupBorderColor);
+    },
+    popupIgnoreHover: function popupIgnoreHover() {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
+    },
+    content: function content(t) {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      border-radius: ", ";\n      flex-shrink: 0;\n      max-width: 100%;\n      line-height: normal;\n    "])), t.popupBorderRadius);
+    },
+    contentInner: function contentInner(t) {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n    "])), t.popupTextColor, t.popupBackground);
+    },
+    shadow: function shadow(t) {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "])), t.popupBoxShadow);
+    },
+    transitionEnter: function transitionEnter() {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      opacity: 0.01;\n    "])));
+    },
+    'transition-enter-top': function transitionEnterTop() {
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      transform: translateY(10px);\n    "])));
+    },
+    'transition-enter-middle': function transitionEnterMiddle() {
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose([""])));
+    },
+    'transition-enter-bottom': function transitionEnterBottom() {
+      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      transform: translateY(-10px);\n    "])));
+    },
+    'transition-enter-left': function transitionEnterLeft() {
+      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      transform: translateX(10px);\n    "])));
+    },
+    'transition-enter-right': function transitionEnterRight() {
+      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      transform: translateX(-10px);\n    "])));
+    },
+    transitionEnterActive: function transitionEnterActive() {
+      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    "])));
+    },
+    transitionExit: function transitionExit() {
+      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    "])));
+    },
+    absoluteParent: function absoluteParent() {
+      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      text-align: initial;\n    "])));
+    }
+  };
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","popup","t","_templateObject","_taggedTemplateLiteralLoose","popupBorderRadius","popupBorder","popupBorderColor","popupIgnoreHover","_templateObject2","content","_templateObject3","contentInner","_templateObject4","popupTextColor","popupBackground","shadow","_templateObject5","popupBoxShadow","transitionEnter","_templateObject6","transitionEnterTop","_templateObject7","transitionEnterMiddle","_templateObject8","transitionEnterBottom","_templateObject9","transitionEnterLeft","_templateObject10","transitionEnterRight","_templateObject11","transitionEnterActive","_templateObject12","transitionExit","_templateObject13","absoluteParent","_templateObject14"],"sources":["Popup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  popup(t: Theme) {\n    return css`\n      position: absolute;\n      border-radius: ${t.popupBorderRadius};\n      border: ${t.popupBorder} ${t.popupBorderColor};\n      display: flex;\n      width: max-content;\n    `;\n  },\n\n  popupIgnoreHover() {\n    return css`\n      pointer-events: none;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n      flex-shrink: 0;\n      max-width: 100%;\n      line-height: normal;\n    `;\n  },\n\n  contentInner(t: Theme) {\n    return css`\n      color: ${t.popupTextColor};\n      background: ${t.popupBackground};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      box-shadow: ${t.popupBoxShadow};\n    `;\n  },\n\n  transitionEnter() {\n    return css`\n      opacity: 0.01;\n    `;\n  },\n  'transition-enter-top'() {\n    return css`\n      transform: translateY(10px);\n    `;\n  },\n  'transition-enter-middle'() {\n    return css``;\n  },\n  'transition-enter-bottom'() {\n    return css`\n      transform: translateY(-10px);\n    `;\n  },\n  'transition-enter-left'() {\n    return css`\n      transform: translateX(10px);\n    `;\n  },\n  'transition-enter-right'() {\n    return css`\n      transform: translateX(-10px);\n    `;\n  },\n  transitionEnterActive() {\n    return css`\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    `;\n  },\n  transitionExit() {\n    return css`\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    `;\n  },\n  absoluteParent() {\n    return css`\n      position: absolute;\n      text-align: initial;\n    `;\n  },\n});\n"],"mappings":"mWAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAESF,CAAC,CAACG,iBAAiB;IAC1BH,CAAC,CAACI,WAAW,EAAIJ,CAAC,CAACK,gBAAgB;;;;EAIjD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;EAGZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;;IAESF,CAAC,CAACG,iBAAiB;;;;;EAKxC,CAAC;;EAEDO,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;IACCF,CAAC,CAACY,cAAc;IACXZ,CAAC,CAACa,eAAe;;EAEnC,CAAC;;EAEDC,MAAM,WAAAA,OAACd,CAAQ,EAAE;IACf,OAAOJ,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACMF,CAAC,CAACgB,cAAc;;EAElC,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;EAGZ,CAAC;EACD,sBAAsB,WAAAiB,mBAAA,EAAG;IACvB,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGZ,CAAC;EACD,yBAAyB,WAAAmB,sBAAA,EAAG;IAC1B,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;EACZ,CAAC;EACD,yBAAyB,WAAAqB,sBAAA,EAAG;IAC1B,OAAO3B,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;;;EAGZ,CAAC;EACD,uBAAuB,WAAAuB,oBAAA,EAAG;IACxB,OAAO7B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;;EAGZ,CAAC;EACD,wBAAwB,WAAAyB,qBAAA,EAAG;IACzB,OAAO/B,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;;;EAGZ,CAAC;EACD2B,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAOjC,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA5B,2BAAA;;;;;;;EAOZ,CAAC;EACD6B,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOnC,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA9B,2BAAA;;;;;EAKZ,CAAC;EACD+B,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOrC,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","popup","t","_templateObject","_taggedTemplateLiteralLoose","popupBorderRadius","popupBorder","popupBorderColor","popupIgnoreHover","_templateObject2","content","_templateObject3","contentInner","_templateObject4","popupTextColor","popupBackground","shadow","_templateObject5","popupBoxShadow","transitionEnter","_templateObject6","transitionEnterTop","_templateObject7","transitionEnterMiddle","_templateObject8","transitionEnterBottom","_templateObject9","transitionEnterLeft","_templateObject10","transitionEnterRight","_templateObject11","transitionEnterActive","_templateObject12","transitionExit","_templateObject13","absoluteParent","_templateObject14"],"sources":["Popup.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  popup(t: Theme) {\n    return css`\n      position: absolute;\n      border-radius: ${t.popupBorderRadius};\n      border: ${t.popupBorder} ${t.popupBorderColor};\n      display: flex;\n      width: max-content;\n    `;\n  },\n\n  popupIgnoreHover() {\n    return css`\n      pointer-events: none;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n      flex-shrink: 0;\n      max-width: 100%;\n      line-height: normal;\n    `;\n  },\n\n  contentInner(t: Theme) {\n    return css`\n      color: ${t.popupTextColor};\n      background: ${t.popupBackground};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      box-shadow: ${t.popupBoxShadow};\n    `;\n  },\n\n  transitionEnter() {\n    return css`\n      opacity: 0.01;\n    `;\n  },\n  'transition-enter-top'() {\n    return css`\n      transform: translateY(10px);\n    `;\n  },\n  'transition-enter-middle'() {\n    return css``;\n  },\n  'transition-enter-bottom'() {\n    return css`\n      transform: translateY(-10px);\n    `;\n  },\n  'transition-enter-left'() {\n    return css`\n      transform: translateX(10px);\n    `;\n  },\n  'transition-enter-right'() {\n    return css`\n      transform: translateX(-10px);\n    `;\n  },\n  transitionEnterActive() {\n    return css`\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    `;\n  },\n  transitionExit() {\n    return css`\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    `;\n  },\n  absoluteParent() {\n    return css`\n      position: absolute;\n      text-align: initial;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;;AAG5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,KAAK,WAAAA,MAACC,CAAQ,EAAE;MACd,OAAOF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;MAESF,CAAC,CAACG,iBAAiB;MAC1BH,CAAC,CAACI,WAAW,EAAIJ,CAAC,CAACK,gBAAgB;;;;IAIjD,CAAC;;IAEDC,gBAAgB,WAAAA,iBAAA,EAAG;MACjB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;IAGZ,CAAC;;IAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;;MAESF,CAAC,CAACG,iBAAiB;;;;;IAKxC,CAAC;;IAEDO,YAAY,WAAAA,aAACV,CAAQ,EAAE;MACrB,OAAOF,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;MACCF,CAAC,CAACY,cAAc;MACXZ,CAAC,CAACa,eAAe;;IAEnC,CAAC;;IAEDC,MAAM,WAAAA,OAACd,CAAQ,EAAE;MACf,OAAOF,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;MACMF,CAAC,CAACgB,cAAc;;IAElC,CAAC;;IAEDC,eAAe,WAAAA,gBAAA,EAAG;MAChB,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;IAGZ,CAAC;IACD,sBAAsB,WAAAiB,mBAAA,EAAG;MACvB,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;IAGZ,CAAC;IACD,yBAAyB,WAAAmB,sBAAA,EAAG;MAC1B,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACZ,CAAC;IACD,yBAAyB,WAAAqB,sBAAA,EAAG;MAC1B,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;;;IAGZ,CAAC;IACD,uBAAuB,WAAAuB,oBAAA,EAAG;MACxB,OAAO3B,GAAG,CAAA4B,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;;IAGZ,CAAC;IACD,wBAAwB,WAAAyB,qBAAA,EAAG;MACzB,OAAO7B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;;;IAGZ,CAAC;IACD2B,qBAAqB,WAAAA,sBAAA,EAAG;MACtB,OAAO/B,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA5B,2BAAA;;;;;;;IAOZ,CAAC;IACD6B,cAAc,WAAAA,eAAA,EAAG;MACf,OAAOjC,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA9B,2BAAA;;;;;IAKZ,CAAC;IACD+B,cAAc,WAAAA,eAAA,EAAG;MACf,OAAOnC,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;;;;IAIZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     popup(t: Theme): string;
     popupIgnoreHover(): string;
     content(t: Theme): string;
@@ -14,4 +14,4 @@ export declare const styles: {
     transitionEnterActive(): string;
     transitionExit(): string;
     absoluteParent(): string;
-};
+}>;

package/internal/Popup/PopupHelper/PopupHelper.js

@@ -1,5 +1,5 @@
-import { globalObject } from '@skbkontur/global-object';
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
+import { getOwnerGlobalObject } from "../../../lib/globalObject";
 function getPositionObject(position) {
   var x = position.split(' ');
   return {
@@ -8,12 +8,13 @@ function getPositionObject(position) {
   };
 }
 function getElementAbsoluteRect(element) {
+  var globalObject = getOwnerGlobalObject(element);
   var rect = _getElementRelativeRect(element);
-  return convertRectToAbsolute(rect);
+  return convertRectToAbsolute(rect, globalObject);
 }
-function isAbsoluteRectFullyVisible(coordinates, popupRect) {
-  var windowRelativeRect = _getWindowRelativeRect();
-  var windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);
+function isAbsoluteRectFullyVisible(coordinates, popupRect, globalObject) {
+  var windowRelativeRect = _getWindowRelativeRect(globalObject);
+  var windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect, globalObject);
   var absoluteRect = {
     top: coordinates.top,
     left: coordinates.left,
@@ -24,14 +25,14 @@ function isAbsoluteRectFullyVisible(coordinates, popupRect) {
 }
 
 // Can become fully visible by scrolling into viewport
-function canBecomeFullyVisible(positionName, coordinates) {
+function canBecomeFullyVisible(positionName, coordinates, globalObject) {
   var position = getPositionObject(positionName);
   if (position.direction === 'top') {
-    var availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());
+    var availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect(globalObject), globalObject);
     return coordinates.top + availableScrollDistances.top >= 0;
   }
   if (position.direction === 'left') {
-    var _availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());
+    var _availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect(globalObject), globalObject);
     return coordinates.left + _availableScrollDistances.left >= 0;
   }
 
@@ -47,20 +48,20 @@ function _getElementRelativeRect(element) {
     height: rect.bottom - rect.top
   };
 }
-function _getWindowRelativeRect() {
+function _getWindowRelativeRect(globalObject) {
   return {
     top: 0,
     left: 0,
     width: _getViewProperty(function (x) {
       return x.clientWidth;
-    }) || globalObject.innerWidth || 0,
+    }, globalObject) || globalObject.innerWidth || 0,
     height: _getViewProperty(function (x) {
       return x.clientHeight;
-    }) || globalObject.innerHeight || 0
+    }, globalObject) || globalObject.innerHeight || 0
   };
 }
-function convertRectToAbsolute(rect) {
-  var offset = _getAbsoluteOffset();
+function convertRectToAbsolute(rect, globalObject) {
+  var offset = _getAbsoluteOffset(globalObject);
   return {
     top: rect.top + offset.top,
     left: rect.left + offset.left,
@@ -68,19 +69,19 @@ function convertRectToAbsolute(rect) {
     height: rect.height
   };
 }
-function _getAbsoluteOffset() {
+function _getAbsoluteOffset(globalObject) {
   var scrollTop = globalObject.pageYOffset || _getViewProperty(function (x) {
     return x.scrollTop;
-  });
+  }, globalObject);
   var scrollLeft = globalObject.pageXOffset || _getViewProperty(function (x) {
     return x.scrollLeft;
-  });
+  }, globalObject);
   var clientTop = _getViewProperty(function (x) {
     return x.clientTop;
-  });
+  }, globalObject);
   var clientLeft = _getViewProperty(function (x) {
     return x.clientLeft;
-  });
+  }, globalObject);
   var top = scrollTop - clientTop;
   var left = scrollLeft - clientLeft;
   return {
@@ -91,7 +92,7 @@ function _getAbsoluteOffset() {
 function _rectContainsRect(outerRect, innerRect) {
   return innerRect.top > outerRect.top && innerRect.top + innerRect.height < outerRect.top + outerRect.height && innerRect.left > outerRect.left && innerRect.left + innerRect.width < outerRect.left + outerRect.width;
 }
-function _getViewProperty(getProperty) {
+function _getViewProperty(getProperty, globalObject) {
   var _globalObject$documen, _globalObject$documen2;
   var views = [(_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.documentElement, (_globalObject$documen2 = globalObject.document) == null ? void 0 : _globalObject$documen2.body];
   return views.map(function (x) {

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":"AAAA,SAASA,UAAU,QAAQ,0BAA0B;;AAErD,SAASC,oBAAoB,QAAQ,wBAAwB;;;;;;;;;;;;;;;;;;;;;AAqB7D,SAASC,iBAAiBA,CAACC,QAAgB,EAAkB;EAC3D,IAAMC,CAAC,GAAGD,QAAQ,CAACE,KAAK,CAAC,GAAG,CAAC;;EAE7B,OAAO;IACLC,SAAS,EAAEF,CAAC,CAAC,CAAC,CAAC;IACfG,KAAK,EAAEH,CAAC,CAAC,CAAC;EACZ,CAAC;AACH;;AAEA,SAASI,sBAAsBA,CAACC,OAAgB,EAAQ;EACtD,IAAMC,YAAY,GAAGT,oBAAoB,CAACQ,OAAO,CAAC;EAClD,IAAME,IAAI,GAAGC,uBAAuB,CAACH,OAAO,CAAC;EAC7C,OAAOI,qBAAqB,CAACF,IAAI,EAAED,YAAY,CAAC;AAClD;;AAEA,SAASI,0BAA0BA,CAACC,WAAmB,EAAEC,SAAe,EAAEN,YAA0B,EAAW;EAC7G,IAAMO,kBAAkB,GAAGC,sBAAsB,CAACR,YAAY,CAAC;EAC/D,IAAMS,kBAAkB,GAAGN,qBAAqB,CAACI,kBAAkB,EAAEP,YAAY,CAAC;EAClF,IAAMU,YAAY,GAAG;IACnBC,GAAG,EAAEN,WAAW,CAACM,GAAG;IACpBC,IAAI,EAAEP,WAAW,CAACO,IAAI;IACtBC,MAAM,EAAEP,SAAS,CAACO,MAAM;IACxBC,KAAK,EAAER,SAAS,CAACQ;EACnB,CAAC;;EAED,OAAOC,iBAAiB,CAACN,kBAAkB,EAAEC,YAAY,CAAC;AAC5D;;AAEA;AACA,SAASM,qBAAqBA,CAACC,YAAgC,EAAEZ,WAAmB,EAAEL,YAA0B,EAAE;EAChH,IAAMP,QAAQ,GAAGD,iBAAiB,CAACyB,YAAY,CAAC;;EAEhD,IAAIxB,QAAQ,CAACG,SAAS,KAAK,KAAK,EAAE;IAChC,IAAMsB,wBAAwB,GAAGf,qBAAqB,CAACK,sBAAsB,CAACR,YAAY,CAAC,EAAEA,YAAY,CAAC;IAC1G,OAAOK,WAAW,CAACM,GAAG,GAAGO,wBAAwB,CAACP,GAAG,IAAI,CAAC;EAC5D;;EAEA,IAAIlB,QAAQ,CAACG,SAAS,KAAK,MAAM,EAAE;IACjC,IAAMsB,yBAAwB,GAAGf,qBAAqB,CAACK,sBAAsB,CAACR,YAAY,CAAC,EAAEA,YAAY,CAAC;IAC1G,OAAOK,WAAW,CAACO,IAAI,GAAGM,yBAAwB,CAACN,IAAI,IAAI,CAAC;EAC9D;;EAEA;EACA,OAAO,IAAI;AACb;;AAEA,SAASV,uBAAuBA,CAACH,OAAgB,EAAE;EACjD,IAAME,IAAI,GAAGX,UAAU,CAACS,OAAO,CAAC;;EAEhC,OAAO;IACLY,GAAG,EAAEV,IAAI,CAACU,GAAG;IACbC,IAAI,EAAEX,IAAI,CAACW,IAAI;IACfE,KAAK,EAAEb,IAAI,CAACkB,KAAK,GAAGlB,IAAI,CAACW,IAAI;IAC7BC,MAAM,EAAEZ,IAAI,CAACmB,MAAM,GAAGnB,IAAI,CAACU;EAC7B,CAAC;AACH;;AAEA,SAASH,sBAAsBA,CAACR,YAA0B,EAAQ;EAChE,OAAO;IACLW,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPE,KAAK,EAAEO,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAAC4B,WAAW,IAAEtB,YAAY,CAAC,IAAIA,YAAY,CAACuB,UAAU,IAAI,CAAC;IAC3FV,MAAM,EAAEQ,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAAC8B,YAAY,IAAExB,YAAY,CAAC,IAAIA,YAAY,CAACyB,WAAW,IAAI;EAC/F,CAAC;AACH;;AAEA,SAAStB,qBAAqBA,CAACF,IAAU,EAAED,YAA0B,EAAQ;EAC3E,IAAM0B,MAAM,GAAGC,kBAAkB,CAAC3B,YAAY,CAAC;;EAE/C,OAAO;IACLW,GAAG,EAAEV,IAAI,CAACU,GAAG,GAAGe,MAAM,CAACf,GAAG;IAC1BC,IAAI,EAAEX,IAAI,CAACW,IAAI,GAAGc,MAAM,CAACd,IAAI;IAC7BE,KAAK,EAAEb,IAAI,CAACa,KAAK;IACjBD,MAAM,EAAEZ,IAAI,CAACY;EACf,CAAC;AACH;;AAEA,SAASc,kBAAkBA,CAAC3B,YAA0B,EAAU;EAC9D,IAAM4B,SAAS,GAAG5B,YAAY,CAAC6B,WAAW,IAAIR,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAACkC,SAAS,IAAE5B,YAAY,CAAC;EAChG,IAAM8B,UAAU,GAAG9B,YAAY,CAAC+B,WAAW,IAAIV,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAACoC,UAAU,IAAE9B,YAAY,CAAC;;EAElG,IAAMgC,SAAS,GAAGX,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAACsC,SAAS,IAAEhC,YAAY,CAAC;EACpE,IAAMiC,UAAU,GAAGZ,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAACuC,UAAU,IAAEjC,YAAY,CAAC;;EAEtE,IAAMW,GAAG,GAAGiB,SAAS,GAAGI,SAAS;EACjC,IAAMpB,IAAI,GAAGkB,UAAU,GAAGG,UAAU;;EAEpC,OAAO;IACLtB,GAAG,EAAHA,GAAG;IACHC,IAAI,EAAJA;EACF,CAAC;AACH;;AAEA,SAASG,iBAAiBA,CAACmB,SAAe,EAAEC,SAAe,EAAW;EACpE;IACEA,SAAS,CAACxB,GAAG,GAAGuB,SAAS,CAACvB,GAAG;IAC7BwB,SAAS,CAACxB,GAAG,GAAGwB,SAAS,CAACtB,MAAM,GAAGqB,SAAS,CAACvB,GAAG,GAAGuB,SAAS,CAACrB,MAAM;IACnEsB,SAAS,CAACvB,IAAI,GAAGsB,SAAS,CAACtB,IAAI;IAC/BuB,SAAS,CAACvB,IAAI,GAAGuB,SAAS,CAACrB,KAAK,GAAGoB,SAAS,CAACtB,IAAI,GAAGsB,SAAS,CAACpB,KAAK;;AAEvE;;AAEA,SAASO,gBAAgBA,CAACe,WAAmC,EAAEpC,YAA0B,EAAU,KAAAqC,qBAAA,EAAAC,sBAAA;EACjG,IAAMC,KAAK,GAAG,EAAAF,qBAAA,GAACrC,YAAY,CAACwC,QAAQ,qBAArBH,qBAAA,CAAuBI,eAAe,GAAAH,sBAAA,GAAEtC,YAAY,CAACwC,QAAQ,qBAArBF,sBAAA,CAAuBI,IAAI,CAAC;EACnF,OAAOH,KAAK,CAACI,GAAG,CAAC,UAACjD,CAAC,UAAKA,CAAC,IAAI0C,WAAW,CAAC1C,CAAC,CAAC,GAAC,CAACkD,IAAI,CAACC,OAAO,CAAC,IAAI,CAAC;AACjE;;AAEA,OAAO,IAAMC,WAAW,GAAG;EACzBtD,iBAAiB,EAAjBA,iBAAiB;EACjBM,sBAAsB,EAAtBA,sBAAsB;EACtBiD,cAAc,EAAE3C,0BAA0B;EAC1CY,qBAAqB,EAArBA;AACF,CAAC","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;