@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

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

@@ -1 +1 @@
-{"version":3,"sources":["Popup.styles.ts"],"names":["css","memoizeStyle","styles","popup","t","popupBorderRadius","popupBorder","popupBorderColor","popupIgnoreHover","content","contentInner","popupTextColor","popupBackground","shadow","popupDropShadow","shadowFallback","popupBoxShadow","transitionEnter","transitionEnterActive","transitionExit","jsStyles"],"mappings":"ozFAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KADa,iBACPC,CADO,EACG;AACd,WAAOJ,GAAP;;;AAGmBI,IAAAA,CAAC,CAACC,iBAHrB;AAIYD,IAAAA,CAAC,CAACE,WAJd,EAI6BF,CAAC,CAACG,gBAJ/B;;AAMD,GARY;;AAUbC,EAAAA,gBAVa,8BAUM;AACjB,WAAOR,GAAP;;;AAGD,GAdY;;AAgBbS,EAAAA,OAhBa,mBAgBLL,CAhBK,EAgBK;AAChB,WAAOJ,GAAP;;AAEmBI,IAAAA,CAAC,CAACC,iBAFrB;;AAID,GArBY;;AAuBbK,EAAAA,YAvBa,wBAuBAN,CAvBA,EAuBU;AACrB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACO,cADb;AAEgBP,IAAAA,CAAC,CAACQ,eAFlB;;AAID,GA5BY;;AA8BbC,EAAAA,MA9Ba,kBA8BNT,CA9BM,EA8BI;AACf,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACU,eADd;AAEoBV,IAAAA,CAAC,CAACU,eAFtB;;AAID,GAnCY;;AAqCbC,EAAAA,cArCa,0BAqCEX,CArCF,EAqCY;AACvB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACY,cADlB;;AAGD,GAzCY;;AA2CbC,EAAAA,eA3Ca,6BA2CK;AAChB,WAAOjB,GAAP;;;AAGD,GA/CY;AAgDb,wBAhDa,gCAgDY;AACvB,WAAOA,GAAP;;;AAGD,GApDY;AAqDb,2BArDa,mCAqDe;AAC1B,WAAOA,GAAP;;;AAGD,GAzDY;AA0Db,yBA1Da,iCA0Da;AACxB,WAAOA,GAAP;;;AAGD,GA9DY;AA+Db,0BA/Da,kCA+Dc;AACzB,WAAOA,GAAP;;;AAGD,GAnEY;AAoEbkB,EAAAA,qBApEa,mCAoEW;AACtB,WAAOlB,GAAP;;;;;AAKD,GA1EY;AA2EbmB,EAAAA,cA3Ea,4BA2EI;AACf,WAAOnB,GAAP;;;;;AAKD,GAjFY,EAAf;;;AAoFA,OAAO,IAAMoB,QAAQ,GAAGnB,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  popup(t: Theme) {\r\n    return css`\r\n      position: absolute;\r\n      min-width: 18px;\r\n      border-radius: ${t.popupBorderRadius};\r\n      border: ${t.popupBorder} ${t.popupBorderColor};\r\n    `;\r\n  },\r\n\r\n  popupIgnoreHover() {\r\n    return css`\r\n      pointer-events: none;\r\n    `;\r\n  },\r\n\r\n  content(t: Theme) {\r\n    return css`\r\n      overflow: hidden;\r\n      border-radius: ${t.popupBorderRadius};\r\n    `;\r\n  },\r\n\r\n  contentInner(t: Theme) {\r\n    return css`\r\n      color: ${t.popupTextColor};\r\n      background: ${t.popupBackground};\r\n    `;\r\n  },\r\n\r\n  shadow(t: Theme) {\r\n    return css`\r\n      filter: ${t.popupDropShadow};\r\n      -webkit-filter: ${t.popupDropShadow};\r\n    `;\r\n  },\r\n\r\n  shadowFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: ${t.popupBoxShadow};\r\n    `;\r\n  },\r\n\r\n  transitionEnter() {\r\n    return css`\r\n      opacity: 0.01;\r\n    `;\r\n  },\r\n  'transition-enter-top'() {\r\n    return css`\r\n      transform: translateY(10px);\r\n    `;\r\n  },\r\n  'transition-enter-bottom'() {\r\n    return css`\r\n      transform: translateY(-10px);\r\n    `;\r\n  },\r\n  'transition-enter-left'() {\r\n    return css`\r\n      transform: translateX(10px);\r\n    `;\r\n  },\r\n  'transition-enter-right'() {\r\n    return css`\r\n      transform: translateX(-10px);\r\n    `;\r\n  },\r\n  transitionEnterActive() {\r\n    return css`\r\n      transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n      opacity: 1;\r\n      transform: translate(0, 0);\r\n    `;\r\n  },\r\n  transitionExit() {\r\n    return css`\r\n      opacity: 0.01;\r\n      transition: opacity 0.15s ease-out;\r\n      transform: translate(0, 0);\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Popup.styles.ts"],"names":["memoizeStyle","getStyles","emotion","popup","t","css","popupBorderRadius","popupBorder","popupBorderColor","popupIgnoreHover","content","contentInner","popupTextColor","popupBackground","shadow","popupDropShadow","shadowFallback","popupBoxShadow","transitionEnter","transitionEnterActive","transitionExit"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;;AAGA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,KADW,iBACLC,CADK,EACK;AACd,eAAOF,OAAO,CAACG,GAAf;;;AAGmBD,QAAAA,CAAC,CAACE,iBAHrB;AAIYF,QAAAA,CAAC,CAACG,WAJd,EAI6BH,CAAC,CAACI,gBAJ/B;;;AAOD,OATU;;AAWXC,MAAAA,gBAXW,8BAWQ;AACjB,eAAOP,OAAO,CAACG,GAAf;;;AAGD,OAfU;;AAiBXK,MAAAA,OAjBW,mBAiBHN,CAjBG,EAiBO;AAChB,eAAOF,OAAO,CAACG,GAAf;;AAEmBD,QAAAA,CAAC,CAACE,iBAFrB;;;;AAMD,OAxBU;;AA0BXK,MAAAA,YA1BW,wBA0BEP,CA1BF,EA0BY;AACrB,eAAOF,OAAO,CAACG,GAAf;AACWD,QAAAA,CAAC,CAACQ,cADb;AAEgBR,QAAAA,CAAC,CAACS,eAFlB;;AAID,OA/BU;;AAiCXC,MAAAA,MAjCW,kBAiCJV,CAjCI,EAiCM;AACf,eAAOF,OAAO,CAACG,GAAf;AACYD,QAAAA,CAAC,CAACW,eADd;AAEoBX,QAAAA,CAAC,CAACW,eAFtB;;AAID,OAtCU;;AAwCXC,MAAAA,cAxCW,0BAwCIZ,CAxCJ,EAwCc;AACvB,eAAOF,OAAO,CAACG,GAAf;AACgBD,QAAAA,CAAC,CAACa,cADlB;;AAGD,OA5CU;;AA8CXC,MAAAA,eA9CW,6BA8CO;AAChB,eAAOhB,OAAO,CAACG,GAAf;;;AAGD,OAlDU;AAmDX,4BAnDW,gCAmDc;AACvB,eAAOH,OAAO,CAACG,GAAf;;;AAGD,OAvDU;AAwDX,+BAxDW,mCAwDiB;AAC1B,eAAOH,OAAO,CAACG,GAAf;;;AAGD,OA5DU;AA6DX,6BA7DW,iCA6De;AACxB,eAAOH,OAAO,CAACG,GAAf;;;AAGD,OAjEU;AAkEX,8BAlEW,kCAkEgB;AACzB,eAAOH,OAAO,CAACG,GAAf;;;AAGD,OAtEU;AAuEXc,MAAAA,qBAvEW,mCAuEa;AACtB,eAAOjB,OAAO,CAACG,GAAf;;;;;AAKD,OA7EU;AA8EXe,MAAAA,cA9EW,4BA8EM;AACf,eAAOlB,OAAO,CAACG,GAAf;;;;;AAKD,OApFU,EAAD,CADW,GAAlB","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        min-width: 18px;\n        border-radius: ${t.popupBorderRadius};\n        border: ${t.popupBorder} ${t.popupBorderColor};\n        display: flex;\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        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        filter: ${t.popupDropShadow};\n        -webkit-filter: ${t.popupDropShadow};\n      `;\n    },\n\n    shadowFallback(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-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: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), 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  });\n"]}

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

@@ -1,10 +1,12 @@
-export declare const jsStyles: {
-    popup(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    popup(t: Theme): string;
     popupIgnoreHover(): string;
-    content(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    contentInner(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    shadow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    shadowFallback(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    content(t: Theme): string;
+    contentInner(t: Theme): string;
+    shadow(t: Theme): string;
+    shadowFallback(t: Theme): string;
     transitionEnter(): string;
     'transition-enter-top'(): string;
     'transition-enter-bottom'(): string;

package/internal/Popup/PopupHelper/PopupHelper.js

@@ -1,3 +1,6 @@
+import { globalObject } from '@skbkontur/global-object';
+import { getDOMRect } from "../../../lib/dom/getDOMRect";
+
 function getPositionObject(position) {
   var x = position.split(' ');
   return {
@@ -23,7 +26,8 @@ function isAbsoluteRectFullyVisible(coordinates, popupRect) {
     width: popupRect.width
   };
   return _rectContainsRect(windowAbsoluteRect, absoluteRect);
-}
+} // Can become fully visible by scrolling into viewport
+
 
 function canBecomeFullyVisible(positionName, coordinates) {
   var position = getPositionObject(positionName);
@@ -44,7 +48,7 @@ function canBecomeFullyVisible(positionName, coordinates) {
 }
 
 function _getElementRelativeRect(element) {
-  var rect = element.getBoundingClientRect();
+  var rect = getDOMRect(element);
   return {
     top: rect.top,
     left: rect.left,
@@ -59,10 +63,10 @@ function _getWindowRelativeRect() {
     left: 0,
     width: _getViewProperty(function (x) {
       return x.clientWidth;
-    }) || window.innerWidth,
+    }) || globalObject.innerWidth || 0,
     height: _getViewProperty(function (x) {
       return x.clientHeight;
-    }) || window.innerHeight
+    }) || globalObject.innerHeight || 0
   };
 }
 
@@ -78,11 +82,11 @@ function convertRectToAbsolute(rect) {
 }
 
 function _getAbsoluteOffset() {
-  var scrollTop = window.pageYOffset || _getViewProperty(function (x) {
+  var scrollTop = globalObject.pageYOffset || _getViewProperty(function (x) {
     return x.scrollTop;
   });
 
-  var scrollLeft = window.pageXOffset || _getViewProperty(function (x) {
+  var scrollLeft = globalObject.pageXOffset || _getViewProperty(function (x) {
     return x.scrollLeft;
   });
 
@@ -107,7 +111,9 @@ function _rectContainsRect(outerRect, innerRect) {
 }
 
 function _getViewProperty(getProperty) {
-  var views = [document.documentElement, document.body];
+  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) {
     return x && getProperty(x);
   }).find(Boolean) || 0;

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

@@ -1 +1 @@
-{"version":3,"sources":["PopupHelper.tsx"],"names":["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","getBoundingClientRect","right","bottom","_getViewProperty","clientWidth","window","innerWidth","clientHeight","innerHeight","offset","_getAbsoluteOffset","scrollTop","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","outerRect","innerRect","getProperty","views","document","documentElement","body","map","find","Boolean","PopupHelper","isFullyVisible"],"mappings":"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","sourcesContent":["import { PopupPosition } from './Popup';\r\n\r\nexport interface Rect {\r\n  top: number;\r\n  left: number;\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\nexport interface Offset {\r\n  top: number;\r\n  left: number;\r\n}\r\n\r\nexport interface PositionObject {\r\n  direction: string;\r\n  align: string;\r\n}\r\n\r\nfunction getPositionObject(position: string): PositionObject {\r\n  const x = position.split(' ');\r\n\r\n  return {\r\n    direction: x[0],\r\n    align: x[1],\r\n  };\r\n}\r\n\r\nfunction getElementAbsoluteRect(element: HTMLElement): Rect {\r\n  const rect = _getElementRelativeRect(element);\r\n  return convertRectToAbsolute(rect);\r\n}\r\n\r\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean {\r\n  const windowRelativeRect = _getWindowRelativeRect();\r\n  const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\r\n  const absoluteRect = {\r\n    top: coordinates.top,\r\n    left: coordinates.left,\r\n    height: popupRect.height,\r\n    width: popupRect.width,\r\n  };\r\n\r\n  return _rectContainsRect(windowAbsoluteRect, absoluteRect);\r\n}\r\n\r\nfunction canBecomeFullyVisible(positionName: PopupPosition, coordinates: Offset) {\r\n  const position = getPositionObject(positionName);\r\n\r\n  if (position.direction === 'top') {\r\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\r\n    return coordinates.top + availableScrollDistances.top >= 0;\r\n  }\r\n\r\n  if (position.direction === 'left') {\r\n    const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\r\n    return coordinates.left + availableScrollDistances.left >= 0;\r\n  }\r\n\r\n  // NOTE: for bottom/right cases browser will always expand document size\r\n  return true;\r\n}\r\n\r\nfunction _getElementRelativeRect(element: HTMLElement) {\r\n  const rect = element.getBoundingClientRect();\r\n\r\n  return {\r\n    top: rect.top,\r\n    left: rect.left,\r\n    width: rect.right - rect.left,\r\n    height: rect.bottom - rect.top,\r\n  };\r\n}\r\n\r\nfunction _getWindowRelativeRect(): Rect {\r\n  return {\r\n    top: 0,\r\n    left: 0,\r\n    width: _getViewProperty(x => x.clientWidth) || window.innerWidth,\r\n    height: _getViewProperty(x => x.clientHeight) || window.innerHeight,\r\n  };\r\n}\r\n\r\nfunction convertRectToAbsolute(rect: Rect): Rect {\r\n  const offset = _getAbsoluteOffset();\r\n\r\n  return {\r\n    top: rect.top + offset.top,\r\n    left: rect.left + offset.left,\r\n    width: rect.width,\r\n    height: rect.height,\r\n  };\r\n}\r\n\r\nfunction _getAbsoluteOffset(): Offset {\r\n  const scrollTop = window.pageYOffset || _getViewProperty(x => x.scrollTop);\r\n  const scrollLeft = window.pageXOffset || _getViewProperty(x => x.scrollLeft);\r\n\r\n  const clientTop = _getViewProperty(x => x.clientTop);\r\n  const clientLeft = _getViewProperty(x => x.clientLeft);\r\n\r\n  const top = scrollTop - clientTop;\r\n  const left = scrollLeft - clientLeft;\r\n\r\n  return {\r\n    top,\r\n    left,\r\n  };\r\n}\r\n\r\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\r\n  return (\r\n    innerRect.top > outerRect.top &&\r\n    innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\r\n    innerRect.left > outerRect.left &&\r\n    innerRect.left + innerRect.width < outerRect.left + outerRect.width\r\n  );\r\n}\r\n\r\nfunction _getViewProperty(getProperty: (e: HTMLElement) => number): number {\r\n  const views = [document.documentElement, document.body];\r\n  return views.map(x => x && getProperty(x)).find(Boolean) || 0;\r\n}\r\n\r\nexport const PopupHelper = {\r\n  getPositionObject,\r\n  getElementAbsoluteRect,\r\n  isFullyVisible: isAbsoluteRectFullyVisible,\r\n  canBecomeFullyVisible,\r\n};\r\n"]}
+{"version":3,"sources":["PopupHelper.tsx"],"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","views","document","documentElement","body","map","find","Boolean","PopupHelper","isFullyVisible"],"mappings":"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","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"]}

package/internal/Popup/PopupHelper.d.ts

@@ -1,4 +1,4 @@
-import { PopupPosition } from './Popup';
+import { PopupPositionsType } from './Popup';
 export interface Rect {
     top: number;
     left: number;
@@ -14,9 +14,9 @@ export interface PositionObject {
     align: string;
 }
 declare function getPositionObject(position: string): PositionObject;
-declare function getElementAbsoluteRect(element: HTMLElement): Rect;
+declare function getElementAbsoluteRect(element: Element): Rect;
 declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean;
-declare function canBecomeFullyVisible(positionName: PopupPosition, coordinates: Offset): boolean;
+declare function canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset): boolean;
 export declare const PopupHelper: {
     getPositionObject: typeof getPositionObject;
     getElementAbsoluteRect: typeof getElementAbsoluteRect;

package/internal/Popup/PopupPin/PopupPin.js

@@ -2,8 +2,10 @@ 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 { jsStyles } from "../PopupPin.styles";
+import { getStyles } from "../PopupPin.styles";
+import { PopupDataTids } from "../Popup";
 var borderStyles = {
   position: 'absolute',
   borderStyle: 'solid',
@@ -12,9 +14,7 @@ var borderStyles = {
   borderLeftColor: 'transparent',
   borderRightColor: 'transparent'
 };
-export var PopupPin =
-/*#__PURE__*/
-function (_React$Component) {
+export var PopupPin = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(PopupPin, _React$Component);
 
   function PopupPin() {
@@ -32,14 +32,18 @@ function (_React$Component) {
     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 React.createElement("div", {
-      className: jsStyles.wrapper(),
-      style: styleWrapper
-    }, React.createElement("div", {
-      style: styleOuter
-    }, React.createElement("div", {
-      style: styleInner
-    })));
+    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
+      })));
+    });
   };
 
   _proto.getPopupOppositeDirection = function getPopupOppositeDirection() {
@@ -205,41 +209,42 @@ function (_React$Component) {
   return PopupPin;
 }(React.Component);
 PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';
+PopupPin.displayName = 'PopupPin';
 PopupPin.propTypes = {
-  /**
-   * Цвет фон пина
-   */
+  /**
+  * Цвет фон пина
+  */
   backgroundColor: PropTypes.string,
 
-  /**
-   * Цвет границы пина
-   */
+  /**
+  * Цвет границы пина
+  */
   borderColor: PropTypes.string,
 
-  /**
-   * Ширина границы пина
-   */
+  /**
+  * Ширина границы пина
+  */
   borderWidth: PropTypes.number,
 
-  /**
-   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-   */
+  /**
+  * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+  */
   offset: PropTypes.number,
 
-  /**
-   * Ссылка на попап
-   */
+  /**
+  * Ссылка на попап
+  */
   popupElement: PropTypes.any,
 
-  /**
-   * Позиция поапа, по которой будет вычеслено положение пина
-   */
+  /**
+  * Позиция попапа, по которой будет вычислено положение пина
+  */
   popupPosition: PropTypes.string,
 
-  /**
-   * Сторона пина без учёта границы.
-   * Пин представляет собой равносторонний треугольник, высота от попапа
-   * до "носика" пина будет соответствовать формуле (size* √3)/2
-   */
+  /**
+  * Сторона пина без учёта границы.
+  * Пин представляет собой равносторонний треугольник, высота от попапа
+  * до "носика" пина будет соответствовать формуле (size* √3)/2
+  */
   size: PropTypes.number
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["PopupPin.tsx"],"names":["React","PropTypes","PopupHelper","jsStyles","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","getPinOptions","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","wrapper","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","width","height","borderWitdth","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","Component","__KONTUR_REACT_UI__","propTypes","string","number","any"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\r\nimport { jsStyles } from './PopupPin.styles';\r\n\r\nconst borderStyles = {\r\n  position: 'absolute',\r\n  borderStyle: 'solid',\r\n  borderTopColor: 'transparent',\r\n  borderBottomColor: 'transparent',\r\n  borderLeftColor: 'transparent',\r\n  borderRightColor: 'transparent',\r\n};\r\n\r\ninterface Props {\r\n  backgroundColor: string;\r\n  borderColor: string;\r\n  borderWidth: number;\r\n  offset: number;\r\n  popupElement: Nullable<HTMLElement>;\r\n  popupPosition: string;\r\n  size: number;\r\n}\r\n\r\nexport class PopupPin extends React.Component<Props> {\r\n  public static __KONTUR_REACT_UI__ = 'PopupPin';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Цвет фон пина\r\n     */\r\n    backgroundColor: PropTypes.string,\r\n\r\n    /**\r\n     * Цвет границы пина\r\n     */\r\n    borderColor: PropTypes.string,\r\n\r\n    /**\r\n     * Ширина границы пина\r\n     */\r\n    borderWidth: PropTypes.number,\r\n\r\n    /**\r\n     * Смещение пина от края попапа. Край задаётся в пропе position вторым словом\r\n     */\r\n    offset: PropTypes.number,\r\n\r\n    /**\r\n     * Ссылка на попап\r\n     */\r\n    popupElement: PropTypes.any,\r\n\r\n    /**\r\n     * Позиция поапа, по которой будет вычеслено положение пина\r\n     */\r\n    popupPosition: PropTypes.string,\r\n\r\n    /**\r\n     * Сторона пина без учёта границы.\r\n     * Пин представляет собой равносторонний треугольник, высота от попапа\r\n     * до \"носика\" пина будет соответствовать формуле (size* √3)/2\r\n     */\r\n    size: PropTypes.number,\r\n  };\r\n\r\n  public render() {\r\n    if (!this.props.popupElement) {\r\n      return null;\r\n    }\r\n\r\n    const options = this.getPinOptions(\r\n      PopupHelper.getElementAbsoluteRect(this.props.popupElement),\r\n      PopupHelper.getPositionObject(this.props.popupPosition),\r\n      this.props.size,\r\n      this.props.offset,\r\n      this.props.borderWidth,\r\n    );\r\n\r\n    const styleOuter: React.CSSProperties = this.getOuterStyle(\r\n      options.activeBorder,\r\n      options.outerSize,\r\n      this.props.borderColor,\r\n    );\r\n\r\n    const styleInner: React.CSSProperties = this.getInnerStyle(\r\n      options.activeBorder,\r\n      this.props.size,\r\n      this.props.backgroundColor,\r\n    );\r\n\r\n    const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\r\n\r\n    return (\r\n      <div className={jsStyles.wrapper()} style={styleWrapper}>\r\n        <div style={styleOuter}>\r\n          <div style={styleInner} />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private getPopupOppositeDirection(): 'bottom' | 'top' | 'left' | 'right' {\r\n    const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\r\n    switch (popupDirection) {\r\n      case 'top':\r\n        return 'bottom';\r\n      case 'bottom':\r\n        return 'top';\r\n      case 'left':\r\n        return 'right';\r\n      case 'right':\r\n        return 'left';\r\n      default:\r\n        throw new TypeError('Unknown direction ' + popupDirection);\r\n    }\r\n  }\r\n\r\n  private getWrapperStyle(left: number, top: number, borderWidth: number) {\r\n    const direction = this.getPopupOppositeDirection();\r\n    switch (direction) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return {\r\n          [direction]: -borderWidth + 'px',\r\n          left: left + 'px',\r\n          width: borderWidth * 2 + 'px',\r\n          height: borderWidth + 'px',\r\n        };\r\n      case 'left':\r\n      case 'right':\r\n        return {\r\n          [direction]: -borderWidth + 'px',\r\n          top: top + 'px',\r\n          height: borderWidth * 2 + 'px',\r\n          width: borderWidth + 'px',\r\n        };\r\n      default:\r\n        throw new TypeError('Unknown direction ' + direction);\r\n    }\r\n  }\r\n\r\n  private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\r\n    const direction = this.getPopupOppositeDirection();\r\n    switch (direction) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 'px',\r\n          left: '0px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      case 'left':\r\n      case 'right':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 'px',\r\n          top: '0px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      default:\r\n        throw new TypeError('Unknown direction ' + direction);\r\n    }\r\n  }\r\n\r\n  private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\r\n    const direction = this.getPopupOppositeDirection();\r\n    switch (direction) {\r\n      case 'top':\r\n      case 'bottom':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 2 + 'px',\r\n          left: -borderWitdth + 'px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      case 'left':\r\n      case 'right':\r\n        return {\r\n          ...borderStyles,\r\n          [direction]: -borderWitdth + 2 + 'px',\r\n          top: -borderWitdth + 'px',\r\n          borderWidth: borderWitdth + 'px',\r\n          ['border' + activeBorder + 'Color']: borderColor,\r\n        } as React.CSSProperties;\r\n      default:\r\n        throw new TypeError('Unknown direction ' + direction);\r\n    }\r\n  }\r\n\r\n  private getPinOptions(\r\n    popupRect: Rect,\r\n    popupPosition: PositionObject,\r\n    pinSize: number,\r\n    pinOffset: number,\r\n    borderWidth: number,\r\n  ) {\r\n    const bordersDelta = 2 * borderWidth;\r\n    const outerSize = pinSize + bordersDelta;\r\n\r\n    switch (popupPosition.direction) {\r\n      case 'top':\r\n        return {\r\n          outerTop: popupRect.height,\r\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          innerTop: -outerSize,\r\n          innerLeft: -outerSize + bordersDelta,\r\n          activeBorder: 'Top',\r\n          outerSize,\r\n        };\r\n      case 'bottom':\r\n        return {\r\n          outerTop: -2 * outerSize,\r\n          outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          innerTop: -outerSize + 2 * bordersDelta,\r\n          innerLeft: -outerSize + bordersDelta,\r\n          activeBorder: 'Bottom',\r\n          outerSize,\r\n        };\r\n      case 'left':\r\n        return {\r\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          outerLeft: popupRect.width,\r\n          innerTop: -outerSize + bordersDelta,\r\n          innerLeft: -outerSize,\r\n          activeBorder: 'Left',\r\n          outerSize,\r\n        };\r\n      case 'right':\r\n        return {\r\n          outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n          outerLeft: -2 * outerSize,\r\n          innerTop: -outerSize + bordersDelta,\r\n          innerLeft: -outerSize + 2 * bordersDelta,\r\n          activeBorder: 'Right',\r\n          outerSize,\r\n        };\r\n      default:\r\n        throw new Error('Direction must be one of top, right, bottom, left');\r\n    }\r\n  }\r\n\r\n  private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\r\n    switch (align) {\r\n      case 'top':\r\n        return pinOffset;\r\n      case 'middle':\r\n        return popupRect.height / 2 - pinHeight;\r\n      case 'bottom':\r\n        return popupRect.height - pinOffset - 2 * pinHeight;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n\r\n  private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\r\n    switch (align) {\r\n      case 'left':\r\n        return pinOffset;\r\n      case 'center':\r\n        return popupRect.width / 2 - pinHeight;\r\n      case 'right':\r\n        return popupRect.width - pinOffset - 2 * pinHeight;\r\n      default:\r\n        throw new Error(`Unexpected align '${align}'`);\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["PopupPin.tsx"],"names":["React","PropTypes","EmotionConsumer","PopupHelper","getStyles","PopupDataTids","borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","getPinOptions","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","emotion","styles","popupPin","wrapper","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","width","height","borderWitdth","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","Component","__KONTUR_REACT_UI__","displayName","propTypes","string","number","any"],"mappings":"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","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"]}

package/internal/Popup/PopupPin.d.ts

@@ -6,12 +6,13 @@ interface Props {
     borderColor: string;
     borderWidth: number;
     offset: number;
-    popupElement: Nullable<HTMLElement>;
+    popupElement: Nullable<Element>;
     popupPosition: string;
     size: number;
 }
 export declare class PopupPin extends React.Component<Props> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         /**
          * Цвет фон пина
@@ -34,7 +35,7 @@ export declare class PopupPin extends React.Component<Props> {
          */
         popupElement: PropTypes.Requireable<any>;
         /**
-         * Позиция поапа, по которой будет вычеслено положение пина
+         * Позиция попапа, по которой будет вычислено положение пина
          */
         popupPosition: PropTypes.Requireable<string>;
         /**

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

@@ -1,19 +1,12 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  wrapper: function wrapper() {
-    return css(_templateObject());
-  }
-};
-export var jsStyles = memoizeStyle(styles);
+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      "])));
+    }
+  });
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["PopupPin.styles.ts"],"names":["css","memoizeStyle","styles","wrapper","jsStyles"],"mappings":"yUAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,WAAOH,GAAP;;;;;AAKD,GAPY,EAAf;;;AAUA,OAAO,IAAMI,QAAQ,GAAGH,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  wrapper() {\r\n    return css`\r\n      overflow: hidden;\r\n      position: absolute;\r\n      pointer-events: none;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["PopupPin.styles.ts"],"names":["memoizeStyle","getStyles","emotion","wrapper","css"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,OADW,qBACD;AACR,eAAOD,OAAO,CAACE,GAAf;;;;;AAKD,OAPU,EAAD,CADW,GAAlB","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"]}

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

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

package/internal/Popup/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Popup';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Popup';\n"]}

package/internal/Popup/types/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/Popup/types.js",
+  "module": "types",
+  "types": "../types.d.ts",
+  "sideEffects": false
+}

package/internal/Popup/types/types.js

@@ -0,0 +1 @@
+export {};

package/internal/Popup/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/internal/Popup/types.d.ts

@@ -0,0 +1,2 @@
+import { PopupPositionsType as Type } from './Popup';
+export declare type PopupPositionsType = Type;