@skbkontur/react-ui 0.0.0-a18e664e8f → 0.0.0-a2ba583fb2

package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js

@@ -0,0 +1,32 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { getMenuItemPaddings } from "../../../components/MenuItem/MenuItem.styles";
+export var styles = memoizeStyle({
+  root: function root(t) {
+    var _getMenuItemPaddings = getMenuItemPaddings({
+      menuItemLegacyPaddingX: t.menuItemLegacyPaddingX,
+      menuItemPaddingX: t.menuMessagePaddingX,
+      menuItemLegacyPaddingY: t.menuItemLegacyPaddingY,
+      menuItemPaddingY: t.menuMessagePaddingY
+    }),
+        paddingX = _getMenuItemPaddings.paddingX,
+        paddingY = _getMenuItemPaddings.paddingY;
+
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      display: ", ";\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      background: ", ";\n    "])), t.menuMessageDisplay, t.menuMessagePaddingY, paddingX, paddingY, t.menuMessagePaddingX, t.menuMessageTextColor, t.menuMessageBg);
+  },
+  rootMobile: function rootMobile(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuMessageFontSizeMobile, t.menuMessageLineHeightMobile, t.menuMessagePaddingMobile);
+  },
+  rootSmall: function rootSmall(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeSmall, t.menuMessageLineHeightSmall);
+  },
+  rootMedium: function rootMedium(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeMedium, t.menuMessageLineHeightMedium);
+  },
+  rootLarge: function rootLarge(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeLarge, t.menuMessageLineHeightLarge);
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuMessage.styles.ts"],"names":["css","memoizeStyle","getMenuItemPaddings","styles","root","t","menuItemLegacyPaddingX","menuItemPaddingX","menuMessagePaddingX","menuItemLegacyPaddingY","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;AACA,SAASC,mBAAT,QAAoC,2CAApC;;AAEA,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;AACjCG,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,+BAA+BH,mBAAmB,CAAC;AACjDI,MAAAA,sBAAsB,EAAED,CAAC,CAACC,sBADuB;AAEjDC,MAAAA,gBAAgB,EAAEF,CAAC,CAACG,mBAF6B;AAGjDC,MAAAA,sBAAsB,EAAEJ,CAAC,CAACI,sBAHuB;AAIjDC,MAAAA,gBAAgB,EAAEL,CAAC,CAACM,mBAJ6B,EAAD,CAAlD,CAAQC,QAAR,wBAAQA,QAAR,CAAkBC,QAAlB,wBAAkBA,QAAlB;;;AAOA,WAAOb,GAAP;;AAEaK,IAAAA,CAAC,CAACS,kBAFf;AAGaT,IAAAA,CAAC,CAACM,mBAHf,EAGsCC,QAHtC,EAGkDC,QAHlD,EAG8DR,CAAC,CAACG,mBAHhE;AAIWH,IAAAA,CAAC,CAACU,oBAJb;AAKgBV,IAAAA,CAAC,CAACW,aALlB;;AAOD,GAhBgC;;AAkBjCC,EAAAA,UAlBiC,sBAkBtBZ,CAlBsB,EAkBZ;AACnB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACa,yBADjB;AAEiBb,IAAAA,CAAC,CAACc,2BAFnB;AAGad,IAAAA,CAAC,CAACe,wBAHf;;AAKD,GAxBgC;;AA0BjCC,EAAAA,SA1BiC,qBA0BvBhB,CA1BuB,EA0Bb;AAClB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACiB,wBADjB;AAEiBjB,IAAAA,CAAC,CAACkB,0BAFnB;;AAID,GA/BgC;AAgCjCC,EAAAA,UAhCiC,sBAgCtBnB,CAhCsB,EAgCZ;AACnB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACoB,yBADjB;AAEiBpB,IAAAA,CAAC,CAACqB,2BAFnB;;AAID,GArCgC;AAsCjCC,EAAAA,SAtCiC,qBAsCvBtB,CAtCuB,EAsCb;AAClB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACuB,wBADjB;AAEiBvB,IAAAA,CAAC,CAACwB,0BAFnB;;AAID,GA3CgC,EAAD,CAA3B","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemLegacyPaddingX: t.menuItemLegacyPaddingX,\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemLegacyPaddingY: t.menuItemLegacyPaddingY,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      display: ${t.menuMessageDisplay};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobile};\n      line-height: ${t.menuMessageLineHeightMobile};\n      padding: ${t.menuMessagePaddingMobile};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeSmall};\n      line-height: ${t.menuMessageLineHeightSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMedium};\n      line-height: ${t.menuMessageLineHeightMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeLarge};\n      line-height: ${t.menuMessageLineHeightLarge};\n    `;\n  },\n});\n"]}

package/internal/MenuMessage/MenuMessage.styles/package.json

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

package/internal/MenuMessage/MenuMessage.styles.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    rootMobile(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+};

package/internal/MenuMessage/index/index.js

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

package/internal/MenuMessage/index/index.js.map

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

package/internal/MenuMessage/index/package.json

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

package/internal/MenuMessage/index.d.ts

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

package/internal/MenuMessage/package.json

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

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -5,9 +5,13 @@ import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { RenderContainer } from "../../RenderContainer";
 import { HideBodyVerticalScroll } from "../../HideBodyVerticalScroll";
 import { ZIndex } from "../../ZIndex";
-import { cx } from "../../../lib/theming/Emotion";
+import { RenderLayer } from "../../RenderLayer";
 import { jsStyles } from "../MobilePopup.styles";
 import { MobilePopupHeader } from "../MobilePopupHeader";
+export var MobilePopupDataTids = {
+  root: 'MobilePopup__root',
+  container: 'MobilePopup__container'
+};
 export var MobilePopup = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(MobilePopup, _React$Component);
 
@@ -19,11 +23,6 @@ export var MobilePopup = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.contentDiv = void 0;
-    _this.theme = void 0;
-    _this.state = {
-      isScrolled: false
-    };
 
     _this.close = function () {
       if (_this.props.onCloseRequest) {
@@ -31,22 +30,6 @@ export var MobilePopup = /*#__PURE__*/function (_React$Component) {
       }
     };
 
-    _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;
   }
 
@@ -62,44 +45,36 @@ export var MobilePopup = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.renderMain = function renderMain() {
-    var _this3 = this;
-
     var content = /*#__PURE__*/React.createElement(ZIndex, {
+      id: this.props.id,
+      className: jsStyles.zIndex(),
       priority: 'MobilePopup'
     }, /*#__PURE__*/React.createElement(Transition, {
       "in": this.props.opened,
       onExited: this.props.onClose,
       mountOnEnter: true,
       unmountOnExit: true,
-      appear: true,
-      timeout: {
-        appear: 0,
-        exit: 250
-      }
-    }, function (state) {
-      var _cx, _cx2, _cx3;
-
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: cx((_cx = {}, _cx[jsStyles.container(_this3.theme)] = true, _cx[jsStyles.containerOpened()] = state === 'entered', _cx))
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cx((_cx2 = {}, _cx2[jsStyles.root(_this3.theme)] = true, _cx2[jsStyles.rootFullHeight(_this3.theme)] = _this3.props.useFullHeight, _cx2)),
-        onClick: _this3.props.useFullHeight ? undefined : _this3.close
-      }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
-        caption: _this3.props.caption,
-        onClose: _this3.close,
-        withShadow: _this3.state.isScrolled
-      }, _this3.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        },
-        className: jsStyles.content(_this3.theme),
-        onScroll: _this3.handleScrollMenu,
-        ref: _this3.refContent
-      }, _this3.props.children))), /*#__PURE__*/React.createElement("div", {
-        onClick: _this3.close,
-        className: cx((_cx3 = {}, _cx3[jsStyles.bg()] = true, _cx3[jsStyles.bgShowed()] = state === 'entered', _cx3))
-      }), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null));
-    }));
+      timeout: 0
+    }, /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.wrapper()
+    }, /*#__PURE__*/React.createElement(RenderLayer, {
+      onClickOutside: this.close
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-tid": MobilePopupDataTids.container,
+      className: jsStyles.container(this.theme)
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-tid": MobilePopupDataTids.root,
+      className: jsStyles.root(this.theme)
+    }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
+      caption: this.props.caption
+    }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.content(this.theme)
+    }, this.props.children)), /*#__PURE__*/React.createElement("div", {
+      onClick: this.close,
+      className: jsStyles.bottomIndent()
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.bg()
+    }), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null))));
 
     if (this.props.withoutRenderContainer) {
       return content;

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.tsx"],"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","cx","jsStyles","MobilePopupHeader","MobilePopup","contentDiv","theme","state","isScrolled","close","props","onCloseRequest","refContent","handleScrollMenu","e","scrollTop","setState","render","renderMain","content","opened","onClose","appear","exit","container","containerOpened","root","rootFullHeight","useFullHeight","undefined","caption","headerChildComponent","stopPropagation","children","bg","bgShowed","withoutRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\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 { ZIndex } from '../ZIndex';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\n\ninterface MobilePopupProps {\n  /**\n   * Хэндлер, вызываемый при закрытии меню\n   */\n  onClose?: () => void;\n  caption?: string;\n  /**\n   * Компонент, закрепленный сверху меню (под холдером)\n   */\n  headerChildComponent?: React.ReactNode;\n  useFullHeight?: boolean;\n  withoutRenderContainer?: boolean;\n  /**\n   * Хэндлер, вызываемый при клике по вуали или заголовку\n   */\n  onCloseRequest?: () => void;\n  opened: boolean;\n}\n\ninterface MobilePopupState {\n  isScrolled: 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  };\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 priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          appear={true}\n          timeout={{ appear: 0, exit: 250 }}\n        >\n          {(state) => (\n            <>\n              <div\n                className={cx({\n                  [jsStyles.container(this.theme)]: true,\n                  [jsStyles.containerOpened()]: state === 'entered',\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\n                    caption={this.props.caption}\n                    onClose={this.close}\n                    withShadow={this.state.isScrolled}\n                  >\n                    {this.props.headerChildComponent}\n                  </MobilePopupHeader>\n                  <div\n                    onClick={(e) => e.stopPropagation()}\n                    className={jsStyles.content(this.theme)}\n                    onScroll={this.handleScrollMenu}\n                    ref={this.refContent}\n                  >\n                    {this.props.children}\n                  </div>\n                </div>\n              </div>\n              <div\n                onClick={this.close}\n                className={cx({\n                  [jsStyles.bg()]: true,\n                  [jsStyles.bgShowed()]: state === 'entered',\n                })}\n              />\n              <HideBodyVerticalScroll />\n            </>\n          )}\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  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"]}
+{"version":3,"sources":["MobilePopup.tsx"],"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","jsStyles","MobilePopupHeader","MobilePopupDataTids","root","container","MobilePopup","close","props","onCloseRequest","render","theme","renderMain","content","id","zIndex","opened","onClose","wrapper","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,UAAT,QAA2B,wBAA3B;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,eAAT,QAAgC,oBAAhC;AACA,SAASC,sBAAT,QAAuC,2BAAvC;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,WAAT,QAA4B,gBAA5B;;AAEA,SAASC,QAAT,QAAyB,sBAAzB;AACA,SAASC,iBAAT,QAAkC,qBAAlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B;;;AAKP,WAAaC,WAAb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CSC,IAAAA,KA5CT,GA4CiB,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,KAhDH,yDAKSC,MALT,GAKE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAdH,QAgBSA,UAhBT,GAgBE,sBAAoB,CAClB,IAAMC,OAAO,gBACX,oBAAC,MAAD,IAAQ,EAAE,EAAE,KAAKL,KAAL,CAAWM,EAAvB,EAA2B,SAAS,EAAEb,QAAQ,CAACc,MAAT,EAAtC,EAAyD,QAAQ,EAAE,aAAnE,iBACE,oBAAC,UAAD,IAAY,MAAI,KAAKP,KAAL,CAAWQ,MAA3B,EAAmC,QAAQ,EAAE,KAAKR,KAAL,CAAWS,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,6BAAK,SAAS,EAAEhB,QAAQ,CAACiB,OAAT,EAAhB,iBACE,oBAAC,WAAD,IAAa,cAAc,EAAE,KAAKX,KAAlC,iBACE,6BAAK,YAAUJ,mBAAmB,CAACE,SAAnC,EAA8C,SAAS,EAAEJ,QAAQ,CAACI,SAAT,CAAmB,KAAKM,KAAxB,CAAzD,iBACE,6BAAK,YAAUR,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEH,QAAQ,CAACG,IAAT,CAAc,KAAKO,KAAnB,CAApD,iBACE,oBAAC,iBAAD,IAAmB,OAAO,EAAE,KAAKH,KAAL,CAAWW,OAAvC,IAAiD,KAAKX,KAAL,CAAWY,oBAA5D,CADF,eAEE,6BAAK,SAAS,EAAEnB,QAAQ,CAACY,OAAT,CAAiB,KAAKF,KAAtB,CAAhB,IAA+C,KAAKH,KAAL,CAAWa,QAA1D,CAFF,CADF,eAKE,6BAAK,OAAO,EAAE,KAAKd,KAAnB,EAA0B,SAAS,EAAEN,QAAQ,CAACqB,YAAT,EAArC,GALF,CADF,CADF,eAUE,6BAAK,SAAS,EAAErB,QAAQ,CAACsB,EAAT,EAAhB,GAVF,eAWE,oBAAC,sBAAD,OAXF,CADF,CADF,CADF,CAoBA,IAAI,KAAKf,KAAL,CAAWgB,sBAAf,EAAuC,CACrC,OAAOX,OAAP,CACD,CAED,oBAAO,oBAAC,eAAD,QAAkBA,OAAlB,CAAP,CACD,CA1CH,sBAAiCnB,KAAK,CAAC+B,SAAvC,EAAanB,W,CACGoB,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"]}

package/internal/MobilePopup/MobilePopup.d.ts

@@ -1,34 +1,39 @@
-import React from 'react';
-interface MobilePopupProps {
+import React, { HTMLAttributes } from 'react';
+interface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     /**
-     * Хэндлер, вызываемый при закрытии меню
+     * Функция, вызываемая при закрытии всплывающего окна
      */
     onClose?: () => void;
+    /**
+     * Заголовок всплывающего окна, располагается в шапке
+     */
     caption?: string;
     /**
-     * Компонент, закрепленный сверху меню (под холдером)
+     * Шапка всплывающего окна
      */
     headerChildComponent?: React.ReactNode;
-    useFullHeight?: boolean;
+    /**
+     * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`
+     */
     withoutRenderContainer?: boolean;
     /**
-     * Хэндлер, вызываемый при клике по вуали или заголовку
+     * Функция, вызываемая при клике по вуали
      */
     onCloseRequest?: () => void;
+    /**
+     * Позволяет контролировать текущее состояние всплывающего окна
+     */
     opened: boolean;
 }
-interface MobilePopupState {
-    isScrolled: boolean;
-}
-export declare class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {
+export declare const MobilePopupDataTids: {
+    readonly root: "MobilePopup__root";
+    readonly container: "MobilePopup__container";
+};
+export declare class MobilePopup extends React.Component<MobilePopupProps> {
     static __KONTUR_REACT_UI__: string;
-    private contentDiv;
     private theme;
-    state: MobilePopupState;
     render(): JSX.Element;
     renderMain(): JSX.Element;
     close: () => void;
-    private refContent;
-    private handleScrollMenu;
 }
 export {};

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

@@ -5,25 +5,25 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBottomPadding, t.menuBgDefault);
   },
-  rootFullHeight: function rootFullHeight(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      justify-content: flex-start;\n      flex-grow: 1;\n    "])), t.bgDefault);
+  wrapper: function wrapper() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
   },
   content: function content(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      overflow: auto;\n      background-color: ", ";\n    "])), t.bgDefault);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.bgDefault);
   },
   container: function container(t) {
-    return css(_templateObject4 || (_templateObject4 = _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    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
   },
   bg: function bg() {
-    return css(_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: 0%;\n      transition: opacity 0.25s;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
+  },
+  bottomIndent: function bottomIndent() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      height: 80px;\n    "])));
   },
-  bgShowed: function bgShowed() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      opacity: 50%;\n      transition: opacity 0.25s;\n    "])));
+  zIndex: function zIndex() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
   }
 };
 export var jsStyles = memoizeStyle(styles);

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.styles.ts"],"names":["css","memoizeStyle","styles","root","t","mobilePopupHeaderBorderRadius","rootFullHeight","bgDefault","content","container","mobilePopupTopPadding","containerOpened","bg","bgShowed","jsStyles"],"mappings":"gOAAA,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;;;;;;;;;;;AAWD,GA7DY;;AA+Dba,EAAAA,QA/Da,sBA+DF;AACT,WAAOb,GAAP;;;;AAID,GApEY,EAAf;;;AAuEA,OAAO,IAAMc,QAAQ,GAAGb,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: 0%;\n      transition: opacity 0.25s;\n    `;\n  },\n\n  bgShowed() {\n    return css`\n      opacity: 50%;\n      transition: opacity 0.25s;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["MobilePopup.styles.ts"],"names":["css","memoizeStyle","styles","root","t","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex","jsStyles"],"mappings":"gOAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;;;;;AAMmBI,IAAAA,CAAC,CAACC,gCANrB;;AAQoBD,IAAAA,CAAC,CAACE,iCARtB;AASgBF,IAAAA,CAAC,CAACG,aATlB;;AAWD,GAbY;;AAebC,EAAAA,OAfa,qBAeH;AACR,WAAOR,GAAP;;;;;;;;AAQD,GAxBY;;AA0BbS,EAAAA,OA1Ba,mBA0BLL,CA1BK,EA0BK;AAChB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACM,SADxB;;AAGD,GA9BY;;AAgCbC,EAAAA,SAhCa,qBAgCHP,CAhCG,EAgCO;AAClB,WAAOJ,GAAP;;AAESI,IAAAA,CAAC,CAACQ,qBAFX;AAGUR,IAAAA,CAAC,CAACS,uBAHZ;AAIWT,IAAAA,CAAC,CAACS,uBAJb;;;AAOD,GAxCY;;AA0CbC,EAAAA,EA1Ca,gBA0CR;AACH,WAAOd,GAAP;;;;;;;;;;;AAWD,GAtDY;;AAwDbe,EAAAA,YAxDa,0BAwDE;AACb,WAAOf,GAAP;;;AAGD,GA5DY;;AA8DbgB,EAAAA,MA9Da,oBA8DJ;AACP,WAAOhB,GAAP;;;AAGD,GAlEY,EAAf;;;AAqEA,OAAO,IAAMiB,QAAQ,GAAGhB,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.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"]}

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

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

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

@@ -1,5 +1,6 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
+import { isNonNullable } from "../../../../lib/utils";
 import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { jsStyles } from "../MobilePopupHeader.styles";
@@ -7,59 +8,33 @@ 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;
+    return _React$Component.apply(this, arguments) || this;
   }
 
   var _proto = MobilePopupHeader.prototype;
 
   _proto.render = function render() {
-    var _this2 = this;
+    var _this = this;
 
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
+      _this.theme = theme;
+      return _this.renderMain();
     });
   };
 
   _proto.renderMain = function renderMain() {
-    var _cx, _cx2, _cx3;
+    var _cx, _cx2;
 
     var _this$props = this.props,
         caption = _this$props.caption,
-        children = _this$props.children,
-        withShadow = _this$props.withShadow;
+        children = _this$props.children;
     return /*#__PURE__*/React.createElement("div", {
-      className: cx((_cx = {}, _cx[jsStyles.root(this.theme)] = true, _cx[jsStyles.withShadow(this.theme)] = withShadow, _cx)),
-      onClick: this.rootClickHandler
+      className: cx((_cx = {}, _cx[jsStyles.root(this.theme)] = true, _cx[jsStyles.rootWithoutContent()] = !caption && !children, _cx))
     }, /*#__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)));
+    }, caption && /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx2 = {}, _cx2[jsStyles.caption(this.theme)] = true, _cx2[jsStyles.captionWithChildren()] = isNonNullable(children), _cx2))
+    }, caption), /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.createElement("div", null, children)));
   };
 
   return MobilePopupHeader;

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["React","isNonNullable","cx","ThemeContext","jsStyles","MobilePopupHeader","render","theme","renderMain","props","caption","children","root","rootWithoutContent","container","captionWithChildren","isValidElement","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,oBAA9B;;AAEA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,YAAT,QAA6B,mCAA7B;;AAEA,SAASC,QAAT,QAAyB,4BAAzB;;;;;;;;;AASA,WAAaC,iBAAb;;;;;AAKSC,EAAAA,MALT,GAKE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV,QAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,KAAI,CAACC,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GAdH;;AAgBUA,EAAAA,UAhBV,GAgBE,sBAAqB;AACnB,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB;;AAEA;AACE;AACE,QAAA,SAAS,EAAET,EAAE;AACVE,QAAAA,QAAQ,CAACQ,IAAT,CAAc,KAAKL,KAAnB,CADU,IACkB,IADlB;AAEVH,QAAAA,QAAQ,CAACS,kBAAT,EAFU,IAEsB,CAACH,OAAD,IAAY,CAACC,QAFnC,OADf;;;AAME,mCAAK,SAAS,EAAEP,QAAQ,CAACU,SAAT,EAAhB;AACGJ,MAAAA,OAAO;AACN;AACE,QAAA,SAAS,EAAER,EAAE;AACVE,QAAAA,QAAQ,CAACM,OAAT,CAAiB,KAAKH,KAAtB,CADU,IACqB,IADrB;AAEVH,QAAAA,QAAQ,CAACW,mBAAT,EAFU,IAEuBd,aAAa,CAACU,QAAD,CAFpC,QADf;;;AAMGD,MAAAA,OANH,CAFJ;;;AAWG,mBAAAV,KAAK,CAACgB,cAAN,CAAqBL,QAArB,kBAAkC,iCAAMA,QAAN,CAXrC,CANF,CADF;;;;AAsBD,GAzCH,4BAAuCX,KAAK,CAACiB,SAA7C,EAAaZ,iB,CACGa,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"]}

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

@@ -1,15 +1,14 @@
 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 +1,23 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 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);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
   },
-  withShadow: function withShadow(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "])), t.mobilePopupHeaderShadow);
+  rootWithoutContent: function rootWithoutContent() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: 8px 0 0 0;\n    "])));
   },
   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);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
   },
-  childrenWithoutCaption: function childrenWithoutCaption() {
+  captionWithChildren: function captionWithChildren() {
     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 +1 @@
-{"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"]}
+{"version":3,"sources":["MobilePopupHeader.styles.ts"],"names":["css","memoizeStyle","styles","root","t","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,8BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;AAEaI,IAAAA,CAAC,CAACC,wBAFf;;AAID,GANY;;AAQbC,EAAAA,kBARa,gCAQQ;AACnB,WAAON,GAAP;;;AAGD,GAZY;;AAcbO,EAAAA,SAda,uBAcD;AACV,WAAOP,GAAP;;;;AAID,GAnBY;;AAqBbQ,EAAAA,OArBa,mBAqBLJ,CArBK,EAqBK;AAChB,WAAOJ,GAAP;AACeI,IAAAA,CAAC,CAACK,yBADjB;AAEiBL,IAAAA,CAAC,CAACM,2BAFnB;AAGiBN,IAAAA,CAAC,CAACO,2BAHnB;AAIWP,IAAAA,CAAC,CAACQ,gBAJb;;AAMD,GA5BY;;AA8BbC,EAAAA,mBA9Ba,iCA8BS;AACpB,WAAOb,GAAP;;;AAGD,GAlCY,EAAf;;;AAqCA,OAAO,IAAMc,QAAQ,GAAGb,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      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"]}

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

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

package/internal/NativeDateInput/NativeDateInput/NativeDateInput.js

@@ -15,7 +15,6 @@ export var NativeDateInput = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.input = void 0;
 
     _this.focus = function () {
       if (_this.input) {

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

@@ -1 +1 @@
-{"version":3,"sources":["NativeDateInput.tsx"],"names":["React","getDateForNative","getDateForComponent","jsStyles","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","input","focus","click","refInput","element","render","props","maxDate","minDate","value","e","onValueChange","target","inputTypeDate","disabled","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAIA,SAASC,gBAAT,EAA2BC,mBAA3B,QAAsD,SAAtD;AACA,SAASC,QAAT,QAAyB,0BAAzB;;;;;;;;;;AAUA,IAAMC,gBAAgB,GAAG,YAAzB;AACA,IAAMC,gBAAgB,GAAG,YAAzB;;AAEA,WAAaC,eAAb;;AAEUC,IAAAA,KAFV;;;;;;;;;;;;;;;;;;;;;;;;;AA2BSC,IAAAA,KA3BT,GA2BiB,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,KA/BH;;;;;AAoCSC,IAAAA,KApCT,GAoCiB,YAAM;AACnB,UAAI,MAAKF,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWE,KAAX;AACD;AACF,KAxCH;;AA0CUC,IAAAA,QA1CV,GA0CqB,UAACC,OAAD,EAAyC;AAC1D,YAAKJ,KAAL,GAAaI,OAAb;AACD,KA5CH,6DAISC,MAJT,GAIE,kBAAgB,mBACd,oBACE,+BACE,IAAI,EAAE,MADR,EAEE,GAAG,EAAE,KAAKC,KAAL,CAAWC,OAAX,GAAqBb,gBAAgB,CAAC,KAAKY,KAAL,CAAWC,OAAZ,CAArC,GAA4DT,gBAFnE,EAGE,GAAG,EAAE,KAAKQ,KAAL,CAAWE,OAAX,GAAqBd,gBAAgB,CAAC,KAAKY,KAAL,CAAWE,OAAZ,CAArC,GAA4DX,gBAHnE,EAIE,KAAK,EAAEH,gBAAgB,CAAC,KAAKY,KAAL,CAAWG,KAAZ,CAJzB,EAKE,QAAQ,EAAE,kBAACC,CAAD,EAAO,CACf,IAAI,MAAI,CAACJ,KAAL,CAAWK,aAAf,EAA8B,CAC5B,MAAI,CAACL,KAAL,CAAWK,aAAX,CAAyBhB,mBAAmB,CAACe,CAAC,CAACE,MAAF,CAASH,KAAV,CAA5C,EACD,CACF,CATH,EAUE,SAAS,EAAEb,QAAQ,CAACiB,aAAT,EAVb,EAWE,GAAG,EAAE,KAAKV,QAXZ,EAYE,QAAQ,EAAE,KAAKG,KAAL,CAAWQ,QAZvB,EAaE,QAAQ,EAAE,CAAC,CAbb,GADF,CAiBD,CAtBH,CAwBE;AACF;AACA,KA1BA,0BAAqCrB,KAAK,CAACsB,SAA3C,EAAahB,e,CACGiB,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":["React","getDateForNative","getDateForComponent","jsStyles","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","focus","input","click","refInput","element","render","props","maxDate","minDate","value","e","onValueChange","target","inputTypeDate","disabled","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAIA,SAASC,gBAAT,EAA2BC,mBAA3B,QAAsD,SAAtD;AACA,SAASC,QAAT,QAAyB,0BAAzB;;;;;;;;;;AAUA,IAAMC,gBAAgB,GAAG,YAAzB;AACA,IAAMC,gBAAgB,GAAG,YAAzB;;AAEA,WAAaC,eAAb;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BSC,IAAAA,KA3BT,GA2BiB,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,KA/BH;;;;;AAoCSE,IAAAA,KApCT,GAoCiB,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,KAxCH;;AA0CUC,IAAAA,QA1CV,GA0CqB,UAACC,OAAD,EAAyC;AAC1D,YAAKH,KAAL,GAAaG,OAAb;AACD,KA5CH,6DAISC,MAJT,GAIE,kBAAgB,mBACd,oBACE,+BACE,IAAI,EAAE,MADR,EAEE,GAAG,EAAE,KAAKC,KAAL,CAAWC,OAAX,GAAqBb,gBAAgB,CAAC,KAAKY,KAAL,CAAWC,OAAZ,CAArC,GAA4DT,gBAFnE,EAGE,GAAG,EAAE,KAAKQ,KAAL,CAAWE,OAAX,GAAqBd,gBAAgB,CAAC,KAAKY,KAAL,CAAWE,OAAZ,CAArC,GAA4DX,gBAHnE,EAIE,KAAK,EAAEH,gBAAgB,CAAC,KAAKY,KAAL,CAAWG,KAAZ,CAJzB,EAKE,QAAQ,EAAE,kBAACC,CAAD,EAAO,CACf,IAAI,MAAI,CAACJ,KAAL,CAAWK,aAAf,EAA8B,CAC5B,MAAI,CAACL,KAAL,CAAWK,aAAX,CAAyBhB,mBAAmB,CAACe,CAAC,CAACE,MAAF,CAASH,KAAV,CAA5C,EACD,CACF,CATH,EAUE,SAAS,EAAEb,QAAQ,CAACiB,aAAT,EAVb,EAWE,GAAG,EAAE,KAAKV,QAXZ,EAYE,QAAQ,EAAE,KAAKG,KAAL,CAAWQ,QAZvB,EAaE,QAAQ,EAAE,CAAC,CAbb,GADF,CAiBD,CAtBH,CAwBE;AACF;AACA,KA1BA,0BAAqCrB,KAAK,CAACsB,SAA3C,EAAahB,e,CACGiB,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"]}