@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

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

@@ -1 +1 @@
-{"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 type { 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":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getJsStyles","exports","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\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"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,iCAAgE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGzD,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IACjEC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;;MAEGF,CAAC,CAACG,wBAAwB;;IAEzC,CAAC;;IAEDC,kBAAkB,WAAAA,mBAAA,EAAG;MACnB,OAAON,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDG,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOP,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;;IAEDI,OAAO,WAAAA,QAACN,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACKF,CAAC,CAACO,yBAAyB;MACzBP,CAAC,CAACQ,2BAA2B;MAC7BR,CAAC,CAACS,2BAA2B;MACnCT,CAAC,CAACU,gBAAgB;;IAE/B,CAAC;;IAEDC,mBAAmB,WAAAA,oBAAA,EAAG;MACpB,OAAOb,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -10,6 +10,8 @@ export interface NativeDateInputProps {
 export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private emotion;
+    private jsStyles;
     private input;
     render(): React.JSX.Element;
     /**

package/cjs/internal/NativeDateInput/NativeDateInput.js

@@ -2,8 +2,10 @@
 
 
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
+
 var _utils = require("./utils");
-var _NativeDateInput2 = require("./NativeDateInput.styles");
+var _NativeDateInput2 = require("./NativeDateInput.styles");var _class, _NativeDateInput;
 
 
 
@@ -16,7 +18,12 @@ var _NativeDateInput2 = require("./NativeDateInput.styles");
 var DEFAULT_MIN_DATE = '1900-01-01';
 var DEFAULT_MAX_DATE = '2099-12-31';var
 
-NativeDateInput = exports.NativeDateInput = /*#__PURE__*/function (_React$Component) {function NativeDateInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+
+NativeDateInput = exports.NativeDateInput = (0, _renderEnvironment.withRenderEnvironment)(_class = (_NativeDateInput = /*#__PURE__*/function (_React$Component) {function NativeDateInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+
+
+
+
 
 
 
@@ -62,4 +69,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("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';
+    };return _this;}(0, _inheritsLoose2.default)(NativeDateInput, _React$Component);var _proto = NativeDateInput.prototype;_proto.render = function render() {var _this2 = this;this.jsStyles = (0, _NativeDateInput2.getJsStyles)(this.emotion);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: this.jsStyles.inputTypeDate(), ref: this.refInput, disabled: this.props.disabled, tabIndex: -1 });};return NativeDateInput;}(_react.default.Component), _NativeDateInput.__KONTUR_REACT_UI__ = 'NativeDatePicker', _NativeDateInput.displayName = 'NativeDatePicker', _NativeDateInput)) || _class;

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

@@ -1 +1 @@
-{"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 type { 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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_renderEnvironment","_utils","_NativeDateInput2","_class","_NativeDateInput","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","exports","withRenderEnvironment","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","focus","input","click","refInput","element","_inheritsLoose2","default","_proto","prototype","render","_this2","jsStyles","getJsStyles","emotion","createElement","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';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getDateForNative, getDateForComponent } from './utils';\nimport { getJsStyles } 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\n@withRenderEnvironment\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private emotion!: Emotion;\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\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={this.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 = (): void => {\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,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA,6BAAuD,IAAAI,MAAA,EAAAC,gBAAA;;;;;;;;;;AAUvD,IAAMC,gBAAgB,GAAG,YAAY;AACrC,IAAMC,gBAAgB,GAAG,YAAY,CAAC;;;AAGzBC,eAAe,GAAAC,OAAA,CAAAD,eAAA,OAD3BE,wCAAqB,EAAAN,MAAA,IAAAC,gBAAA,0BAAAM,gBAAA,YAAAH,gBAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+BpB;AACF;AACA,OAFEJ,KAAA;IAGOU,KAAK,GAAG,YAAY;MACzB,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,EAAApB,eAAA,EAAAG,gBAAA,MAAAkB,MAAA,GAAArB,eAAA,CAAAsB,SAAA,CAAAD,MAAA,CA1CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,IAAI,CAACC,QAAQ,GAAG,IAAAC,6BAAW,EAAC,IAAI,CAACC,OAAO,CAAC,CAEzC,oBACErC,MAAA,CAAA8B,OAAA,CAAAQ,aAAA,YACEC,IAAI,EAAE,MAAO,EACbC,GAAG,EAAE,IAAI,CAACC,KAAK,CAACC,OAAO,GAAG,IAAAC,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACC,OAAO,CAAC,GAAGjC,gBAAiB,EAClFmC,GAAG,EAAE,IAAI,CAACH,KAAK,CAACI,OAAO,GAAG,IAAAF,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACI,OAAO,CAAC,GAAGrC,gBAAiB,EAClFsC,KAAK,EAAE,IAAAH,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACK,KAAK,CAAE,EAC1CC,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK,CACf,IAAId,MAAI,CAACO,KAAK,CAACQ,aAAa,EAAE,CAC5Bf,MAAI,CAACO,KAAK,CAACQ,aAAa,CAAC,IAAAC,0BAAmB,EAACF,CAAC,CAACG,MAAM,CAACL,KAAK,CAAC,CAAC,CAC/D,CACF,CAAE,EACFM,SAAS,EAAE,IAAI,CAACjB,QAAQ,CAACkB,aAAa,CAAC,CAAE,EACzCC,GAAG,EAAE,IAAI,CAAC3B,QAAS,EACnB4B,QAAQ,EAAE,IAAI,CAACd,KAAK,CAACc,QAAS,EAC9BC,QAAQ,EAAE,CAAC,CAAE,EACd,CAAC,CAEN,CAAC,QAAA9C,eAAA,GA5BkC+C,cAAK,CAACC,SAAS,GAAAnD,gBAAA,CACpCoD,mBAAmB,GAAG,kBAAkB,EAAApD,gBAAA,CACxCqD,WAAW,GAAG,kBAAkB,EAAArD,gBAAA,MAAAD,MAAA","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
     inputTypeDate(): string;
-};
+}>;

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

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

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","getJsStyles","exports","memoizeGetStyles","_ref","css","inputTypeDate","_taggedTemplateLiteralLoose2","default"],"sources":["NativeDateInput.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\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"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA;;AAEtD,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IACjEC,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOD,GAAG,CAAAL,eAAA,KAAAA,eAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;IAWZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

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

package/cjs/internal/Popup/Popup.js

@@ -2,7 +2,8 @@
 var _react = _interopRequireDefault(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
 var _warning = _interopRequireDefault(require("warning"));
-var _globalObject = require("@skbkontur/global-object");
+
+
 
 var _getDOMRect = require("../../lib/dom/getDOMRect");
 
@@ -12,13 +13,11 @@ var _ZIndex = require("../ZIndex");
 var _RenderContainer = require("../RenderContainer");
 
 var _utils = require("../../lib/utils");
-var _client = require("../../lib/client");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _currentEnvironment = require("../../lib/currentEnvironment");
 
 var _CommonWrapper = require("../CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../../components/ResponsiveLayout/decorator");
 var _MobilePopup = require("../MobilePopup");
 
@@ -26,18 +25,16 @@ var _rootNode = require("../../lib/rootNode");
 var _InstanceWithAnchorElement = require("../../lib/InstanceWithAnchorElement");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _isInstanceOf = require("../../lib/isInstanceOf");
-
-var _featureFlagsContext = require("../../lib/featureFlagsContext");
 var _mergeRefs = require("../../lib/mergeRefs");
 var _getVisualStateDataAttributes = require("../CommonWrapper/utils/getVisualStateDataAttributes");
+var _getElementRef = require("../../lib/getElementRef");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
-var _PopupPinNew = require("./PopupPinNew");
+var _PopupPin = require("./PopupPin");
 
 var _PopupHelper = require("./PopupHelper");
-var _Popup2 = require("./Popup.styles");
-var _PopupPin = require("./PopupPin");var _class, _Popup;
+var _Popup2 = require("./Popup.styles");var _class, _Popup;
 
-var POPUP_BORDER_DEFAULT_COLOR = 'transparent';
 var TRANSITION_TIMEOUT = { enter: 0, exit: 200 };
 
 var PopupNonPinnablePositions = exports.PopupNonPinnablePositions = ['middle center', 'middle left', 'middle right'];
@@ -211,7 +208,8 @@ var PopupIds = exports.PopupIds = {
 
 
 
-Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_Popup = /*#__PURE__*/function (_React$Component) {function Popup() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+Popup = exports.Popup = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_Popup = /*#__PURE__*/function (_React$Component) {function Popup() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -236,6 +234,9 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
+
+
+
     locationUpdateId = null;_this.
 
 
@@ -356,14 +357,6 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
-
-
-
-
-
-
-
-
 
 
 
@@ -392,7 +385,7 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
         _react.default.createElement(EmptyWrapper, { ref: ref },
         anchor,
         location && /*#__PURE__*/
-        _react.default.createElement("div", { ref: _this.updateAbsoluteElement, className: _Popup2.styles.absoluteParent() },
+        _react.default.createElement("div", { ref: _this.updateAbsoluteElement, className: _this.styles.absoluteParent() },
         _this.renderContent(location)
         )
 
@@ -490,12 +483,12 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
       return /*#__PURE__*/(
         _react.default.createElement("div", {
-          className: _Popup2.styles.content(_this.theme),
+          className: _this.styles.content(_this.theme),
           "data-tid": PopupDataTids.content,
           ref: (0, _mergeRefs.mergeRefs)(_this.refForTransition, _this.refPopupContentElement) }, /*#__PURE__*/
 
         _react.default.createElement("div", {
-          className: _Popup2.styles.contentInner(_this.theme),
+          className: _this.styles.contentInner(_this.theme),
           style: { backgroundColor: backgroundColor, width: _this.calculateWidth(width), minWidth: _this.calculateWidth(minWidth) },
           "data-tid": PopupDataTids.contentInner },
 
@@ -596,20 +589,6 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -740,18 +719,6 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -781,27 +748,29 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
         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) {/**
+    };return _this;}(0, _inheritsLoose2.default)(Popup, _React$Component);var _proto = Popup.prototype;_proto.componentDidMount = function componentDidMount() {this.updateLocation();this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent, this.globalObject);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(_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
+     */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;this.styles = (0, _Popup2.getStyles)(this.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 anchorElement = this.props.anchorElement;var useWrapper = this.getProps().useWrapper;var anchor = null;if ((0, _isInstanceOf.isInstanceOf)(anchorElement, this.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)((0, _getElementRef.getElementRef)(anchor), 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
     // in the case when the anchor is not refable
-    var canGetAnchorNode = !!anchorWithRef || (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element);var renderRef = canGetAnchorNode ? null : this.updateAnchorElement;var renderAnchor = anchorWithRef || anchor;return this.props.disablePortal ? this.renderWithoutPortal(renderAnchor, renderRef) : this.renderInPortal(renderAnchor, renderRef);};_proto.addEventListeners = function addEventListeners(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
+    var canGetAnchorNode = !!anchorWithRef || (0, _isInstanceOf.isInstanceOf)(anchorElement, this.globalObject.Element);var renderRef = canGetAnchorNode ? null : this.updateAnchorElement;var renderAnchor = anchorWithRef || anchor;return this.props.disablePortal ? this.renderWithoutPortal(renderAnchor, renderRef) : this.renderInPortal(renderAnchor, renderRef);};_proto.addEventListeners = function addEventListeners(element) {if (element && (0, _isInstanceOf.isInstanceOf)(element, this.globalObject.Element)) {// @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657
       element.addEventListener('mouseenter', this.handleMouseEnter); // @ts-expect-error: See the comment above
       element.addEventListener('mouseleave', this.handleMouseLeave); // @ts-expect-error: See the comment above
-      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.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, this.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 _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 }, _this4.prepareDataVisualState()), /*#__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) && (this.featureFlags.popupFixPinTearing ? /*#__PURE__*/_react.default.createElement(_PopupPinNew.PopupPinNew, { popupElement: this.lastPopupContentElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), backgroundColor: backgroundColor || this.theme.popupBackground }) : /*#__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.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 ( // если нужно сохранить первоначальную позицию и Попап целиком
+      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 }, _this4.prepareDataVisualState()), /*#__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: _this4.cx((0, _extends3.default)((_extends2 = {}, _extends2[_this4.styles.popup(_this4.theme)] = true, _extends2[_this4.styles.shadow(_this4.theme)] = hasShadow, _extends2[_this4.styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[_this4.styles["transition-enter-" + direction](_this4.theme)] = true, _ref[_this4.styles.transitionEnter()] = state === 'entering', _ref[_this4.styles.transitionEnterActive()] = state === 'entered', _ref[_this4.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 _this$props2 = this.props,pinSize = _this$props2.pinSize,backgroundColor = _this$props2.backgroundColor;var _this$getProps3 = this.getProps(),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), backgroundColor: backgroundColor || this.theme.popupBackground });};_proto.delayUpdateLocation = function delayUpdateLocation() {var _this$globalObject$re, _this$globalObject;this.cancelDelayedUpdateLocation();this.locationUpdateId = (_this$globalObject$re = (_this$globalObject = this.globalObject).requestAnimationFrame) == null ? void 0 : _this$globalObject$re.call(_this$globalObject, this.updateLocation);};_proto.cancelDelayedUpdateLocation = function cancelDelayedUpdateLocation() {if (this.locationUpdateId) {var _this$globalObject$ca, _this$globalObject2;(_this$globalObject$ca = (_this$globalObject2 = this.globalObject).cancelAnimationFrame) == null || _this$globalObject$ca.call(_this$globalObject2, 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;}return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;};_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, this.globalObject.Element), 'Anchor element is not defined or not instance of Element');if (!(anchorElement && (0, _isInstanceOf.isInstanceOf)(anchorElement, this.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, this.globalObject);var canBecomeVisible = !isFullyVisible && _PopupHelper.PopupHelper.canBecomeFullyVisible(position, coordinates, this.globalObject);if ( // если нужно сохранить первоначальную позицию и Попап целиком
       // находится в пределах вьюпорта (или может быть проскроллен в него)
       tryPreserveFirstRenderedPosition && (isFullyVisible || canBecomeVisible) || // если Попап целиком во вьюпорте и в самой приоритетной позиции
       // (иначе нужно попытаться позицию сменить)
       isFullyVisible && position === positions[0]) {// сохраняем текущую позицию
-        return { coordinates: coordinates, position: position, isFullyVisible: true };}}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, isFullyVisible: true };}}position = positions[0];coordinates = this.getCoordinates(anchorRect, popupRect, position);return { coordinates: coordinates, position: position, isFullyVisible: false };};_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, isFullyVisible: true };}}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, this.globalObject)) {return { coordinates: coordinates, position: position, isFullyVisible: true };}}position = positions[0];coordinates = this.getCoordinates(anchorRect, popupRect, position);return { coordinates: coordinates, position: position, isFullyVisible: false };};_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);var defaultCoordinates = { top: anchorRect.top - popupRect.height - margin, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset) };switch (position.direction) {case 'top':return defaultCoordinates;
+      case 'middle':
+        return {
+          top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2,
+          left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
         };
       case 'bottom':
         return {
@@ -819,17 +788,22 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
           left: anchorRect.left + anchorRect.width + margin
         };
       default:
-        throw new Error("Unexpected direction '" + position.direction + "'");
+        (0, _warning.default)(
+          false, "Unexpected align '" +
+          position.direction + "'. Must be one of - 'top', 'bottom', 'left', 'right', 'center', 'middle'. Returning default value."
+        );
+        return defaultCoordinates;
     }
   };_proto.
 
   getPinOffset = function getPinOffset(align) {
     var pinOffset = this.props.pinOffset;
+    var defaultPinOffset = pinOffset || parseInt(this.theme.popupPinOffsetY);
 
     switch (align) {
       case 'top':
       case 'bottom':
-        return pinOffset || parseInt(this.theme.popupPinOffsetY);
+        return defaultPinOffset;
       case 'left':
       case 'right':
         return pinOffset || parseInt(this.theme.popupPinOffsetX);
@@ -837,35 +811,51 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
       case 'middle':
         return 0;
       default:
-        throw new Error("Unexpected align '" + align + "'");
+        (0, _warning.default)(
+          false, "Unexpected align '" +
+          align + "'. Must be one of - 'top', 'bottom', 'left', 'right', 'center', 'middle'. Returning default value."
+        );
+        return defaultPinOffset;
     }
   };_proto.
 
   getHorizontalPosition = function getHorizontalPosition(anchorRect, popupRect, align, popupOffset) {
+    var defaultHorizontalPosition = anchorRect.left - (popupRect.width - anchorRect.width) / 2;
+
     switch (align) {
       case 'left':
         return anchorRect.left - popupOffset;
       case 'center':
-        return anchorRect.left - (popupRect.width - anchorRect.width) / 2;
+        return defaultHorizontalPosition;
       case 'right':
         return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;
       default:
-        throw new Error("Unexpected align '" + align + "'");
+        (0, _warning.default)(
+          false, "Unexpected align '" +
+          align + "'. Must be one of - 'left', 'center', 'right'. Returning default value."
+        );
+        return defaultHorizontalPosition;
     }
   };_proto.
 
   getVerticalPosition = function getVerticalPosition(anchorRect, popupRect, align, popupOffset) {
+    var defaultVerticalPosition = anchorRect.top - popupOffset;
+
     switch (align) {
       case 'top':
-        return anchorRect.top - popupOffset;
+        return defaultVerticalPosition;
       case 'middle':
         return anchorRect.top - (popupRect.height - anchorRect.height) / 2;
       case 'bottom':
         return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;
       default:
-        throw new Error("Unexpected align '" + align + "'");
+        (0, _warning.default)(
+          false, "Unexpected align '" +
+          align + "'. Must be one of - 'top', 'middle', 'bottom'. Returning default value."
+        );
+        return defaultVerticalPosition;
     }
-  };return Popup;}(_react.default.Component), _Popup.__KONTUR_REACT_UI__ = 'Popup', _Popup.displayName = 'Popup', _Popup.defaultProps = { popupOffset: 0, hasPin: false, hasShadow: false, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, ignoreHover: false, disablePortal: false, width: 'auto', priority: _ZIndex.ZIndex.priorities.Popup }, _Popup.defaultRootNode = null, _Popup)) || _class) || _class;
+  };return Popup;}(_react.default.Component), _Popup.__KONTUR_REACT_UI__ = 'Popup', _Popup.displayName = 'Popup', _Popup.defaultProps = { popupOffset: 0, hasPin: false, hasShadow: false, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: false, ignoreHover: false, disablePortal: false, width: 'auto', priority: _ZIndex.ZIndex.priorities.Popup }, _Popup.defaultRootNode = null, _Popup)) || _class) || _class) || _class;
 
 
 // Нужно, чтобы получать по рефу dom-элемент, в который зарендерится anchor