@skbkontur/react-ui 3.8.4-adaptive.1 → 3.9.0

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -1,97 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { RenderContainer } from "../../RenderContainer";
-import { HideBodyVerticalScroll } from "../../HideBodyVerticalScroll";
-import { cx } from "../../../lib/theming/Emotion";
-import { jsStyles } from "../MobilePopup.styles";
-import { MobilePopupHeader } from "../MobilePopupHeader";
-export var MobilePopup = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(MobilePopup, _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.contentDiv = void 0;
-    _this.theme = void 0;
-    _this.state = {
-      isScrolled: false,
-      isOpened: false
-    };
-
-    _this.close = function () {
-      _this.setState({
-        isOpened: false
-      });
-
-      if (_this.props.onClose) {
-        setTimeout(_this.props.onClose, 250);
-      }
-    };
-
-    _this.refContent = function (contentDiv) {
-      _this.contentDiv = contentDiv;
-    };
-
-    _this.handleScrollMenu = function (e) {
-      if (_this.contentDiv) {
-        var isScrolled = _this.contentDiv.scrollTop > 0;
-
-        if (isScrolled !== _this.state.isScrolled) {
-          _this.setState({
-            isScrolled: isScrolled
-          });
-        }
-      }
-    };
-
-    return _this;
-  }
-
-  var _proto = MobilePopup.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.setState({
-      isOpened: true
-    });
-  };
-
-  _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 _cx, _cx2;
-
-    return /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement("div", {
-      className: cx((_cx = {}, _cx[jsStyles.container(this.theme)] = true, _cx[jsStyles.containerOpened()] = this.state.isOpened, _cx))
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cx((_cx2 = {}, _cx2[jsStyles.root(this.theme)] = true, _cx2[jsStyles.rootFullHeight(this.theme)] = this.props.useFullHeight, _cx2)),
-      onClick: this.props.useFullHeight ? undefined : this.close
-    }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
-      caption: this.props.caption,
-      onClose: this.close,
-      withShadow: this.state.isScrolled
-    }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.content(this.theme),
-      onScroll: this.handleScrollMenu,
-      ref: this.refContent
-    }, this.props.children))), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null), /*#__PURE__*/React.createElement("div", {
-      onClick: this.close,
-      className: jsStyles.bg()
-    }));
-  };
-
-  return MobilePopup;
-}(React.Component);
-MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["MobilePopup.tsx"],"names":["React","ThemeContext","RenderContainer","HideBodyVerticalScroll","cx","jsStyles","MobilePopupHeader","MobilePopup","contentDiv","theme","state","isScrolled","isOpened","close","setState","props","onClose","setTimeout","refContent","handleScrollMenu","e","scrollTop","componentDidMount","render","renderMain","container","containerOpened","root","rootFullHeight","useFullHeight","undefined","caption","headerChildComponent","content","children","bg","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Nullable } from '../../typings/utility-types';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\n\ninterface MobilePopupProps {\n  caption?: string;\n  onClose?: () => void;\n  /**\n   * Компонент, закрепленный сверху меню (под холдером)\n   */\n  headerChildComponent?: React.ReactNode;\n  useFullHeight?: boolean;\n}\n\ninterface MobilePopupState {\n  isScrolled: boolean;\n  isOpened: boolean;\n}\n\nexport class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n\n  private contentDiv: Nullable<HTMLDivElement>;\n  private theme!: Theme;\n\n  public state: MobilePopupState = {\n    isScrolled: false,\n    isOpened: false,\n  };\n\n  public componentDidMount() {\n    this.setState({ isOpened: true });\n  }\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    return (\n      <RenderContainer>\n        <div\n          className={cx({\n            [jsStyles.container(this.theme)]: true,\n            [jsStyles.containerOpened()]: this.state.isOpened,\n          })}\n        >\n          <div\n            className={cx({\n              [jsStyles.root(this.theme)]: true,\n              [jsStyles.rootFullHeight(this.theme)]: this.props.useFullHeight,\n            })}\n            onClick={this.props.useFullHeight ? undefined : this.close}\n          >\n            <MobilePopupHeader caption={this.props.caption} onClose={this.close} withShadow={this.state.isScrolled}>\n              {this.props.headerChildComponent}\n            </MobilePopupHeader>\n            <div className={jsStyles.content(this.theme)} onScroll={this.handleScrollMenu} ref={this.refContent}>\n              {this.props.children}\n            </div>\n          </div>\n        </div>\n        <HideBodyVerticalScroll />\n        <div onClick={this.close} className={jsStyles.bg()} />\n      </RenderContainer>\n    );\n  }\n\n  public close = () => {\n    this.setState({\n      isOpened: false,\n    });\n\n    if (this.props.onClose) {\n      setTimeout(this.props.onClose, 250);\n    }\n  };\n\n  private refContent = (contentDiv: HTMLDivElement) => {\n    this.contentDiv = contentDiv;\n  };\n\n  private handleScrollMenu = (e: React.UIEvent<HTMLDivElement>) => {\n    if (this.contentDiv) {\n      const isScrolled = this.contentDiv.scrollTop > 0;\n\n      if (isScrolled !== this.state.isScrolled) {\n        this.setState({ isScrolled });\n      }\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopup/package.json

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

package/internal/MobilePopup/MobilePopup.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-interface MobilePopupProps {
-    caption?: string;
-    onClose?: () => void;
-    /**
-     * Компонент, закрепленный сверху меню (под холдером)
-     */
-    headerChildComponent?: React.ReactNode;
-    useFullHeight?: boolean;
-}
-interface MobilePopupState {
-    isScrolled: boolean;
-    isOpened: boolean;
-}
-export declare class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {
-    static __KONTUR_REACT_UI__: string;
-    private contentDiv;
-    private theme;
-    state: MobilePopupState;
-    componentDidMount(): void;
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-    close: () => void;
-    private refContent;
-    private handleScrollMenu;
-}
-export {};

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

@@ -1,26 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  root: function root(t) {
-    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    "])), t.mobilePopupHeaderBorderRadius);
-  },
-  rootFullHeight: function rootFullHeight(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      justify-content: flex-start;\n      flex-grow: 1;\n    "])), t.bgDefault);
-  },
-  content: function content(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      overflow: auto;\n      background-color: ", ";\n    "])), t.bgDefault);
-  },
-  container: function container(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: ", ";\n      right: 0;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: 100000;\n      border-radius: ", ";\n      transform: translateY(100%);\n      transition: transform 0.25s;\n    "])), t.mobilePopupTopPadding, t.mobilePopupHeaderBorderRadius);
-  },
-  containerOpened: function containerOpened() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      transform: translateY(0%);\n      transition: transform 0.25s;\n    "])));
-  },
-  bg: function bg() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      opacity: 50%;\n    "])));
-  }
-};
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["MobilePopup.styles.ts"],"names":["css","memoizeStyle","styles","root","t","mobilePopupHeaderBorderRadius","rootFullHeight","bgDefault","content","container","mobilePopupTopPadding","containerOpened","bg","jsStyles"],"mappings":"8MAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;;;;;AAMmBI,IAAAA,CAAC,CAACC,6BANrB;;AAQD,GAVY;;AAYbC,EAAAA,cAZa,0BAYEF,CAZF,EAYY;AACvB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACG,SADxB;;;;AAKD,GAlBY;;AAoBbC,EAAAA,OApBa,mBAoBLJ,CApBK,EAoBK;AAChB,WAAOJ,GAAP;;AAEsBI,IAAAA,CAAC,CAACG,SAFxB;;AAID,GAzBY;;AA2BbE,EAAAA,SA3Ba,qBA2BHL,CA3BG,EA2BO;AAClB,WAAOJ,GAAP;;AAESI,IAAAA,CAAC,CAACM,qBAFX;;;;;;AAQmBN,IAAAA,CAAC,CAACC,6BARrB;;;;AAYD,GAxCY;;AA0CbM,EAAAA,eA1Ca,6BA0CK;AAChB,WAAOX,GAAP;;;;AAID,GA/CY;;AAiDbY,EAAAA,EAjDa,gBAiDR;AACH,WAAOZ,GAAP;;;;;;;;;;AAUD,GA5DY,EAAf;;;AA+DA,OAAO,IAAMa,QAAQ,GAAGZ,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupHeaderBorderRadius};\n    `;\n  },\n\n  rootFullHeight(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n      justify-content: flex-start;\n      flex-grow: 1;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      overflow: auto;\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      position: fixed;\n      top: ${t.mobilePopupTopPadding};\n      right: 0;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: 100000;\n      border-radius: ${t.mobilePopupHeaderBorderRadius};\n      transform: translateY(100%);\n      transition: transform 0.25s;\n    `;\n  },\n\n  containerOpened() {\n    return css`\n      transform: translateY(0%);\n      transition: transform 0.25s;\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      opacity: 50%;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/internal/MobilePopup/MobilePopup.styles/package.json

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

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

@@ -1,9 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
-    root(t: Theme): string;
-    rootFullHeight(t: Theme): string;
-    content(t: Theme): string;
-    container(t: Theme): string;
-    containerOpened(): string;
-    bg(): string;
-};

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

@@ -1,67 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import { cx } from "../../../../lib/theming/Emotion";
-import { ThemeContext } from "../../../../lib/theming/ThemeContext";
-import { jsStyles } from "../MobilePopupHeader.styles";
-export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(MobilePopupHeader, _React$Component);
-
-  function MobilePopupHeader() {
-    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.theme = void 0;
-
-    _this.rootClickHandler = function (e) {
-      e.stopPropagation();
-    };
-
-    _this.wrapperClickHandler = function (e) {
-      _this.props.onClose();
-    };
-
-    return _this;
-  }
-
-  var _proto = MobilePopupHeader.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 _cx, _cx2, _cx3;
-
-    var _this$props = this.props,
-        caption = _this$props.caption,
-        children = _this$props.children,
-        withShadow = _this$props.withShadow;
-    return /*#__PURE__*/React.createElement("div", {
-      className: cx((_cx = {}, _cx[jsStyles.root(this.theme)] = true, _cx[jsStyles.withShadow(this.theme)] = withShadow, _cx)),
-      onClick: this.rootClickHandler
-    }, /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.container()
-    }, /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.closeWrapper(),
-      onClick: this.wrapperClickHandler
-    }, /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.closeHolder()
-    })), /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.createElement("div", {
-      className: cx((_cx2 = {}, _cx2[jsStyles.childrenWithoutCaption()] = !caption, _cx2))
-    }, children), caption && /*#__PURE__*/React.createElement("div", {
-      className: cx((_cx3 = {}, _cx3[jsStyles.caption(this.theme)] = true, _cx3))
-    }, caption)));
-  };
-
-  return MobilePopupHeader;
-}(React.Component);
-MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["React","cx","ThemeContext","jsStyles","MobilePopupHeader","theme","rootClickHandler","e","stopPropagation","wrapperClickHandler","props","onClose","render","renderMain","caption","children","withShadow","root","container","closeWrapper","closeHolder","isValidElement","childrenWithoutCaption","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,YAAT,QAA6B,mCAA7B;;AAEA,SAASC,QAAT,QAAyB,4BAAzB;;;;;;;;AAQA,WAAaC,iBAAb;;;AAGUC,IAAAA,KAHV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDUC,IAAAA,gBAhDV,GAgD6B,UAACC,CAAD,EAAyB;AAClDA,MAAAA,CAAC,CAACC,eAAF;AACD,KAlDH;;AAoDUC,IAAAA,mBApDV,GAoDgC,UAACF,CAAD,EAAyB;AACrD,YAAKG,KAAL,CAAWC,OAAX;AACD,KAtDH,+DAKSC,MALT,GAKE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACP,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACQ,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAdH,QAgBUA,UAhBV,GAgBE,sBAAqB,uCACuB,KAAKH,KAD5B,CACXI,OADW,eACXA,OADW,CACFC,QADE,eACFA,QADE,CACQC,UADR,eACQA,UADR,CAGnB,oBACE,6BACE,SAAS,EAAEf,EAAE,gBACVE,QAAQ,CAACc,IAAT,CAAc,KAAKZ,KAAnB,CADU,IACkB,IADlB,MAEVF,QAAQ,CAACa,UAAT,CAAoB,KAAKX,KAAzB,CAFU,IAEwBW,UAFxB,OADf,EAKE,OAAO,EAAE,KAAKV,gBALhB,iBAOE,6BAAK,SAAS,EAAEH,QAAQ,CAACe,SAAT,EAAhB,iBACE,6BAAK,SAAS,EAAEf,QAAQ,CAACgB,YAAT,EAAhB,EAAyC,OAAO,EAAE,KAAKV,mBAAvD,iBACE,6BAAK,SAAS,EAAEN,QAAQ,CAACiB,WAAT,EAAhB,GADF,CADF,EAIG,aAAApB,KAAK,CAACqB,cAAN,CAAqBN,QAArB,kBACC,6BAAK,SAAS,EAAEd,EAAE,kBAAIE,QAAQ,CAACmB,sBAAT,EAAJ,IAAwC,CAACR,OAAzC,QAAlB,IAAwEC,QAAxE,CALJ,EAOGD,OAAO,iBACN,6BACE,SAAS,EAAEb,EAAE,kBACVE,QAAQ,CAACW,OAAT,CAAiB,KAAKT,KAAtB,CADU,IACqB,IADrB,QADf,IAKGS,OALH,CARJ,CAPF,CADF,CA2BD,CA9CH,4BAAuCd,KAAK,CAACuB,SAA7C,EAAanB,iB,CACGoB,mB,GAAsB,kB","sourcesContent":["import React from 'react';\n\nimport { 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  caption?: string;\n  onClose: () => void;\n  withShadow?: boolean;\n}\n\nexport class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {\n  public static __KONTUR_REACT_UI__ = '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, withShadow } = this.props;\n\n    return (\n      <div\n        className={cx({\n          [jsStyles.root(this.theme)]: true,\n          [jsStyles.withShadow(this.theme)]: withShadow,\n        })}\n        onClick={this.rootClickHandler}\n      >\n        <div className={jsStyles.container()}>\n          <div className={jsStyles.closeWrapper()} onClick={this.wrapperClickHandler}>\n            <div className={jsStyles.closeHolder()} />\n          </div>\n          {React.isValidElement(children) && (\n            <div className={cx({ [jsStyles.childrenWithoutCaption()]: !caption })}>{children}</div>\n          )}\n          {caption && (\n            <div\n              className={cx({\n                [jsStyles.caption(this.theme)]: true,\n              })}\n            >\n              {caption}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private rootClickHandler = (e: React.MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  private wrapperClickHandler = (e: React.MouseEvent) => {\n    this.props.onClose();\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/package.json

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

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

@@ -1,15 +0,0 @@
-import React from 'react';
-interface MobilePopupHeaderProps {
-    caption?: string;
-    onClose: () => void;
-    withShadow?: boolean;
-}
-export declare class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private rootClickHandler;
-    private wrapperClickHandler;
-}
-export {};

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

@@ -1,29 +0,0 @@
-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 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      background: ", ";\n      padding: ", ";\n      border-radius: ", ";\n    "])), t.menuBgDefault, t.mobilePopupHeaderPadding, t.mobilePopupHeaderBorderRadius);
-  },
-  withShadow: function withShadow(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "])), t.mobilePopupHeaderShadow);
-  },
-  container: function container() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-direction: column;\n    "])));
-  },
-  caption: function caption(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: center;\n      padding-top: 12px;\n      padding-bottom: 12px;\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
-  },
-  childrenWithoutCaption: function childrenWithoutCaption() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 8px;\n    "])));
-  },
-  closeWrapper: function closeWrapper() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      height: 24px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])));
-  },
-  closeHolder: function closeHolder() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background-color: rgba(0, 0, 0, 0.1);\n      height: 4px;\n      width: 10%;\n      border-radius: 4px;\n    "])));
-  }
-};
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["MobilePopupHeader.styles.ts"],"names":["css","memoizeStyle","styles","root","t","menuBgDefault","mobilePopupHeaderPadding","mobilePopupHeaderBorderRadius","withShadow","mobilePopupHeaderShadow","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","childrenWithoutCaption","closeWrapper","closeHolder","jsStyles"],"mappings":"gOAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,8BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;AAEgBI,IAAAA,CAAC,CAACC,aAFlB;AAGaD,IAAAA,CAAC,CAACE,wBAHf;AAImBF,IAAAA,CAAC,CAACG,6BAJrB;;AAMD,GARY;;AAUbC,EAAAA,UAVa,sBAUFJ,CAVE,EAUQ;AACnB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACK,uBADlB;;AAGD,GAdY;;AAgBbC,EAAAA,SAhBa,uBAgBD;AACV,WAAOV,GAAP;;;;AAID,GArBY;;AAuBbW,EAAAA,OAvBa,mBAuBLP,CAvBK,EAuBK;AAChB,WAAOJ,GAAP;;;;;AAKeI,IAAAA,CAAC,CAACQ,yBALjB;AAMiBR,IAAAA,CAAC,CAACS,2BANnB;AAOiBT,IAAAA,CAAC,CAACU,2BAPnB;AAQWV,IAAAA,CAAC,CAACW,gBARb;;AAUD,GAlCY;;AAoCbC,EAAAA,sBApCa,oCAoCY;AACvB,WAAOhB,GAAP;;;AAGD,GAxCY;;AA0CbiB,EAAAA,YA1Ca,0BA0CE;AACb,WAAOjB,GAAP;;;;;;AAMD,GAjDY;;AAmDbkB,EAAAA,WAnDa,yBAmDC;AACZ,WAAOlB,GAAP;;;;;;AAMD,GA1DY,EAAf;;;AA6DA,OAAO,IAAMmB,QAAQ,GAAGlB,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      background: ${t.menuBgDefault};\n      padding: ${t.mobilePopupHeaderPadding};\n      border-radius: ${t.mobilePopupHeaderBorderRadius};\n    `;\n  },\n\n  withShadow(t: Theme) {\n    return css`\n      box-shadow: ${t.mobilePopupHeaderShadow};\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      display: flex;\n      justify-content: center;\n      padding-top: 12px;\n      padding-bottom: 12px;\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  childrenWithoutCaption() {\n    return css`\n      padding-bottom: 8px;\n    `;\n  },\n\n  closeWrapper() {\n    return css`\n      height: 24px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  closeHolder() {\n    return css`\n      background-color: rgba(0, 0, 0, 0.1);\n      height: 4px;\n      width: 10%;\n      border-radius: 4px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles/package.json

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

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

@@ -1,10 +0,0 @@
-import { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
-    root(t: Theme): string;
-    withShadow(t: Theme): string;
-    container(): string;
-    caption(t: Theme): string;
-    childrenWithoutCaption(): string;
-    closeWrapper(): string;
-    closeHolder(): string;
-};

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

@@ -1 +0,0 @@
-export * from "../MobilePopupHeader";

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

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAd","sourcesContent":["export * from './MobilePopupHeader';\n"]}

package/internal/MobilePopup/MobilePopupHeader/index/package.json

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

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

@@ -1 +0,0 @@
-export * from './MobilePopupHeader';

package/internal/MobilePopup/MobilePopupHeader/package.json

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

package/internal/MobilePopup/index/index.js

@@ -1 +0,0 @@
-export * from "../MobilePopup";

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

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from './MobilePopup';\n"]}

package/internal/MobilePopup/index/package.json

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

package/internal/MobilePopup/index.d.ts

@@ -1 +0,0 @@
-export * from './MobilePopup';

package/internal/MobilePopup/package.json

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