@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d

package/cjs/internal/Menu/Menu.styles.js

@@ -1,29 +1,47 @@
-"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");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");var _templateObject, _templateObject2, _templateObject3;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-sizing: content-box;\n      overflow: auto;\n      padding: ", " 0;\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-radius: ", ";\n      box-sizing: content-box;\n      overflow: auto;\n      padding: 0 ", ";\n      border-radius: ", ";\n    "])),
     t.menuBgDefault,
+    t.menuBorderRadius,
+
+
+    t.menuPaddingX,
+    t.menuBorderRadius);
+
+  },
+
+  alignRight: function alignRight() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
+
+
+  },
+
+  alignRightIE11: function alignRightIE11() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      float: right;\n      width: 100%;\n    "])));
+
+
+
+  },
+
+  alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    "])));
 
 
-    (0, _ThemeHelpers.is8pxTheme)(t) ? 0 : t.menuPaddingY);
 
   },
 
   scrollContainer: function scrollContainer(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
-    (0, _ThemeHelpers.is8pxTheme)(t) ? t.menuPaddingY : 0);
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
+    t.menuPaddingY);
 
   },
 
   shadow: function shadow(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n      box-shadow: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n      box-shadow: ", ";\n    "])),
     t.menuBorder,
     t.menuShadow);
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Menu.styles.ts"],"names":["styles","root","t","css","menuBgDefault","menuPaddingY","scrollContainer","shadow","menuBorder","menuShadow","jsStyles"],"mappings":"8QAAA;;AAEA,8D;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,aADlB;;;AAIa,kCAAWF,CAAX,IAAgB,CAAhB,GAAoBA,CAAC,CAACG,YAJnC;;AAMD,GARY;;AAUbC,EAAAA,eAVa,2BAUGJ,CAVH,EAUa;AACxB,eAAOC,YAAP;AACa,kCAAWD,CAAX,IAAgBA,CAAC,CAACG,YAAlB,GAAiC,CAD9C;;AAGD,GAdY;;AAgBbE,EAAAA,MAhBa,kBAgBNL,CAhBM,EAgBI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACM,UADd;AAEgBN,IAAAA,CAAC,CAACO,UAFlB;;AAID,GArBY,EAAf;;;AAwBO,IAAMC,QAAQ,GAAG,2BAAaV,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.menuBgDefault};\r\n      box-sizing: content-box;\r\n      overflow: auto;\r\n      padding: ${is8pxTheme(t) ? 0 : t.menuPaddingY} 0;\r\n    `;\r\n  },\r\n\r\n  scrollContainer(t: Theme) {\r\n    return css`\r\n      padding: ${is8pxTheme(t) ? t.menuPaddingY : 0} 0;\r\n    `;\r\n  },\r\n\r\n  shadow(t: Theme) {\r\n    return css`\r\n      border: ${t.menuBorder};\r\n      box-shadow: ${t.menuShadow};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Menu.styles.ts"],"names":["styles","root","t","css","menuBgDefault","menuBorderRadius","menuPaddingX","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuPaddingY","shadow","menuBorder","menuShadow"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,aADlB;AAEmBF,IAAAA,CAAC,CAACG,gBAFrB;;;AAKeH,IAAAA,CAAC,CAACI,YALjB;AAMmBJ,IAAAA,CAAC,CAACG,gBANrB;;AAQD,GAVgC;;AAYjCE,EAAAA,UAZiC,wBAYpB;AACX,eAAOJ,YAAP;;;AAGD,GAhBgC;;AAkBjCK,EAAAA,cAlBiC,4BAkBhB;AACf,eAAOL,YAAP;;;;AAID,GAvBgC;;AAyBjCM,EAAAA,0BAzBiC,wCAyBJ;AAC3B,eAAON,YAAP;;;;AAID,GA9BgC;;AAgCjCO,EAAAA,eAhCiC,2BAgCjBR,CAhCiB,EAgCP;AACxB,eAAOC,YAAP;AACaD,IAAAA,CAAC,CAACS,YADf;;AAGD,GApCgC;;AAsCjCC,EAAAA,MAtCiC,kBAsC1BV,CAtC0B,EAsChB;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACW,UADd;AAEgBX,IAAAA,CAAC,CAACY,UAFlB;;AAID,GA3CgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.menuBgDefault};\n      border-radius: ${t.menuBorderRadius};\n      box-sizing: content-box;\n      overflow: auto;\n      padding: 0 ${t.menuPaddingX};\n      border-radius: ${t.menuBorderRadius};\n    `;\n  },\n\n  alignRight() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  alignRightIE11() {\n    return css`\n      float: right;\n      width: 100%;\n    `;\n  },\n\n  alignRightIE11FixAutoWidth() {\n    return css`\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    `;\n  },\n\n  scrollContainer(t: Theme) {\n    return css`\n      padding: ${t.menuPaddingY} 0;\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n});\n"]}

package/cjs/internal/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Menu';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Menu';\n"]}

package/cjs/internal/Menu/isActiveElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["isActiveElement.tsx"],"names":["isActiveElement","element","props","disabled"],"mappings":";;AAEA;;AAEO,SAASA,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAO,0BAAWA,OAAX,KAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAA7C;AACD","sourcesContent":["import React from 'react';\r\n\r\nimport { MenuItem, MenuItemProps, isMenuItem } from '../../components/MenuItem';\r\n\r\nexport function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem> {\r\n  return isMenuItem(element) && !element.props.disabled;\r\n}\r\n"]}
+{"version":3,"sources":["isActiveElement.tsx"],"names":["isActiveElement","element","props","disabled"],"mappings":";;AAEA;;AAEO,SAASA,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAO,0BAAWA,OAAX,KAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAA7C;AACD","sourcesContent":["import React from 'react';\n\nimport { MenuItem, MenuItemProps, isMenuItem } from '../../components/MenuItem';\n\nexport function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem> {\n  return isMenuItem(element) && !element.props.disabled;\n}\n"]}

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

@@ -0,0 +1,38 @@
+import React from 'react';
+interface MobilePopupProps {
+    /**
+     * Хэндлер, вызываемый при закрытии меню
+     */
+    onClose?: () => void;
+    caption?: string;
+    /**
+     * Компонент, закрепленный сверху меню (под холдером)
+     */
+    headerChildComponent?: React.ReactNode;
+    useFullHeight?: boolean;
+    withoutRenderContainer?: boolean;
+    /**
+     * Хэндлер, вызываемый при клике по вуали или заголовку
+     */
+    onCloseRequest?: () => void;
+    opened: boolean;
+}
+interface MobilePopupState {
+    isScrolled: boolean;
+}
+export declare const MobilePopupDataTids: {
+    readonly root: "MobilePopup__root";
+    readonly container: "MobilePopup__container";
+};
+export declare class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {
+    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/cjs/internal/MobilePopup/MobilePopup.js

@@ -0,0 +1,148 @@
+"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"));
+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 _Emotion = require("../../lib/theming/Emotion");
+
+var _MobilePopup = require("./MobilePopup.styles");
+var _MobilePopupHeader = require("./MobilePopupHeader");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var MobilePopupDataTids = {
+  root: 'MobilePopup__root',
+  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.
+
+
+
+
+
+    state = {
+      isScrolled: false };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    close = function () {
+      if (_this.props.onCloseRequest) {
+        _this.props.onCloseRequest();
+      }
+    };_this.
+
+    refContent = function (contentDiv) {
+      _this.contentDiv = contentDiv;
+    };_this.
+
+    handleScrollMenu = function () {
+      if (_this.contentDiv) {
+        var isScrolled = _this.contentDiv.scrollTop > 0;
+
+        if (isScrolled !== _this.state.isScrolled) {
+          _this.setState({ isScrolled: isScrolled });
+        }
+      }
+    };return _this;}var _proto = MobilePopup.prototype;_proto.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 _this3 = this;var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'MobilePopup' }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.container, className: (0, _Emotion.cx)((_cx = {}, _cx[_MobilePopup.jsStyles.container(_this3.theme)] = true, _cx[_MobilePopup.jsStyles.containerOpened()] = state === 'entered', _cx)) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_MobilePopup.jsStyles.root(_this3.theme)] = true, _cx2[_MobilePopup.jsStyles.rootFullHeight(_this3.theme)] = _this3.props.useFullHeight, _cx2)), onClick: _this3.props.useFullHeight ? undefined : _this3.close }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: _this3.props.caption, onClose: _this3.close, withShadow: _this3.state.isScrolled }, _this3.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { onClick: function onClick(e) {return e.stopPropagation();}, className: _MobilePopup.jsStyles.content(_this3.theme), onScroll: _this3.handleScrollMenu, ref: _this3.refContent }, _this3.props.children))), /*#__PURE__*/_react.default.createElement("div", { onClick: _this3.close, className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_MobilePopup.jsStyles.bg()] = true, _cx3[_MobilePopup.jsStyles.bgShowed()] = state === 'entered', _cx3)) }), /*#__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';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MobilePopup.tsx"],"names":["MobilePopupDataTids","root","container","MobilePopup","state","isScrolled","close","props","onCloseRequest","refContent","contentDiv","handleScrollMenu","scrollTop","setState","render","theme","renderMain","content","opened","onClose","appear","exit","jsStyles","containerOpened","rootFullHeight","useFullHeight","undefined","caption","headerChildComponent","e","stopPropagation","children","bg","bgShowed","withoutRenderContainer","React","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 const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\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\n          timeout={{ appear: 0, exit: 250 }}\n        >\n          {(state) => (\n            <>\n              <div\n                data-tid={MobilePopupDataTids.container}\n                className={cx({\n                  [jsStyles.container(this.theme)]: true,\n                  [jsStyles.containerOpened()]: state === 'entered',\n                })}\n              >\n                <div\n                  data-tid={MobilePopupDataTids.root}\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 = () => {\n    if (this.contentDiv) {\n      const isScrolled = this.contentDiv.scrollTop > 0;\n\n      if (isScrolled !== this.state.isScrolled) {\n        this.setState({ isScrolled });\n      }\n    }\n  };\n}\n"]}

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

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

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

@@ -0,0 +1,75 @@
+"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;
+
+
+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    "])),
+
+
+
+
+
+    t.mobilePopupHeaderBorderRadius);
+
+  },
+
+  rootFullHeight: function rootFullHeight(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      justify-content: flex-start;\n      flex-grow: 1;\n    "])),
+    t.bgDefault);
+
+
+
+  },
+
+  content: function content(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: auto;\n      background-color: ", ";\n    "])),
+
+    t.bgDefault);
+
+  },
+
+  container: function container(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(0%);\n      transition: transform 0.25s;\n    "])));
+
+
+
+  },
+
+  bg: function bg() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (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      opacity: 0%;\n      transition: opacity 0.25s;\n    "])));
+
+
+
+
+
+
+
+
+
+
+  },
+
+  bgShowed: function bgShowed() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 50%;\n      transition: opacity 0.25s;\n    "])));
+
+
+
+  } };
+
+
+var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MobilePopup.styles.ts"],"names":["styles","root","t","css","mobilePopupHeaderBorderRadius","rootFullHeight","bgDefault","content","container","mobilePopupTopPadding","containerOpened","bg","bgShowed","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;;;AAMmBD,IAAAA,CAAC,CAACE,6BANrB;;AAQD,GAVY;;AAYbC,EAAAA,cAZa,0BAYEH,CAZF,EAYY;AACvB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACI,SADxB;;;;AAKD,GAlBY;;AAoBbC,EAAAA,OApBa,mBAoBLL,CApBK,EAoBK;AAChB,eAAOC,YAAP;;AAEsBD,IAAAA,CAAC,CAACI,SAFxB;;AAID,GAzBY;;AA2BbE,EAAAA,SA3Ba,qBA2BHN,CA3BG,EA2BO;AAClB,eAAOC,YAAP;;AAESD,IAAAA,CAAC,CAACO,qBAFX;;;;;;AAQmBP,IAAAA,CAAC,CAACE,6BARrB;;;;AAYD,GAxCY;;AA0CbM,EAAAA,eA1Ca,6BA0CK;AAChB,eAAOP,YAAP;;;;AAID,GA/CY;;AAiDbQ,EAAAA,EAjDa,gBAiDR;AACH,eAAOR,YAAP;;;;;;;;;;;AAWD,GA7DY;;AA+DbS,EAAAA,QA/Da,sBA+DF;AACT,eAAOT,YAAP;;;;AAID,GApEY,EAAf;;;AAuEO,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      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"]}

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

@@ -0,0 +1,15 @@
+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/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js

@@ -0,0 +1,69 @@
+"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"));
+
+
+var _Emotion = require("../../../lib/theming/Emotion");
+var _ThemeContext = require("../../../lib/theming/ThemeContext");
+
+var _MobilePopupHeader = require("./MobilePopupHeader.styles");var
+
+
+
+
+
+
+
+MobilePopupHeader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    rootClickHandler = function (e) {
+      e.stopPropagation();
+    };_this.
+
+    wrapperClickHandler = function () {
+      _this.props.onClose();
+    };return _this;}var _proto = MobilePopupHeader.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 _cx, _cx2, _cx3;var _this$props = this.props,caption = _this$props.caption,children = _this$props.children,withShadow = _this$props.withShadow;return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_MobilePopupHeader.jsStyles.root(this.theme)] = true, _cx[_MobilePopupHeader.jsStyles.withShadow(this.theme)] = withShadow, _cx)), onClick: this.rootClickHandler }, /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopupHeader.jsStyles.container() }, /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopupHeader.jsStyles.closeWrapper(), onClick: this.wrapperClickHandler }, /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopupHeader.jsStyles.closeHolder() })), /*#__PURE__*/_react.default.isValidElement(children) && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_MobilePopupHeader.jsStyles.childrenWithoutCaption()] = !caption, _cx2)) }, children), caption && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_MobilePopupHeader.jsStyles.caption(this.theme)] = true, _cx3)) }, caption)));};return MobilePopupHeader;}(_react.default.Component);exports.MobilePopupHeader = MobilePopupHeader;MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["MobilePopupHeader","rootClickHandler","e","stopPropagation","wrapperClickHandler","props","onClose","render","theme","renderMain","caption","children","withShadow","jsStyles","root","container","closeWrapper","closeHolder","isValidElement","childrenWithoutCaption","React","Component","__KONTUR_REACT_UI__"],"mappings":"6PAAA;;;AAGA;AACA;;AAEA,+D;;;;;;;;AAQaA,iB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDHC,IAAAA,gB,GAAmB,UAACC,CAAD,EAAyB;AAClDA,MAAAA,CAAC,CAACC,eAAF;AACD,K;;AAEOC,IAAAA,mB,GAAsB,YAAM;AAClC,YAAKC,KAAL,CAAWC,OAAX;AACD,K,+DAjDMC,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,QAEOA,U,GAAR,sBAAqB,qBACnB,kBAA0C,KAAKJ,KAA/C,CAAQK,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB,CAA2BC,UAA3B,eAA2BA,UAA3B,CAEA,oBACE,sCACE,SAAS,EAAE,gCACRC,4BAASC,IAAT,CAAc,KAAKN,KAAnB,CADQ,IACoB,IADpB,MAERK,4BAASD,UAAT,CAAoB,KAAKJ,KAAzB,CAFQ,IAE0BI,UAF1B,OADb,EAKE,OAAO,EAAE,KAAKX,gBALhB,iBAOE,sCAAK,SAAS,EAAEY,4BAASE,SAAT,EAAhB,iBACE,sCAAK,SAAS,EAAEF,4BAASG,YAAT,EAAhB,EAAyC,OAAO,EAAE,KAAKZ,mBAAvD,iBACE,sCAAK,SAAS,EAAES,4BAASI,WAAT,EAAhB,GADF,CADF,EAIG,4BAAMC,cAAN,CAAqBP,QAArB,kBACC,sCAAK,SAAS,EAAE,kCAAME,4BAASM,sBAAT,EAAN,IAA0C,CAACT,OAA3C,QAAhB,IAAwEC,QAAxE,CALJ,EAOGD,OAAO,iBACN,sCACE,SAAS,EAAE,kCACRG,4BAASH,OAAT,CAAiB,KAAKF,KAAtB,CADQ,IACuB,IADvB,QADb,IAKGE,OALH,CARJ,CAPF,CADF,CA2BD,C,4BA9CoCU,eAAMC,S,gDAAhCrB,iB,CACGsB,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 = () => {\n    this.props.onClose();\n  };\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MobilePopupHeader.styles.ts"],"names":["styles","root","t","css","menuBgDefault","mobilePopupHeaderPadding","mobilePopupHeaderBorderRadius","withShadow","mobilePopupHeaderShadow","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","childrenWithoutCaption","closeWrapper","closeHolder","jsStyles"],"mappings":"8QAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;AAEgBD,IAAAA,CAAC,CAACE,aAFlB;AAGaF,IAAAA,CAAC,CAACG,wBAHf;AAImBH,IAAAA,CAAC,CAACI,6BAJrB;;AAMD,GARY;;AAUbC,EAAAA,UAVa,sBAUFL,CAVE,EAUQ;AACnB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACM,uBADlB;;AAGD,GAdY;;AAgBbC,EAAAA,SAhBa,uBAgBD;AACV,eAAON,YAAP;;;;AAID,GArBY;;AAuBbO,EAAAA,OAvBa,mBAuBLR,CAvBK,EAuBK;AAChB,eAAOC,YAAP;;;;;AAKeD,IAAAA,CAAC,CAACS,yBALjB;AAMiBT,IAAAA,CAAC,CAACU,2BANnB;AAOiBV,IAAAA,CAAC,CAACW,2BAPnB;AAQWX,IAAAA,CAAC,CAACY,gBARb;;AAUD,GAlCY;;AAoCbC,EAAAA,sBApCa,oCAoCY;AACvB,eAAOZ,YAAP;;;AAGD,GAxCY;;AA0Cba,EAAAA,YA1Ca,0BA0CE;AACb,eAAOb,YAAP;;;;;;AAMD,GAjDY;;AAmDbc,EAAAA,WAnDa,yBAmDC;AACZ,eAAOd,YAAP;;;;;;AAMD,GA1DY,EAAf;;;AA6DO,IAAMe,QAAQ,GAAG,2BAAalB,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      background: ${t.menuBgDefault};\n      padding: ${t.mobilePopupHeaderPadding};\n      border-radius: ${t.mobilePopupHeaderBorderRadius};\n    `;\n  },\n\n  withShadow(t: Theme) {\n    return css`\n      box-shadow: ${t.mobilePopupHeaderShadow};\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: center;\n      padding-top: 12px;\n      padding-bottom: 12px;\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  childrenWithoutCaption() {\n    return css`\n      padding-bottom: 8px;\n    `;\n  },\n\n  closeWrapper() {\n    return css`\n      height: 24px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  closeHolder() {\n    return css`\n      background-color: rgba(0, 0, 0, 0.1);\n      height: 4px;\n      width: 10%;\n      border-radius: 4px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

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

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

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _MobilePopupHeader = require("./MobilePopupHeader");Object.keys(_MobilePopupHeader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MobilePopupHeader[key]) return;exports[key] = _MobilePopupHeader[key];});

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

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

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

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

package/cjs/internal/MobilePopup/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _MobilePopup = require("./MobilePopup");Object.keys(_MobilePopup).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MobilePopup[key]) return;exports[key] = _MobilePopup[key];});

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

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

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+export interface NativeDateInputProps {
+    onValueChange?: (value: string) => void;
+    value: Nullable<string>;
+    minDate?: Nullable<string>;
+    maxDate?: Nullable<string>;
+    disabled?: boolean;
+}
+export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
+    static __KONTUR_REACT_UI__: string;
+    private input;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    click: () => void;
+    private refInput;
+}