@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.10

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -1,13 +1,5 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _MobilePopup;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { Transition } from 'react-transition-group';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
@@ -21,71 +13,86 @@ import { MobilePopupHeader } from "../MobilePopupHeader";
 import { MobilePopupFooter } from "../MobilePopupFooter";
 export var MobilePopupDataTids = {
   root: 'MobilePopup__root',
-  container: 'MobilePopup__container'
+  container: 'MobilePopup__container',
+  backdrop: 'MobilePopup__backdrop'
 };
 export var MobilePopup = rootNode(_class = (_MobilePopup = /*#__PURE__*/function (_React$Component) {
   function MobilePopup() {
     var _this;
-    _classCallCheck(this, MobilePopup);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, MobilePopup, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.close = function () {
       if (_this.props.onCloseRequest) {
         _this.props.onCloseRequest();
       }
     };
+
+    /** Не даём событию дойти до document (`RenderLayer` / «клик сквозь» вуаль).
+     *  В мобильных браузерах pointerup может породить click по нижележащему элементу.
+     *  Гасим его на вуали, а закрытие остаётся на обычном click по backdrop.
+     */
+    _this.backdropStopPropagation = function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    _this.backdropClick = function (event) {
+      _this.backdropStopPropagation(event);
+      _this.close();
+    };
     return _this;
   }
-  _inherits(MobilePopup, _React$Component);
-  return _createClass(MobilePopup, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
-    }
-  }, {
-    key: "renderMain",
-    value: function renderMain() {
-      var content = /*#__PURE__*/React.createElement(ZIndex, {
-        id: this.props.id,
-        className: jsStyles.zIndex(),
-        priority: 'MobilePopup'
-      }, /*#__PURE__*/React.createElement(Transition, {
-        "in": this.props.opened,
-        onExited: this.props.onClose,
-        mountOnEnter: true,
-        unmountOnExit: true,
-        timeout: 0
-      }, /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.wrapper()
-      }, /*#__PURE__*/React.createElement(RenderLayer, {
-        onClickOutside: this.close
-      }, /*#__PURE__*/React.createElement("div", {
-        ref: this.setRootNode,
-        "data-tid": MobilePopupDataTids.container,
-        className: jsStyles.container(this.theme)
-      }, /*#__PURE__*/React.createElement("div", {
-        "data-tid": MobilePopupDataTids.root,
-        className: jsStyles.root(this.theme)
-      }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
-        caption: this.props.caption
-      }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.content(this.theme)
-      }, this.props.children), /*#__PURE__*/React.createElement(MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/React.createElement("div", {
-        onClick: this.close,
-        className: jsStyles.bottomIndent()
-      }))), /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.bg()
-      }), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null))));
-      if (this.props.withoutRenderContainer) {
-        return content;
-      }
-      return /*#__PURE__*/React.createElement(RenderContainer, null, content);
+  _inheritsLoose(MobilePopup, _React$Component);
+  var _proto = MobilePopup.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  };
+  _proto.renderMain = function renderMain() {
+    var content = /*#__PURE__*/React.createElement(ZIndex, {
+      id: this.props.id,
+      className: jsStyles.zIndex(),
+      priority: 'MobilePopup'
+    }, /*#__PURE__*/React.createElement(Transition, {
+      "in": this.props.opened,
+      onExited: this.props.onClose,
+      mountOnEnter: true,
+      unmountOnExit: true,
+      timeout: 0
+    }, /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.wrapper()
+    }, /*#__PURE__*/React.createElement(RenderLayer, {
+      onClickOutside: this.close
+    }, /*#__PURE__*/React.createElement("div", {
+      ref: this.setRootNode,
+      "data-tid": MobilePopupDataTids.container,
+      className: jsStyles.container(this.theme)
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-tid": MobilePopupDataTids.root,
+      className: jsStyles.root(this.theme)
+    }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
+      caption: this.props.caption
+    }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.content(this.theme)
+    }, this.props.children), /*#__PURE__*/React.createElement(MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/React.createElement("div", {
+      onClick: this.close,
+      className: jsStyles.bottomIndent()
+    }))), /*#__PURE__*/React.createElement("div", {
+      "data-tid": MobilePopupDataTids.backdrop,
+      className: jsStyles.bg(),
+      onClick: this.backdropClick,
+      onMouseDown: this.backdropStopPropagation,
+      onPointerDownCapture: this.backdropStopPropagation,
+      onPointerUpCapture: this.backdropStopPropagation
+    }), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null))));
+    if (this.props.withoutRenderContainer) {
+      return content;
     }
-  }]);
+    return /*#__PURE__*/React.createElement(RenderContainer, null, content);
+  };
+  return MobilePopup;
 }(React.Component), _MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _MobilePopup.displayName = 'MobileMenuHeader', _MobilePopup.defaultRootNode = null, _MobilePopup)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","jsStyles","MobilePopupHeader","MobilePopupFooter","MobilePopupDataTids","root","container","MobilePopup","_class","_MobilePopup","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","close","props","onCloseRequest","_inherits","_createClass","key","value","render","_this2","createElement","Consumer","theme","renderMain","content","id","className","zIndex","priority","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","onClickOutside","ref","setRootNode","caption","headerChildComponent","children","footerChildComponent","onClick","bottomIndent","bg","withoutRenderContainer","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","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","jsStyles","MobilePopupHeader","MobilePopupFooter","MobilePopupDataTids","root","container","backdrop","MobilePopup","_class","_MobilePopup","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","backdropStopPropagation","event","preventDefault","stopPropagation","backdropClick","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","renderMain","content","id","className","zIndex","priority","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","onClickOutside","ref","setRootNode","caption","headerChildComponent","children","footerChildComponent","onClick","bottomIndent","bg","onMouseDown","onPointerDownCapture","onPointerUpCapture","withoutRenderContainer","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  backdrop: 'MobilePopup__backdrop',\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\n              data-tid={MobilePopupDataTids.backdrop}\n              className={jsStyles.bg()}\n              onClick={this.backdropClick}\n              onMouseDown={this.backdropStopPropagation}\n              onPointerDownCapture={this.backdropStopPropagation}\n              onPointerUpCapture={this.backdropStopPropagation}\n            />\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  /** Не даём событию дойти до document (`RenderLayer` / «клик сквозь» вуаль).\n   *  В мобильных браузерах pointerup может породить click по нижележащему элементу.\n   *  Гасим его на вуали, а закрытие остаётся на обычном click по backdrop.\n   */\n  private backdropStopPropagation = (event: React.SyntheticEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  private backdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    this.backdropStopPropagation(event);\n    this.close();\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/MobilePopup/MobilePopup.d.ts

@@ -35,6 +35,7 @@ interface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
 export declare const MobilePopupDataTids: {
     readonly root: "MobilePopup__root";
     readonly container: "MobilePopup__container";
+    readonly backdrop: "MobilePopup__backdrop";
 };
 export declare class MobilePopup extends React.Component<MobilePopupProps> {
     static __KONTUR_REACT_UI__: string;
@@ -46,5 +47,11 @@ export declare class MobilePopup extends React.Component<MobilePopupProps> {
     render(): React.JSX.Element;
     renderMain(): React.JSX.Element;
     close: () => void;
+    /** Не даём событию дойти до document (`RenderLayer` / «клик сквозь» вуаль).
+     *  В мобильных браузерах pointerup может породить click по нижележащему элементу.
+     *  Гасим его на вуали, а закрытие остаётся на обычном click по backdrop.
+     */
+    private backdropStopPropagation;
+    private backdropClick;
 }
 export {};

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

@@ -1,27 +1,27 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 var styles = {
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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);
   },
   wrapper: function wrapper() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
   },
   content: function content(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      background-color: ", ";\n    "])), t.bgDefault);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.bgDefault);
   },
   container: function container(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
   },
   bg: function bg() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      touch-action: none;\n      background: #333333;\n      opacity: 50%;\n    "])));
   },
   bottomIndent: function bottomIndent() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      height: 80px;\n    "])));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      height: 80px;\n    "])));
   },
   zIndex: function zIndex() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: relative;\n    "])));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
   }
 };
 export var jsStyles = memoizeStyle(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteral","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","_templateObject2","content","_templateObject3","bgDefault","container","_templateObject4","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","_templateObject5","bottomIndent","_templateObject6","zIndex","_templateObject7","jsStyles"],"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":"sNAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;;;IAMSF,CAAC,CAACG,gCAAgC;;IAEjCH,CAAC,CAACI,iCAAiC;IACvCJ,CAAC,CAACK,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA;;;;;;;;EAQZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA;IACYF,CAAC,CAACU,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACX,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA;;IAEDF,CAAC,CAACa,qBAAqB;IACtBb,CAAC,CAACc,uBAAuB;IACxBd,CAAC,CAACc,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDe,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA;;;EAGZ,CAAC;;EAEDiB,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMmB,QAAQ,GAAGxB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","_templateObject2","content","_templateObject3","bgDefault","container","_templateObject4","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","_templateObject5","bottomIndent","_templateObject6","zIndex","_templateObject7","jsStyles"],"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      touch-action: none;\n      background: #333333;\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":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;IAMSF,CAAC,CAACG,gCAAgC;;IAEjCH,CAAC,CAACI,iCAAiC;IACvCJ,CAAC,CAACK,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACYF,CAAC,CAACU,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACX,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;IAEDF,CAAC,CAACa,qBAAqB;IACtBb,CAAC,CAACc,uBAAuB;IACxBd,CAAC,CAACc,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDe,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;EAGZ,CAAC;;EAEDiB,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMmB,QAAQ,GAAGxB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

@@ -1,43 +1,31 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { jsStyles } from "../MobilePopupFooter.styles";
 export var MobilePopupFooter = /*#__PURE__*/function (_React$Component) {
   function MobilePopupFooter() {
-    _classCallCheck(this, MobilePopupFooter);
-    return _callSuper(this, MobilePopupFooter, arguments);
+    return _React$Component.apply(this, arguments) || this;
   }
-  _inherits(MobilePopupFooter, _React$Component);
-  return _createClass(MobilePopupFooter, [{
-    key: "render",
-    value: function render() {
-      var _this = this;
-      return /*#__PURE__*/(
-        React.createElement(ThemeContext.Consumer, null, function (theme) {
-          _this.theme = theme;
-          return _this.renderMain();
-        })
-      );
+  _inheritsLoose(MobilePopupFooter, _React$Component);
+  var _proto = MobilePopupFooter.prototype;
+  _proto.render = function render() {
+    var _this = this;
+    return /*#__PURE__*/(
+      React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this.theme = theme;
+        return _this.renderMain();
+      })
+    );
+  };
+  _proto.renderMain = function renderMain() {
+    var children = this.props.children;
+    if (!children || ! /*#__PURE__*/React.isValidElement(children)) {
+      return null;
     }
-  }, {
-    key: "renderMain",
-    value: function renderMain() {
-      var children = this.props.children;
-      if (!children || ! /*#__PURE__*/React.isValidElement(children)) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.root(this.theme)
-      }, children);
-    }
-  }]);
+    return /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.root(this.theme)
+    }, children);
+  };
+  return MobilePopupFooter;
 }(React.Component);
 MobilePopupFooter.__KONTUR_REACT_UI__ = 'MobileMenuFooter';

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

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","jsStyles","MobilePopupFooter","_React$Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_this","createElement","Consumer","theme","renderMain","children","props","isValidElement","className","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":"ipBAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;AAErD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,GAAAE,eAAA,OAAAF,iBAAA,SAAAG,UAAA,OAAAH,iBAAA,EAAAI,SAAA,GAAAC,SAAA,CAAAL,iBAAA,EAAAC,gBAAA,SAAAK,YAAA,CAAAN,iBAAA,KAAAO,GAAA,YAAAC,KAAA;;;;;IAK5B,SAAAC,OAAA,EAAgB,KAAAC,KAAA;MACd;QACEb,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACc,QAAQ;QACnB,UAACC,KAAK,EAAK;UACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;UAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;QAC1B;QACqB,CAAC;;IAE5B,CAAC,MAAAP,GAAA,gBAAAC,KAAA;;IAED,SAAAM,WAAA,EAAqB;MACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;MAEhB,IAAI,CAACA,QAAQ,IAAI,eAAClB,KAAK,CAACoB,cAAc,CAACF,QAAQ,CAAC,EAAE;QAChD,OAAO,IAAI;MACb;;MAEA,oBAAOlB,KAAA,CAAAc,aAAA,UAAKO,SAAS,EAAEnB,QAAQ,CAACoB,IAAI,CAAC,IAAI,CAACN,KAAK,CAAE,IAAEE,QAAc,CAAC;IACpE,CAAC,OAxBoClB,KAAK,CAACuB,SAAS,EAAzCpB,iBAAiB,CACdqB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","jsStyles","MobilePopupFooter","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","children","props","isValidElement","className","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":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;AAErD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;EAKrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEX,KAAA,CAAAY,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAAChB,KAAK,CAACkB,cAAc,CAACF,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOhB,KAAA,CAAAY,aAAA,UAAKO,SAAS,EAAEjB,QAAQ,CAACkB,IAAI,CAAC,IAAI,CAACN,KAAK,CAAE,IAAEE,QAAc,CAAC;EACpE,CAAC,QAAAb,iBAAA,GAxBoCH,KAAK,CAACqB,SAAS,EAAzClB,iBAAiB,CACdmB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,9 +1,9 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
 import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
 var styles = {
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
   }
 };
 export var jsStyles = memoizeStyle(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteral","mobilePopupHeaderPadding","jsStyles"],"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":"0GAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;IAIGF,CAAC,CAACG,wBAAwB;;EAEzC;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","jsStyles"],"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":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIGF,CAAC,CAACG,wBAAwB;;EAEzC;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

@@ -1,13 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { isNonNullable } from "../../../../lib/utils";
 import { cx } from "../../../../lib/theming/Emotion";
@@ -15,41 +6,38 @@ import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { jsStyles } from "../MobilePopupHeader.styles";
 export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
   function MobilePopupHeader() {
-    _classCallCheck(this, MobilePopupHeader);
-    return _callSuper(this, MobilePopupHeader, arguments);
+    return _React$Component.apply(this, arguments) || this;
   }
-  _inherits(MobilePopupHeader, _React$Component);
-  return _createClass(MobilePopupHeader, [{
-    key: "render",
-    value: function render() {
-      var _this = this;
-      return /*#__PURE__*/(
-        React.createElement(ThemeContext.Consumer, null, function (theme) {
-          _this.theme = theme;
-          return _this.renderMain();
-        })
-      );
-    }
-  }, {
-    key: "renderMain",
-    value: function renderMain() {
-      var _this$props = this.props,
-        caption = _this$props.caption,
-        children = _this$props.children;
-      return /*#__PURE__*/(
-        React.createElement("div", {
-          className: cx(_defineProperty(_defineProperty({}, jsStyles.root(this.theme), true), jsStyles.rootWithoutContent(), !caption && !children))
-        }, /*#__PURE__*/
+  _inheritsLoose(MobilePopupHeader, _React$Component);
+  var _proto = MobilePopupHeader.prototype;
+  _proto.render = function render() {
+    var _this = this;
+    return /*#__PURE__*/(
+      React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this.theme = theme;
+        return _this.renderMain();
+      })
+    );
+  };
+  _proto.renderMain = function renderMain() {
+    var _cx, _cx2;
+    var _this$props = this.props,
+      caption = _this$props.caption,
+      children = _this$props.children;
+    return /*#__PURE__*/(
+      React.createElement("div", {
+        className: cx((_cx = {}, _cx[jsStyles.root(this.theme)] = true, _cx[jsStyles.rootWithoutContent()] = !caption && !children, _cx))
+      }, /*#__PURE__*/
 
-        React.createElement("div", {
-          className: jsStyles.container()
-        }, caption && /*#__PURE__*/
-        React.createElement("div", {
-          className: cx(_defineProperty(_defineProperty({}, jsStyles.caption(this.theme), true), jsStyles.captionWithChildren(), isNonNullable(children)))
-        }, caption), /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.createElement("div", null, children)))
-      );
-    }
-  }]);
+      React.createElement("div", {
+        className: jsStyles.container()
+      }, caption && /*#__PURE__*/
+      React.createElement("div", {
+        className: cx((_cx2 = {}, _cx2[jsStyles.caption(this.theme)] = true, _cx2[jsStyles.captionWithChildren()] = isNonNullable(children), _cx2))
+      }, caption), /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.createElement("div", null, children)))
+    );
+  };
+  return MobilePopupHeader;
 }(React.Component);
 MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';
 MobilePopupHeader.displayName = 'MobileMenuHeader';

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

@@ -1 +1 @@
-{"version":3,"names":["React","isNonNullable","cx","ThemeContext","jsStyles","MobilePopupHeader","_React$Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_this","createElement","Consumer","theme","renderMain","_this$props","props","caption","children","className","_defineProperty","root","rootWithoutContent","container","captionWithChildren","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":"ytBAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,aAAa,QAAQ,oBAAoB;;AAElD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;;;;;;;;AASrD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,GAAAE,eAAA,OAAAF,iBAAA,SAAAG,UAAA,OAAAH,iBAAA,EAAAI,SAAA,GAAAC,SAAA,CAAAL,iBAAA,EAAAC,gBAAA,SAAAK,YAAA,CAAAN,iBAAA,KAAAO,GAAA,YAAAC,KAAA;;;;;;IAM5B,SAAAC,OAAA,EAAgB,KAAAC,KAAA;MACd;QACEf,KAAA,CAAAgB,aAAA,CAACb,YAAY,CAACc,QAAQ;QACnB,UAACC,KAAK,EAAK;UACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;UAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;QAC1B;QACqB,CAAC;;IAE5B,CAAC,MAAAP,GAAA,gBAAAC,KAAA;;IAED,SAAAM,WAAA,EAAqB;MACnB,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;;MAEzB;QACEvB,KAAA,CAAAgB,aAAA;UACEQ,SAAS,EAAEtB,EAAE,CAAAuB,eAAA,CAAAA,eAAA;UACVrB,QAAQ,CAACsB,IAAI,CAAC,IAAI,CAACR,KAAK,CAAC,EAAG,IAAI;UAChCd,QAAQ,CAACuB,kBAAkB,CAAC,CAAC,EAAG,CAACL,OAAO,IAAI,CAACC,QAAQ;UACvD,CAAE;;QAEHvB,KAAA,CAAAgB,aAAA,UAAKQ,SAAS,EAAEpB,QAAQ,CAACwB,SAAS,CAAC,CAAE;QAClCN,OAAO;QACNtB,KAAA,CAAAgB,aAAA;UACEQ,SAAS,EAAEtB,EAAE,CAAAuB,eAAA,CAAAA,eAAA;UACVrB,QAAQ,CAACkB,OAAO,CAAC,IAAI,CAACJ,KAAK,CAAC,EAAG,IAAI;UACnCd,QAAQ,CAACyB,mBAAmB,CAAC,CAAC,EAAG5B,aAAa,CAACsB,QAAQ,CAAC;UAC1D,CAAE;;QAEFD;QACE,CACN;;QACA,aAAAtB,KAAK,CAAC8B,cAAc,CAACP,QAAQ,CAAC,iBAAIvB,KAAA,CAAAgB,aAAA,cAAMO,QAAc;QACpD;QACF,CAAC;;IAEV,CAAC,OA1CoCvB,KAAK,CAAC+B,SAAS,EAAzC1B,iBAAiB,CACd2B,mBAAmB,GAAG,kBAAkB,CAD3C3B,iBAAiB,CAEd4B,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","isNonNullable","cx","ThemeContext","jsStyles","MobilePopupHeader","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","_cx","_cx2","_this$props","props","caption","children","className","root","rootWithoutContent","container","captionWithChildren","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":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,aAAa,QAAQ,oBAAoB;;AAElD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;;;;;;;;AASrD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEb,KAAA,CAAAc,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,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;MACEvB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAgB,GAAA,OAAAA,GAAA;QACVd,QAAQ,CAACqB,IAAI,CAAC,IAAI,CAACT,KAAK,CAAC,IAAG,IAAI,EAAAE,GAAA;QAChCd,QAAQ,CAACsB,kBAAkB,CAAC,CAAC,IAAG,CAACJ,OAAO,IAAI,CAACC,QAAQ,EAAAL,GAAA;QACvD,CAAE;;MAEHlB,KAAA,CAAAc,aAAA,UAAKU,SAAS,EAAEpB,QAAQ,CAACuB,SAAS,CAAC,CAAE;MAClCL,OAAO;MACNtB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAiB,IAAA,OAAAA,IAAA;QACVf,QAAQ,CAACkB,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,IAAA;QACnCf,QAAQ,CAACwB,mBAAmB,CAAC,CAAC,IAAG3B,aAAa,CAACsB,QAAQ,CAAC,EAAAJ,IAAA;QAC1D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAtB,KAAK,CAAC6B,cAAc,CAACN,QAAQ,CAAC,iBAAIvB,KAAA,CAAAc,aAAA,cAAMS,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAAlB,iBAAA,GA1CoCL,KAAK,CAAC8B,SAAS,EAAzCzB,iBAAiB,CACd0B,mBAAmB,GAAG,kBAAkB,CAD3C1B,iBAAiB,CAEd2B,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,21 +1,21 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
 var styles = {
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
   },
   rootWithoutContent: function rootWithoutContent() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding: 8px 0 0 0;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: 8px 0 0 0;\n    "])));
   },
   container: function container() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: flex;\n      flex-direction: column;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-direction: column;\n    "])));
   },
   caption: function caption(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
   },
   captionWithChildren: function captionWithChildren() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      padding-bottom: 8px;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 8px;\n    "])));
   }
 };
 export var jsStyles = memoizeStyle(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteral","mobilePopupHeaderPadding","rootWithoutContent","_templateObject2","container","_templateObject3","caption","_templateObject4","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","_templateObject5","jsStyles"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport 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":"kLAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;IAEGF,CAAC,CAACG,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA;;;;EAIZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA;IACKF,CAAC,CAACU,yBAAyB;IACzBV,CAAC,CAACW,2BAA2B;IAC7BX,CAAC,CAACY,2BAA2B;IACnCZ,CAAC,CAACa,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMc,QAAQ,GAAGnB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","rootWithoutContent","_templateObject2","container","_templateObject3","caption","_templateObject4","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","_templateObject5","jsStyles"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport 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":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGF,CAAC,CAACG,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;EAIZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACKF,CAAC,CAACU,yBAAyB;IACzBV,CAAC,CAACW,2BAA2B;IAC7BX,CAAC,CAACY,2BAA2B;IACnCZ,CAAC,CAACa,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMc,QAAQ,GAAGnB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}