@skbkontur/react-ui 0.0.0-ce2a893b1a → 0.0.0-d1bb8f344a

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

@@ -1,19 +1,17 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 
 var styles = {
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      background: ", ";\n      padding: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      padding: ", ";\n    "])),
 
-    t.menuBgDefault,
-    t.mobilePopupHeaderPadding,
-    t.mobilePopupHeaderBorderRadius);
+    t.mobilePopupHeaderPadding);
 
   },
 
-  withShadow: function withShadow(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
-    t.mobilePopupHeaderShadow);
+  rootWithoutContent: function rootWithoutContent() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 8px 0 0 0;\n    "])));
+
 
   },
 
@@ -25,11 +23,7 @@ var styles = {
   },
 
   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    "])),
-
-
-
-
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])),
     t.mobilePopupHeaderFontSize,
     t.mobilePopupHeaderLineHeight,
     t.mobilePopupHeaderFontWeight,
@@ -37,28 +31,10 @@ var styles = {
 
   },
 
-  childrenWithoutCaption: function childrenWithoutCaption() {
+  captionWithChildren: function captionWithChildren() {
     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    "])));
-
-
-
-
-
   } };
 
 

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

@@ -1 +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"]}
+{"version":3,"sources":["MobilePopupHeader.styles.ts"],"names":["styles","root","t","css","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles"],"mappings":"sRAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAACE,wBAFf;;AAID,GANY;;AAQbC,EAAAA,kBARa,gCAQQ;AACnB,eAAOF,YAAP;;;AAGD,GAZY;;AAcbG,EAAAA,SAda,uBAcD;AACV,eAAOH,YAAP;;;;AAID,GAnBY;;AAqBbI,EAAAA,OArBa,mBAqBLL,CArBK,EAqBK;AAChB,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACM,yBADjB;AAEiBN,IAAAA,CAAC,CAACO,2BAFnB;AAGiBP,IAAAA,CAAC,CAACQ,2BAHnB;AAIWR,IAAAA,CAAC,CAACS,gBAJb;;AAMD,GA5BY;;AA8BbC,EAAAA,mBA9Ba,iCA8BS;AACpB,eAAOT,YAAP;;;AAGD,GAlCY,EAAf;;;AAqCO,IAAMU,QAAQ,GAAG,2BAAab,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n\n  rootWithoutContent() {\n    return css`\n      padding: 8px 0 0 0;\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  captionWithChildren() {\n    return css`\n      padding-bottom: 8px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

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

package/cjs/internal/NativeDateInput/NativeDateInput.js

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

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

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

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 
 var styles = {
   inputTypeDate: function inputTypeDate() {

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

@@ -1 +1 @@
-{"version":3,"sources":["NativeDateInput.styles.ts"],"names":["styles","inputTypeDate","css","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,aADa,2BACG;AACd,eAAOC,YAAP;;;;;;;;;;;AAWD,GAbY,EAAf;;;AAgBO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["NativeDateInput.styles.ts"],"names":["styles","inputTypeDate","css","jsStyles"],"mappings":"sRAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,aADa,2BACG;AACd,eAAOC,YAAP;;;;;;;;;;;AAWD,GAbY,EAAf;;;AAgBO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

@@ -1,5 +1,5 @@
 import { Nullable } from '../../typings/utility-types';
-import { CalendarDateShape } from '../Calendar';
+import { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';
 export declare const getDateForNative: (componentDate: Nullable<string>) => string | undefined;
 export declare const getDateForComponent: (nativeDate: Nullable<string>) => string;
 export declare const getNativeDateFromShape: (componentDate: CalendarDateShape | undefined | null) => string | undefined;

package/cjs/internal/NativeDateInput/utils.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.upMonthOfShape = exports.getShapeFromNativeDate = exports.getNativeDateFromShape = exports.getDateForNative = exports.getDateForComponent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.upMonthOfShape = exports.getShapeFromNativeDate = exports.getNativeDateFromShape = exports.getDateForNative = exports.getDateForComponent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _CalendarUtils = require("../../components/Calendar/CalendarUtils");
+
 
 
 var getDateForNative = function getDateForNative(componentDate) {
@@ -35,7 +36,7 @@ var upMonthOfShape = function upMonthOfShape(DateShape) {
     return undefined;
   }
 
-  return (0, _extends2.default)({}, DateShape, { month: DateShape.month + 1 });
+  return (0, _extends2.default)({}, DateShape, { month: (0, _CalendarUtils.getMonthInHumanFormat)(DateShape.month) });
 };exports.upMonthOfShape = upMonthOfShape;
 
 var getShapeFromNativeDate = function getShapeFromNativeDate(nativeDate) {

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

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["getDateForNative","componentDate","undefined","splittedDate","split","getDateForComponent","nativeDate","getNativeDateFromShape","date","month","year","map","x","toString","padStart","upMonthOfShape","DateShape","getShapeFromNativeDate","Number"],"mappings":";;;AAGO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,aAAD,EAAqC;AACnE,MAAI,CAACA,aAAL,EAAoB;AAClB,WAAOC,SAAP;AACD;;AAED,MAAMC,YAAY,GAAGF,aAAa,CAACG,KAAd,CAAoB,GAApB,CAArB;;AAEA,SAAUD,YAAY,CAAC,CAAD,CAAtB,SAA6BA,YAAY,CAAC,CAAD,CAAzC,SAAgDA,YAAY,CAAC,CAAD,CAA5D;AACD,CARM,C;;AAUA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,UAAD,EAAkC;AACnE,MAAI,CAACA,UAAL,EAAiB;AACf,WAAO,EAAP;AACD;;AAED,MAAMH,YAAY,GAAGG,UAAU,CAACF,KAAX,CAAiB,GAAjB,CAArB;;AAEA,SAAUD,YAAY,CAAC,CAAD,CAAtB,SAA6BA,YAAY,CAAC,CAAD,CAAzC,SAAgDA,YAAY,CAAC,CAAD,CAA5D;AACD,CARM,C;;AAUA,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACN,aAAD,EAAyD;AAC7F,MAAI,CAACA,aAAL,EAAoB;AAClB,WAAOC,SAAP;AACD;AACD,aAA4B,CAACD,aAAa,CAACO,IAAf,EAAqBP,aAAa,CAACQ,KAAnC,EAA0CR,aAAa,CAACS,IAAxD,EAA8DC,GAA9D,CAAkE,UAACC,CAAD,UAAOA,CAAC,CAACC,QAAF,EAAP,EAAlE,CAA5B,CAAOL,IAAP,WAAaC,KAAb,WAAoBC,IAApB;;AAEA,SAAUA,IAAI,CAACI,QAAL,CAAc,CAAd,EAAiB,GAAjB,CAAV,SAAmCL,KAAK,CAACK,QAAN,CAAe,CAAf,EAAkB,GAAlB,CAAnC,SAA6DN,IAAI,CAACM,QAAL,CAAc,CAAd,EAAiB,GAAjB,CAA7D;AACD,CAPM,C;;AASA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAA6E;AACzG,MAAI,CAACA,SAAL,EAAgB;AACd,WAAOd,SAAP;AACD;;AAED,oCAAYc,SAAZ,IAAuBP,KAAK,EAAEO,SAAS,CAACP,KAAV,GAAkB,CAAhD;AACD,CANM,C;;AAQA,IAAMQ,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACX,UAAD,EAAiE;AACrG,MAAI,CAACA,UAAL,EAAiB;AACf,WAAOJ,SAAP;AACD;;AAED,MAAMC,YAAY,GAAGG,UAAU,CAACF,KAAX,CAAiB,GAAjB,EAAsBO,GAAtB,CAA0B,UAACH,IAAD,UAAUU,MAAM,CAACV,IAAD,CAAhB,EAA1B,CAArB;;AAEA,SAAO,EAAEE,IAAI,EAAEP,YAAY,CAAC,CAAD,CAApB,EAAyBM,KAAK,EAAEN,YAAY,CAAC,CAAD,CAA5C,EAAiDK,IAAI,EAAEL,YAAY,CAAC,CAAD,CAAnE,EAAP;AACD,CARM,C","sourcesContent":["import { Nullable } from '../../typings/utility-types';\nimport { CalendarDateShape } from '../Calendar';\n\nexport const getDateForNative = (componentDate: Nullable<string>) => {\n  if (!componentDate) {\n    return undefined;\n  }\n\n  const splittedDate = componentDate.split('.');\n\n  return `${splittedDate[2]}-${splittedDate[1]}-${splittedDate[0]}`;\n};\n\nexport const getDateForComponent = (nativeDate: Nullable<string>) => {\n  if (!nativeDate) {\n    return '';\n  }\n\n  const splittedDate = nativeDate.split('-');\n\n  return `${splittedDate[2]}.${splittedDate[1]}.${splittedDate[0]}`;\n};\n\nexport const getNativeDateFromShape = (componentDate: CalendarDateShape | undefined | null) => {\n  if (!componentDate) {\n    return undefined;\n  }\n  const [date, month, year] = [componentDate.date, componentDate.month, componentDate.year].map((x) => x.toString());\n\n  return `${year.padStart(4, '0')}-${month.padStart(2, '0')}-${date.padStart(2, '0')}`;\n};\n\nexport const upMonthOfShape = (DateShape: CalendarDateShape | undefined): CalendarDateShape | undefined => {\n  if (!DateShape) {\n    return undefined;\n  }\n\n  return { ...DateShape, month: DateShape.month + 1 };\n};\n\nexport const getShapeFromNativeDate = (nativeDate: Nullable<string>): CalendarDateShape | undefined => {\n  if (!nativeDate) {\n    return undefined;\n  }\n\n  const splittedDate = nativeDate.split('-').map((date) => Number(date));\n\n  return { year: splittedDate[0], month: splittedDate[1], date: splittedDate[2] };\n};\n"]}
+{"version":3,"sources":["utils.ts"],"names":["getDateForNative","componentDate","undefined","splittedDate","split","getDateForComponent","nativeDate","getNativeDateFromShape","date","month","year","map","x","toString","padStart","upMonthOfShape","DateShape","getShapeFromNativeDate","Number"],"mappings":"iXAAA;;;;AAIO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,aAAD,EAAqC;AACnE,MAAI,CAACA,aAAL,EAAoB;AAClB,WAAOC,SAAP;AACD;;AAED,MAAMC,YAAY,GAAGF,aAAa,CAACG,KAAd,CAAoB,GAApB,CAArB;;AAEA,SAAUD,YAAY,CAAC,CAAD,CAAtB,SAA6BA,YAAY,CAAC,CAAD,CAAzC,SAAgDA,YAAY,CAAC,CAAD,CAA5D;AACD,CARM,C;;AAUA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,UAAD,EAAkC;AACnE,MAAI,CAACA,UAAL,EAAiB;AACf,WAAO,EAAP;AACD;;AAED,MAAMH,YAAY,GAAGG,UAAU,CAACF,KAAX,CAAiB,GAAjB,CAArB;;AAEA,SAAUD,YAAY,CAAC,CAAD,CAAtB,SAA6BA,YAAY,CAAC,CAAD,CAAzC,SAAgDA,YAAY,CAAC,CAAD,CAA5D;AACD,CARM,C;;AAUA,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACN,aAAD,EAAyD;AAC7F,MAAI,CAACA,aAAL,EAAoB;AAClB,WAAOC,SAAP;AACD;AACD,aAA4B,CAACD,aAAa,CAACO,IAAf,EAAqBP,aAAa,CAACQ,KAAnC,EAA0CR,aAAa,CAACS,IAAxD,EAA8DC,GAA9D,CAAkE,UAACC,CAAD,UAAOA,CAAC,CAACC,QAAF,EAAP,EAAlE,CAA5B,CAAOL,IAAP,WAAaC,KAAb,WAAoBC,IAApB;;AAEA,SAAUA,IAAI,CAACI,QAAL,CAAc,CAAd,EAAiB,GAAjB,CAAV,SAAmCL,KAAK,CAACK,QAAN,CAAe,CAAf,EAAkB,GAAlB,CAAnC,SAA6DN,IAAI,CAACM,QAAL,CAAc,CAAd,EAAiB,GAAjB,CAA7D;AACD,CAPM,C;;AASA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAA6E;AACzG,MAAI,CAACA,SAAL,EAAgB;AACd,WAAOd,SAAP;AACD;;AAED,oCAAYc,SAAZ,IAAuBP,KAAK,EAAE,0CAAsBO,SAAS,CAACP,KAAhC,CAA9B;AACD,CANM,C;;AAQA,IAAMQ,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACX,UAAD,EAAiE;AACrG,MAAI,CAACA,UAAL,EAAiB;AACf,WAAOJ,SAAP;AACD;;AAED,MAAMC,YAAY,GAAGG,UAAU,CAACF,KAAX,CAAiB,GAAjB,EAAsBO,GAAtB,CAA0B,UAACH,IAAD,UAAUU,MAAM,CAACV,IAAD,CAAhB,EAA1B,CAArB;;AAEA,SAAO,EAAEE,IAAI,EAAEP,YAAY,CAAC,CAAD,CAApB,EAAyBM,KAAK,EAAEN,YAAY,CAAC,CAAD,CAA5C,EAAiDK,IAAI,EAAEL,YAAY,CAAC,CAAD,CAAnE,EAAP;AACD,CARM,C","sourcesContent":["import { getMonthInHumanFormat } from '../../components/Calendar/CalendarUtils';\nimport { Nullable } from '../../typings/utility-types';\nimport { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';\n\nexport const getDateForNative = (componentDate: Nullable<string>) => {\n  if (!componentDate) {\n    return undefined;\n  }\n\n  const splittedDate = componentDate.split('.');\n\n  return `${splittedDate[2]}-${splittedDate[1]}-${splittedDate[0]}`;\n};\n\nexport const getDateForComponent = (nativeDate: Nullable<string>) => {\n  if (!nativeDate) {\n    return '';\n  }\n\n  const splittedDate = nativeDate.split('-');\n\n  return `${splittedDate[2]}.${splittedDate[1]}.${splittedDate[0]}`;\n};\n\nexport const getNativeDateFromShape = (componentDate: CalendarDateShape | undefined | null) => {\n  if (!componentDate) {\n    return undefined;\n  }\n  const [date, month, year] = [componentDate.date, componentDate.month, componentDate.year].map((x) => x.toString());\n\n  return `${year.padStart(4, '0')}-${month.padStart(2, '0')}-${date.padStart(2, '0')}`;\n};\n\nexport const upMonthOfShape = (DateShape: CalendarDateShape | undefined): CalendarDateShape | undefined => {\n  if (!DateShape) {\n    return undefined;\n  }\n\n  return { ...DateShape, month: getMonthInHumanFormat(DateShape.month) };\n};\n\nexport const getShapeFromNativeDate = (nativeDate: Nullable<string>): CalendarDateShape | undefined => {\n  if (!nativeDate) {\n    return undefined;\n  }\n\n  const splittedDate = nativeDate.split('-').map((date) => Number(date));\n\n  return { year: splittedDate[0], month: splittedDate[1], date: splittedDate[2] };\n};\n"]}

package/cjs/internal/PerformanceMetrics/PerformanceMetrics.js

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

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

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

package/cjs/internal/Popup/Popup.d.ts

@@ -1,11 +1,16 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { Nullable } from '../../typings/utility-types';
 import { FocusEventType, MouseEventType } from '../../typings/event-types';
 import { CommonProps } from '../CommonWrapper';
-export declare const PopupPositions: readonly ["top left", "top center", "top right", "right top", "right middle", "right bottom", "bottom right", "bottom center", "bottom left", "left bottom", "left middle", "left top"];
-export declare const DefaultPosition: "top left";
+import { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
+export declare const PopupPositions: readonly ["top center", "top left", "top right", "bottom center", "bottom left", "bottom right", "left middle", "left top", "left bottom", "right middle", "right top", "right bottom"];
+export declare const OldPopupPositions: readonly ["top left", "top center", "top right", "right top", "right middle", "right bottom", "bottom right", "bottom center", "bottom left", "left bottom", "left middle", "left top"];
+export declare const DefaultPosition: "top center";
+export declare const OldDefaultPosition: "top left";
 export declare type PopupPositionsType = typeof PopupPositions[number];
+export declare type ShortPopupPositionsType = 'top' | 'bottom' | 'left' | 'right';
+export declare const DUMMY_LOCATION: PopupLocation;
 export interface PopupHandlerProps {
     onMouseEnter?: (event: MouseEventType) => void;
     onMouseLeave?: (event: MouseEventType) => void;
@@ -15,32 +20,33 @@ export interface PopupHandlerProps {
     onOpen?: () => void;
     onClose?: () => void;
 }
-export interface PopupProps extends CommonProps, PopupHandlerProps {
+export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     anchorElement: React.ReactNode | HTMLElement;
     backgroundColor?: React.CSSProperties['backgroundColor'];
     borderColor?: React.CSSProperties['borderColor'];
     children: React.ReactNode | (() => React.ReactNode);
-    hasPin: boolean;
-    hasShadow: boolean;
-    disableAnimations: boolean;
+    hasPin?: boolean;
+    hasShadow?: boolean;
+    disableAnimations?: boolean;
     margin?: number;
     maxWidth?: number | string;
     opened: boolean;
     pinOffset?: number;
     pinSize?: number;
-    popupOffset: number;
-    positions: Readonly<PopupPositionsType[]>;
+    popupOffset?: number;
+    positions?: Readonly<PopupPositionsType[]>;
+    pos?: PopupPositionsType | ShortPopupPositionsType;
     /**
      * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
      *
      * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
      */
-    useWrapper: boolean;
-    ignoreHover: boolean;
-    width: React.CSSProperties['width'];
+    useWrapper?: boolean;
+    ignoreHover?: boolean;
+    width?: React.CSSProperties['width'];
     /**
      * При очередном рендере пытаться сохранить первоначальную позицию попапа
-     * (в числе числе, когда он выходит за пределы экрана, но может быть проскролен в него).
+     * (в том числе, когда он выходит за пределы экрана, но может быть проскролен в него).
      *
      * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.
      * @see https://github.com/skbkontur/retail-ui/pull/1195
@@ -48,6 +54,10 @@ export interface PopupProps extends CommonProps, PopupHandlerProps {
     tryPreserveFirstRenderedPosition?: boolean;
     withoutMobile?: boolean;
     mobileOnCloseRequest?: () => void;
+    /**
+     * Возвращает текущую позицию попапа
+     */
+    onPositionChange?: (pos: PopupPositionsType) => void;
 }
 interface PopupLocation {
     coordinates: {
@@ -59,8 +69,19 @@ interface PopupLocation {
 export interface PopupState {
     location: Nullable<PopupLocation>;
 }
+export declare const PopupDataTids: {
+    readonly root: "Popup__root";
+    readonly content: "PopupContent";
+    readonly contentInner: "PopupContentInner";
+    readonly popupPin: "PopupPin__root";
+};
+export declare const PopupIds: {
+    root: "Popup__root";
+};
+declare type DefaultProps = Required<Pick<PopupProps, 'popupOffset' | 'hasPin' | 'hasShadow' | 'disableAnimations' | 'useWrapper' | 'ignoreHover' | 'width'>>;
 export declare class Popup extends React.Component<PopupProps, PopupState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         /**
          * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
@@ -106,30 +127,30 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
          * на котором будет отображаться пин
          */
         positions: PropTypes.Requireable<any[]>;
+        /**
+         * Приоритетная позиция попапа
+         */
+        pos: PropTypes.Requireable<string>;
         /**
          * Игнорировать ли события hover/click
          */
         ignoreHover: PropTypes.Requireable<boolean>;
     };
-    static defaultProps: {
-        popupOffset: number;
-        hasPin: boolean;
-        hasShadow: boolean;
-        disableAnimations: boolean;
-        useWrapper: boolean;
-        ignoreHover: boolean;
-        width: string;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     static readonly defaultRootNode: null;
     state: PopupState;
     private theme;
+    featureFlags: ReactUIFeatureFlags;
     private layoutEventsToken;
     private locationUpdateId;
-    private lastPopupElement;
+    private lastPopupContentElement;
     private isMobileLayout;
     private setRootNode;
     private refForTransition;
-    anchorElement: Nullable<HTMLElement>;
+    private hasAnchorElementListeners;
+    private rootId;
+    anchorElement: Nullable<Element>;
     componentDidMount(): void;
     static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState): PopupState;
     componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
@@ -150,13 +171,14 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private renderContent;
     private resetLocation;
     private renderChildren;
-    private refPopupElement;
+    private refPopupContentElement;
     private renderPin;
     private handleLayoutEvent;
     private delayUpdateLocation;
     private cancelDelayedUpdateLocation;
     private updateLocation;
     private locationEquals;
+    private reorderPropsPositionsWithPriorityPos;
     private getLocation;
     private getPinnedPopupOffset;
     private getCoordinates;