@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d99038a7ec

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles/MobilePopupHeader.styles.js

@@ -1,21 +1,43 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
 var styles = {
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
+    return /*#__PURE__*/css("position:relative;padding:", t.mobilePopupHeaderPadding, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
   },
   rootWithoutContent: function rootWithoutContent() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: 8px 0 0 0;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "b0jr7i",
+      styles: "padding:8px 0 0 0"
+    } : {
+      name: "2qna1q-rootWithoutContent",
+      styles: "padding:8px 0 0 0;label:rootWithoutContent;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   container: function container() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-direction: column;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1fttcpj",
+      styles: "display:flex;flex-direction:column"
+    } : {
+      name: "rr50qp-container",
+      styles: "display:flex;flex-direction:column;label:container;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   caption: function caption(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
+    return /*#__PURE__*/css("font-size:", t.mobilePopupHeaderFontSize, ";line-height:", t.mobilePopupHeaderLineHeight, ";font-weight:", t.mobilePopupHeaderFontWeight, ";color:", t.textColorDefault, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:caption;"));
   },
   captionWithChildren: function captionWithChildren() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 8px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "mpkj0c",
+      styles: "padding-bottom:8px"
+    } : {
+      name: "1k0gelx-captionWithChildren",
+      styles: "padding-bottom:8px;label:captionWithChildren;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 };
 export var jsStyles = memoizeStyle(styles);

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles/MobilePopupHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","rootWithoutContent","_templateObject2","container","_templateObject3","caption","_templateObject4","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","_templateObject5","jsStyles"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n\n  rootWithoutContent() {\n    return css`\n      padding: 8px 0 0 0;\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  captionWithChildren() {\n    return css`\n      padding-bottom: 8px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGF,CAAC,CAACG,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;EAIZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACKF,CAAC,CAACU,yBAAyB;IACzBV,CAAC,CAACW,2BAA2B;IAC7BX,CAAC,CAACY,2BAA2B;IACnCZ,CAAC,CAACa,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMc,QAAQ,GAAGnB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","mobilePopupHeaderPadding","process","env","NODE_ENV","rootWithoutContent","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n\n  rootWithoutContent() {\n    return css`\n      padding: 8px 0 0 0;\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  captionWithChildren() {\n    return css`\n      padding-bottom: 8px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,oBAAOJ,GAAG;;IAEGI,CAAC,CAACC,wBAAwB,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,oBAAOT,GAAG,CAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAR,MAAA,4BAAAQ,IAAA,+BAAAR,MAAA,iDAAAS,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;;EAEDC,SAAS,WAAAA,UAAA,EAAG;IACV,oBAAOb,GAAG,CAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,aAAAR,MAAA,6CAAAQ,IAAA,sBAAAR,MAAA,yDAAAS,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;;EAEDE,OAAO,WAAAA,QAACV,CAAQ,EAAE;IAChB,oBAAOJ,GAAG;IACKI,CAAC,CAACW,yBAAyB;IACzBX,CAAC,CAACY,2BAA2B;IAC7BZ,CAAC,CAACa,2BAA2B;IACnCb,CAAC,CAACc,gBAAgB,SAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE/B,CAAC;;EAEDW,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,oBAAOnB,GAAG,CAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAR,MAAA,6BAAAQ,IAAA,iCAAAR,MAAA,mDAAAS,QAAA,EAAAC,gCAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMQ,QAAQ,GAAGnB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

package/internal/NativeDateInput/NativeDateInput.styles/NativeDateInput.styles.js

@@ -1,9 +1,17 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 var styles = {
   inputTypeDate: function inputTypeDate() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "lv6iki",
+      styles: "width:0px;height:0px;padding:0px;margin:0px;line-height:0px;transform:scale(0);border:none;overflow:hidden;opacity:0"
+    } : {
+      name: "1q0tme4-inputTypeDate",
+      styles: "width:0px;height:0px;padding:0px;margin:0px;line-height:0px;transform:scale(0);border:none;overflow:hidden;opacity:0;label:inputTypeDate;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 };
 export var jsStyles = memoizeStyle(styles);

package/internal/NativeDateInput/NativeDateInput.styles/NativeDateInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","inputTypeDate","_templateObject","_taggedTemplateLiteralLoose","jsStyles"],"sources":["NativeDateInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,IAAMC,MAAM,GAAG;EACbC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;EAWZ;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGL,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","inputTypeDate","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","jsStyles"],"sources":["NativeDateInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,IAAMC,MAAM,GAAG;EACbC,aAAa,WAAAA,cAAA,EAAG;IACd,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,+HAAAK,IAAA,2BAAAL,MAAA,+IAAAM,QAAA,EAAAC,gCAAA;;;;;;;;;;;EAWZ;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGT,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

@@ -1,47 +1,111 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 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);
+    return /*#__PURE__*/css("position:absolute;border-radius:", t.popupBorderRadius, ";border:", t.popupBorder, " ", t.popupBorderColor, ";display:flex;width:max-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:popup;"));
   },
   popupIgnoreHover: function popupIgnoreHover() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "je8g23",
+      styles: "pointer-events:none"
+    } : {
+      name: "1mincwz-popupIgnoreHover",
+      styles: "pointer-events:none;label:popupIgnoreHover;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   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);
+    return /*#__PURE__*/css("overflow:hidden;border-radius:", t.popupBorderRadius, ";flex-shrink:0;max-width:100%;line-height:normal;" + (process.env.NODE_ENV === "production" ? "" : ";label:content;"));
   },
   contentInner: function contentInner(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n    "])), t.popupTextColor, t.popupBackground);
+    return /*#__PURE__*/css("color:", t.popupTextColor, ";background:", t.popupBackground, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:contentInner;"));
   },
   shadow: function shadow(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "])), t.popupBoxShadow);
+    return /*#__PURE__*/css("box-shadow:", t.popupBoxShadow, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:shadow;"));
   },
   transitionEnter: function transitionEnter() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      opacity: 0.01;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "ajcyba",
+      styles: "opacity:0.01"
+    } : {
+      name: "27i2sv-transitionEnter",
+      styles: "opacity:0.01;label:transitionEnter;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   'transition-enter-top': function transitionEnterTop() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      transform: translateY(10px);\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "rgzk32",
+      styles: "transform:translateY(10px)"
+    } : {
+      name: "12li5cm-transition-enter-top",
+      styles: "transform:translateY(10px);label:transition-enter-top;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   'transition-enter-middle': function transitionEnterMiddle() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose([""])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:transition-enter-middle;");
   },
   'transition-enter-bottom': function transitionEnterBottom() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      transform: translateY(-10px);\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "18hzysc",
+      styles: "transform:translateY(-10px)"
+    } : {
+      name: "35fbtl-transition-enter-bottom",
+      styles: "transform:translateY(-10px);label:transition-enter-bottom;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   'transition-enter-left': function transitionEnterLeft() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      transform: translateX(10px);\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "13ktg2f",
+      styles: "transform:translateX(10px)"
+    } : {
+      name: "1ix9bja-transition-enter-left",
+      styles: "transform:translateX(10px);label:transition-enter-left;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   'transition-enter-right': function transitionEnterRight() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      transform: translateX(-10px);\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1wkahce",
+      styles: "transform:translateX(-10px)"
+    } : {
+      name: "pq8nw6-transition-enter-right",
+      styles: "transform:translateX(-10px);label:transition-enter-right;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   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    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1da3nj2",
+      styles: "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);opacity:1;transform:translate(0, 0)"
+    } : {
+      name: "eidu34-transitionEnterActive",
+      styles: "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);opacity:1;transform:translate(0, 0);label:transitionEnterActive;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   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    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1y26rho",
+      styles: "opacity:0.01;transition:opacity 0.15s ease-out;transform:translate(0, 0)"
+    } : {
+      name: "1wx11tl-transitionExit",
+      styles: "opacity:0.01;transition:opacity 0.15s ease-out;transform:translate(0, 0);label:transitionExit;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   absoluteParent: function absoluteParent() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      text-align: initial;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "11hpavr",
+      styles: "position:absolute;text-align:initial"
+    } : {
+      name: "narvk0-absoluteParent",
+      styles: "position:absolute;text-align:initial;label:absoluteParent;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","popup","t","_templateObject","_taggedTemplateLiteralLoose","popupBorderRadius","popupBorder","popupBorderColor","popupIgnoreHover","_templateObject2","content","_templateObject3","contentInner","_templateObject4","popupTextColor","popupBackground","shadow","_templateObject5","popupBoxShadow","transitionEnter","_templateObject6","transitionEnterTop","_templateObject7","transitionEnterMiddle","_templateObject8","transitionEnterBottom","_templateObject9","transitionEnterLeft","_templateObject10","transitionEnterRight","_templateObject11","transitionEnterActive","_templateObject12","transitionExit","_templateObject13","absoluteParent","_templateObject14"],"sources":["Popup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  popup(t: Theme) {\n    return css`\n      position: absolute;\n      border-radius: ${t.popupBorderRadius};\n      border: ${t.popupBorder} ${t.popupBorderColor};\n      display: flex;\n      width: max-content;\n    `;\n  },\n\n  popupIgnoreHover() {\n    return css`\n      pointer-events: none;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n      flex-shrink: 0;\n      max-width: 100%;\n      line-height: normal;\n    `;\n  },\n\n  contentInner(t: Theme) {\n    return css`\n      color: ${t.popupTextColor};\n      background: ${t.popupBackground};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      box-shadow: ${t.popupBoxShadow};\n    `;\n  },\n\n  transitionEnter() {\n    return css`\n      opacity: 0.01;\n    `;\n  },\n  'transition-enter-top'() {\n    return css`\n      transform: translateY(10px);\n    `;\n  },\n  'transition-enter-middle'() {\n    return css``;\n  },\n  'transition-enter-bottom'() {\n    return css`\n      transform: translateY(-10px);\n    `;\n  },\n  'transition-enter-left'() {\n    return css`\n      transform: translateX(10px);\n    `;\n  },\n  'transition-enter-right'() {\n    return css`\n      transform: translateX(-10px);\n    `;\n  },\n  transitionEnterActive() {\n    return css`\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1;\n      transform: translate(0, 0);\n    `;\n  },\n  transitionExit() {\n    return css`\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n      transform: translate(0, 0);\n    `;\n  },\n  absoluteParent() {\n    return css`\n      position: absolute;\n      text-align: initial;\n    `;\n  },\n});\n"],"mappings":"mWAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAESF,CAAC,CAACG,iBAAiB;IAC1BH,CAAC,CAACI,WAAW,EAAIJ,CAAC,CAACK,gBAAgB;;;;EAIjD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;EAGZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;;IAESF,CAAC,CAACG,iBAAiB;;;;;EAKxC,CAAC;;EAEDO,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;IACCF,CAAC,CAACY,cAAc;IACXZ,CAAC,CAACa,eAAe;;EAEnC,CAAC;;EAEDC,MAAM,WAAAA,OAACd,CAAQ,EAAE;IACf,OAAOJ,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACMF,CAAC,CAACgB,cAAc;;EAElC,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;EAGZ,CAAC;EACD,sBAAsB,WAAAiB,mBAAA,EAAG;IACvB,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGZ,CAAC;EACD,yBAAyB,WAAAmB,sBAAA,EAAG;IAC1B,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;EACZ,CAAC;EACD,yBAAyB,WAAAqB,sBAAA,EAAG;IAC1B,OAAO3B,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;;;EAGZ,CAAC;EACD,uBAAuB,WAAAuB,oBAAA,EAAG;IACxB,OAAO7B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;;EAGZ,CAAC;EACD,wBAAwB,WAAAyB,qBAAA,EAAG;IACzB,OAAO/B,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;;;EAGZ,CAAC;EACD2B,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAOjC,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA5B,2BAAA;;;;;;;EAOZ,CAAC;EACD6B,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOnC,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA9B,2BAAA;;;;;EAKZ,CAAC;EACD+B,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOrC,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","popup","t","popupBorderRadius","popupBorder","popupBorderColor","process","env","NODE_ENV","popupIgnoreHover","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","content","contentInner","popupTextColor","popupBackground","shadow","popupBoxShadow","transitionEnter","transitionEnterTop","transitionEnterMiddle","transitionEnterBottom","transitionEnterLeft","transitionEnterRight","transitionEnterActive","transitionExit","absoluteParent"],"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":"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","ignoreList":[]}

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

@@ -1,8 +1,16 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 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    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "7cwbbu",
+      styles: "overflow:hidden;position:absolute;pointer-events:none"
+    } : {
+      name: "1q13nj7-wrapper",
+      styles: "overflow:hidden;position:absolute;pointer-events:none;label:wrapper;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","wrapper","_templateObject","_taggedTemplateLiteralLoose"],"sources":["PopupPin.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      overflow: hidden;\n      position: absolute;\n      pointer-events: none;\n    `;\n  },\n});\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","wrapper","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"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":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,gEAAAK,IAAA,qBAAAL,MAAA,0EAAAM,QAAA,EAAAC,gCAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/PopupMenu/PopupMenu/PopupMenu.js

@@ -16,14 +16,12 @@ import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { Menu } from "../../Menu";
 import { isValidPositions } from "../validatePositions";
 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() {

package/internal/PopupMenu/PopupMenu/PopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeContext","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","isValidPositions","styles","PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","_class","_PopupMenu","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootId","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","_this$props$popupMenu","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","createElement","className","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","value","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","_extends","rootNodeRef","setRootNode","onClickOutside","onFocusOutside","active","container","style","width","children","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","Component","__KONTUR_REACT_UI__","displayName","Type"],"sources":["PopupMenu.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRandomID } from '../../lib/utils';\nimport { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupIds, PopupPositionsType } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } from './PopupMenu.styles';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  children?: React.ReactNode;\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /** Ширина контейнера и caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPositionsType[];\n  /** Колбэк, вызываемый после открытия/закрытия меню */\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n  /** Пропсы, передающиеся в Popup */\n  popupHasPin?: boolean;\n  popupMargin?: number;\n  popupPinOffset?: number;\n  type?: 'dropdown' | 'tooltip';\n  disableAnimations?: boolean;\n  /** Действие при открытии меню */\n  onOpen?: () => void;\n  /** Действие при закрытии меню */\n  onClose?: () => void;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n}\n\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nexport const PopupMenuDataTids = {\n  root: 'PopupMenu__root',\n  caption: 'PopupMenu__caption',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n  'left top',\n  'left middle',\n  'left bottom',\n];\n\ntype DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;\n\n@rootNode\n@responsiveLayout\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\n  public static displayName = 'PopupMenu';\n\n  private isMobileLayout!: boolean;\n  private rootId = PopupIds.root + getRandomID();\n\n  public static defaultProps: DefaultProps = {\n    positions: Positions,\n    type: PopupMenuType.Tooltip,\n    popupHasPin: true,\n    disableAnimations: false,\n  };\n\n  private getProps = createPropsGetter(PopupMenu.defaultProps);\n\n  public static Type = PopupMenuType;\n\n  public state = {\n    menuVisible: false,\n    firstItemShouldBeSelected: false,\n  };\n\n  private captionWrapper: HTMLSpanElement | null = null;\n  private savedFocusableElement: HTMLElement | null = null;\n  private menu: Nullable<Menu> = null;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  menuOffsetY: theme.popupMenuMenuOffsetY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div data-tid={PopupMenuDataTids.root} className={styles.container()} style={{ width: this.props.width }}>\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.menuRef}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private menuRef = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      id: this.props.id,\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n      });\n\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (globalObject.document) {\n      this.savedFocusableElement = globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeContext","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","isValidPositions","styles","PopupMenuDataTids","PopupMenuType","Dropdown","Tooltip","Positions","PopupMenu","_class","_PopupMenu","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootId","root","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","caption","_this$props$popupMenu","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","createElement","className","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","value","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","_extends","rootNodeRef","setRootNode","onClickOutside","onFocusOutside","active","container","style","width","children","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","Component","__KONTUR_REACT_UI__","displayName","Type"],"sources":["PopupMenu.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRandomID } from '../../lib/utils';\nimport { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupIds, PopupPositionsType } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } from './PopupMenu.styles';\nimport { PopupMenuDataTids } from './tids';\n\nexport * from './tids';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  children?: React.ReactNode;\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /** Ширина контейнера и caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPositionsType[];\n  /** Колбэк, вызываемый после открытия/закрытия меню */\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n  /** Пропсы, передающиеся в Popup */\n  popupHasPin?: boolean;\n  popupMargin?: number;\n  popupPinOffset?: number;\n  type?: 'dropdown' | 'tooltip';\n  disableAnimations?: boolean;\n  /** Действие при открытии меню */\n  onOpen?: () => void;\n  /** Действие при закрытии меню */\n  onClose?: () => void;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n}\n\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n  'left top',\n  'left middle',\n  'left bottom',\n];\n\ntype DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;\n\n@rootNode\n@responsiveLayout\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\n  public static displayName = 'PopupMenu';\n\n  private isMobileLayout!: boolean;\n  private rootId = PopupIds.root + getRandomID();\n\n  public static defaultProps: DefaultProps = {\n    positions: Positions,\n    type: PopupMenuType.Tooltip,\n    popupHasPin: true,\n    disableAnimations: false,\n  };\n\n  private getProps = createPropsGetter(PopupMenu.defaultProps);\n\n  public static Type = PopupMenuType;\n\n  public state = {\n    menuVisible: false,\n    firstItemShouldBeSelected: false,\n  };\n\n  private captionWrapper: HTMLSpanElement | null = null;\n  private savedFocusableElement: HTMLElement | null = null;\n  private menu: Nullable<Menu> = null;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  menuOffsetY: theme.popupMenuMenuOffsetY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div data-tid={PopupMenuDataTids.root} className={styles.container()} style={{ width: this.props.width }}>\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.menuRef}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private menuRef = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      id: this.props.id,\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n      });\n\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (globalObject.document) {\n      this.savedFocusableElement = globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"],"mappings":"uJAAA,OAAOA,KAAK,MAA0C,OAAO;AAC7D,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,WAAW,QAAQ,iBAAiB;;AAE7C;EACEC,kBAAkB;EAClBC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC,QAAQ;AACH,uCAAuC;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,KAAK,EAAEC,QAAQ,QAA4B,UAAU;AAC9D,SAASC,WAAW,QAAQ,gBAAgB;;AAE5C,SAAsBC,aAAa,QAAQ,kBAAkB;AAC7D,SAASC,gBAAgB,QAAQ,6CAA6C;AAC9E,SAASC,QAAQ,QAAsB,oBAAoB;AAC3D,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,IAAI,QAAmB,SAAS;;AAEzC,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,QAAQ;;AAE1C,cAAc,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DtB,OAAO,IAAMC,aAAa,GAAG;EAC3BC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE;AACX,CAAU;;AAEV,IAAMC,SAA+B,GAAG;AACtC,UAAU;AACV,YAAY;AACZ,WAAW;AACX,WAAW;AACX,cAAc;AACd,cAAc;AACd,aAAa;AACb,eAAe;AACf,cAAc;AACd,UAAU;AACV,aAAa;AACb,aAAa,CACd;;;;;AAID;;AAEaC,SAAS,GAFrBV,QAAQ,CAAAW,MAAA,GACRZ,gBAAgB,CAAAY,MAAA,IAAAC,UAAA,0BAAAC,gBAAA,YAAAH,UAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;IAMPU,MAAM,GAAG5B,QAAQ,CAAC6B,IAAI,GAAGtC,WAAW,CAAC,CAAC,CAAA2B,KAAA;;;;;;;;;IAStCY,QAAQ,GAAGzB,iBAAiB,CAACS,SAAS,CAACiB,YAAY,CAAC,CAAAb,KAAA;;;;IAIrDc,KAAK,GAAG;MACbC,WAAW,EAAE,KAAK;MAClBC,yBAAyB,EAAE;IAC7B,CAAC,CAAAhB,KAAA;;IAEOiB,cAAc,GAA2B,IAAI,CAAAjB,KAAA;IAC7CkB,qBAAqB,GAAuB,IAAI,CAAAlB,KAAA;IAChDmB,IAAI,GAAmB,IAAI,CAAAnB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuE5BoB,IAAI,GAAG,oBAAYpB,KAAA,CAAKqB,QAAQ,CAAC,CAAC,GAAArB,KAAA;IAClCsB,KAAK,GAAG,oBAAYtB,KAAA,CAAKuB,QAAQ,CAAC,CAAC,GAAAvB,KAAA;;IAElCwB,OAAO,GAAG,UAACC,OAAuB,UAAMzB,KAAA,CAAKmB,IAAI,GAAGM,OAAO,EAAC,CAAAzB,KAAA;;IAE5D0B,UAAU,GAAG,YAAM;MACzB,IAAI1B,KAAA,CAAKmB,IAAI,EAAE;QACbnB,KAAA,CAAKmB,IAAI,CAACQ,KAAK,CAAC,CAAC;MACnB;IACF,CAAC,CAAA3B,KAAA;;IAEO4B,kBAAkB,GAAG,UAACC,OAAwB,EAAK,KAAAC,qBAAA;MACzD,IAAI,OAAOD,OAAO,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;QAC9D,OAAOA,OAAO;MAChB;;MAEA,oBAAO1D,KAAK,CAAC4D,YAAY,CAACF,OAAO,EAAwB;QACvDG,EAAE,EAAEhC,KAAA,CAAKiC,KAAK,CAACD,EAAE;QACjB,eAAe,GAAAF,qBAAA,GAAE9B,KAAA,CAAKiC,KAAK,CAACC,WAAW,YAAAJ,qBAAA,GAAI9B,KAAA,CAAKU,MAAM;QACtD,eAAe,EAAEV,KAAA,CAAKc,KAAK,CAACC,WAAW,GAAG,MAAM,GAAG,OAAO;QAC1D,YAAY,EAAEf,KAAA,CAAKiC,KAAK,CAAC,YAAY;MACvC,CAAC,CAAC;IACJ,CAAC,CAAAjC,KAAA;;IAEOmC,aAAa,GAAG,YAAM;MAC5B,IAAI,OAAOnC,KAAA,CAAKiC,KAAK,CAACJ,OAAO,KAAK,UAAU,EAAE;QAC5C,IAAMA,OAAO,GAAG7B,KAAA,CAAKiC,KAAK,CAACJ,OAAO,CAAC;UACjCO,MAAM,EAAEpC,KAAA,CAAKc,KAAK,CAACC,WAAW;UAC9BsB,QAAQ,EAAErC,KAAA,CAAKqB,QAAQ;UACvBiB,SAAS,EAAEtC,KAAA,CAAKuB,QAAQ;UACxBgB,UAAU,EAAEvC,KAAA,CAAKuC;QACnB,CAAC,CAAC;;QAEF;UACEpE,KAAA,CAAAqE,aAAA;YACE,YAAUjD,iBAAiB,CAACsC,OAAQ;YACpCY,SAAS,EAAEnD,MAAM,CAACuC,OAAO,CAAC,CAAE;YAC5Ba,GAAG,EAAE,SAAAA,IAACjB,OAAO,UAAMzB,KAAA,CAAKiB,cAAc,GAAGQ,OAAO,EAAE;;UAEjDzB,KAAA,CAAK4B,kBAAkB,CAACC,OAAO;UAC5B,CAAC;;MAEX;;MAEA;QACE1D,KAAA,CAAAqE,aAAA;UACE,YAAUjD,iBAAiB,CAACsC,OAAQ;UACpCc,OAAO,EAAE3C,KAAA,CAAK4C,kBAAmB;UACjCC,SAAS,EAAE7C,KAAA,CAAK8C,oBAAqB;UACrCJ,GAAG,EAAE,SAAAA,IAACjB,OAAO,UAAMzB,KAAA,CAAKiB,cAAc,GAAGQ,OAAO,EAAE;UAClDgB,SAAS,EAAEnD,MAAM,CAACuC,OAAO,CAAC,CAAE;;QAE3B7B,KAAA,CAAK4B,kBAAkB,CAAC5B,KAAA,CAAKiC,KAAK,CAACJ,OAAO;QACvC,CAAC;;IAEX,CAAC,CAAA7B,KAAA;;IAEO+C,uBAAuB,GAAG,oBAAM/C,KAAA,CAAKuB,QAAQ,CAAC,CAAC,GAAAvB,KAAA;;;;;;;;;;;IAW/CqB,QAAQ,GAAG,UAACL,yBAAmC,EAAW;MAChEhB,KAAA,CAAKgD,SAAS,CAAC,CAAC;MAChBhD,KAAA,CAAKiD,QAAQ;QACX;UACElC,WAAW,EAAE,IAAI;UACjBC,yBAAyB,EAAzBA;QACF,CAAC;QACD,YAAM;UACJhB,KAAA,CAAKkD,uBAAuB,CAAC,KAAK,CAAC;QACrC;MACF,CAAC;IACH,CAAC,CAAAlD,KAAA;;IAEOuB,QAAQ,GAAG,UAAC4B,YAAsB,EAAW;MACnDnD,KAAA,CAAKiD,QAAQ;QACX;UACElC,WAAW,EAAE,KAAK;UAClBC,yBAAyB,EAAE;QAC7B,CAAC;QACD,YAAM;UACJhB,KAAA,CAAKkD,uBAAuB,CAAC,CAAC,CAACC,YAAY,CAAC;QAC9C;MACF,CAAC;IACH,CAAC,CAAAnD,KAAA;;IAEOuC,UAAU,GAAG,YAAY;MAC/BvC,KAAA,CAAKc,KAAK,CAACC,WAAW,GAAGf,KAAA,CAAKuB,QAAQ,CAAC,CAAC,GAAGvB,KAAA,CAAKqB,QAAQ,CAAC,CAAC;IAC5D,CAAC,CAAArB,KAAA;;IAEO4C,kBAAkB,GAAG,YAAY;MACvC5C,KAAA,CAAKuC,UAAU,CAAC,CAAC;IACnB,CAAC,CAAAvC,KAAA;;IAEO8C,oBAAoB,GAAG,UAACM,CAAmC,EAAW;MAC5E,IAAI1E,QAAQ,CAACH,UAAU,EAAEE,UAAU,EAAEH,kBAAkB,CAAC,CAAC8E,CAAC,CAAC,EAAE;QAC3DA,CAAC,CAACC,cAAc,CAAC,CAAC;QAClBrD,KAAA,CAAKqB,QAAQ,CAAC,IAAI,CAAC;MACrB;IACF,CAAC,CAAArB,KAAA;;IAEOsD,aAAa,GAAG,UAACF,CAAmC,EAAK;MAC/D,IAAI5E,WAAW,CAAC4E,CAAC,CAAC,EAAE;QAClB,IAAMD,YAAY,GAAG,IAAI;QACzBnD,KAAA,CAAKuB,QAAQ,CAAC4B,YAAY,CAAC;MAC7B;IACF,CAAC,CAAAnD,KAAA;;IAEOgD,SAAS,GAAG,YAAY;MAC9B,IAAI5E,YAAY,CAACmF,QAAQ,EAAE;QACzBvD,KAAA,CAAKkB,qBAAqB,GAAG9C,YAAY,CAACmF,QAAQ,CAACC,aAA4B;MACjF;IACF,CAAC,CAAAxD,KAAA;;IAEOmD,YAAY,GAAG,YAAY;MACjC,IAAInD,KAAA,CAAKkB,qBAAqB,EAAE;QAC9BlB,KAAA,CAAKkB,qBAAqB,CAACS,KAAK,CAAC,CAAC;QAClC3B,KAAA,CAAKkB,qBAAqB,GAAG,IAAI;MACnC;IACF,CAAC,CAAAlB,KAAA;;IAEOkD,uBAAuB,GAAG,UAACO,qBAA8B,EAAW;MAC1E,IAAIA,qBAAqB,EAAE;QACzBzD,KAAA,CAAKmD,YAAY,CAAC,CAAC;MACrB;;MAEA,IAAInD,KAAA,CAAKc,KAAK,CAACC,WAAW,IAAIf,KAAA,CAAKiC,KAAK,CAACyB,MAAM,EAAE;QAC/C1D,KAAA,CAAKiC,KAAK,CAACyB,MAAM,CAAC,CAAC;MACrB;;MAEA,IAAI,CAAC1D,KAAA,CAAKc,KAAK,CAACC,WAAW,IAAIf,KAAA,CAAKiC,KAAK,CAAC0B,OAAO,EAAE;QACjD3D,KAAA,CAAKiC,KAAK,CAAC0B,OAAO,CAAC,CAAC;MACtB;;MAEA,IAAI,OAAO3D,KAAA,CAAKiC,KAAK,CAAC2B,iBAAiB,KAAK,UAAU,EAAE;QACtD5D,KAAA,CAAKiC,KAAK,CAAC2B,iBAAiB,CAAC5D,KAAA,CAAKc,KAAK,CAACC,WAAW,EAAE0C,qBAAqB,CAAC;MAC7E;IACF,CAAC,CAAAzD,KAAA;;IAEO6D,mBAAmB,GAAG,UAACC,KAAwC,EAAW;MAChF,IAAIA,KAAK,CAACC,kBAAkB,CAAC,CAAC,EAAE;QAC9B;MACF;;MAEA,IAAID,KAAK,CAACE,IAAI,KAAK,SAAS,EAAE;QAC5BF,KAAK,CAACT,cAAc,CAAC,CAAC;MACxB;;MAEA,IAAMF,YAAY,GAAGW,KAAK,CAACE,IAAI,KAAK,SAAS;MAC7ChE,KAAA,CAAKuB,QAAQ,CAAC4B,YAAY,CAAC;IAC7B,CAAC,QAAAnD,KAAA,EAAAiE,cAAA,CAAArE,SAAA,EAAAG,gBAAA,MAAAmE,MAAA,GAAAtE,SAAA,CAAAuE,SAAA,CAAAD,MAAA,CAjOME,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAAC,MAAA,QAC3B,oBACElG,KAAA,CAAAqE,aAAA,CAAC7D,YAAY,CAAC2F,QAAQ,QACnB,UAACC,KAAK,EAAK,CACV,oBACEpG,KAAA,CAAAqE,aAAA,CAAC7D,YAAY,CAAC6F,QAAQ,IACpBC,KAAK,EAAE7F,YAAY,CAAC8F,MAAM,CACxB,EACEC,WAAW,EAAEJ,KAAK,CAACK,oBAAoB,CACzC,CAAC,EACDL,KACF,CAAE,IAEDF,MAAI,CAACQ,UAAU,CAAC,CACI,CAAC,CAE5B,CACqB,CAAC,CAE5B,CAAC,CAAAX,MAAA,CAEOW,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,sBAAA,CACnB,IAAAC,cAAA,GAA2C,IAAI,CAACnE,QAAQ,CAAC,CAAC,CAAlDoE,WAAW,GAAAD,cAAA,CAAXC,WAAW,CAAEC,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB,CACtC,oBACE9G,KAAA,CAAAqE,aAAA,CAACxD,aAAa,EAAAkG,QAAA,GAACC,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAACnD,KAAK,gBAC1D9D,KAAA,CAAAqE,aAAA,CAACzD,WAAW,IACVsG,cAAc,EAAE,IAAI,CAACtC,uBAAwB,EAC7CuC,cAAc,EAAE,IAAI,CAACvC,uBAAwB,EAC7CwC,MAAM,EAAE,IAAI,CAACzE,KAAK,CAACC,WAAY,iBAE/B5C,KAAA,CAAAqE,aAAA,UAAK,YAAUjD,iBAAiB,CAACoB,IAAK,EAAC8B,SAAS,EAAEnD,MAAM,CAACkG,SAAS,CAAC,CAAE,EAACC,KAAK,EAAE,EAAEC,KAAK,EAAE,IAAI,CAACzD,KAAK,CAACyD,KAAK,CAAC,CAAE,IACtG,IAAI,CAACvD,aAAa,CAAC,CAAC,EACpB,IAAI,CAAClB,cAAc,IAAI,IAAI,CAACgB,KAAK,CAAC0D,QAAQ,iBACzCxH,KAAA,CAAAqE,aAAA,CAAC3D,KAAK,IACJmD,EAAE,GAAA8C,sBAAA,GAAE,IAAI,CAAC7C,KAAK,CAACC,WAAW,YAAA4C,sBAAA,GAAI,IAAI,CAACpE,MAAO,EAC1CkF,aAAa,EAAE,IAAI,CAAC3E,cAAe,EACnCmB,MAAM,EAAE,IAAI,CAACtB,KAAK,CAACC,WAAY,EAC/B8E,SAAS,QACTC,MAAM,EAAE,IAAI,CAAC7D,KAAK,CAAC8D,WAAY,EAC/BC,MAAM,EAAEhB,WAAY,EACpBiB,SAAS,EAAE,IAAI,CAAChE,KAAK,CAACiE,cAAe,EACrCC,SAAS,EAAE,IAAI,CAACC,YAAY,CAAC,CAAE,EAC/BnB,iBAAiB,EAAEA,iBAAkB,EACrCvB,MAAM,EAAE,IAAI,CAAChC,UAAW,EACxB2E,oBAAoB,EAAE,IAAI,CAAC9E,QAAS,EACpCmE,KAAK,EAAE,IAAI,CAACY,cAAc,GAAG,MAAM,GAAG,IAAI,CAACrE,KAAK,CAACsE,SAAS,IAAI,MAAO,iBAErEpI,KAAA,CAAAqE,aAAA,CAACpD,IAAI,IACHoH,SAAS,EAAE,IAAI,CAACF,cAAc,GAAG,MAAM,GAAG,IAAI,CAACrE,KAAK,CAACwE,aAAa,IAAI,MAAO,EAC7E5D,SAAS,EAAE,IAAI,CAACS,aAAc,EAC9BoD,WAAW,EAAE,IAAI,CAAC7C,mBAAoB,EACtC8C,kBAAkB,EAAE,IAAI,CAAC1E,KAAK,CAAC0E,kBAAmB,EAClDC,eAAe,EAAE,KAAM,EACvBlE,GAAG,EAAE,IAAI,CAAClB,OAAQ,EAClBqF,wBAAwB,EAAE,IAAI,CAAC/F,KAAK,CAACE,yBAAyB,GAAG,CAAC,GAAG,CAAC,CAAE,EACxE8F,MAAM,EAAE,IAAI,CAAC7E,KAAK,CAAC6E,MAAO,EAC1BC,MAAM,EAAE,IAAI,CAAC9E,KAAK,CAAC8E,MAAO,IAEzB,IAAI,CAAC9E,KAAK,CAAC0D,QACR,CACD,CAEN,CACM,CACA,CAAC,CAEpB,CAAC,CAAAzB,MAAA,CA6DOkC,YAAY,GAApB,SAAAA,aAAA,EAAuD,CACrD,IAAMD,SAAS,GAAG,IAAI,CAACvF,QAAQ,CAAC,CAAC,CAACuF,SAAS,CAC3C,IAAIA,SAAS,IAAI9G,gBAAgB,CAAC8G,SAAS,CAAC,EAAE,CAC5C,OAAOA,SAAS,CAClB,CAEA,OAAOxG,SAAS,CAClB,CAAC,QAAAC,SAAA,GAlK4BzB,KAAK,CAAC6I,SAAS,GAAAlH,UAAA,CAC9BmH,mBAAmB,GAAG,WAAW,EAAAnH,UAAA,CACjCoH,WAAW,GAAG,WAAW,EAAApH,UAAA,CAKzBe,YAAY,GAAiB,EACzCsF,SAAS,EAAExG,SAAS,EACpBqE,IAAI,EAAExE,aAAa,CAACE,OAAO,EAC3BsF,WAAW,EAAE,IAAI,EACjBC,iBAAiB,EAAE,KAAK,CAC1B,CAAC,EAAAnF,UAAA,CAIaqH,IAAI,GAAG3H,aAAa,EAAAM,UAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}

package/internal/PopupMenu/PopupMenu.d.ts

@@ -3,6 +3,7 @@ import { HTMLProps } from '../../typings/html';
 import { PopupPositionsType } from '../Popup';
 import { CommonProps } from '../CommonWrapper';
 import { MenuProps } from '../Menu';
+export * from './tids';
 export interface PopupMenuCaptionProps {
     opened: boolean;
     openMenu: (firstItemShouldBeSelected?: boolean) => void;
@@ -55,10 +56,6 @@ export declare const PopupMenuType: {
     readonly Dropdown: "dropdown";
     readonly Tooltip: "tooltip";
 };
-export declare const PopupMenuDataTids: {
-    readonly root: "PopupMenu__root";
-    readonly caption: "PopupMenu__caption";
-};
 type DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;
 export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {
     static __KONTUR_REACT_UI__: string;
@@ -100,4 +97,3 @@ export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenu
     private handleChangeMenuVisible;
     private handleItemSelection;
 }
-export {};

package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js

@@ -1,11 +1,26 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   caption: function caption() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "18nns55",
+      styles: "display:inline-block;width:100%"
+    } : {
+      name: "1o7gaf3-caption",
+      styles: "display:inline-block;width:100%;label:caption;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   container: function container() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      line-height: normal;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "ydhb12",
+      styles: "display:inline-block;line-height:normal"
+    } : {
+      name: "2ffhev-container",
+      styles: "display:inline-block;line-height:normal;label:container;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","caption","_templateObject","_taggedTemplateLiteralLoose","container","_templateObject2"],"sources":["PopupMenu.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  caption() {\n    return css`\n      display: inline-block;\n      width: 100%;\n    `;\n  },\n  container() {\n    return css`\n      display: inline-block;\n      line-height: normal;\n    `;\n  },\n});\n"],"mappings":"sIAAA,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;;;;EAIZ,CAAC;EACDC,SAAS,WAAAA,UAAA,EAAG;IACV,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","caption","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","container"],"sources":["PopupMenu.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  caption() {\n    return css`\n      display: inline-block;\n      width: 100%;\n    `;\n  },\n  container() {\n    return css`\n      display: inline-block;\n      line-height: normal;\n    `;\n  },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,0CAAAK,IAAA,qBAAAL,MAAA,oDAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;EACDC,SAAS,WAAAA,UAAA,EAAG;IACV,oBAAOV,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,kDAAAK,IAAA,sBAAAL,MAAA,8DAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/PopupMenu/__creevey__/PopupMenu.creevey.mts

@@ -0,0 +1,37 @@
+import { story, kind, test } from 'creevey';
+
+import { PopupMenuDataTids } from '../tids';
+import { delay } from '../../../lib/delay';
+
+const textAlignmentTests = () => {
+  test('opened', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: `[data-tid~="${PopupMenuDataTids.caption}"]` }))
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'opened');
+  });
+};
+
+kind('PopupMenu', () => {
+  story('WithItems', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
+
+    textAlignmentTests();
+  });
+
+  story('WithItemsWithIcons', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
+
+    textAlignmentTests();
+  });
+
+  story('WithItemsWithIconsWithoutTextAlignment', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
+
+    textAlignmentTests();
+  });
+});

package/internal/PopupMenu/tids/package.json

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

package/internal/PopupMenu/tids/tids.js

@@ -0,0 +1,4 @@
+export var PopupMenuDataTids = {
+  root: 'PopupMenu__root',
+  caption: 'PopupMenu__caption'
+};

package/internal/PopupMenu/tids/tids.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PopupMenuDataTids","root","caption"],"sources":["tids.ts"],"sourcesContent":["export const PopupMenuDataTids = {\n  root: 'PopupMenu__root',\n  caption: 'PopupMenu__caption',\n} as const;\n"],"mappings":"AAAA,OAAO,IAAMA,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,iBAAiB;EACvBC,OAAO,EAAE;AACX,CAAU","ignoreList":[]}

package/internal/PopupMenu/tids.d.ts

@@ -0,0 +1,4 @@
+export declare const PopupMenuDataTids: {
+    readonly root: "PopupMenu__root";
+    readonly caption: "PopupMenu__caption";
+};