@skbkontur/react-ui 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c

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

@@ -31,7 +31,11 @@ export declare const MobilePopupDataTids: {
 };
 export declare class MobilePopup extends React.Component<MobilePopupProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static readonly defaultRootNode: null;
     private theme;
+    private emotion;
+    private setRootNode;
     render(): JSX.Element;
     renderMain(): JSX.Element;
     close: () => void;

package/cjs/internal/MobilePopup/MobilePopup.js

@@ -1,15 +1,18 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MobilePopupDataTids = exports.MobilePopup = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MobilePopupDataTids = exports.MobilePopup = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));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");
 var _ZIndex = require("../ZIndex");
 var _RenderLayer = require("../RenderLayer");
+var _rootNode = require("../../lib/rootNode");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
 
-var _MobilePopup = require("./MobilePopup.styles");
 var _MobilePopupHeader = require("./MobilePopupHeader");
+var _MobilePopup = require("./MobilePopup.styles");var _class, _class2, _temp;
 
 
 
@@ -43,7 +46,26 @@ var MobilePopupDataTids = {
   container: 'MobilePopup__container' };exports.MobilePopupDataTids = MobilePopupDataTids;var
 
 
-MobilePopup = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(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.
+
+MobilePopup = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -91,4 +113,4 @@ MobilePopup = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defa
       if (_this.props.onCloseRequest) {
         _this.props.onCloseRequest();
       }
-    };return _this;}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: _MobilePopup.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: _MobilePopup.jsStyles.wrapper() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.container, className: _MobilePopup.jsStyles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: _MobilePopup.jsStyles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup.jsStyles.content(this.theme) }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: _MobilePopup.jsStyles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup.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);exports.MobilePopup = MobilePopup;MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader';
+    };return _this;}var _proto = MobilePopup.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var styles = (0, _MobilePopup.getStyles)(this.emotion);var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: this.props.id, className: styles.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: styles.wrapper() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { ref: this.setRootNode, "data-tid": MobilePopupDataTids.container, className: styles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: styles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: styles.content(this.theme) }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: styles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: styles.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), _class2.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _class2.displayName = 'MobileMenuHeader', _class2.defaultRootNode = null, _temp)) || _class;exports.MobilePopup = MobilePopup;

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.tsx"],"names":["MobilePopupDataTids","root","container","MobilePopup","close","props","onCloseRequest","render","theme","renderMain","content","id","jsStyles","zIndex","opened","onClose","wrapper","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","React","Component","__KONTUR_REACT_UI__"],"mappings":"qRAAA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B,C;;;AAKMC,W;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CJC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,K,yDA3CMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEMA,U,GAAP,sBAAoB,CAClB,IAAMC,OAAO,gBACX,6BAAC,cAAD,IAAQ,EAAE,EAAE,KAAKL,KAAL,CAAWM,EAAvB,EAA2B,SAAS,EAAEC,sBAASC,MAAT,EAAtC,EAAyD,QAAQ,EAAE,aAAnE,iBACE,6BAAC,gCAAD,IAAY,EAAE,EAAE,KAAKR,KAAL,CAAWS,MAA3B,EAAmC,QAAQ,EAAE,KAAKT,KAAL,CAAWU,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,sCAAK,SAAS,EAAEH,sBAASI,OAAT,EAAhB,iBACE,6BAAC,wBAAD,IAAa,cAAc,EAAE,KAAKZ,KAAlC,iBACE,sCAAK,YAAUJ,mBAAmB,CAACE,SAAnC,EAA8C,SAAS,EAAEU,sBAASV,SAAT,CAAmB,KAAKM,KAAxB,CAAzD,iBACE,sCAAK,YAAUR,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEW,sBAASX,IAAT,CAAc,KAAKO,KAAnB,CAApD,iBACE,6BAAC,oCAAD,IAAmB,OAAO,EAAE,KAAKH,KAAL,CAAWY,OAAvC,IAAiD,KAAKZ,KAAL,CAAWa,oBAA5D,CADF,eAEE,sCAAK,SAAS,EAAEN,sBAASF,OAAT,CAAiB,KAAKF,KAAtB,CAAhB,IAA+C,KAAKH,KAAL,CAAWc,QAA1D,CAFF,CADF,eAKE,sCAAK,OAAO,EAAE,KAAKf,KAAnB,EAA0B,SAAS,EAAEQ,sBAASQ,YAAT,EAArC,GALF,CADF,CADF,eAUE,sCAAK,SAAS,EAAER,sBAASS,EAAT,EAAhB,GAVF,eAWE,6BAAC,8CAAD,OAXF,CADF,CADF,CADF,CAoBA,IAAI,KAAKhB,KAAL,CAAWiB,sBAAf,EAAuC,CACrC,OAAOZ,OAAP,CACD,CAED,oBAAO,6BAAC,gCAAD,QAAkBA,OAAlB,CAAP,CACD,C,sBA1C8Ba,eAAMC,S,oCAA1BrB,W,CACGsB,mB,GAAsB,kB","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { 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';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\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   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\nexport class MobilePopup extends React.Component<MobilePopupProps> {\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  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 data-tid={MobilePopupDataTids.container} className={jsStyles.container(this.theme)}>\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                </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"]}
+{"version":3,"sources":["MobilePopup.tsx"],"names":["MobilePopupDataTids","root","container","MobilePopup","rootNode","close","props","onCloseRequest","render","emotion","theme","renderMain","styles","content","id","zIndex","opened","onClose","wrapper","setRootNode","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"mappings":"6RAAA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,mD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B,C;;;;AAMMC,W,OADZC,kB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DQC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,K,yDAvDMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,wBAAD,QACG,UAACC,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAXH,CADF,CAeD,C,QAEMA,U,GAAP,sBAAoB,CAClB,IAAMC,MAAM,GAAG,4BAAU,KAAKH,OAAf,CAAf,CACA,IAAMI,OAAO,gBACX,6BAAC,cAAD,IAAQ,EAAE,EAAE,KAAKP,KAAL,CAAWQ,EAAvB,EAA2B,SAAS,EAAEF,MAAM,CAACG,MAAP,EAAtC,EAAuD,QAAQ,EAAE,aAAjE,iBACE,6BAAC,gCAAD,IAAY,EAAE,EAAE,KAAKT,KAAL,CAAWU,MAA3B,EAAmC,QAAQ,EAAE,KAAKV,KAAL,CAAWW,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,sCAAK,SAAS,EAAEL,MAAM,CAACM,OAAP,EAAhB,iBACE,6BAAC,wBAAD,IAAa,cAAc,EAAE,KAAKb,KAAlC,iBACE,sCACE,GAAG,EAAE,KAAKc,WADZ,EAEE,YAAUnB,mBAAmB,CAACE,SAFhC,EAGE,SAAS,EAAEU,MAAM,CAACV,SAAP,CAAiB,KAAKQ,KAAtB,CAHb,iBAKE,sCAAK,YAAUV,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEW,MAAM,CAACX,IAAP,CAAY,KAAKS,KAAjB,CAApD,iBACE,6BAAC,oCAAD,IAAmB,OAAO,EAAE,KAAKJ,KAAL,CAAWc,OAAvC,IAAiD,KAAKd,KAAL,CAAWe,oBAA5D,CADF,eAEE,sCAAK,SAAS,EAAET,MAAM,CAACC,OAAP,CAAe,KAAKH,KAApB,CAAhB,IAA6C,KAAKJ,KAAL,CAAWgB,QAAxD,CAFF,CALF,eASE,sCAAK,OAAO,EAAE,KAAKjB,KAAnB,EAA0B,SAAS,EAAEO,MAAM,CAACW,YAAP,EAArC,GATF,CADF,CADF,eAcE,sCAAK,SAAS,EAAEX,MAAM,CAACY,EAAP,EAAhB,GAdF,eAeE,6BAAC,8CAAD,OAfF,CADF,CADF,CADF,CAwBA,IAAI,KAAKlB,KAAL,CAAWmB,sBAAf,EAAuC,CACrC,OAAOZ,OAAP,CACD,CAED,oBAAO,6BAAC,gCAAD,QAAkBA,OAAlB,CAAP,CACD,C,sBA5D8Ba,eAAMC,S,WACvBC,mB,GAAsB,kB,UACtBC,W,GAAc,kB,UAGLC,e,GAAkB,I","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { Transition } from 'react-transition-group';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { getStyles } from './MobilePopup.styles';\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   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\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  private emotion!: Emotion;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public renderMain() {\n    const styles = getStyles(this.emotion);\n    const content = (\n      <ZIndex id={this.props.id} className={styles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={styles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={styles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={styles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={styles.content(this.theme)}>{this.props.children}</div>\n                </div>\n                <div onClick={this.close} className={styles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={styles.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"]}

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

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

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

@@ -1,51 +1,53 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");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.getStyles = 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 getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root(t) {
+        return 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    "])),
 
 
 
 
-    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 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    "])));
 
 
 
 
 
 
-  },
 
-  content: function content(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n    "])),
-    t.bgDefault);
+      },
 
-  },
+      content: function content(t) {
+        return emotion.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 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);
 
-  },
 
-  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 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    "])));
 
 
 
@@ -55,19 +57,17 @@ var styles = {
 
 
 
-  },
 
-  bottomIndent: function bottomIndent() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 80px;\n    "])));
+      },
 
+      bottomIndent: function bottomIndent() {
+        return emotion.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 emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
-  } };
 
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.styles.ts"],"names":["styles","root","t","css","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;;;AAMmBD,IAAAA,CAAC,CAACE,gCANrB;;AAQoBF,IAAAA,CAAC,CAACG,iCARtB;AASgBH,IAAAA,CAAC,CAACI,aATlB;;AAWD,GAbY;;AAebC,EAAAA,OAfa,qBAeH;AACR,eAAOJ,YAAP;;;;;;;;AAQD,GAxBY;;AA0BbK,EAAAA,OA1Ba,mBA0BLN,CA1BK,EA0BK;AAChB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACO,SADxB;;AAGD,GA9BY;;AAgCbC,EAAAA,SAhCa,qBAgCHR,CAhCG,EAgCO;AAClB,eAAOC,YAAP;;AAESD,IAAAA,CAAC,CAACS,qBAFX;AAGUT,IAAAA,CAAC,CAACU,uBAHZ;AAIWV,IAAAA,CAAC,CAACU,uBAJb;;;AAOD,GAxCY;;AA0CbC,EAAAA,EA1Ca,gBA0CR;AACH,eAAOV,YAAP;;;;;;;;;;;AAWD,GAtDY;;AAwDbW,EAAAA,YAxDa,0BAwDE;AACb,eAAOX,YAAP;;;AAGD,GA5DY;;AA8DbY,EAAAA,MA9Da,oBA8DJ;AACP,eAAOZ,YAAP;;;AAGD,GAlEY,EAAf;;;AAqEO,IAAMa,QAAQ,GAAG,2BAAahB,MAAb,CAAjB,C","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.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"]}
+{"version":3,"sources":["MobilePopup.styles.ts"],"names":["getStyles","emotion","root","t","css","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex"],"mappings":";;AAEA,oD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;;;;;;AAMiBD,QAAAA,CAAC,CAACE,gCANnB;;AAQkBF,QAAAA,CAAC,CAACG,iCARpB;AAScH,QAAAA,CAAC,CAACI,aAThB;;AAWD,OAbU;;AAeXC,MAAAA,OAfW,qBAeD;AACR,eAAOP,OAAO,CAACG,GAAf;;;;;;;;AAQD,OAxBU;;AA0BXK,MAAAA,OA1BW,mBA0BHN,CA1BG,EA0BO;AAChB,eAAOF,OAAO,CAACG,GAAf;AACoBD,QAAAA,CAAC,CAACO,SADtB;;AAGD,OA9BU;;AAgCXC,MAAAA,SAhCW,qBAgCDR,CAhCC,EAgCS;AAClB,eAAOF,OAAO,CAACG,GAAf;;AAEOD,QAAAA,CAAC,CAACS,qBAFT;AAGQT,QAAAA,CAAC,CAACU,uBAHV;AAISV,QAAAA,CAAC,CAACU,uBAJX;;;AAOD,OAxCU;;AA0CXC,MAAAA,EA1CW,gBA0CN;AACH,eAAOb,OAAO,CAACG,GAAf;;;;;;;;;;;AAWD,OAtDU;;AAwDXW,MAAAA,YAxDW,0BAwDI;AACb,eAAOd,OAAO,CAACG,GAAf;;;AAGD,OA5DU;;AA8DXY,MAAAA,MA9DW,oBA8DF;AACP,eAAOf,OAAO,CAACG,GAAf;;;AAGD,OAlEU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n      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 emotion.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 emotion.css`\n      background-color: ${t.bgDefault};\n    `;\n    },\n\n    container(t: Theme) {\n      return emotion.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 emotion.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 emotion.css`\n      height: 80px;\n    `;\n    },\n\n    zIndex() {\n      return emotion.css`\n      position: relative;\n    `;\n    },\n  });\n"]}

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

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

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

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MobilePopupHeader = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"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");
 
@@ -19,33 +20,43 @@ MobilePopupHeader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
 
 
 
+
+
   render = function render() {var _this = this;
     return /*#__PURE__*/(
-      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {
-        _this.theme = theme;
-        return _this.renderMain();
+      _react.default.createElement(_Emotion.EmotionConsumer, null,
+      function (emotion) {
+        _this.emotion = emotion;
+        return /*#__PURE__*/(
+          _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+          function (theme) {
+            _this.theme = theme;
+            return _this.renderMain();
+          }));
+
+
       }));
 
 
   };_proto.
 
-  renderMain = function renderMain() {var _cx, _cx2;
+  renderMain = function renderMain() {var _this$emotion$cx, _this$emotion$cx2;
     var _this$props = this.props,caption = _this$props.caption,children = _this$props.children;
+    var styles = (0, _MobilePopupHeader.getStyles)(this.emotion);
 
     return /*#__PURE__*/(
       _react.default.createElement("div", {
-        className: (0, _Emotion.cx)((_cx = {}, _cx[
-        _MobilePopupHeader.jsStyles.root(this.theme)] = true, _cx[
-        _MobilePopupHeader.jsStyles.rootWithoutContent()] = !caption && !children, _cx)) }, /*#__PURE__*/
+        className: this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[
+        styles.root(this.theme)] = true, _this$emotion$cx[
+        styles.rootWithoutContent()] = !caption && !children, _this$emotion$cx)) }, /*#__PURE__*/
 
 
-      _react.default.createElement("div", { className: _MobilePopupHeader.jsStyles.container() },
+      _react.default.createElement("div", { className: styles.container() },
       caption && /*#__PURE__*/
       _react.default.createElement("div", {
-        className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
-        _MobilePopupHeader.jsStyles.caption(this.theme)] = true, _cx2[
-        _MobilePopupHeader.jsStyles.captionWithChildren()] = (0, _utils.isNonNullable)(children), _cx2)) },
+        className: this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[
+        styles.caption(this.theme)] = true, _this$emotion$cx2[
+        styles.captionWithChildren()] = (0, _utils.isNonNullable)(children), _this$emotion$cx2)) },
 
 
       caption),
@@ -55,4 +66,4 @@ MobilePopupHeader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
 
 
 
-  };return MobilePopupHeader;}(_react.default.Component);exports.MobilePopupHeader = MobilePopupHeader;MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';
+  };return MobilePopupHeader;}(_react.default.Component);exports.MobilePopupHeader = MobilePopupHeader;MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';MobilePopupHeader.displayName = 'MobileMenuHeader';

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["MobilePopupHeader","render","theme","renderMain","props","caption","children","jsStyles","root","rootWithoutContent","container","captionWithChildren","isValidElement","React","Component","__KONTUR_REACT_UI__"],"mappings":"6PAAA;;AAEA;;AAEA;AACA;;AAEA,+D;;;;;;;;;AASaA,iB;;;;;AAKJC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV,QAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,KAAI,CAACC,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEOA,EAAAA,U,GAAR,sBAAqB;AACnB,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB;;AAEA;AACE;AACE,QAAA,SAAS,EAAE;AACRC,oCAASC,IAAT,CAAc,KAAKN,KAAnB,CADQ,IACoB,IADpB;AAERK,oCAASE,kBAAT,EAFQ,IAEwB,CAACJ,OAAD,IAAY,CAACC,QAFrC,OADb;;;AAME,4CAAK,SAAS,EAAEC,4BAASG,SAAT,EAAhB;AACGL,MAAAA,OAAO;AACN;AACE,QAAA,SAAS,EAAE;AACRE,oCAASF,OAAT,CAAiB,KAAKH,KAAtB,CADQ,IACuB,IADvB;AAERK,oCAASI,mBAAT,EAFQ,IAEyB,0BAAcL,QAAd,CAFzB,QADb;;;AAMGD,MAAAA,OANH,CAFJ;;;AAWG,kCAAMO,cAAN,CAAqBN,QAArB,kBAAkC,0CAAMA,QAAN,CAXrC,CANF,CADF;;;;AAsBD,G,4BAzCoCO,eAAMC,S,gDAAhCd,iB,CACGe,mB,GAAsB,kB","sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../../lib/utils';\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  /**\n   * Заголовок шапки\n   */\n  caption?: string;\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 } = 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"]}
+{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["MobilePopupHeader","render","emotion","theme","renderMain","props","caption","children","styles","cx","root","rootWithoutContent","container","captionWithChildren","isValidElement","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"qQAAA;;;AAGA;;AAEA;AACA;;AAEA,+D;;;;;;;;;AASaA,iB;;;;;;;AAOJC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,wBAAD;AACG,gBAACC,OAAD,EAAa;AACZ,QAAA,KAAI,CAACA,OAAL,GAAeA,OAAf;AACA;AACE,uCAAC,0BAAD,CAAc,QAAd;AACG,oBAACC,KAAD,EAAW;AACV,YAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,mBAAO,KAAI,CAACC,UAAL,EAAP;AACD,WAJH,CADF;;;AAQD,OAXH,CADF;;;AAeD,G;;AAEOA,EAAAA,U,GAAR,sBAAqB;AACnB,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB;AACA,QAAMC,MAAM,GAAG,kCAAU,KAAKN,OAAf,CAAf;;AAEA;AACE;AACE,QAAA,SAAS,EAAE,KAAKA,OAAL,CAAaO,EAAb;AACRD,QAAAA,MAAM,CAACE,IAAP,CAAY,KAAKP,KAAjB,CADQ,IACkB,IADlB;AAERK,QAAAA,MAAM,CAACG,kBAAP,EAFQ,IAEsB,CAACL,OAAD,IAAY,CAACC,QAFnC,oBADb;;;AAME,4CAAK,SAAS,EAAEC,MAAM,CAACI,SAAP,EAAhB;AACGN,MAAAA,OAAO;AACN;AACE,QAAA,SAAS,EAAE,KAAKJ,OAAL,CAAaO,EAAb;AACRD,QAAAA,MAAM,CAACF,OAAP,CAAe,KAAKH,KAApB,CADQ,IACqB,IADrB;AAERK,QAAAA,MAAM,CAACK,mBAAP,EAFQ,IAEuB,0BAAcN,QAAd,CAFvB,qBADb;;;AAMGD,MAAAA,OANH,CAFJ;;;AAWG,kCAAMQ,cAAN,CAAqBP,QAArB,kBAAkC,0CAAMA,QAAN,CAXrC,CANF,CADF;;;;AAsBD,G,4BAnDoCQ,eAAMC,S,gDAAhChB,iB,CACGiB,mB,GAAsB,kB,CADzBjB,iB,CAEGkB,W,GAAc,kB","sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { EmotionConsumer } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { getStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\nexport class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n    const styles = getStyles(this.emotion);\n\n    return (\n      <div\n        className={this.emotion.cx({\n          [styles.root(this.theme)]: true,\n          [styles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={styles.container()}>\n          {caption && (\n            <div\n              className={this.emotion.cx({\n                [styles.caption(this.theme)]: true,\n                [styles.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"]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopupHeader.styles.ts"],"names":["styles","root","t","css","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAACE,wBAFf;;AAID,GANY;;AAQbC,EAAAA,kBARa,gCAQQ;AACnB,eAAOF,YAAP;;;AAGD,GAZY;;AAcbG,EAAAA,SAda,uBAcD;AACV,eAAOH,YAAP;;;;AAID,GAnBY;;AAqBbI,EAAAA,OArBa,mBAqBLL,CArBK,EAqBK;AAChB,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACM,yBADjB;AAEiBN,IAAAA,CAAC,CAACO,2BAFnB;AAGiBP,IAAAA,CAAC,CAACQ,2BAHnB;AAIWR,IAAAA,CAAC,CAACS,gBAJb;;AAMD,GA5BY;;AA8BbC,EAAAA,mBA9Ba,iCA8BS;AACpB,eAAOT,YAAP;;;AAGD,GAlCY,EAAf;;;AAqCO,IAAMU,QAAQ,GAAG,2BAAab,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n\n  rootWithoutContent() {\n    return css`\n      padding: 8px 0 0 0;\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  captionWithChildren() {\n    return css`\n      padding-bottom: 8px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["MobilePopupHeader.styles.ts"],"names":["getStyles","emotion","root","t","css","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren"],"mappings":";;AAEA,uD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;;AAEWD,QAAAA,CAAC,CAACE,wBAFb;;AAID,OANU;;AAQXC,MAAAA,kBARW,gCAQU;AACnB,eAAOL,OAAO,CAACG,GAAf;;;AAGD,OAZU;;AAcXG,MAAAA,SAdW,uBAcC;AACV,eAAON,OAAO,CAACG,GAAf;;;;AAID,OAnBU;;AAqBXI,MAAAA,OArBW,mBAqBHL,CArBG,EAqBO;AAChB,eAAOF,OAAO,CAACG,GAAf;AACaD,QAAAA,CAAC,CAACM,yBADf;AAEeN,QAAAA,CAAC,CAACO,2BAFjB;AAGeP,QAAAA,CAAC,CAACQ,2BAHjB;AAISR,QAAAA,CAAC,CAACS,gBAJX;;AAMD,OA5BU;;AA8BXC,MAAAA,mBA9BW,iCA8BW;AACpB,eAAOZ,OAAO,CAACG,GAAf;;;AAGD,OAlCU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n    },\n\n    rootWithoutContent() {\n      return emotion.css`\n      padding: 8px 0 0 0;\n    `;\n    },\n\n    container() {\n      return emotion.css`\n      display: flex;\n      flex-direction: column;\n    `;\n    },\n\n    caption(t: Theme) {\n      return emotion.css`\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n    },\n\n    captionWithChildren() {\n      return emotion.css`\n      padding-bottom: 8px;\n    `;\n    },\n  });\n"]}

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

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

package/cjs/internal/NativeDateInput/NativeDateInput.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["NativeDateInput.tsx"],"names":["DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","focus","input","click","refInput","element","render","props","maxDate","minDate","value","e","onValueChange","target","jsStyles","inputTypeDate","disabled","React","Component","__KONTUR_REACT_UI__"],"mappings":"2PAAA;;;;AAIA;AACA;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,YAAzB;AACA,IAAMC,gBAAgB,GAAG,YAAzB,C;;AAEaC,e;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BJC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;;;;AAKME,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,K;;AAEOC,IAAAA,Q,GAAW,UAACC,OAAD,EAAyC;AAC1D,YAAKH,KAAL,GAAaG,OAAb;AACD,K,6DAxCMC,M,GAAP,kBAAgB,mBACd,oBACE,wCACE,IAAI,EAAE,MADR,EAEE,GAAG,EAAE,KAAKC,KAAL,CAAWC,OAAX,GAAqB,6BAAiB,KAAKD,KAAL,CAAWC,OAA5B,CAArB,GAA4DT,gBAFnE,EAGE,GAAG,EAAE,KAAKQ,KAAL,CAAWE,OAAX,GAAqB,6BAAiB,KAAKF,KAAL,CAAWE,OAA5B,CAArB,GAA4DX,gBAHnE,EAIE,KAAK,EAAE,6BAAiB,KAAKS,KAAL,CAAWG,KAA5B,CAJT,EAKE,QAAQ,EAAE,kBAACC,CAAD,EAAO,CACf,IAAI,MAAI,CAACJ,KAAL,CAAWK,aAAf,EAA8B,CAC5B,MAAI,CAACL,KAAL,CAAWK,aAAX,CAAyB,gCAAoBD,CAAC,CAACE,MAAF,CAASH,KAA7B,CAAzB,EACD,CACF,CATH,EAUE,SAAS,EAAEI,0BAASC,aAAT,EAVb,EAWE,GAAG,EAAE,KAAKX,QAXZ,EAYE,QAAQ,EAAE,KAAKG,KAAL,CAAWS,QAZvB,EAaE,QAAQ,EAAE,CAAC,CAbb,GADF,CAiBD,C,CAED;AACF;AACA,K,0BA1BqCC,eAAMC,S,4CAA9BlB,e,CACGmB,mB,GAAsB,kB","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getDateForNative, getDateForComponent } from './utils';\nimport { jsStyles } from './NativeDateInput.styles';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    return (\n      <input\n        type={'date'}\n        max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n        min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n        value={getDateForNative(this.props.value)}\n        onChange={(e) => {\n          if (this.props.onValueChange) {\n            this.props.onValueChange(getDateForComponent(e.target.value));\n          }\n        }}\n        className={jsStyles.inputTypeDate()}\n        ref={this.refInput}\n        disabled={this.props.disabled}\n        tabIndex={-1}\n      />\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"]}
+{"version":3,"sources":["NativeDateInput.tsx"],"names":["DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","focus","input","click","refInput","element","render","emotion","styles","props","maxDate","minDate","value","e","onValueChange","target","inputTypeDate","disabled","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"mQAAA;;;AAGA;;AAEA;AACA;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,YAAzB;AACA,IAAMC,gBAAgB,GAAG,YAAzB,C;;AAEaC,e;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCJC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;;;;AAKME,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,K;;AAEOC,IAAAA,Q,GAAW,UAACC,OAAD,EAAyC;AAC1D,YAAKH,KAAL,GAAaG,OAAb;AACD,K,6DA/CMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,wBAAD,QACG,UAACC,OAAD,EAAa,CACZ,IAAMC,MAAM,GAAG,gCAAUD,OAAV,CAAf,CACA,oBACE,wCACE,IAAI,EAAE,MADR,EAEE,GAAG,EAAE,MAAI,CAACE,KAAL,CAAWC,OAAX,GAAqB,6BAAiB,MAAI,CAACD,KAAL,CAAWC,OAA5B,CAArB,GAA4DX,gBAFnE,EAGE,GAAG,EAAE,MAAI,CAACU,KAAL,CAAWE,OAAX,GAAqB,6BAAiB,MAAI,CAACF,KAAL,CAAWE,OAA5B,CAArB,GAA4Db,gBAHnE,EAIE,KAAK,EAAE,6BAAiB,MAAI,CAACW,KAAL,CAAWG,KAA5B,CAJT,EAKE,QAAQ,EAAE,kBAACC,CAAD,EAAO,CACf,IAAI,MAAI,CAACJ,KAAL,CAAWK,aAAf,EAA8B,CAC5B,MAAI,CAACL,KAAL,CAAWK,aAAX,CAAyB,gCAAoBD,CAAC,CAACE,MAAF,CAASH,KAA7B,CAAzB,EACD,CACF,CATH,EAUE,SAAS,EAAEJ,MAAM,CAACQ,aAAP,EAVb,EAWE,GAAG,EAAE,MAAI,CAACZ,QAXZ,EAYE,QAAQ,EAAE,MAAI,CAACK,KAAL,CAAWQ,QAZvB,EAaE,QAAQ,EAAE,CAAC,CAbb,GADF,CAiBD,CApBH,CADF,CAwBD,C,CAED;AACF;AACA,K,0BAnCqCC,eAAMC,S,4CAA9BnB,e,CACGoB,mB,GAAsB,kB,CADzBpB,e,CAEGqB,W,GAAc,kB","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getDateForComponent, getDateForNative } from './utils';\nimport { getStyles } from './NativeDateInput.styles';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <input\n              type={'date'}\n              max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n              min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n              value={getDateForNative(this.props.value)}\n              onChange={(e) => {\n                if (this.props.onValueChange) {\n                  this.props.onValueChange(getDateForComponent(e.target.value));\n                }\n              }}\n              className={styles.inputTypeDate()}\n              ref={this.refInput}\n              disabled={this.props.disabled}\n              tabIndex={-1}\n            />\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"]}

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

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

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

@@ -1,9 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");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.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
-var styles = {
-  inputTypeDate: function inputTypeDate() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "])));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      inputTypeDate: function inputTypeDate() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "])));
 
 
 
@@ -13,7 +15,5 @@ var styles = {
 
 
 
-  } };
 
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["NativeDateInput.styles.ts"],"names":["styles","inputTypeDate","css","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,aADa,2BACG;AACd,eAAOC,YAAP;;;;;;;;;;;AAWD,GAbY,EAAf;;;AAgBO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["NativeDateInput.styles.ts"],"names":["getStyles","emotion","inputTypeDate","css"],"mappings":";;AAEA,oD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,aADW,2BACK;AACd,eAAOD,OAAO,CAACE,GAAf;;;;;;;;;;;AAWD,OAbU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    inputTypeDate() {\n      return emotion.css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n    },\n  });\n"]}

package/cjs/internal/NativeDateInput/utils.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.upMonthOfShape = exports.getShapeFromNativeDate = exports.getNativeDateFromShape = exports.getDateForNative = exports.getDateForComponent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.upMonthOfShape = exports.getShapeFromNativeDate = exports.getNativeDateFromShape = exports.getDateForNative = exports.getDateForComponent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 
 var getDateForNative = function getDateForNative(componentDate) {

package/cjs/internal/PerformanceMetrics/PerformanceMetrics.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.PerformanceMetrics = PerformanceMetrics;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PerformanceMetrics = PerformanceMetrics;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _Button = require("../../components/Button");

package/cjs/internal/PerformanceMetrics/PerformanceMetrics.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PerformanceMetrics.tsx"],"names":["PANEL_WRAPPER_STYLES","width","display","verticalAlign","PerformanceMetrics","props","padding","position","componentsA","componentsB","PerformanceMetricsPanel","state","mounted","setContainerRef","element","container","toggleMountedState","setState","render","lineHeight","title","marginBottom","componentDidMount","ReactDOM","component","componentDidUpdate","unmountComponentAtNode","React","Component"],"mappings":"0QAAA;AACA;;AAEA;;AAEA;;AAEA,IAAMA,oBAAoB,GAAG,EAAEC,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,cAAzB,EAAyCC,aAAa,EAAE,KAAxD,EAA7B;;;;;;;AAOO,SAASC,kBAAT,CAA4BC,KAA5B,EAA4D;AACjE;AACE,0CAAK,KAAK,EAAE,EAAEC,OAAO,EAAE,EAAX,EAAeL,KAAK,EAAE,IAAtB,EAAZ;AACE,0CAAK,KAAK,EAAE,EAAEM,QAAQ,EAAE,UAAZ,EAAZ;AACE,iCAAC,gBAAD,IAAS,IAAI,EAAE,MAAf,EAAuB,OAAO,EAAE,EAAhC,GADF,CADF;;AAIE,0CAAK,KAAK,EAAE,EAAED,OAAO,EAAE,EAAX,EAAZ;AACE,0CAAK,KAAK,EAAEN,oBAAZ;AACE,iCAAC,uBAAD,IAAyB,KAAK,EAAE,QAAhC,EAA0C,SAAS,EAAEK,KAAK,CAACG,WAA3D,GADF,CADF;;AAIE,0CAAK,KAAK,EAAER,oBAAZ;AACE,iCAAC,uBAAD,IAAyB,KAAK,EAAE,QAAhC,EAA0C,SAAS,EAAEK,KAAK,CAACI,WAA3D,GADF,CAJF,CAJF,CADF;;;;;AAeD,C;;;;;;;;;;AAUKC,uB;AACGC,IAAAA,K,GAAsC;AAC3CC,MAAAA,OAAO,EAAE,KADkC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCrCC,IAAAA,e,GAAkB,UAACC,OAAD,EAAoC;AAC5D,YAAKC,SAAL,GAAiBD,OAAjB;AACD,K;;AAEOE,IAAAA,kB,GAAqB,YAAM;AACjC,YAAKC,QAAL,CAAc;AACZL,QAAAA,OAAO,EAAE,CAAC,MAAKD,KAAL,CAAWC,OADT,EAAd;;AAGD,K,qEAvCMM,M,GAAP,kBAAgB,CACd,oBACE,uDACE,qCAAI,KAAK,EAAE,EAAEC,UAAU,EAAE,KAAd,EAAX,IAAmC,KAAKd,KAAL,CAAWe,KAA9C,CADF,eAEE,sCAAK,KAAK,EAAE,EAAEC,YAAY,EAAE,EAAhB,EAAZ,iBACE,6BAAC,cAAD,IAAQ,OAAO,EAAE,KAAKL,kBAAtB,EAA0C,IAAI,EAAE,OAAhD,IACG,KAAKL,KAAL,CAAWC,OAAX,GAAqB,SAArB,GAAiC,OADpC,CADF,CAFF,eAOE,sCAAK,GAAG,EAAE,KAAKC,eAAf,GAPF,CADF,CAWD,C,QAEMS,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKX,KAAL,CAAWC,OAAX,IAAsB,KAAKG,SAA/B,EAA0C,CACxCQ,kBAASL,MAAT,CAAgB,KAAKb,KAAL,CAAWmB,SAA3B,EAAsC,KAAKT,SAA3C,EACD,CACF,C,QAEMU,kB,GAAP,8BAAkC,CAChC,IAAI,CAAC,KAAKV,SAAV,EAAqB,CACnB,OACD,CACD,IAAI,KAAKJ,KAAL,CAAWC,OAAf,EAAwB,CACtBW,kBAASL,MAAT,CAAgB,KAAKb,KAAL,CAAWmB,SAA3B,EAAsC,KAAKT,SAA3C,EACD,CAFD,MAEO,CACLQ,kBAASG,sBAAT,CAAgC,KAAKX,SAArC,EACD,CACF,C,kCAnCmCY,eAAMC,S","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Button } from '../../components/Button';\nimport { Nullable } from '../../typings/utility-types';\nimport { Spinner } from '../../components/Spinner';\n\nconst PANEL_WRAPPER_STYLES = { width: '45%', display: 'inline-block', verticalAlign: 'top' };\n\ninterface PerformanceMetricsProps {\n  componentsA: React.ReactElement<any>;\n  componentsB: React.ReactElement<any>;\n}\n\nexport function PerformanceMetrics(props: PerformanceMetricsProps) {\n  return (\n    <div style={{ padding: 10, width: 1200 }}>\n      <div style={{ position: 'absolute' }}>\n        <Spinner type={'mini'} caption={''} />\n      </div>\n      <div style={{ padding: 10 }}>\n        <div style={PANEL_WRAPPER_STYLES}>\n          <PerformanceMetricsPanel title={'Case A'} component={props.componentsA} />\n        </div>\n        <div style={PANEL_WRAPPER_STYLES}>\n          <PerformanceMetricsPanel title={'Case B'} component={props.componentsB} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\ninterface PerformanceMetricsPanelProps {\n  title: string;\n  component: React.ReactElement<any>;\n}\ninterface PerformanceMetricsPanelState {\n  mounted: boolean;\n}\n\nclass PerformanceMetricsPanel extends React.Component<PerformanceMetricsPanelProps, PerformanceMetricsPanelState> {\n  public state: PerformanceMetricsPanelState = {\n    mounted: false,\n  };\n  private container: Nullable<HTMLElement>;\n\n  public render() {\n    return (\n      <div>\n        <h1 style={{ lineHeight: '2em' }}>{this.props.title}</h1>\n        <div style={{ marginBottom: 10 }}>\n          <Button onClick={this.toggleMountedState} size={'small'}>\n            {this.state.mounted ? 'Unmount' : 'Mount'}\n          </Button>\n        </div>\n        <div ref={this.setContainerRef} />\n      </div>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.state.mounted && this.container) {\n      ReactDOM.render(this.props.component, this.container);\n    }\n  }\n\n  public componentDidUpdate(): void {\n    if (!this.container) {\n      return;\n    }\n    if (this.state.mounted) {\n      ReactDOM.render(this.props.component, this.container);\n    } else {\n      ReactDOM.unmountComponentAtNode(this.container);\n    }\n  }\n\n  private setContainerRef = (element: Nullable<HTMLElement>) => {\n    this.container = element;\n  };\n\n  private toggleMountedState = () => {\n    this.setState({\n      mounted: !this.state.mounted,\n    });\n  };\n}\n"]}
+{"version":3,"sources":["PerformanceMetrics.tsx"],"names":["PANEL_WRAPPER_STYLES","width","display","verticalAlign","PerformanceMetrics","props","padding","position","componentsA","componentsB","PerformanceMetricsPanel","state","mounted","setContainerRef","element","container","toggleMountedState","setState","render","lineHeight","title","marginBottom","componentDidMount","ReactDOM","component","componentDidUpdate","unmountComponentAtNode","React","Component"],"mappings":"kRAAA;AACA;;AAEA;;AAEA;;AAEA,IAAMA,oBAAoB,GAAG,EAAEC,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,cAAzB,EAAyCC,aAAa,EAAE,KAAxD,EAA7B;;;;;;;AAOO,SAASC,kBAAT,CAA4BC,KAA5B,EAA4D;AACjE;AACE,0CAAK,KAAK,EAAE,EAAEC,OAAO,EAAE,EAAX,EAAeL,KAAK,EAAE,IAAtB,EAAZ;AACE,0CAAK,KAAK,EAAE,EAAEM,QAAQ,EAAE,UAAZ,EAAZ;AACE,iCAAC,gBAAD,IAAS,IAAI,EAAE,MAAf,EAAuB,OAAO,EAAE,EAAhC,GADF,CADF;;AAIE,0CAAK,KAAK,EAAE,EAAED,OAAO,EAAE,EAAX,EAAZ;AACE,0CAAK,KAAK,EAAEN,oBAAZ;AACE,iCAAC,uBAAD,IAAyB,KAAK,EAAE,QAAhC,EAA0C,SAAS,EAAEK,KAAK,CAACG,WAA3D,GADF,CADF;;AAIE,0CAAK,KAAK,EAAER,oBAAZ;AACE,iCAAC,uBAAD,IAAyB,KAAK,EAAE,QAAhC,EAA0C,SAAS,EAAEK,KAAK,CAACI,WAA3D,GADF,CAJF,CAJF,CADF;;;;;AAeD,C;;;;;;;;;;AAUKC,uB;AACGC,IAAAA,K,GAAsC;AAC3CC,MAAAA,OAAO,EAAE,KADkC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCrCC,IAAAA,e,GAAkB,UAACC,OAAD,EAAoC;AAC5D,YAAKC,SAAL,GAAiBD,OAAjB;AACD,K;;AAEOE,IAAAA,kB,GAAqB,YAAM;AACjC,YAAKC,QAAL,CAAc;AACZL,QAAAA,OAAO,EAAE,CAAC,MAAKD,KAAL,CAAWC,OADT,EAAd;;AAGD,K,qEAvCMM,M,GAAP,kBAAgB,CACd,oBACE,uDACE,qCAAI,KAAK,EAAE,EAAEC,UAAU,EAAE,KAAd,EAAX,IAAmC,KAAKd,KAAL,CAAWe,KAA9C,CADF,eAEE,sCAAK,KAAK,EAAE,EAAEC,YAAY,EAAE,EAAhB,EAAZ,iBACE,6BAAC,cAAD,IAAQ,OAAO,EAAE,KAAKL,kBAAtB,EAA0C,IAAI,EAAE,OAAhD,IACG,KAAKL,KAAL,CAAWC,OAAX,GAAqB,SAArB,GAAiC,OADpC,CADF,CAFF,eAOE,sCAAK,GAAG,EAAE,KAAKC,eAAf,GAPF,CADF,CAWD,C,QAEMS,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKX,KAAL,CAAWC,OAAX,IAAsB,KAAKG,SAA/B,EAA0C,CACxCQ,kBAASL,MAAT,CAAgB,KAAKb,KAAL,CAAWmB,SAA3B,EAAsC,KAAKT,SAA3C,EACD,CACF,C,QAEMU,kB,GAAP,8BAAkC,CAChC,IAAI,CAAC,KAAKV,SAAV,EAAqB,CACnB,OACD,CACD,IAAI,KAAKJ,KAAL,CAAWC,OAAf,EAAwB,CACtBW,kBAASL,MAAT,CAAgB,KAAKb,KAAL,CAAWmB,SAA3B,EAAsC,KAAKT,SAA3C,EACD,CAFD,MAEO,CACLQ,kBAASG,sBAAT,CAAgC,KAAKX,SAArC,EACD,CACF,C,kCAnCmCY,eAAMC,S","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Button } from '../../components/Button';\nimport { Nullable } from '../../typings/utility-types';\nimport { Spinner } from '../../components/Spinner';\n\nconst PANEL_WRAPPER_STYLES = { width: '45%', display: 'inline-block', verticalAlign: 'top' };\n\ninterface PerformanceMetricsProps {\n  componentsA: React.ReactElement<any>;\n  componentsB: React.ReactElement<any>;\n}\n\nexport function PerformanceMetrics(props: PerformanceMetricsProps) {\n  return (\n    <div style={{ padding: 10, width: 1200 }}>\n      <div style={{ position: 'absolute' }}>\n        <Spinner type={'mini'} caption={''} />\n      </div>\n      <div style={{ padding: 10 }}>\n        <div style={PANEL_WRAPPER_STYLES}>\n          <PerformanceMetricsPanel title={'Case A'} component={props.componentsA} />\n        </div>\n        <div style={PANEL_WRAPPER_STYLES}>\n          <PerformanceMetricsPanel title={'Case B'} component={props.componentsB} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\ninterface PerformanceMetricsPanelProps {\n  title: string;\n  component: React.ReactElement<any>;\n}\ninterface PerformanceMetricsPanelState {\n  mounted: boolean;\n}\n\nclass PerformanceMetricsPanel extends React.Component<PerformanceMetricsPanelProps, PerformanceMetricsPanelState> {\n  public state: PerformanceMetricsPanelState = {\n    mounted: false,\n  };\n  private container: Nullable<HTMLElement>;\n\n  public render() {\n    return (\n      <div>\n        <h1 style={{ lineHeight: '2em' }}>{this.props.title}</h1>\n        <div style={{ marginBottom: 10 }}>\n          <Button onClick={this.toggleMountedState} size={'small'}>\n            {this.state.mounted ? 'Unmount' : 'Mount'}\n          </Button>\n        </div>\n        <div ref={this.setContainerRef} />\n      </div>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.state.mounted && this.container) {\n      ReactDOM.render(this.props.component, this.container);\n    }\n  }\n\n  public componentDidUpdate(): void {\n    if (!this.container) {\n      return;\n    }\n    if (this.state.mounted) {\n      ReactDOM.render(this.props.component, this.container);\n    } else {\n      ReactDOM.unmountComponentAtNode(this.container);\n    }\n  }\n\n  private setContainerRef = (element: Nullable<HTMLElement>) => {\n    this.container = element;\n  };\n\n  private toggleMountedState = () => {\n    this.setState({\n      mounted: !this.state.mounted,\n    });\n  };\n}\n"]}