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

package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts

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

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

@@ -1,42 +1,41 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
+var styles = {
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      padding: ", ";\n    "])),
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      padding: ", ";\n    "])),
+    t.mobilePopupHeaderPadding);
 
-        t.mobilePopupHeaderPadding);
+  },
 
-      },
+  rootWithoutContent: function rootWithoutContent() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 8px 0 0 0;\n    "])));
 
-      rootWithoutContent: function rootWithoutContent() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 8px 0 0 0;\n    "])));
 
+  },
 
-      },
+  container: function container() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-direction: column;\n    "])));
 
-      container: function container() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-direction: column;\n    "])));
 
 
+  },
 
-      },
+  caption: function caption(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])),
+    t.mobilePopupHeaderFontSize,
+    t.mobilePopupHeaderLineHeight,
+    t.mobilePopupHeaderFontWeight,
+    t.textColorDefault);
 
-      caption: function caption(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])),
-        t.mobilePopupHeaderFontSize,
-        t.mobilePopupHeaderLineHeight,
-        t.mobilePopupHeaderFontWeight,
-        t.textColorDefault);
+  },
 
-      },
+  captionWithChildren: function captionWithChildren() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 8px;\n    "])));
 
-      captionWithChildren: function captionWithChildren() {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 8px;\n    "])));
 
+  }
+};
 
-      }
-    }));};
+var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","emotion","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n    },\n\n    rootWithoutContent() {\n      return emotion.css`\n      padding: 8px 0 0 0;\n    `;\n    },\n\n    container() {\n      return emotion.css`\n      display: flex;\n      flex-direction: column;\n    `;\n    },\n\n    caption(t: Theme) {\n      return emotion.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 emotion.css`\n      padding-bottom: 8px;\n    `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,iCAA4D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGrD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOH,OAAO,CAACI,GAAG,CAAAX,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;;QAEPH,CAAC,CAACI,wBAAwB;;MAEvC,CAAC;;MAEDC,kBAAkB,WAAAA,mBAAA,EAAG;QACnB,OAAOR,OAAO,CAACI,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDG,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOT,OAAO,CAACI,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;;MAEDI,OAAO,WAAAA,QAACP,CAAQ,EAAE;QAChB,OAAOH,OAAO,CAACI,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;QACLH,CAAC,CAACQ,yBAAyB;QACzBR,CAAC,CAACS,2BAA2B;QAC7BT,CAAC,CAACU,2BAA2B;QACnCV,CAAC,CAACW,gBAAgB;;MAE7B,CAAC;;MAEDC,mBAAmB,WAAAA,oBAAA,EAAG;QACpB,OAAOf,OAAO,CAACI,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles","exports","memoizeStyle"],"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":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;IAEGH,CAAC,CAACI,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDI,OAAO,WAAAA,QAACP,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;IACKH,CAAC,CAACQ,yBAAyB;IACzBR,CAAC,CAACS,2BAA2B;IAC7BT,CAAC,CAACU,2BAA2B;IACnCV,CAAC,CAACW,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAOX,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC;;AAEM,IAAMU,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACjB,MAAM,CAAC","ignoreList":[]}

package/cjs/internal/NativeDateInput/NativeDateInput.js

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.NativeDateInput = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _utils = require("./utils");
 var _NativeDateInput2 = require("./NativeDateInput.styles");
@@ -35,13 +34,6 @@ NativeDateInput = exports.NativeDateInput = /*#__PURE__*/function (_React$Compon
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -70,4 +62,4 @@ NativeDateInput = exports.NativeDateInput = /*#__PURE__*/function (_React$Compon
 
     refInput = function (element) {
       _this.input = element;
-    };return _this;}(0, _inheritsLoose2.default)(NativeDateInput, _React$Component);var _proto = NativeDateInput.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {var styles = (0, _NativeDateInput2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement("input", { type: 'date', max: _this2.props.maxDate ? (0, _utils.getDateForNative)(_this2.props.maxDate) : DEFAULT_MAX_DATE, min: _this2.props.minDate ? (0, _utils.getDateForNative)(_this2.props.minDate) : DEFAULT_MIN_DATE, value: (0, _utils.getDateForNative)(_this2.props.value), onChange: function onChange(e) {if (_this2.props.onValueChange) {_this2.props.onValueChange((0, _utils.getDateForComponent)(e.target.value));}}, className: styles.inputTypeDate(), ref: _this2.refInput, disabled: _this2.props.disabled, tabIndex: -1 });});};return NativeDateInput;}(_react.default.Component);NativeDateInput.__KONTUR_REACT_UI__ = 'NativeDatePicker';NativeDateInput.displayName = 'NativeDatePicker';
+    };return _this;}(0, _inheritsLoose2.default)(NativeDateInput, _React$Component);var _proto = NativeDateInput.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement("input", { type: 'date', max: this.props.maxDate ? (0, _utils.getDateForNative)(this.props.maxDate) : DEFAULT_MAX_DATE, min: this.props.minDate ? (0, _utils.getDateForNative)(this.props.minDate) : DEFAULT_MIN_DATE, value: (0, _utils.getDateForNative)(this.props.value), onChange: function onChange(e) {if (_this2.props.onValueChange) {_this2.props.onValueChange((0, _utils.getDateForComponent)(e.target.value));}}, className: _NativeDateInput2.jsStyles.inputTypeDate(), ref: this.refInput, disabled: this.props.disabled, tabIndex: -1 });};return NativeDateInput;}(_react.default.Component);NativeDateInput.__KONTUR_REACT_UI__ = 'NativeDatePicker';NativeDateInput.displayName = 'NativeDatePicker';

package/cjs/internal/NativeDateInput/NativeDateInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_utils","_NativeDateInput2","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","focus","input","click","refInput","element","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","EmotionConsumer","emotion","styles","getStyles","type","max","props","maxDate","getDateForNative","min","minDate","value","onChange","e","onValueChange","getDateForComponent","target","className","inputTypeDate","ref","disabled","tabIndex","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["NativeDateInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getDateForComponent, getDateForNative } from './utils';\nimport { getStyles } from './NativeDateInput.styles';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <input\n              type={'date'}\n              max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n              min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n              value={getDateForNative(this.props.value)}\n              onChange={(e) => {\n                if (this.props.onValueChange) {\n                  this.props.onValueChange(getDateForComponent(e.target.value));\n                }\n              }}\n              className={styles.inputTypeDate()}\n              ref={this.refInput}\n              disabled={this.props.disabled}\n              tabIndex={-1}\n            />\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;;;;;;;;;;AAUA,IAAMI,gBAAgB,GAAG,YAAY;AACrC,IAAMC,gBAAgB,GAAG,YAAY,CAAC;;AAEzBC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,OAAAG,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiC1B;AACF;AACA,OAFEJ,KAAA;IAGOU,KAAK,GAAG,YAAM;MACnB,IAAIV,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACD,KAAK,CAAC,CAAC;MACpB;IACF,CAAC;;IAED;AACF;AACA,OAFEV,KAAA;IAGOY,KAAK,GAAG,YAAM;MACnB,IAAIZ,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACC,KAAK,CAAC,CAAC;MACpB;IACF,CAAC,CAAAZ,KAAA;;IAEOa,QAAQ,GAAG,UAACC,OAAmC,EAAK;MAC1Dd,KAAA,CAAKW,KAAK,GAAGG,OAAO;IACtB,CAAC,QAAAd,KAAA,MAAAe,eAAA,CAAAC,OAAA,EAAAnB,eAAA,EAAAE,gBAAA,MAAAkB,MAAA,GAAApB,eAAA,CAAAqB,SAAA,CAAAD,MAAA,CA/CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE/B,MAAA,CAAA2B,OAAA,CAAAK,aAAA,CAAC7B,QAAA,CAAA8B,eAAe,QACb,UAACC,OAAO,EAAK,CACZ,IAAMC,MAAM,GAAG,IAAAC,2BAAS,EAACF,OAAO,CAAC,CACjC,oBACElC,MAAA,CAAA2B,OAAA,CAAAK,aAAA,YACEK,IAAI,EAAE,MAAO,EACbC,GAAG,EAAEP,MAAI,CAACQ,KAAK,CAACC,OAAO,GAAG,IAAAC,uBAAgB,EAACV,MAAI,CAACQ,KAAK,CAACC,OAAO,CAAC,GAAGjC,gBAAiB,EAClFmC,GAAG,EAAEX,MAAI,CAACQ,KAAK,CAACI,OAAO,GAAG,IAAAF,uBAAgB,EAACV,MAAI,CAACQ,KAAK,CAACI,OAAO,CAAC,GAAGrC,gBAAiB,EAClFsC,KAAK,EAAE,IAAAH,uBAAgB,EAACV,MAAI,CAACQ,KAAK,CAACK,KAAK,CAAE,EAC1CC,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK,CACf,IAAIf,MAAI,CAACQ,KAAK,CAACQ,aAAa,EAAE,CAC5BhB,MAAI,CAACQ,KAAK,CAACQ,aAAa,CAAC,IAAAC,0BAAmB,EAACF,CAAC,CAACG,MAAM,CAACL,KAAK,CAAC,CAAC,CAC/D,CACF,CAAE,EACFM,SAAS,EAAEf,MAAM,CAACgB,aAAa,CAAC,CAAE,EAClCC,GAAG,EAAErB,MAAI,CAACP,QAAS,EACnB6B,QAAQ,EAAEtB,MAAI,CAACQ,KAAK,CAACc,QAAS,EAC9BC,QAAQ,EAAE,CAAC,CAAE,EACd,CAAC,CAEN,CACe,CAAC,CAEtB,CAAC,QAAA9C,eAAA,GA/BkC+C,cAAK,CAACC,SAAS,EAAvChD,eAAe,CACZiD,mBAAmB,GAAG,kBAAkB,CAD3CjD,eAAe,CAEZkD,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_NativeDateInput2","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","focus","input","click","refInput","element","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","type","max","props","maxDate","getDateForNative","min","minDate","value","onChange","e","onValueChange","getDateForComponent","target","className","jsStyles","inputTypeDate","ref","disabled","tabIndex","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["NativeDateInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getDateForNative, getDateForComponent } from './utils';\nimport { jsStyles } from './NativeDateInput.styles';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    return (\n      <input\n        type={'date'}\n        max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n        min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n        value={getDateForNative(this.props.value)}\n        onChange={(e) => {\n          if (this.props.onValueChange) {\n            this.props.onValueChange(getDateForComponent(e.target.value));\n          }\n        }}\n        className={jsStyles.inputTypeDate()}\n        ref={this.refInput}\n        disabled={this.props.disabled}\n        tabIndex={-1}\n      />\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;;;;;;;;;;AAUA,IAAMG,gBAAgB,GAAG,YAAY;AACrC,IAAMC,gBAAgB,GAAG,YAAY,CAAC;;AAEzBC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,OAAAG,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;;;;;;;;;;;;;;;;;;;;;;;;;;IA0B1B;AACF;AACA,OAFEJ,KAAA;IAGOU,KAAK,GAAG,YAAM;MACnB,IAAIV,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACD,KAAK,CAAC,CAAC;MACpB;IACF,CAAC;;IAED;AACF;AACA,OAFEV,KAAA;IAGOY,KAAK,GAAG,YAAM;MACnB,IAAIZ,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACC,KAAK,CAAC,CAAC;MACpB;IACF,CAAC,CAAAZ,KAAA;;IAEOa,QAAQ,GAAG,UAACC,OAAmC,EAAK;MAC1Dd,KAAA,CAAKW,KAAK,GAAGG,OAAO;IACtB,CAAC,QAAAd,KAAA,MAAAe,eAAA,CAAAC,OAAA,EAAAnB,eAAA,EAAAE,gBAAA,MAAAkB,MAAA,GAAApB,eAAA,CAAAqB,SAAA,CAAAD,MAAA,CAxCME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE9B,MAAA,CAAA0B,OAAA,CAAAK,aAAA,YACEC,IAAI,EAAE,MAAO,EACbC,GAAG,EAAE,IAAI,CAACC,KAAK,CAACC,OAAO,GAAG,IAAAC,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACC,OAAO,CAAC,GAAG7B,gBAAiB,EAClF+B,GAAG,EAAE,IAAI,CAACH,KAAK,CAACI,OAAO,GAAG,IAAAF,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACI,OAAO,CAAC,GAAGjC,gBAAiB,EAClFkC,KAAK,EAAE,IAAAH,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACK,KAAK,CAAE,EAC1CC,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK,CACf,IAAIX,MAAI,CAACI,KAAK,CAACQ,aAAa,EAAE,CAC5BZ,MAAI,CAACI,KAAK,CAACQ,aAAa,CAAC,IAAAC,0BAAmB,EAACF,CAAC,CAACG,MAAM,CAACL,KAAK,CAAC,CAAC,CAC/D,CACF,CAAE,EACFM,SAAS,EAAEC,0BAAQ,CAACC,aAAa,CAAC,CAAE,EACpCC,GAAG,EAAE,IAAI,CAACzB,QAAS,EACnB0B,QAAQ,EAAE,IAAI,CAACf,KAAK,CAACe,QAAS,EAC9BC,QAAQ,EAAE,CAAC,CAAE,EACd,CAAC,CAEN,CAAC,QAAA3C,eAAA,GAxBkC4C,cAAK,CAACC,SAAS,EAAvC7C,eAAe,CACZ8C,mBAAmB,GAAG,kBAAkB,CAD3C9C,eAAe,CAEZ+C,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/cjs/internal/NativeDateInput/NativeDateInput.styles.d.ts

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

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

@@ -1,11 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+var styles = {
+  inputTypeDate: function inputTypeDate() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      inputTypeDate: function inputTypeDate() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
@@ -15,6 +13,7 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
+  }
+};
 
-      }
-    }));};
+var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","getStyles","exports","emotion","memoizeStyle","inputTypeDate","css","_taggedTemplateLiteralLoose2","default"],"sources":["NativeDateInput.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    inputTypeDate() {\n      return emotion.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"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,aAAa,WAAAA,cAAA,EAAG;QACd,OAAOF,OAAO,CAACG,GAAG,CAAAN,eAAA,KAAAA,eAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;MAWpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","styles","inputTypeDate","css","_taggedTemplateLiteralLoose2","default","jsStyles","exports","memoizeStyle"],"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":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA;;AAE9D,IAAMC,MAAM,GAAG;EACbC,aAAa,WAAAA,cAAA,EAAG;IACd,WAAOC,YAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,4BAAA,CAAAC,OAAA;;;;;;;;;;;EAWZ;AACF,CAAC;;AAEM,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACP,MAAM,CAAC","ignoreList":[]}

package/cjs/internal/Popup/Popup.d.ts

@@ -151,8 +151,6 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     static readonly defaultRootNode: null;
     state: PopupState;
     private theme;
-    private emotion;
-    private styles;
     featureFlags: ReactUIFeatureFlags;
     private layoutEventsToken;
     private locationUpdateId;
@@ -195,7 +193,6 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private updateLocation;
     private locationEquals;
     private reorderPropsPositionsWithPriorityPos;
-    private getRelativePos;
     private getLocation;
     private getPinnedPopupOffset;
     private getRelativeShift;

package/cjs/internal/Popup/Popup.js

@@ -4,7 +4,6 @@ var _reactTransitionGroup = require("react-transition-group");
 var _warning = _interopRequireDefault(require("warning"));
 var _globalObject = require("@skbkontur/global-object");
 
-
 var _getDOMRect = require("../../lib/dom/getDOMRect");
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
@@ -13,6 +12,7 @@ var _RenderContainer = require("../RenderContainer");
 
 var _utils = require("../../lib/utils");
 var _client = require("../../lib/client");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _SSRSafe = require("../../lib/SSRSafe");
 var _currentEnvironment = require("../../lib/currentEnvironment");
@@ -21,17 +21,15 @@ var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../../components/ResponsiveLayout/decorator");
 var _MobilePopup = require("../MobilePopup");
 var _rootNode = require("../../lib/rootNode");
-var _callChildRef = require("../../lib/callChildRef/callChildRef");
 var _InstanceWithAnchorElement = require("../../lib/InstanceWithAnchorElement");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _isInstanceOf = require("../../lib/isInstanceOf");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _featureFlagsContext = require("../../lib/featureFlagsContext");
 
 
 
 
-var _isShadowRoot = require("../../lib/shadowDom/isShadowRoot");
+var _mergeRefs = require("../../lib/mergeRefs");
 
 var _PopupPin = require("./PopupPin");
 var _PopupHelper = require("./PopupHelper");
@@ -267,8 +265,6 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
-
-
     locationUpdateId = null;_this.
 
 
@@ -394,16 +390,6 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -429,11 +415,12 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
     renderWithoutPortal = function (anchor, ref) {
       var location = _this.state.location;
+
       return /*#__PURE__*/(
         _react.default.createElement(EmptyWrapper, { ref: ref },
         anchor,
         location && /*#__PURE__*/
-        _react.default.createElement("div", { ref: _this.updateAbsoluteElement, className: _this.styles.absoluteParent() },
+        _react.default.createElement("div", { ref: _this.updateAbsoluteElement, className: _Popup2.styles.absoluteParent() },
         _this.renderContent(location)
         )
 
@@ -531,12 +518,12 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
       return /*#__PURE__*/(
         _react.default.createElement("div", {
-          className: _this.styles.content(_this.theme),
+          className: _Popup2.styles.content(_this.theme),
           "data-tid": PopupDataTids.content,
-          ref: (0, _utils.mergeRefs)([_this.refForTransition, _this.refPopupContentElement]) }, /*#__PURE__*/
+          ref: (0, _mergeRefs.mergeRefs)(_this.refForTransition, _this.refPopupContentElement) }, /*#__PURE__*/
 
         _react.default.createElement("div", {
-          className: _this.styles.contentInner(_this.theme),
+          className: _Popup2.styles.contentInner(_this.theme),
           style: { backgroundColor: backgroundColor, width: _this.calculateWidth(width), minWidth: _this.calculateWidth(minWidth) },
           "data-tid": PopupDataTids.contentInner },
 
@@ -601,7 +588,6 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
-
 
 
     resetLocation = function () {
@@ -773,20 +759,6 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -813,15 +785,14 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
       }
 
       var rect = _PopupHelper.PopupHelper.getElementAbsoluteRect(absoluteParent);
-      var deltaParentPosition = _this.getRelativePos(_this.emotion.sheet.container.getRootNode());
 
       return {
-        top: -(rect.top - deltaParentPosition.top),
-        left: -(rect.left - deltaParentPosition.left)
+        top: -rect.top,
+        left: -rect.left
       };
     };return _this;}(0, _inheritsLoose2.default)(Popup, _React$Component);var _proto = Popup.prototype;_proto.componentDidMount = function componentDidMount() {this.updateLocation();this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);if (!this.hasAnchorElementListeners) {this.addEventListeners(this.anchorElement);}};Popup.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {/**
      * Delaying updateLocation to ensure it happens after props update
-     */if (props.opened) {if (!state.location) {return { location: DUMMY_LOCATION };}} else if (state.location) {return { location: DUMMY_LOCATION };}return state;};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;var wasClosed = prevProps.opened && !this.props.opened;if (this.isMobileLayout && prevState.location === null && this.state.location === null) {this.setState({ location: DUMMY_LOCATION });}if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (wasClosed && !hasLocation && this.props.onClose) {this.props.onClose();}if (this.props.opened) {this.delayUpdateLocation();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();if (this.hasAnchorElementListeners) {this.removeEventListeners(this.anchorElement);}if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_proto.render = function render() {var _this3 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this3.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this3.emotion = emotion;_this3.styles = (0, _Popup2.getStyles)(_this3.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return _this3.renderMain();});});});};_proto.renderMobile = function renderMobile() {var opened = this.props.opened;var children = this.renderChildren();return children ? /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, { rootNodeRef: this.setRootNode }, /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { opened: opened, withoutRenderContainer: true, onCloseRequest: this.props.mobileOnCloseRequest }, this.content(children))) : null;};_proto.renderMain = function renderMain() {var _this4 = this;var anchorElement = this.props.anchorElement;var useWrapper = this.getProps().useWrapper;var anchor = null;if ((0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {anchor = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {anchor = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}var anchorWithRef = anchor && /*#__PURE__*/_react.default.isValidElement(anchor) && (0, _utils.isRefableElement)(anchor) ? /*#__PURE__*/_react.default.cloneElement(anchor, { ref: function ref(instance) {var _anchor;_this4.updateAnchorElement(instance);var originalRef = (_anchor = anchor) == null ? void 0 : _anchor.ref;originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);} }) : null; // we need to get anchor's DOM node
+     */if (props.opened) {if (!state.location) {return { location: DUMMY_LOCATION };}} else if (state.location) {return { location: DUMMY_LOCATION };}return state;};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;var wasClosed = prevProps.opened && !this.props.opened;if (this.isMobileLayout && prevState.location === null && this.state.location === null) {this.setState({ location: DUMMY_LOCATION });}if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (wasClosed && !hasLocation && this.props.onClose) {this.props.onClose();}if (this.props.opened) {this.delayUpdateLocation();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();if (this.hasAnchorElementListeners) {this.removeEventListeners(this.anchorElement);}if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_proto.render = function render() {var _this3 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this3.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return _this3.renderMain();});});};_proto.renderMobile = function renderMobile() {var opened = this.props.opened;var children = this.renderChildren();return children ? /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, { rootNodeRef: this.setRootNode }, /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { opened: opened, withoutRenderContainer: true, onCloseRequest: this.props.mobileOnCloseRequest }, this.content(children))) : null;};_proto.renderMain = function renderMain() {var _anchor;var anchorElement = this.props.anchorElement;var useWrapper = this.getProps().useWrapper;var anchor = null;if ((0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {anchor = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {anchor = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}var anchorWithRef = anchor && /*#__PURE__*/_react.default.isValidElement(anchor) && (0, _utils.isRefableElement)(anchor) ? /*#__PURE__*/_react.default.cloneElement(anchor, { ref: (0, _mergeRefs.mergeRefs)((_anchor = anchor) == null ? void 0 : _anchor.ref, this.updateAnchorElement) }) : null; // we need to get anchor's DOM node
     // so we either set our own ref on it via cloning
     // or relay on findDOMNode (inside getRootNode)
     // which should be called within updateAnchorElement
@@ -832,14 +803,14 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
       element.addEventListener('click', this.handleClick);element.addEventListener('focusin', this.handleFocus);element.addEventListener('focusout', this.handleBlur);this.hasAnchorElementListeners = true;}};_proto.removeEventListeners = function removeEventListeners(element) {if (element && (0, _isInstanceOf.isInstanceOf)(element, _globalObject.globalObject.Element)) {// @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657
       element.removeEventListener('mouseenter', this.handleMouseEnter); // @ts-expect-error: See the comment above
       element.removeEventListener('mouseleave', this.handleMouseLeave); // @ts-expect-error: See the comment above
-      element.removeEventListener('click', this.handleClick);element.removeEventListener('focusin', this.handleFocus);element.removeEventListener('focusout', this.handleBlur);this.hasAnchorElementListeners = false;}};_proto.renderContent = function renderContent(location) {var _this5 = this;var _this$props = this.props,maxWidth = _this$props.maxWidth,opened = _this$props.opened;var _this$getProps2 = this.getProps(),hasShadow = _this$getProps2.hasShadow,disableAnimations = _this$getProps2.disableAnimations,ignoreHover = _this$getProps2.ignoreHover;var children = this.renderChildren();var relativeShift = this.getRelativeShift();var _PopupHelper$getPosit = _PopupHelper.PopupHelper.getPositionObject(location.position),direction = _PopupHelper$getPosit.direction;var rootStyle = { maxWidth: maxWidth, top: location.coordinates.top + relativeShift.top, left: location.coordinates.left + relativeShift.left };var styles = this.styles;return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { timeout: TRANSITION_TIMEOUT, appear: !disableAnimations, in: Boolean(opened && children), mountOnEnter: true, unmountOnExit: true, enter: !disableAnimations, exit: !disableAnimations, onExited: this.resetLocation, nodeRef: this.refForTransition }, function (state) {var _this5$props$id, _extends2, _ref;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends3.default)({}, _this5.props, { rootNodeRef: _this5.setRootNode }), /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: (_this5$props$id = _this5.props.id) != null ? _this5$props$id : _this5.rootId, "data-tid": PopupDataTids.root, priority: _this5.props.priority, className: _this5.emotion.cx((0, _extends3.default)((_extends2 = {}, _extends2[styles.popup(_this5.theme)] = true, _extends2[styles.shadow(_this5.theme)] = hasShadow, _extends2[styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[styles["transition-enter-" + direction](_this5.theme)] = true, _ref[styles.transitionEnter()] = state === 'entering', _ref[styles.transitionEnterActive()] = state === 'entered', _ref[styles.transitionExit()] = state === 'exiting', _ref))), style: rootStyle, onMouseEnter: _this5.handleMouseEnter, onMouseLeave: _this5.handleMouseLeave }, _this5.content(children), (!_this5.isMobileLayout || _this5.props.withoutMobile) && _this5.renderPin(location.position)));});};_proto.renderChildren = function renderChildren() {return (0, _utils.isFunction)(this.props.children) ? this.props.children() : this.props.children;};_proto.renderPin = function renderPin(positionName) {var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;var pinBorder = _client.isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;var _this$props2 = this.props,pinSize = _this$props2.pinSize,backgroundColor = _this$props2.backgroundColor,borderColor = _this$props2.borderColor;var _this$getProps3 = this.getProps(),hasShadow = _this$getProps3.hasShadow,hasPin = _this$getProps3.hasPin;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);return hasPin && !PopupNonPinnablePositions.includes(positionName) && /*#__PURE__*/_react.default.createElement(_PopupPin.PopupPin, { popupElement: this.lastPopupContentElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), borderWidth: hasShadow ? 1 : 0, backgroundColor: backgroundColor || this.theme.popupBackground, borderColor: borderColor || pinBorder });};_proto.delayUpdateLocation = function delayUpdateLocation() {this.cancelDelayedUpdateLocation();this.locationUpdateId = _globalObject.globalObject.requestAnimationFrame == null ? void 0 : _globalObject.globalObject.requestAnimationFrame(this.updateLocation);};_proto.cancelDelayedUpdateLocation = function cancelDelayedUpdateLocation() {if (this.locationUpdateId) {_globalObject.globalObject.cancelAnimationFrame == null || _globalObject.globalObject.cancelAnimationFrame(this.locationUpdateId);this.locationUpdateId = null;}};_proto.locationEquals = function locationEquals(x, y) {if (x === y) {return true;}if ((0, _utils.isNullable)(x) || (0, _utils.isNullable)(y)) {return false;}if (!_client.isIE11 && !_client.isEdge) {return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;} // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность
+      element.removeEventListener('click', this.handleClick);element.removeEventListener('focusin', this.handleFocus);element.removeEventListener('focusout', this.handleBlur);this.hasAnchorElementListeners = false;}};_proto.renderContent = function renderContent(location) {var _this4 = this;var _this$props = this.props,maxWidth = _this$props.maxWidth,opened = _this$props.opened;var _this$getProps2 = this.getProps(),hasShadow = _this$getProps2.hasShadow,disableAnimations = _this$getProps2.disableAnimations,ignoreHover = _this$getProps2.ignoreHover;var children = this.renderChildren();var relativeShift = this.getRelativeShift();var _PopupHelper$getPosit = _PopupHelper.PopupHelper.getPositionObject(location.position),direction = _PopupHelper$getPosit.direction;var rootStyle = { maxWidth: maxWidth, top: location.coordinates.top + relativeShift.top, left: location.coordinates.left + relativeShift.left };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { timeout: TRANSITION_TIMEOUT, appear: !disableAnimations, in: Boolean(opened && children), mountOnEnter: true, unmountOnExit: true, enter: !disableAnimations, exit: !disableAnimations, onExited: this.resetLocation, nodeRef: this.refForTransition }, function (state) {var _this4$props$id, _extends2, _ref;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends3.default)({}, _this4.props, { rootNodeRef: _this4.setRootNode }), /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: (_this4$props$id = _this4.props.id) != null ? _this4$props$id : _this4.rootId, "data-tid": PopupDataTids.root, priority: _this4.props.priority, className: (0, _Emotion.cx)((0, _extends3.default)((_extends2 = {}, _extends2[_Popup2.styles.popup(_this4.theme)] = true, _extends2[_Popup2.styles.shadow(_this4.theme)] = hasShadow, _extends2[_Popup2.styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[_Popup2.styles["transition-enter-" + direction](_this4.theme)] = true, _ref[_Popup2.styles.transitionEnter()] = state === 'entering', _ref[_Popup2.styles.transitionEnterActive()] = state === 'entered', _ref[_Popup2.styles.transitionExit()] = state === 'exiting', _ref))), style: rootStyle, onMouseEnter: _this4.handleMouseEnter, onMouseLeave: _this4.handleMouseLeave }, _this4.content(children), (!_this4.isMobileLayout || _this4.props.withoutMobile) && _this4.renderPin(location.position)));});};_proto.renderChildren = function renderChildren() {return (0, _utils.isFunction)(this.props.children) ? this.props.children() : this.props.children;};_proto.renderPin = function renderPin(positionName) {var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;var pinBorder = _client.isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;var _this$props2 = this.props,pinSize = _this$props2.pinSize,backgroundColor = _this$props2.backgroundColor,borderColor = _this$props2.borderColor;var _this$getProps3 = this.getProps(),hasShadow = _this$getProps3.hasShadow,hasPin = _this$getProps3.hasPin;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);return hasPin && !PopupNonPinnablePositions.includes(positionName) && /*#__PURE__*/_react.default.createElement(_PopupPin.PopupPin, { popupElement: this.lastPopupContentElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), borderWidth: hasShadow ? 1 : 0, backgroundColor: backgroundColor || this.theme.popupBackground, borderColor: borderColor || pinBorder });};_proto.delayUpdateLocation = function delayUpdateLocation() {this.cancelDelayedUpdateLocation();this.locationUpdateId = _globalObject.globalObject.requestAnimationFrame == null ? void 0 : _globalObject.globalObject.requestAnimationFrame(this.updateLocation);};_proto.cancelDelayedUpdateLocation = function cancelDelayedUpdateLocation() {if (this.locationUpdateId) {_globalObject.globalObject.cancelAnimationFrame == null || _globalObject.globalObject.cancelAnimationFrame(this.locationUpdateId);this.locationUpdateId = null;}};_proto.locationEquals = function locationEquals(x, y) {if (x === y) {return true;}if ((0, _utils.isNullable)(x) || (0, _utils.isNullable)(y)) {return false;}if (!_client.isIE11 && !_client.isEdge) {return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;} // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность
     // уйти в бесконечный ререндер
-    return x.position === y.position && Math.abs(x.coordinates.top - y.coordinates.top) <= 1 && Math.abs(x.coordinates.left - y.coordinates.left) <= 1;};_proto.reorderPropsPositionsWithPriorityPos = function reorderPropsPositionsWithPriorityPos() {var positions = this.props.positions ? this.props.positions : PopupPinnablePositions;var pos_ = '';if (this.props.pos) {pos_ = this.props.pos;} else {pos_ = positions[0];}var index = positions.findIndex(function (position) {return position.startsWith(pos_);});if (index === -1) {(0, _warning.default)(false, 'Unexpected position ' + pos_ + ' passed to Popup. Expected one of: ' + positions.join(', '));return positions;}return [].concat(positions.slice(index), positions.slice(0, index));};_proto.getRelativePos = function getRelativePos(root) {var relativePos = { top: 0, left: 0 };if ((0, _isShadowRoot.isShadowRoot)(root) && _globalObject.globalObject.document) {var childPos = _PopupHelper.PopupHelper.convertRectToAbsolute(root.host.getBoundingClientRect());relativePos.top = childPos.top;relativePos.left = childPos.left;}return relativePos;};_proto.getLocation = function getLocation(popupElement, location) {var _this$getProps4 = this.getProps(),tryPreserveFirstRenderedPosition = _this$getProps4.tryPreserveFirstRenderedPosition;var positions = this.reorderPropsPositionsWithPriorityPos();var anchorElement = this.anchorElement;(0, _warning.default)(anchorElement && (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element), 'Anchor element is not defined or not instance of Element');if (!(anchorElement && (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element))) {return location;}var deltaParentPosition = this.getRelativePos(this.emotion.sheet.container.getRootNode());var anchorRect = _PopupHelper.PopupHelper.getElementAbsoluteRect(anchorElement, deltaParentPosition);var popupRect = _PopupHelper.PopupHelper.getElementAbsoluteRect(popupElement, deltaParentPosition);var position;var coordinates;if (location && location !== DUMMY_LOCATION && location.position) {position = location.position;coordinates = this.getCoordinates(anchorRect, popupRect, position);var isFullyVisible = _PopupHelper.PopupHelper.isFullyVisible(coordinates, popupRect, deltaParentPosition);var canBecomeVisible = !isFullyVisible && _PopupHelper.PopupHelper.canBecomeFullyVisible(position, coordinates);if ( // если нужно сохранить первоначальную позицию и Попап целиком
+    return x.position === y.position && Math.abs(x.coordinates.top - y.coordinates.top) <= 1 && Math.abs(x.coordinates.left - y.coordinates.left) <= 1;};_proto.reorderPropsPositionsWithPriorityPos = function reorderPropsPositionsWithPriorityPos() {var positions = this.props.positions ? this.props.positions : PopupPinnablePositions;var pos_ = '';if (this.props.pos) {pos_ = this.props.pos;} else {pos_ = positions[0];}var index = positions.findIndex(function (position) {return position.startsWith(pos_);});if (index === -1) {(0, _warning.default)(false, 'Unexpected position ' + pos_ + ' passed to Popup. Expected one of: ' + positions.join(', '));return positions;}return [].concat(positions.slice(index), positions.slice(0, index));};_proto.getLocation = function getLocation(popupElement, location) {var _this$getProps4 = this.getProps(),tryPreserveFirstRenderedPosition = _this$getProps4.tryPreserveFirstRenderedPosition;var positions = this.reorderPropsPositionsWithPriorityPos();var anchorElement = this.anchorElement;(0, _warning.default)(anchorElement && (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element), 'Anchor element is not defined or not instance of Element');if (!(anchorElement && (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element))) {return location;}var anchorRect = _PopupHelper.PopupHelper.getElementAbsoluteRect(anchorElement);var popupRect = _PopupHelper.PopupHelper.getElementAbsoluteRect(popupElement);var position;var coordinates;if (location && location !== DUMMY_LOCATION && location.position) {position = location.position;coordinates = this.getCoordinates(anchorRect, popupRect, position);var isFullyVisible = _PopupHelper.PopupHelper.isFullyVisible(coordinates, popupRect);var canBecomeVisible = !isFullyVisible && _PopupHelper.PopupHelper.canBecomeFullyVisible(position, coordinates);if ( // если нужно сохранить первоначальную позицию и Попап целиком
       // находится в пределах вьюпорта (или может быть проскроллен в него)
       tryPreserveFirstRenderedPosition && (isFullyVisible || canBecomeVisible) || // если Попап целиком во вьюпорте и в самой приоритетной позиции
       // (иначе нужно попытаться позицию сменить)
       isFullyVisible && position === positions[0]) {// сохраняем текущую позицию
-        return { coordinates: coordinates, position: position };}}for (var _iterator = (0, _createForOfIteratorHelperLoose2.default)(positions), _step; !(_step = _iterator()).done;) {position = _step.value;coordinates = this.getCoordinates(anchorRect, popupRect, position);if (_PopupHelper.PopupHelper.isFullyVisible(coordinates, popupRect, deltaParentPosition)) {return { coordinates: coordinates, position: position };}}position = positions[0];coordinates = this.getCoordinates(anchorRect, popupRect, position);return { coordinates: coordinates, position: position };};_proto.getPinnedPopupOffset = function getPinnedPopupOffset(anchorRect, position) {if (!this.getProps().hasPin || /center|middle/.test(position.align)) {return 0;}var anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;var pinSize = this.props.pinSize;return Math.max(0, this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2);};_proto.getCoordinates = function getCoordinates(anchorRect, popupRect, positionName) {var marginFromProps = this.props.margin;var margin = (0, _utils.isNonNullable)(marginFromProps) && !isNaN(marginFromProps) ? marginFromProps : parseInt(this.theme.popupMargin) || 0;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);var popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);switch (position.direction) {case 'top':return { top: anchorRect.top - popupRect.height - margin, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset) };case 'middle':return { top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
+        return { coordinates: coordinates, position: position };}}for (var _iterator = (0, _createForOfIteratorHelperLoose2.default)(positions), _step; !(_step = _iterator()).done;) {position = _step.value;coordinates = this.getCoordinates(anchorRect, popupRect, position);if (_PopupHelper.PopupHelper.isFullyVisible(coordinates, popupRect)) {return { coordinates: coordinates, position: position };}}position = positions[0];coordinates = this.getCoordinates(anchorRect, popupRect, position);return { coordinates: coordinates, position: position };};_proto.getPinnedPopupOffset = function getPinnedPopupOffset(anchorRect, position) {if (!this.getProps().hasPin || /center|middle/.test(position.align)) {return 0;}var anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;var pinSize = this.props.pinSize;return Math.max(0, this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2);};_proto.getCoordinates = function getCoordinates(anchorRect, popupRect, positionName) {var marginFromProps = this.props.margin;var margin = (0, _utils.isNonNullable)(marginFromProps) && !isNaN(marginFromProps) ? marginFromProps : parseInt(this.theme.popupMargin) || 0;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);var popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);switch (position.direction) {case 'top':return { top: anchorRect.top - popupRect.height - margin, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset) };case 'middle':return { top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
         };
       case 'bottom':
         return {