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

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","t","_getMenuItemPaddings","getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","css","_taggedTemplateLiteralLoose2","default","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      display: ${t.menuMessageDisplay};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobile};\n      line-height: ${t.menuMessageLineHeightMobile};\n      padding: ${t.menuMessagePaddingMobile};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeSmall};\n      line-height: ${t.menuMessageLineHeightSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMedium};\n      line-height: ${t.menuMessageLineHeightMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeLarge};\n      line-height: ${t.menuMessageLineHeightLarge};\n    `;\n  },\n});\n"],"mappings":";AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA,8CAAgF,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEzE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAA+B,IAAAC,6BAAmB,EAAC;QACjDC,gBAAgB,EAAEH,CAAC,CAACI,mBAAmB;QACvCC,gBAAgB,EAAEL,CAAC,CAACM;MACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ,CAAEC,QAAQ,GAAAP,oBAAA,CAARO,QAAQ;;IAK1B,WAAOC,YAAG,EAAAlB,eAAA,KAAAA,eAAA,OAAAmB,4BAAA,CAAAC,OAAA;;IAEGX,CAAC,CAACY,kBAAkB;IACpBZ,CAAC,CAACM,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIR,CAAC,CAACI,mBAAmB;IACxEJ,CAAC,CAACa,oBAAoB;IACjBb,CAAC,CAACc,aAAa;;EAEjC,CAAC;;EAEDC,UAAU,WAAAA,WAACf,CAAQ,EAAE;IACnB,WAAOS,YAAG,EAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACKX,CAAC,CAACgB,yBAAyB;IACzBhB,CAAC,CAACiB,2BAA2B;IACjCjB,CAAC,CAACkB,wBAAwB;;EAEzC,CAAC;;EAEDC,SAAS,WAAAA,UAACnB,CAAQ,EAAE;IAClB,WAAOS,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;IACKX,CAAC,CAACoB,wBAAwB;IACxBpB,CAAC,CAACqB,0BAA0B;;EAE/C,CAAC;EACDC,UAAU,WAAAA,WAACtB,CAAQ,EAAE;IACnB,WAAOS,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACKX,CAAC,CAACuB,yBAAyB;IACzBvB,CAAC,CAACwB,2BAA2B;;EAEhD,CAAC;EACDC,SAAS,WAAAA,UAACzB,CAAQ,EAAE;IAClB,WAAOS,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACKX,CAAC,CAAC0B,wBAAwB;IACxB1B,CAAC,CAAC2B,0BAA0B;;EAE/C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_getMenuItemPaddings","getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","_taggedTemplateLiteralLoose2","default","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      display: ${t.menuMessageDisplay};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobile};\n      line-height: ${t.menuMessageLineHeightMobile};\n      padding: ${t.menuMessagePaddingMobile};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeSmall};\n      line-height: ${t.menuMessageLineHeightSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMedium};\n      line-height: ${t.menuMessageLineHeightMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeLarge};\n      line-height: ${t.menuMessageLineHeightLarge};\n    `;\n  },\n}));\n"],"mappings":";;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA,8CAAgF,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEzE,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,IAAAC,oBAAA,GAA+B,IAAAC,6BAAmB,EAAC;UACjDC,gBAAgB,EAAEH,CAAC,CAACI,mBAAmB;UACvCC,gBAAgB,EAAEL,CAAC,CAACM;QACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ,CAAEC,QAAQ,GAAAP,oBAAA,CAARO,QAAQ;;MAK1B,OAAOV,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAoB,4BAAA,CAAAC,OAAA;;MAEGV,CAAC,CAACW,kBAAkB;MACpBX,CAAC,CAACM,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIR,CAAC,CAACI,mBAAmB;MACxEJ,CAAC,CAACY,oBAAoB;MACjBZ,CAAC,CAACa,aAAa;;IAEjC,CAAC;;IAEDC,UAAU,WAAAA,WAACd,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;MACKV,CAAC,CAACe,yBAAyB;MACzBf,CAAC,CAACgB,2BAA2B;MACjChB,CAAC,CAACiB,wBAAwB;;IAEzC,CAAC;;IAEDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;MACKV,CAAC,CAACmB,wBAAwB;MACxBnB,CAAC,CAACoB,0BAA0B;;IAE/C,CAAC;IACDC,UAAU,WAAAA,WAACrB,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;MACKV,CAAC,CAACsB,yBAAyB;MACzBtB,CAAC,CAACuB,2BAA2B;;IAEhD,CAAC;IACDC,SAAS,WAAAA,UAACxB,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;MACKV,CAAC,CAACyB,wBAAwB;MACxBzB,CAAC,CAAC0B,0BAA0B;;IAE/C;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -39,7 +39,10 @@ export declare const MobilePopupDataTids: {
 export declare class MobilePopup extends React.Component<MobilePopupProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private refForTransition;
     static readonly defaultRootNode: null;
+    private emotion;
+    private jsStyles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;

package/cjs/internal/MobilePopup/MobilePopup.js

@@ -3,6 +3,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
 
 
+
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _RenderContainer = require("../RenderContainer");
 var _HideBodyVerticalScroll = require("../HideBodyVerticalScroll");
@@ -10,6 +11,7 @@ var _ZIndex = require("../ZIndex");
 var _RenderLayer = require("../RenderLayer");
 
 var _rootNode = require("../../lib/rootNode");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _MobilePopup2 = require("./MobilePopup.styles");
 var _MobilePopupHeader = require("./MobilePopupHeader");
@@ -53,7 +55,19 @@ var MobilePopupDataTids = exports.MobilePopupDataTids = {
 };var
 
 
-MobilePopup = exports.MobilePopup = (0, _rootNode.rootNode)(_class = (_MobilePopup = /*#__PURE__*/function (_React$Component) {function MobilePopup() {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.
+
+MobilePopup = exports.MobilePopup = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_MobilePopup = /*#__PURE__*/function (_React$Component) {function MobilePopup() {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.
+
+
+    refForTransition = /*#__PURE__*/_react.default.createRef();_this.
+
+
+
+
+
+
+
+
 
 
 
@@ -112,4 +126,4 @@ MobilePopup = exports.MobilePopup = (0, _rootNode.rootNode)(_class = (_MobilePop
       if (_this.props.onCloseRequest) {
         _this.props.onCloseRequest();
       }
-    };return _this;}(0, _inheritsLoose2.default)(MobilePopup, _React$Component);var _proto = MobilePopup.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: this.props.id, className: _MobilePopup2.jsStyles.zIndex(), priority: 'MobilePopup' }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { in: this.props.opened, onExited: this.props.onClose, mountOnEnter: true, unmountOnExit: true, timeout: 0 }, /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup2.jsStyles.wrapper() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { ref: this.setRootNode, "data-tid": MobilePopupDataTids.container, className: _MobilePopup2.jsStyles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: _MobilePopup2.jsStyles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup2.jsStyles.content(this.theme) }, this.props.children), /*#__PURE__*/_react.default.createElement(_MobilePopupFooter.MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: _MobilePopup2.jsStyles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup2.jsStyles.bg() }), /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));if (this.props.withoutRenderContainer) {return content;}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return MobilePopup;}(_react.default.Component), _MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _MobilePopup.displayName = 'MobileMenuHeader', _MobilePopup.defaultRootNode = null, _MobilePopup)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(MobilePopup, _React$Component);var _proto = MobilePopup.prototype;_proto.render = function render() {var _this2 = this;this.jsStyles = (0, _MobilePopup2.getJsStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: this.props.id, className: this.jsStyles.zIndex(), priority: 'MobilePopup' }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { in: this.props.opened, onExited: this.props.onClose, mountOnEnter: true, unmountOnExit: true, timeout: 0, nodeRef: this.refForTransition }, /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.wrapper(), ref: this.refForTransition }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { ref: this.setRootNode, "data-tid": MobilePopupDataTids.container, className: this.jsStyles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: this.jsStyles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.content(this.theme) }, this.props.children), /*#__PURE__*/_react.default.createElement(_MobilePopupFooter.MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: this.jsStyles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.bg() }), /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));if (this.props.withoutRenderContainer) {return content;}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return MobilePopup;}(_react.default.Component), _MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _MobilePopup.displayName = 'MobileMenuHeader', _MobilePopup.defaultRootNode = null, _MobilePopup)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_ThemeContext","_RenderContainer","_HideBodyVerticalScroll","_ZIndex","_RenderLayer","_rootNode","_MobilePopup2","_MobilePopupHeader","_MobilePopupFooter","_class","_MobilePopup","MobilePopupDataTids","exports","root","container","MobilePopup","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","content","ZIndex","id","className","jsStyles","zIndex","priority","Transition","in","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","RenderLayer","onClickOutside","ref","setRootNode","MobilePopupHeader","caption","headerChildComponent","children","MobilePopupFooter","footerChildComponent","onClick","bottomIndent","bg","HideBodyVerticalScroll","withoutRenderContainer","RenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"sources":["MobilePopup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const content = (\n      <ZIndex id={this.props.id} className={jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={jsStyles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={jsStyles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={jsStyles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={jsStyles.content(this.theme)}>{this.props.children}</div>\n                  <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                </div>\n                <div onClick={this.close} className={jsStyles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={jsStyles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_ThemeContext","_RenderContainer","_HideBodyVerticalScroll","_ZIndex","_RenderLayer","_rootNode","_renderEnvironment","_MobilePopup2","_MobilePopupHeader","_MobilePopupFooter","_class","_MobilePopup","MobilePopupDataTids","exports","root","container","MobilePopup","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","refForTransition","React","createRef","close","props","onCloseRequest","_inheritsLoose2","default","_proto","prototype","render","_this2","jsStyles","getJsStyles","emotion","createElement","ThemeContext","Consumer","theme","renderMain","content","ZIndex","id","className","zIndex","priority","Transition","in","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","nodeRef","wrapper","ref","RenderLayer","onClickOutside","setRootNode","MobilePopupHeader","caption","headerChildComponent","children","MobilePopupFooter","footerChildComponent","onClick","bottomIndent","bg","HideBodyVerticalScroll","withoutRenderContainer","RenderContainer","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"sources":["MobilePopup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getJsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\n@withRenderEnvironment\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n  private refForTransition = React.createRef<HTMLDivElement>();\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private emotion!: Emotion;\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const content = (\n      <ZIndex id={this.props.id} className={this.jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          timeout={0}\n          nodeRef={this.refForTransition}\n        >\n          <div className={this.jsStyles.wrapper()} ref={this.refForTransition}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={this.jsStyles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={this.jsStyles.content(this.theme)}>{this.props.children}</div>\n                  <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                </div>\n                <div onClick={this.close} className={this.jsStyles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={this.jsStyles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = (): void => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     wrapper(): string;
     content(t: Theme): string;
@@ -7,4 +7,4 @@ export declare const jsStyles: {
     bg(): string;
     bottomIndent(): string;
     zIndex(): string;
-};
+}>;

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

@@ -1,51 +1,52 @@
-"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, _templateObject6, _templateObject7;
+"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 _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-var styles = {
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
 
+var getJsStyles = exports.getJsStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
 
 
 
 
-    t.mobilePopupContainerBorderRadius,
 
-    t.mobilePopupContainerBottomPadding,
-    t.menuBgDefault);
+      t.mobilePopupContainerBorderRadius,
 
-  },
+      t.mobilePopupContainerBottomPadding,
+      t.menuBgDefault);
 
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
+    },
 
+    wrapper: function wrapper() {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
 
 
 
 
 
 
-  },
 
-  content: function content(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n    "])),
-    t.bgDefault);
+    },
 
-  },
+    content: function content(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n    "])),
+      t.bgDefault);
 
-  container: function container(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])),
+    },
 
-    t.mobilePopupTopPadding,
-    t.mobilePopupOuterIndentY,
-    t.mobilePopupOuterIndentY);
+    container: function container(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])),
 
+      t.mobilePopupTopPadding,
+      t.mobilePopupOuterIndentY,
+      t.mobilePopupOuterIndentY);
 
-  },
 
-  bg: function bg() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
+    },
 
+    bg: function bg() {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
 
 
 
@@ -55,19 +56,18 @@ var styles = {
 
 
 
-  },
 
-  bottomIndent: function bottomIndent() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 80px;\n    "])));
+    },
 
+    bottomIndent: function bottomIndent() {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 80px;\n    "])));
 
-  },
 
-  zIndex: function zIndex() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
+    },
 
+    zIndex: function zIndex() {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
-  }
-};
 
-var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex","jsStyles","exports","memoizeStyle"],"sources":["MobilePopup.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      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupContainerBorderRadius};\n      overflow: hidden;\n      padding-bottom: ${t.mobilePopupContainerBottomPadding};\n      background: ${t.menuBgDefault};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      position: absolute;\n      top: ${t.mobilePopupTopPadding};\n      left: ${t.mobilePopupOuterIndentY};\n      right: ${t.mobilePopupOuterIndentY};\n      z-index: 100000;\n    `;\n  },\n\n  bg() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    `;\n  },\n\n  bottomIndent() {\n    return css`\n      height: 80px;\n    `;\n  },\n\n  zIndex() {\n    return css`\n      position: relative;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG9D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;;IAMSH,CAAC,CAACI,gCAAgC;;IAEjCJ,CAAC,CAACK,iCAAiC;IACvCL,CAAC,CAACM,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAON,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ,CAAC;;EAEDK,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACS,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;IAEDH,CAAC,CAACW,qBAAqB;IACtBX,CAAC,CAACY,uBAAuB;IACxBZ,CAAC,CAACY,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,WAAOZ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDW,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOb,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDY,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOd,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC;;AAEM,IAAMa,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACpB,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","getJsStyles","exports","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex"],"sources":["MobilePopup.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      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupContainerBorderRadius};\n      overflow: hidden;\n      padding-bottom: ${t.mobilePopupContainerBottomPadding};\n      background: ${t.menuBgDefault};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      position: absolute;\n      top: ${t.mobilePopupTopPadding};\n      left: ${t.mobilePopupOuterIndentY};\n      right: ${t.mobilePopupOuterIndentY};\n      z-index: 100000;\n    `;\n  },\n\n  bg() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    `;\n  },\n\n  bottomIndent() {\n    return css`\n      height: 80px;\n    `;\n  },\n\n  zIndex() {\n    return css`\n      position: relative;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGtD,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,CAAAX,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;MAMSF,CAAC,CAACG,gCAAgC;;MAEjCH,CAAC,CAACI,iCAAiC;MACvCJ,CAAC,CAACK,aAAa;;IAEjC,CAAC;;IAEDC,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOR,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;;;;;;IAQZ,CAAC;;IAEDK,OAAO,WAAAA,QAACP,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;MACYF,CAAC,CAACQ,SAAS;;IAEnC,CAAC;;IAEDC,SAAS,WAAAA,UAACT,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;MAEDF,CAAC,CAACU,qBAAqB;MACtBV,CAAC,CAACW,uBAAuB;MACxBX,CAAC,CAACW,uBAAuB;;;IAGtC,CAAC;;IAEDC,EAAE,WAAAA,GAAA,EAAG;MACH,OAAOd,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;;;;;IAWZ,CAAC;;IAEDW,YAAY,WAAAA,aAAA,EAAG;MACb,OAAOf,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDY,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOhB,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 export declare class MobilePopupFooter extends React.Component<React.PropsWithChildren> {
     static __KONTUR_REACT_UI__: string;
+    private jsStyles;
+    private emotion;
     private theme;
     render(): React.JSX.Element;
     private renderMain;

package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js

@@ -1,16 +1,23 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MobilePopupFooter = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 
+
 var _ThemeContext = require("../../../lib/theming/ThemeContext");
+var _renderEnvironment = require("../../../lib/renderEnvironment");
+
+var _MobilePopupFooter2 = require("./MobilePopupFooter.styles");var _class, _MobilePopupFooter;var
+
+
+MobilePopupFooter = exports.MobilePopupFooter = (0, _renderEnvironment.withRenderEnvironment)(_class = (_MobilePopupFooter = /*#__PURE__*/function (_React$Component) {function MobilePopupFooter() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(MobilePopupFooter, _React$Component);var _proto = MobilePopupFooter.prototype;_proto.
 
-var _MobilePopupFooter2 = require("./MobilePopupFooter.styles");var
 
-MobilePopupFooter = exports.MobilePopupFooter = /*#__PURE__*/function (_React$Component) {function MobilePopupFooter() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(MobilePopupFooter, _React$Component);var _proto = MobilePopupFooter.prototype;_proto.
 
 
 
 
   render = function render() {var _this = this;
+    this.jsStyles = (0, _MobilePopupFooter2.getJsStyles)(this.emotion);
+
     return /*#__PURE__*/(
       _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
       function (theme) {
@@ -28,5 +35,5 @@ MobilePopupFooter = exports.MobilePopupFooter = /*#__PURE__*/function (_React$Co
       return null;
     }
 
-    return /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopupFooter2.jsStyles.root(this.theme) }, children);
-  };return MobilePopupFooter;}(_react.default.Component);MobilePopupFooter.__KONTUR_REACT_UI__ = 'MobileMenuFooter';
+    return /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.root(this.theme) }, children);
+  };return MobilePopupFooter;}(_react.default.Component), _MobilePopupFooter.__KONTUR_REACT_UI__ = 'MobileMenuFooter', _MobilePopupFooter)) || _class;

package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_MobilePopupFooter2","MobilePopupFooter","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","children","props","React","isValidElement","className","jsStyles","root","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupFooter.styles';\n\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={jsStyles.root(this.theme)}>{children}</div>;\n  }\n}\n"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,mBAAA,GAAAF,OAAA,+BAAsD;;AAEzCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;EAKrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEf,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACb,aAAA,CAAAc,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVJ,KAAI,CAACI,KAAK,GAAGA,KAAK;QAClB,OAAOJ,KAAI,CAACK,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAR,MAAA;;EAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAACE,cAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOrB,MAAA,CAAAW,OAAA,CAAAK,aAAA,UAAKS,SAAS,EAAEC,4BAAQ,CAACC,IAAI,CAAC,IAAI,CAACR,KAAK,CAAE,IAAEE,QAAc,CAAC;EACpE,CAAC,QAAAhB,iBAAA,GAxBoCkB,cAAK,CAACK,SAAS,EAAzCvB,iBAAiB,CACdwB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_renderEnvironment","_MobilePopupFooter2","_class","_MobilePopupFooter","MobilePopupFooter","exports","withRenderEnvironment","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","jsStyles","getJsStyles","emotion","createElement","ThemeContext","Consumer","theme","renderMain","children","props","React","isValidElement","className","root","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment';\n\nimport { getJsStyles } from './MobilePopupFooter.styles';\n\n@withRenderEnvironment\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={this.jsStyles.root(this.theme)}>{children}</div>;\n  }\n}\n"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;;AAEA,IAAAG,mBAAA,GAAAH,OAAA,+BAAyD,IAAAI,MAAA,EAAAC,kBAAA;;;AAG5CC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,OAD7BE,wCAAqB,EAAAJ,MAAA,IAAAC,kBAAA,0BAAAI,gBAAA,YAAAH,kBAAA,UAAAG,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAP,iBAAA,EAAAG,gBAAA,MAAAK,MAAA,GAAAR,iBAAA,CAAAS,SAAA,CAAAD,MAAA;;;;;;;EAQbE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd,IAAI,CAACC,QAAQ,GAAG,IAAAC,+BAAW,EAAC,IAAI,CAACC,OAAO,CAAC;;IAEzC;MACEtB,MAAA,CAAAe,OAAA,CAAAQ,aAAA,CAACpB,aAAA,CAAAqB,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVP,KAAI,CAACO,KAAK,GAAGA,KAAK;QAClB,OAAOP,KAAI,CAACQ,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAX,MAAA;;EAEOW,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAACE,cAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAO5B,MAAA,CAAAe,OAAA,CAAAQ,aAAA,UAAKS,SAAS,EAAE,IAAI,CAACZ,QAAQ,CAACa,IAAI,CAAC,IAAI,CAACP,KAAK,CAAE,IAAEE,QAAc,CAAC;EACzE,CAAC,QAAApB,iBAAA,GA5BoCsB,cAAK,CAACI,SAAS,GAAA3B,kBAAA,CACtC4B,mBAAmB,GAAG,kBAAkB,EAAA5B,kBAAA,MAAAD,MAAA","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 import type { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
-};
+}>;

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

@@ -1,15 +1,15 @@
-"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 _Emotion = require("../../../lib/theming/Emotion");var _templateObject;
 
-var styles = {
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "])),
 
+var getJsStyles = exports.getJsStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "])),
 
 
-    t.mobilePopupHeaderPadding);
 
-  }
-};
+      t.mobilePopupHeaderPadding);
 
-var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","jsStyles","exports","memoizeStyle"],"sources":["MobilePopupFooter.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      display: flex;\n      flex-direction: column;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,4BAAA,CAAAC,OAAA;;;;IAIGH,CAAC,CAACI,wBAAwB;;EAEzC;AACF,CAAC;;AAEM,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACT,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","getJsStyles","exports","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding"],"sources":["MobilePopupFooter.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      display: flex;\n      flex-direction: column;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,iCAAgE,IAAAC,eAAA;;;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,CAAAL,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;MAIGF,CAAC,CAACG,wBAAwB;;IAEzC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -8,6 +8,9 @@ interface MobilePopupHeaderProps {
 export declare class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private emotion;
+    private cx;
+    private jsStyles;
     private theme;
     render(): React.JSX.Element;
     private renderMain;

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

@@ -1,11 +1,14 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MobilePopupHeader = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
+
 var _utils = require("../../../lib/utils");
 
-var _Emotion = require("../../../lib/theming/Emotion");
 var _ThemeContext = require("../../../lib/theming/ThemeContext");
+var _renderEnvironment = require("../../../lib/renderEnvironment");
+
+var _MobilePopupHeader2 = require("./MobilePopupHeader.styles");var _class, _MobilePopupHeader;var
+
 
-var _MobilePopupHeader2 = require("./MobilePopupHeader.styles");var
 
 
 
@@ -13,14 +16,18 @@ var _MobilePopupHeader2 = require("./MobilePopupHeader.styles");var
 
 
 
+MobilePopupHeader = exports.MobilePopupHeader = (0, _renderEnvironment.withRenderEnvironment)(_class = (_MobilePopupHeader = /*#__PURE__*/function (_React$Component) {function MobilePopupHeader() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(MobilePopupHeader, _React$Component);var _proto = MobilePopupHeader.prototype;_proto.
+
+
 
-MobilePopupHeader = exports.MobilePopupHeader = /*#__PURE__*/function (_React$Component) {function MobilePopupHeader() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(MobilePopupHeader, _React$Component);var _proto = MobilePopupHeader.prototype;_proto.
 
 
 
 
 
   render = function render() {var _this = this;
+    this.jsStyles = (0, _MobilePopupHeader2.getJsStyles)(this.emotion);
+
     return /*#__PURE__*/(
       _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
       function (theme) {
@@ -31,22 +38,22 @@ MobilePopupHeader = exports.MobilePopupHeader = /*#__PURE__*/function (_React$Co
 
   };_proto.
 
-  renderMain = function renderMain() {var _cx, _cx2;
+  renderMain = function renderMain() {var _this$cx, _this$cx2;
     var _this$props = this.props,caption = _this$props.caption,children = _this$props.children;
 
     return /*#__PURE__*/(
       _react.default.createElement("div", {
-        className: (0, _Emotion.cx)((_cx = {}, _cx[
-        _MobilePopupHeader2.jsStyles.root(this.theme)] = true, _cx[
-        _MobilePopupHeader2.jsStyles.rootWithoutContent()] = !caption && !children, _cx)
+        className: this.cx((_this$cx = {}, _this$cx[
+        this.jsStyles.root(this.theme)] = true, _this$cx[
+        this.jsStyles.rootWithoutContent()] = !caption && !children, _this$cx)
         ) }, /*#__PURE__*/
 
-      _react.default.createElement("div", { className: _MobilePopupHeader2.jsStyles.container() },
+      _react.default.createElement("div", { className: this.jsStyles.container() },
       caption && /*#__PURE__*/
       _react.default.createElement("div", {
-        className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
-        _MobilePopupHeader2.jsStyles.caption(this.theme)] = true, _cx2[
-        _MobilePopupHeader2.jsStyles.captionWithChildren()] = (0, _utils.isNonNullable)(children), _cx2)
+        className: this.cx((_this$cx2 = {}, _this$cx2[
+        this.jsStyles.caption(this.theme)] = true, _this$cx2[
+        this.jsStyles.captionWithChildren()] = (0, _utils.isNonNullable)(children), _this$cx2)
         ) },
 
       caption
@@ -56,4 +63,4 @@ MobilePopupHeader = exports.MobilePopupHeader = /*#__PURE__*/function (_React$Co
       )
       ));
 
-  };return MobilePopupHeader;}(_react.default.Component);MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';MobilePopupHeader.displayName = 'MobileMenuHeader';
+  };return MobilePopupHeader;}(_react.default.Component), _MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _MobilePopupHeader.displayName = 'MobileMenuHeader', _MobilePopupHeader)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Emotion","_ThemeContext","_MobilePopupHeader2","MobilePopupHeader","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","_cx","_cx2","_this$props","props","caption","children","className","cx","jsStyles","root","rootWithoutContent","container","captionWithChildren","isNonNullable","React","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div\n        className={cx({\n          [jsStyles.root(this.theme)]: true,\n          [jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={jsStyles.container()}>\n          {caption && (\n            <div\n              className={cx({\n                [jsStyles.caption(this.theme)]: true,\n                [jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;AAEA,IAAAI,mBAAA,GAAAJ,OAAA,+BAAsD;;;;;;;;;AASzCK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEjB,MAAA,CAAAa,OAAA,CAAAK,aAAA,CAACb,aAAA,CAAAc,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVJ,KAAI,CAACI,KAAK,GAAGA,KAAK;QAClB,OAAOJ,KAAI,CAACK,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAR,MAAA;;EAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,GAAA,EAAAC,IAAA;IACnB,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;;IAEzB;MACE5B,MAAA,CAAAa,OAAA,CAAAK,aAAA;QACEW,SAAS,EAAE,IAAAC,WAAE,GAAAP,GAAA,OAAAA,GAAA;QACVQ,4BAAQ,CAACC,IAAI,CAAC,IAAI,CAACX,KAAK,CAAC,IAAG,IAAI,EAAAE,GAAA;QAChCQ,4BAAQ,CAACE,kBAAkB,CAAC,CAAC,IAAG,CAACN,OAAO,IAAI,CAACC,QAAQ,EAAAL,GAAA;QACvD,CAAE;;MAEHvB,MAAA,CAAAa,OAAA,CAAAK,aAAA,UAAKW,SAAS,EAAEE,4BAAQ,CAACG,SAAS,CAAC,CAAE;MAClCP,OAAO;MACN3B,MAAA,CAAAa,OAAA,CAAAK,aAAA;QACEW,SAAS,EAAE,IAAAC,WAAE,GAAAN,IAAA,OAAAA,IAAA;QACVO,4BAAQ,CAACJ,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,IAAA;QACnCO,4BAAQ,CAACI,mBAAmB,CAAC,CAAC,IAAG,IAAAC,oBAAa,EAACR,QAAQ,CAAC,EAAAJ,IAAA;QAC1D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAU,cAAK,CAACC,cAAc,CAACV,QAAQ,CAAC,iBAAI5B,MAAA,CAAAa,OAAA,CAAAK,aAAA,cAAMU,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAArB,iBAAA,GA1CoC8B,cAAK,CAACE,SAAS,EAAzChC,iBAAiB,CACdiC,mBAAmB,GAAG,kBAAkB,CAD3CjC,iBAAiB,CAEdkC,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_ThemeContext","_renderEnvironment","_MobilePopupHeader2","_class","_MobilePopupHeader","MobilePopupHeader","exports","withRenderEnvironment","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","jsStyles","getJsStyles","emotion","createElement","ThemeContext","Consumer","theme","renderMain","_this$cx","_this$cx2","_this$props","props","caption","children","className","cx","root","rootWithoutContent","container","captionWithChildren","isNonNullable","React","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment';\n\nimport { getJsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\n@withRenderEnvironment\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div\n        className={this.cx({\n          [this.jsStyles.root(this.theme)]: true,\n          [this.jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={this.jsStyles.container()}>\n          {caption && (\n            <div\n              className={this.cx({\n                [this.jsStyles.caption(this.theme)]: true,\n                [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,MAAA,GAAAD,OAAA;;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;;AAEA,IAAAI,mBAAA,GAAAJ,OAAA,+BAAyD,IAAAK,MAAA,EAAAC,kBAAA;;;;;;;;;;AAU5CC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,OAD7BE,wCAAqB,EAAAJ,MAAA,IAAAC,kBAAA,0BAAAI,gBAAA,YAAAH,kBAAA,UAAAG,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAP,iBAAA,EAAAG,gBAAA,MAAAK,MAAA,GAAAR,iBAAA,CAAAS,SAAA,CAAAD,MAAA;;;;;;;;;EAUbE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd,IAAI,CAACC,QAAQ,GAAG,IAAAC,+BAAW,EAAC,IAAI,CAACC,OAAO,CAAC;;IAEzC;MACEvB,MAAA,CAAAgB,OAAA,CAAAQ,aAAA,CAACpB,aAAA,CAAAqB,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVP,KAAI,CAACO,KAAK,GAAGA,KAAK;QAClB,OAAOP,KAAI,CAACQ,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAX,MAAA;;EAEOW,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,QAAA,EAAAC,SAAA;IACnB,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;;IAEzB;MACElC,MAAA,CAAAgB,OAAA,CAAAQ,aAAA;QACEW,SAAS,EAAE,IAAI,CAACC,EAAE,EAAAP,QAAA,OAAAA,QAAA;QACf,IAAI,CAACR,QAAQ,CAACgB,IAAI,CAAC,IAAI,CAACV,KAAK,CAAC,IAAG,IAAI,EAAAE,QAAA;QACrC,IAAI,CAACR,QAAQ,CAACiB,kBAAkB,CAAC,CAAC,IAAG,CAACL,OAAO,IAAI,CAACC,QAAQ,EAAAL,QAAA;QAC5D,CAAE;;MAEH7B,MAAA,CAAAgB,OAAA,CAAAQ,aAAA,UAAKW,SAAS,EAAE,IAAI,CAACd,QAAQ,CAACkB,SAAS,CAAC,CAAE;MACvCN,OAAO;MACNjC,MAAA,CAAAgB,OAAA,CAAAQ,aAAA;QACEW,SAAS,EAAE,IAAI,CAACC,EAAE,EAAAN,SAAA,OAAAA,SAAA;QACf,IAAI,CAACT,QAAQ,CAACY,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,SAAA;QACxC,IAAI,CAACT,QAAQ,CAACmB,mBAAmB,CAAC,CAAC,IAAG,IAAAC,oBAAa,EAACP,QAAQ,CAAC,EAAAJ,SAAA;QAC/D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAS,cAAK,CAACC,cAAc,CAACT,QAAQ,CAAC,iBAAIlC,MAAA,CAAAgB,OAAA,CAAAQ,aAAA,cAAMU,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAAzB,iBAAA,GA/CoCiC,cAAK,CAACE,SAAS,GAAApC,kBAAA,CACtCqC,mBAAmB,GAAG,kBAAkB,EAAArC,kBAAA,CACxCsC,WAAW,GAAG,kBAAkB,EAAAtC,kBAAA,MAAAD,MAAA","ignoreList":[]}

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

@@ -1,8 +1,8 @@
 import type { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     rootWithoutContent(): string;
     container(): string;
     caption(t: Theme): string;
     captionWithChildren(): string;
-};
+}>;

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

@@ -1,41 +1,41 @@
-"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;
+"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 _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    "])),
 
-    t.mobilePopupHeaderPadding);
+var getJsStyles = exports.getJsStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      padding: ", ";\n    "])),
 
-  },
+      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 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 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 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 css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 8px;\n    "])));
 
-  }
-};
 
-var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);
+    }
+  };});