@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

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

@@ -1,49 +1,47 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    popup: function popup(t) {
-      return emotion.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 emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        pointer-events: none;\n      "])));
-    },
-    content: function content(t) {
-      return emotion.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 emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        background: ", ";\n      "])), t.popupTextColor, t.popupBackground);
-    },
-    shadow: function shadow(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        box-shadow: ", ";\n      "])), t.popupBoxShadow);
-    },
-    transitionEnter: function transitionEnter() {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        opacity: 0.01;\n      "])));
-    },
-    'transition-enter-top': function transitionEnterTop() {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        transform: translateY(10px);\n      "])));
-    },
-    'transition-enter-middle': function transitionEnterMiddle() {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose([""])));
-    },
-    'transition-enter-bottom': function transitionEnterBottom() {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        transform: translateY(-10px);\n      "])));
-    },
-    'transition-enter-left': function transitionEnterLeft() {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        transform: translateX(10px);\n      "])));
-    },
-    'transition-enter-right': function transitionEnterRight() {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        transform: translateX(-10px);\n      "])));
-    },
-    transitionEnterActive: function transitionEnterActive() {
-      return emotion.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 emotion.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 emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        position: absolute;\n        text-align: initial;\n      "])));
-    }
-  });
-};
+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    "])));
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","popup","t","css","_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/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    popup(t: Theme) {\n      return emotion.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 emotion.css`\n        pointer-events: none;\n      `;\n    },\n\n    content(t: Theme) {\n      return emotion.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 emotion.css`\n        color: ${t.popupTextColor};\n        background: ${t.popupBackground};\n      `;\n    },\n\n    shadow(t: Theme) {\n      return emotion.css`\n        box-shadow: ${t.popupBoxShadow};\n      `;\n    },\n\n    transitionEnter() {\n      return emotion.css`\n        opacity: 0.01;\n      `;\n    },\n    'transition-enter-top'() {\n      return emotion.css`\n        transform: translateY(10px);\n      `;\n    },\n    'transition-enter-middle'() {\n      return emotion.css``;\n    },\n    'transition-enter-bottom'() {\n      return emotion.css`\n        transform: translateY(-10px);\n      `;\n    },\n    'transition-enter-left'() {\n      return emotion.css`\n        transform: translateX(10px);\n      `;\n    },\n    'transition-enter-right'() {\n      return emotion.css`\n        transform: translateX(-10px);\n      `;\n    },\n    transitionEnterActive() {\n      return emotion.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 emotion.css`\n        opacity: 0.01;\n        transition: opacity 0.15s ease-out;\n        transform: translate(0, 0);\n    `;\n    },\n    absoluteParent() {\n      return emotion.css`\n        position: absolute;\n        text-align: initial;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;;AAGxD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,KAAK,WAAAA,MAACC,CAAQ,EAAE;QACd,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;QAECH,CAAC,CAACI,iBAAiB;QAC1BJ,CAAC,CAACK,WAAW,EAAIL,CAAC,CAACM,gBAAgB;;;;MAIjD,CAAC;;MAEDC,gBAAgB,WAAAA,iBAAA,EAAG;QACjB,OAAOT,OAAO,CAACG,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;MAGpB,CAAC;;MAEDM,OAAO,WAAAA,QAACT,CAAQ,EAAE;QAChB,OAAOF,OAAO,CAACG,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;;QAECH,CAAC,CAACI,iBAAiB;;;;;MAKxC,CAAC;;MAEDO,YAAY,WAAAA,aAACX,CAAQ,EAAE;QACrB,OAAOF,OAAO,CAACG,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;QACPH,CAAC,CAACa,cAAc;QACXb,CAAC,CAACc,eAAe;;MAEnC,CAAC;;MAEDC,MAAM,WAAAA,OAACf,CAAQ,EAAE;QACf,OAAOF,OAAO,CAACG,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;QACFH,CAAC,CAACiB,cAAc;;MAElC,CAAC;;MAEDC,eAAe,WAAAA,gBAAA,EAAG;QAChB,OAAOpB,OAAO,CAACG,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;MAGpB,CAAC;MACD,sBAAsB,WAAAiB,mBAAA,EAAG;QACvB,OAAOtB,OAAO,CAACG,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;MAGpB,CAAC;MACD,yBAAyB,WAAAmB,sBAAA,EAAG;QAC1B,OAAOxB,OAAO,CAACG,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;MACpB,CAAC;MACD,yBAAyB,WAAAqB,sBAAA,EAAG;QAC1B,OAAO1B,OAAO,CAACG,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;;;MAGpB,CAAC;MACD,uBAAuB,WAAAuB,oBAAA,EAAG;QACxB,OAAO5B,OAAO,CAACG,GAAG,CAAA0B,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;;MAGpB,CAAC;MACD,wBAAwB,WAAAyB,qBAAA,EAAG;QACzB,OAAO9B,OAAO,CAACG,GAAG,CAAA4B,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;;;MAGpB,CAAC;MACD2B,qBAAqB,WAAAA,sBAAA,EAAG;QACtB,OAAOhC,OAAO,CAACG,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAA5B,2BAAA;;;;;;;MAOpB,CAAC;MACD6B,cAAc,WAAAA,eAAA,EAAG;QACf,OAAOlC,OAAO,CAACG,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA9B,2BAAA;;;;;MAKpB,CAAC;MACD+B,cAAc,WAAAA,eAAA,EAAG;QACf,OAAOpC,OAAO,CAACG,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;;;;MAIpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"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 { 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":[]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     popup(t: Theme): string;
     popupIgnoreHover(): string;
     content(t: Theme): string;

package/internal/Popup/PopupHelper/PopupHelper.js

@@ -7,30 +7,16 @@ function getPositionObject(position) {
     align: x[1]
   };
 }
-function getElementAbsoluteRect(element, deltaParentPosition) {
-  if (deltaParentPosition === void 0) {
-    deltaParentPosition = {
-      top: 0,
-      left: 0
-    };
-  }
+function getElementAbsoluteRect(element) {
   var rect = _getElementRelativeRect(element);
-  rect.top = rect.top - deltaParentPosition.top;
-  rect.left = rect.left - deltaParentPosition.left;
   return convertRectToAbsolute(rect);
 }
-function isAbsoluteRectFullyVisible(coordinates, popupRect, deltaParentPosition) {
-  if (deltaParentPosition === void 0) {
-    deltaParentPosition = {
-      top: 0,
-      left: 0
-    };
-  }
+function isAbsoluteRectFullyVisible(coordinates, popupRect) {
   var windowRelativeRect = _getWindowRelativeRect();
   var windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);
   var absoluteRect = {
-    top: coordinates.top + deltaParentPosition.top,
-    left: coordinates.left + deltaParentPosition.left,
+    top: coordinates.top,
+    left: coordinates.left,
     height: popupRect.height,
     width: popupRect.width
   };
@@ -116,6 +102,5 @@ export var PopupHelper = {
   getPositionObject: getPositionObject,
   getElementAbsoluteRect: getElementAbsoluteRect,
   isFullyVisible: isAbsoluteRectFullyVisible,
-  canBecomeFullyVisible: canBecomeFullyVisible,
-  convertRectToAbsolute: convertRectToAbsolute
+  canBecomeFullyVisible: canBecomeFullyVisible
 };

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

@@ -1 +1 @@
-{"version":3,"names":["globalObject","getDOMRect","getPositionObject","position","x","split","direction","align","getElementAbsoluteRect","element","deltaParentPosition","top","left","rect","_getElementRelativeRect","convertRectToAbsolute","isAbsoluteRectFullyVisible","coordinates","popupRect","windowRelativeRect","_getWindowRelativeRect","windowAbsoluteRect","absoluteRect","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 { 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, deltaParentPosition: Offset = { top: 0, left: 0 }): Rect {\n  const rect = _getElementRelativeRect(element);\n  rect.top = rect.top - deltaParentPosition.top;\n  rect.left = rect.left - deltaParentPosition.left;\n  return convertRectToAbsolute(rect);\n}\n\nfunction isAbsoluteRectFullyVisible(\n  coordinates: Offset,\n  popupRect: Rect,\n  deltaParentPosition: Offset = { top: 0, left: 0 },\n): boolean {\n  const windowRelativeRect = _getWindowRelativeRect();\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\n  const absoluteRect = {\n    top: coordinates.top + deltaParentPosition.top,\n    left: coordinates.left + deltaParentPosition.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): boolean {\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  convertRectToAbsolute,\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,UAAU,QAAQ,0BAA0B;;;;;;;;;;;;;;;;;;;;;AAqBrD,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,EAAEC,mBAA2B,EAA8B,KAAzDA,mBAA2B,cAA3BA,mBAA2B,GAAG,EAAEC,GAAG,EAAE,CAAC,EAAEC,IAAI,EAAE,CAAC,CAAC,CAAC;EACjG,IAAMC,IAAI,GAAGC,uBAAuB,CAACL,OAAO,CAAC;EAC7CI,IAAI,CAACF,GAAG,GAAGE,IAAI,CAACF,GAAG,GAAGD,mBAAmB,CAACC,GAAG;EAC7CE,IAAI,CAACD,IAAI,GAAGC,IAAI,CAACD,IAAI,GAAGF,mBAAmB,CAACE,IAAI;EAChD,OAAOG,qBAAqB,CAACF,IAAI,CAAC;AACpC;;AAEA,SAASG,0BAA0BA;AACjCC,WAAmB;AACnBC,SAAe;AACfR,mBAA2B;AAClB,KADTA,mBAA2B,cAA3BA,mBAA2B,GAAG,EAAEC,GAAG,EAAE,CAAC,EAAEC,IAAI,EAAE,CAAC,CAAC,CAAC;EAEjD,IAAMO,kBAAkB,GAAGC,sBAAsB,CAAC,CAAC;EACnD,IAAMC,kBAAkB,GAAGN,qBAAqB,CAACI,kBAAkB,CAAC;EACpE,IAAMG,YAAY,GAAG;IACnBX,GAAG,EAAEM,WAAW,CAACN,GAAG,GAAGD,mBAAmB,CAACC,GAAG;IAC9CC,IAAI,EAAEK,WAAW,CAACL,IAAI,GAAGF,mBAAmB,CAACE,IAAI;IACjDW,MAAM,EAAEL,SAAS,CAACK,MAAM;IACxBC,KAAK,EAAEN,SAAS,CAACM;EACnB,CAAC;;EAED,OAAOC,iBAAiB,CAACJ,kBAAkB,EAAEC,YAAY,CAAC;AAC5D;;AAEA;AACA,SAASI,qBAAqBA,CAACC,YAAgC,EAAEV,WAAmB,EAAW;EAC7F,IAAMd,QAAQ,GAAGD,iBAAiB,CAACyB,YAAY,CAAC;;EAEhD,IAAIxB,QAAQ,CAACG,SAAS,KAAK,KAAK,EAAE;IAChC,IAAMsB,wBAAwB,GAAGb,qBAAqB,CAACK,sBAAsB,CAAC,CAAC,CAAC;IAChF,OAAOH,WAAW,CAACN,GAAG,GAAGiB,wBAAwB,CAACjB,GAAG,IAAI,CAAC;EAC5D;;EAEA,IAAIR,QAAQ,CAACG,SAAS,KAAK,MAAM,EAAE;IACjC,IAAMsB,yBAAwB,GAAGb,qBAAqB,CAACK,sBAAsB,CAAC,CAAC,CAAC;IAChF,OAAOH,WAAW,CAACL,IAAI,GAAGgB,yBAAwB,CAAChB,IAAI,IAAI,CAAC;EAC9D;;EAEA;EACA,OAAO,IAAI;AACb;;AAEA,SAASE,uBAAuBA,CAACL,OAAgB,EAAE;EACjD,IAAMI,IAAI,GAAGZ,UAAU,CAACQ,OAAO,CAAC;;EAEhC,OAAO;IACLE,GAAG,EAAEE,IAAI,CAACF,GAAG;IACbC,IAAI,EAAEC,IAAI,CAACD,IAAI;IACfY,KAAK,EAAEX,IAAI,CAACgB,KAAK,GAAGhB,IAAI,CAACD,IAAI;IAC7BW,MAAM,EAAEV,IAAI,CAACiB,MAAM,GAAGjB,IAAI,CAACF;EAC7B,CAAC;AACH;;AAEA,SAASS,sBAAsBA,CAAA,EAAS;EACtC,OAAO;IACLT,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPY,KAAK,EAAEO,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAAC4B,WAAW,GAAC,IAAIhC,YAAY,CAACiC,UAAU,IAAI,CAAC;IAC7EV,MAAM,EAAEQ,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAAC8B,YAAY,GAAC,IAAIlC,YAAY,CAACmC,WAAW,IAAI;EACjF,CAAC;AACH;;AAEA,SAASpB,qBAAqBA,CAACF,IAAU,EAAQ;EAC/C,IAAMuB,MAAM,GAAGC,kBAAkB,CAAC,CAAC;;EAEnC,OAAO;IACL1B,GAAG,EAAEE,IAAI,CAACF,GAAG,GAAGyB,MAAM,CAACzB,GAAG;IAC1BC,IAAI,EAAEC,IAAI,CAACD,IAAI,GAAGwB,MAAM,CAACxB,IAAI;IAC7BY,KAAK,EAAEX,IAAI,CAACW,KAAK;IACjBD,MAAM,EAAEV,IAAI,CAACU;EACf,CAAC;AACH;;AAEA,SAASc,kBAAkBA,CAAA,EAAW;EACpC,IAAMC,SAAS,GAAGtC,YAAY,CAACuC,WAAW,IAAIR,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAACkC,SAAS,GAAC;EAClF,IAAME,UAAU,GAAGxC,YAAY,CAACyC,WAAW,IAAIV,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAACoC,UAAU,GAAC;;EAEpF,IAAME,SAAS,GAAGX,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAACsC,SAAS,GAAC;EACtD,IAAMC,UAAU,GAAGZ,gBAAgB,CAAC,UAAC3B,CAAC,UAAKA,CAAC,CAACuC,UAAU,GAAC;;EAExD,IAAMhC,GAAG,GAAG2B,SAAS,GAAGI,SAAS;EACjC,IAAM9B,IAAI,GAAG4B,UAAU,GAAGG,UAAU;;EAEpC,OAAO;IACLhC,GAAG,EAAHA,GAAG;IACHC,IAAI,EAAJA;EACF,CAAC;AACH;;AAEA,SAASa,iBAAiBA,CAACmB,SAAe,EAAEC,SAAe,EAAW;EACpE;IACEA,SAAS,CAAClC,GAAG,GAAGiC,SAAS,CAACjC,GAAG;IAC7BkC,SAAS,CAAClC,GAAG,GAAGkC,SAAS,CAACtB,MAAM,GAAGqB,SAAS,CAACjC,GAAG,GAAGiC,SAAS,CAACrB,MAAM;IACnEsB,SAAS,CAACjC,IAAI,GAAGgC,SAAS,CAAChC,IAAI;IAC/BiC,SAAS,CAACjC,IAAI,GAAGiC,SAAS,CAACrB,KAAK,GAAGoB,SAAS,CAAChC,IAAI,GAAGgC,SAAS,CAACpB,KAAK;;AAEvE;;AAEA,SAASO,gBAAgBA,CAACe,WAAmC,EAAU,KAAAC,qBAAA,EAAAC,sBAAA;EACrE,IAAMC,KAAK,GAAG,EAAAF,qBAAA,GAAC/C,YAAY,CAACkD,QAAQ,qBAArBH,qBAAA,CAAuBI,eAAe,GAAAH,sBAAA,GAAEhD,YAAY,CAACkD,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,EAAEzC,0BAA0B;EAC1CU,qBAAqB,EAArBA,qBAAqB;EACrBX,qBAAqB,EAArBA;AACF,CAAC","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","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 { 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":[]}

package/internal/Popup/PopupHelper.d.ts

@@ -14,15 +14,13 @@ export interface PositionObject {
     align: string;
 }
 declare function getPositionObject(position: string): PositionObject;
-declare function getElementAbsoluteRect(element: Element, deltaParentPosition?: Offset): Rect;
-declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect, deltaParentPosition?: Offset): boolean;
+declare function getElementAbsoluteRect(element: Element): Rect;
+declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean;
 declare function canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset): boolean;
-declare function convertRectToAbsolute(rect: Rect): Rect;
 export declare const PopupHelper: {
     getPositionObject: typeof getPositionObject;
     getElementAbsoluteRect: typeof getElementAbsoluteRect;
     isFullyVisible: typeof isAbsoluteRectFullyVisible;
     canBecomeFullyVisible: typeof canBecomeFullyVisible;
-    convertRectToAbsolute: typeof convertRectToAbsolute;
 };
 export {};

package/internal/Popup/PopupPin/PopupPin.js

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { PopupHelper } from "../PopupHelper";
-import { getStyles } from "../PopupPin.styles";
+import { styles } from "../PopupPin.styles";
 import { PopupDataTids } from "../Popup";
 var borderStyles = {
   position: 'absolute',
@@ -29,22 +28,17 @@ export var PopupPin = /*#__PURE__*/function (_React$Component) {
     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(EmotionConsumer, null, function (emotion) {
-        var styles = getStyles(emotion);
-        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
-          })))
-        );
-      })
+      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() {

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

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","EmotionConsumer","PopupHelper","getStyles","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","emotion","styles","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","propTypes","string","number","any"],"sources":["PopupPin.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { getStyles } 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  backgroundColor: string;\n  borderColor: string;\n  borderWidth: number;\n  offset: number;\n  popupElement: Nullable<Element>;\n  popupPosition: string;\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 static propTypes = {\n    /**\n     * Цвет фон пина\n     */\n    backgroundColor: PropTypes.string,\n\n    /**\n     * Цвет границы пина\n     */\n    borderColor: PropTypes.string,\n\n    /**\n     * Ширина границы пина\n     */\n    borderWidth: PropTypes.number,\n\n    /**\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n     */\n    offset: PropTypes.number,\n\n    /**\n     * Ссылка на попап\n     */\n    popupElement: PropTypes.any,\n\n    /**\n     * Позиция попапа, по которой будет вычислено положение пина\n     */\n    popupPosition: PropTypes.string,\n\n    /**\n     * Сторона пина без учёта границы.\n     * Пин представляет собой равносторонний треугольник, высота от попапа\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n     */\n    size: PropTypes.number,\n  };\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    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\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      </EmotionConsumer>\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","PropTypes","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","propTypes","string","number","any"],"sources":["PopupPin.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { PopupHelper, PositionObject, Rect } 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  backgroundColor: string;\n  borderColor: string;\n  borderWidth: number;\n  offset: number;\n  popupElement: Nullable<Element>;\n  popupPosition: string;\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 static propTypes = {\n    /**\n     * Цвет фон пина\n     */\n    backgroundColor: PropTypes.string,\n\n    /**\n     * Цвет границы пина\n     */\n    borderColor: PropTypes.string,\n\n    /**\n     * Ширина границы пина\n     */\n    borderWidth: PropTypes.number,\n\n    /**\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n     */\n    offset: PropTypes.number,\n\n    /**\n     * Ссылка на попап\n     */\n    popupElement: PropTypes.any,\n\n    /**\n     * Позиция попапа, по которой будет вычислено положение пина\n     */\n    popupPosition: PropTypes.string,\n\n    /**\n     * Сторона пина без учёта границы.\n     * Пин представляет собой равносторонний треугольник, высота от попапа\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n     */\n    size: PropTypes.number,\n  };\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,10 +1,8 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    wrapper: function wrapper() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        overflow: hidden;\n        position: absolute;\n        pointer-events: none;\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  wrapper: function wrapper() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "])));
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","wrapper","css","_templateObject","_taggedTemplateLiteralLoose"],"sources":["PopupPin.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    wrapper() {\n      return emotion.css`\n        overflow: hidden;\n        position: absolute;\n        pointer-events: none;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;MAKpB;IACF,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":[]}

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

@@ -1,4 +1,3 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     wrapper(): string;
 };

package/internal/PopupMenu/PopupMenu/PopupMenu.js

@@ -3,9 +3,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _PopupMenu;
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { getRandomID } from "../../../lib/utils";
 import { isKeyArrowVertical, isKeyEnter, isKeyEscape, isKeySpace, someKeys } from "../../../lib/events/keyboard/identifiers";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { Popup, PopupIds } from "../../Popup";
 import { RenderLayer } from "../../RenderLayer";
@@ -14,17 +14,14 @@ import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { Menu } from "../../Menu";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isValidPositions } from "../validatePositions";
-import { getStyles } from "../PopupMenu.styles";
+import { styles } from "../PopupMenu.styles";
+import { PopupMenuDataTids } from "../tids";
+export * from "../tids";
 export var PopupMenuType = {
   Dropdown: 'dropdown',
   Tooltip: 'tooltip'
 };
-export var PopupMenuDataTids = {
-  root: 'PopupMenu__root',
-  caption: 'PopupMenu__caption'
-};
 var Positions = ['top left', 'top center', 'top right', 'right top', 'right middle', 'right bottom', 'bottom left', 'bottom center', 'bottom right', 'left top', 'left middle', 'left bottom'];
 export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu = /*#__PURE__*/function (_React$Component) {
   function PopupMenu() {
@@ -74,12 +71,13 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu =
           opened: _this.state.menuVisible,
           openMenu: _this.showMenu,
           closeMenu: _this.hideMenu,
-          toggleMenu: _this.toggleMenu
+          toggleMenu: _this.toggleMenu,
+          corners: _this.props.corners
         });
         return /*#__PURE__*/(
           React.createElement("span", {
             "data-tid": PopupMenuDataTids.caption,
-            className: _this.styles.caption(),
+            className: styles.caption(),
             ref: function ref(element) {
               return _this.captionWrapper = element;
             }
@@ -94,7 +92,7 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu =
           ref: function ref(element) {
             return _this.captionWrapper = element;
           },
-          className: _this.styles.caption()
+          className: styles.caption()
         }, _this.passPropsToCaption(_this.props.caption))
       );
     };
@@ -177,16 +175,12 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu =
   var _proto = PopupMenu.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-          value: ThemeFactory.create({
-            menuOffsetY: theme.popupMenuMenuOffsetY
-          }, theme)
-        }, _this2.renderMain());
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          menuOffsetY: theme.popupMenuMenuOffsetY
+        }, theme)
+      }, _this2.renderMain());
     });
   };
   _proto.renderMain = function renderMain() {
@@ -202,7 +196,7 @@ export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu =
       active: this.state.menuVisible
     }, /*#__PURE__*/React.createElement("div", {
       "data-tid": PopupMenuDataTids.root,
-      className: this.styles.container(),
+      className: styles.container(),
       style: {
         width: this.props.width
       }