@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3e9dfb16e9

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

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const jsStyles: {
     root(t: Theme): string;
     wrapper(): string;

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex","jsStyles","exports","memoizeStyle"],"sources":["MobilePopup.styles.ts"],"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"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG9D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;;IAMSH,CAAC,CAACI,gCAAgC;;IAEjCJ,CAAC,CAACK,iCAAiC;IACvCL,CAAC,CAACM,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAON,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ,CAAC;;EAEDK,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACS,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;IAEDH,CAAC,CAACW,qBAAqB;IACtBX,CAAC,CAACY,uBAAuB;IACxBZ,CAAC,CAACY,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,WAAOZ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDW,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOb,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDY,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOd,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC;;AAEM,IAAMa,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACpB,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex","jsStyles","exports","memoizeStyle"],"sources":["MobilePopup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG9D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;;IAMSH,CAAC,CAACI,gCAAgC;;IAEjCJ,CAAC,CAACK,iCAAiC;IACvCL,CAAC,CAACM,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAON,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ,CAAC;;EAEDK,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACS,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;IAEDH,CAAC,CAACW,qBAAqB;IACtBX,CAAC,CAACY,uBAAuB;IACxBZ,CAAC,CAACY,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,WAAOZ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDW,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOb,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDY,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOd,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC;;AAEM,IAAMa,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACpB,MAAM,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_MobilePopupFooter2","MobilePopupFooter","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","children","props","React","isValidElement","className","jsStyles","root","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupFooter.styles';\n\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\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 { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={jsStyles.root(this.theme)}>{children}</div>;\n  }\n}\n"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,mBAAA,GAAAF,OAAA,+BAAsD;;AAEzCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;EAKrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEf,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACb,aAAA,CAAAc,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVJ,KAAI,CAACI,KAAK,GAAGA,KAAK;QAClB,OAAOJ,KAAI,CAACK,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAR,MAAA;;EAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAACE,cAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOrB,MAAA,CAAAW,OAAA,CAAAK,aAAA,UAAKS,SAAS,EAAEC,4BAAQ,CAACC,IAAI,CAAC,IAAI,CAACR,KAAK,CAAE,IAAEE,QAAc,CAAC;EACpE,CAAC,QAAAhB,iBAAA,GAxBoCkB,cAAK,CAACK,SAAS,EAAzCvB,iBAAiB,CACdwB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_MobilePopupFooter2","MobilePopupFooter","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","children","props","React","isValidElement","className","jsStyles","root","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupFooter.styles';\n\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\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 { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={jsStyles.root(this.theme)}>{children}</div>;\n  }\n}\n"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,mBAAA,GAAAF,OAAA,+BAAsD;;AAEzCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;EAKrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEf,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACb,aAAA,CAAAc,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVJ,KAAI,CAACI,KAAK,GAAGA,KAAK;QAClB,OAAOJ,KAAI,CAACK,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAR,MAAA;;EAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAACE,cAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOrB,MAAA,CAAAW,OAAA,CAAAK,aAAA,UAAKS,SAAS,EAAEC,4BAAQ,CAACC,IAAI,CAAC,IAAI,CAACR,KAAK,CAAE,IAAEE,QAAc,CAAC;EACpE,CAAC,QAAAhB,iBAAA,GAxBoCkB,cAAK,CAACK,SAAS,EAAzCvB,iBAAiB,CACdwB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { Theme } from '../../../lib/theming/Theme';
+import type { Theme } from '../../../lib/theming/Theme';
 export declare const jsStyles: {
     root(t: Theme): string;
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","jsStyles","exports","memoizeStyle"],"sources":["MobilePopupFooter.styles.ts"],"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      display: flex;\n      flex-direction: column;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,4BAAA,CAAAC,OAAA;;;;IAIGH,CAAC,CAACI,wBAAwB;;EAEzC;AACF,CAAC;;AAEM,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACT,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","jsStyles","exports","memoizeStyle"],"sources":["MobilePopupFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,4BAAA,CAAAC,OAAA;;;;IAIGH,CAAC,CAACI,wBAAwB;;EAEzC;AACF,CAAC;;AAEM,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACT,MAAM,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Emotion","_ThemeContext","_MobilePopupHeader2","MobilePopupHeader","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","_cx","_cx2","_this$props","props","caption","children","className","cx","jsStyles","root","rootWithoutContent","container","captionWithChildren","isNonNullable","React","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"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<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = '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"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;AAEA,IAAAI,mBAAA,GAAAJ,OAAA,+BAAsD;;;;;;;;;AASzCK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEjB,MAAA,CAAAa,OAAA,CAAAK,aAAA,CAACb,aAAA,CAAAc,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVJ,KAAI,CAACI,KAAK,GAAGA,KAAK;QAClB,OAAOJ,KAAI,CAACK,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAR,MAAA;;EAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,GAAA,EAAAC,IAAA;IACnB,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;;IAEzB;MACE5B,MAAA,CAAAa,OAAA,CAAAK,aAAA;QACEW,SAAS,EAAE,IAAAC,WAAE,GAAAP,GAAA,OAAAA,GAAA;QACVQ,4BAAQ,CAACC,IAAI,CAAC,IAAI,CAACX,KAAK,CAAC,IAAG,IAAI,EAAAE,GAAA;QAChCQ,4BAAQ,CAACE,kBAAkB,CAAC,CAAC,IAAG,CAACN,OAAO,IAAI,CAACC,QAAQ,EAAAL,GAAA;QACvD,CAAE;;MAEHvB,MAAA,CAAAa,OAAA,CAAAK,aAAA,UAAKW,SAAS,EAAEE,4BAAQ,CAACG,SAAS,CAAC,CAAE;MAClCP,OAAO;MACN3B,MAAA,CAAAa,OAAA,CAAAK,aAAA;QACEW,SAAS,EAAE,IAAAC,WAAE,GAAAN,IAAA,OAAAA,IAAA;QACVO,4BAAQ,CAACJ,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,IAAA;QACnCO,4BAAQ,CAACI,mBAAmB,CAAC,CAAC,IAAG,IAAAC,oBAAa,EAACR,QAAQ,CAAC,EAAAJ,IAAA;QAC1D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAU,cAAK,CAACC,cAAc,CAACV,QAAQ,CAAC,iBAAI5B,MAAA,CAAAa,OAAA,CAAAK,aAAA,cAAMU,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAArB,iBAAA,GA1CoC8B,cAAK,CAACE,SAAS,EAAzChC,iBAAiB,CACdiC,mBAAmB,GAAG,kBAAkB,CAD3CjC,iBAAiB,CAEdkC,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Emotion","_ThemeContext","_MobilePopupHeader2","MobilePopupHeader","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","_cx","_cx2","_this$props","props","caption","children","className","cx","jsStyles","root","rootWithoutContent","container","captionWithChildren","isNonNullable","React","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport type { 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<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = '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"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;AAEA,IAAAI,mBAAA,GAAAJ,OAAA,+BAAsD;;;;;;;;;AASzCK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEjB,MAAA,CAAAa,OAAA,CAAAK,aAAA,CAACb,aAAA,CAAAc,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVJ,KAAI,CAACI,KAAK,GAAGA,KAAK;QAClB,OAAOJ,KAAI,CAACK,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAR,MAAA;;EAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,GAAA,EAAAC,IAAA;IACnB,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;;IAEzB;MACE5B,MAAA,CAAAa,OAAA,CAAAK,aAAA;QACEW,SAAS,EAAE,IAAAC,WAAE,GAAAP,GAAA,OAAAA,GAAA;QACVQ,4BAAQ,CAACC,IAAI,CAAC,IAAI,CAACX,KAAK,CAAC,IAAG,IAAI,EAAAE,GAAA;QAChCQ,4BAAQ,CAACE,kBAAkB,CAAC,CAAC,IAAG,CAACN,OAAO,IAAI,CAACC,QAAQ,EAAAL,GAAA;QACvD,CAAE;;MAEHvB,MAAA,CAAAa,OAAA,CAAAK,aAAA,UAAKW,SAAS,EAAEE,4BAAQ,CAACG,SAAS,CAAC,CAAE;MAClCP,OAAO;MACN3B,MAAA,CAAAa,OAAA,CAAAK,aAAA;QACEW,SAAS,EAAE,IAAAC,WAAE,GAAAN,IAAA,OAAAA,IAAA;QACVO,4BAAQ,CAACJ,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,IAAA;QACnCO,4BAAQ,CAACI,mBAAmB,CAAC,CAAC,IAAG,IAAAC,oBAAa,EAACR,QAAQ,CAAC,EAAAJ,IAAA;QAC1D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAU,cAAK,CAACC,cAAc,CAACV,QAAQ,CAAC,iBAAI5B,MAAA,CAAAa,OAAA,CAAAK,aAAA,cAAMU,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAArB,iBAAA,GA1CoC8B,cAAK,CAACE,SAAS,EAAzChC,iBAAiB,CACdiC,mBAAmB,GAAG,kBAAkB,CAD3CjC,iBAAiB,CAEdkC,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { Theme } from '../../../lib/theming/Theme';
+import type { Theme } from '../../../lib/theming/Theme';
 export declare const jsStyles: {
     root(t: Theme): string;
     rootWithoutContent(): string;

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles","exports","memoizeStyle"],"sources":["MobilePopupHeader.styles.ts"],"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"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;IAEGH,CAAC,CAACI,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDI,OAAO,WAAAA,QAACP,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;IACKH,CAAC,CAACQ,yBAAyB;IACzBR,CAAC,CAACS,2BAA2B;IAC7BT,CAAC,CAACU,2BAA2B;IACnCV,CAAC,CAACW,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAOX,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC;;AAEM,IAAMU,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACjB,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles","exports","memoizeStyle"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { 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"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;IAEGH,CAAC,CAACI,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDI,OAAO,WAAAA,QAACP,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;IACKH,CAAC,CAACQ,yBAAyB;IACzBR,CAAC,CAACS,2BAA2B;IAC7BT,CAAC,CAACU,2BAA2B;IACnCV,CAAC,CAACW,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAOX,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC;;AAEM,IAAMU,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACjB,MAAM,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Nullable } from '../../typings/utility-types';
+import type { Nullable } from '../../typings/utility-types';
 export interface NativeDateInputProps {
     onValueChange?: (value: string) => void;
     value: Nullable<string>;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_NativeDateInput2","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","focus","input","click","refInput","element","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","type","max","props","maxDate","getDateForNative","min","minDate","value","onChange","e","onValueChange","getDateForComponent","target","className","jsStyles","inputTypeDate","ref","disabled","tabIndex","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["NativeDateInput.tsx"],"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"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;;;;;;;;;;AAUA,IAAMG,gBAAgB,GAAG,YAAY;AACrC,IAAMC,gBAAgB,GAAG,YAAY,CAAC;;AAEzBC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0B1B;AACF;AACA,OAFEJ,KAAA;IAGOU,KAAK,GAAG,YAAM;MACnB,IAAIV,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACD,KAAK,CAAC,CAAC;MACpB;IACF,CAAC;;IAED;AACF;AACA,OAFEV,KAAA;IAGOY,KAAK,GAAG,YAAM;MACnB,IAAIZ,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACC,KAAK,CAAC,CAAC;MACpB;IACF,CAAC,CAAAZ,KAAA;;IAEOa,QAAQ,GAAG,UAACC,OAAmC,EAAK;MAC1Dd,KAAA,CAAKW,KAAK,GAAGG,OAAO;IACtB,CAAC,QAAAd,KAAA,MAAAe,eAAA,CAAAC,OAAA,EAAAnB,eAAA,EAAAE,gBAAA,MAAAkB,MAAA,GAAApB,eAAA,CAAAqB,SAAA,CAAAD,MAAA,CAxCME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE9B,MAAA,CAAA0B,OAAA,CAAAK,aAAA,YACEC,IAAI,EAAE,MAAO,EACbC,GAAG,EAAE,IAAI,CAACC,KAAK,CAACC,OAAO,GAAG,IAAAC,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACC,OAAO,CAAC,GAAG7B,gBAAiB,EAClF+B,GAAG,EAAE,IAAI,CAACH,KAAK,CAACI,OAAO,GAAG,IAAAF,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACI,OAAO,CAAC,GAAGjC,gBAAiB,EAClFkC,KAAK,EAAE,IAAAH,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACK,KAAK,CAAE,EAC1CC,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK,CACf,IAAIX,MAAI,CAACI,KAAK,CAACQ,aAAa,EAAE,CAC5BZ,MAAI,CAACI,KAAK,CAACQ,aAAa,CAAC,IAAAC,0BAAmB,EAACF,CAAC,CAACG,MAAM,CAACL,KAAK,CAAC,CAAC,CAC/D,CACF,CAAE,EACFM,SAAS,EAAEC,0BAAQ,CAACC,aAAa,CAAC,CAAE,EACpCC,GAAG,EAAE,IAAI,CAACzB,QAAS,EACnB0B,QAAQ,EAAE,IAAI,CAACf,KAAK,CAACe,QAAS,EAC9BC,QAAQ,EAAE,CAAC,CAAE,EACd,CAAC,CAEN,CAAC,QAAA3C,eAAA,GAxBkC4C,cAAK,CAACC,SAAS,EAAvC7C,eAAe,CACZ8C,mBAAmB,GAAG,kBAAkB,CAD3C9C,eAAe,CAEZ+C,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_NativeDateInput2","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","focus","input","click","refInput","element","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","type","max","props","maxDate","getDateForNative","min","minDate","value","onChange","e","onValueChange","getDateForComponent","target","className","jsStyles","inputTypeDate","ref","disabled","tabIndex","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["NativeDateInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { 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"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;;;;;;;;;;AAUA,IAAMG,gBAAgB,GAAG,YAAY;AACrC,IAAMC,gBAAgB,GAAG,YAAY,CAAC;;AAEzBC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0B1B;AACF;AACA,OAFEJ,KAAA;IAGOU,KAAK,GAAG,YAAM;MACnB,IAAIV,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACD,KAAK,CAAC,CAAC;MACpB;IACF,CAAC;;IAED;AACF;AACA,OAFEV,KAAA;IAGOY,KAAK,GAAG,YAAM;MACnB,IAAIZ,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACC,KAAK,CAAC,CAAC;MACpB;IACF,CAAC,CAAAZ,KAAA;;IAEOa,QAAQ,GAAG,UAACC,OAAmC,EAAK;MAC1Dd,KAAA,CAAKW,KAAK,GAAGG,OAAO;IACtB,CAAC,QAAAd,KAAA,MAAAe,eAAA,CAAAC,OAAA,EAAAnB,eAAA,EAAAE,gBAAA,MAAAkB,MAAA,GAAApB,eAAA,CAAAqB,SAAA,CAAAD,MAAA,CAxCME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE9B,MAAA,CAAA0B,OAAA,CAAAK,aAAA,YACEC,IAAI,EAAE,MAAO,EACbC,GAAG,EAAE,IAAI,CAACC,KAAK,CAACC,OAAO,GAAG,IAAAC,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACC,OAAO,CAAC,GAAG7B,gBAAiB,EAClF+B,GAAG,EAAE,IAAI,CAACH,KAAK,CAACI,OAAO,GAAG,IAAAF,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACI,OAAO,CAAC,GAAGjC,gBAAiB,EAClFkC,KAAK,EAAE,IAAAH,uBAAgB,EAAC,IAAI,CAACF,KAAK,CAACK,KAAK,CAAE,EAC1CC,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK,CACf,IAAIX,MAAI,CAACI,KAAK,CAACQ,aAAa,EAAE,CAC5BZ,MAAI,CAACI,KAAK,CAACQ,aAAa,CAAC,IAAAC,0BAAmB,EAACF,CAAC,CAACG,MAAM,CAACL,KAAK,CAAC,CAAC,CAC/D,CACF,CAAE,EACFM,SAAS,EAAEC,0BAAQ,CAACC,aAAa,CAAC,CAAE,EACpCC,GAAG,EAAE,IAAI,CAACzB,QAAS,EACnB0B,QAAQ,EAAE,IAAI,CAACf,KAAK,CAACe,QAAS,EAC9BC,QAAQ,EAAE,CAAC,CAAE,EACd,CAAC,CAEN,CAAC,QAAA3C,eAAA,GAxBkC4C,cAAK,CAACC,SAAS,EAAvC7C,eAAe,CACZ8C,mBAAmB,GAAG,kBAAkB,CAD3C9C,eAAe,CAEZ+C,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import { Nullable } from '../../typings/utility-types';
-import { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';
+import type { Nullable } from '../../typings/utility-types';
+import type { 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.map

@@ -1 +1 @@
-{"version":3,"names":["_CalendarUtils","require","getDateForNative","exports","componentDate","undefined","splittedDate","split","getDateForComponent","nativeDate","getNativeDateFromShape","_map","date","month","year","map","x","toString","padStart","upMonthOfShape","DateShape","_extends2","default","getMonthInHumanFormat","getShapeFromNativeDate","Number"],"sources":["utils.ts"],"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"],"mappings":"iXAAA,IAAAA,cAAA,GAAAC,OAAA;;;;AAIO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,aAA+B,EAAK;EACnE,IAAI,CAACA,aAAa,EAAE;IAClB,OAAOC,SAAS;EAClB;;EAEA,IAAMC,YAAY,GAAGF,aAAa,CAACG,KAAK,CAAC,GAAG,CAAC;;EAE7C,OAAUD,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC;AACjE,CAAC;;AAEM,IAAME,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIC,UAA4B,EAAK;EACnE,IAAI,CAACA,UAAU,EAAE;IACf,OAAO,EAAE;EACX;;EAEA,IAAMH,YAAY,GAAGG,UAAU,CAACF,KAAK,CAAC,GAAG,CAAC;;EAE1C,OAAUD,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC;AACjE,CAAC;;AAEM,IAAMI,sBAAsB,GAAAP,OAAA,CAAAO,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIN,aAAmD,EAAK;EAC7F,IAAI,CAACA,aAAa,EAAE;IAClB,OAAOC,SAAS;EAClB;EACA,IAAAM,IAAA,GAA4B,CAACP,aAAa,CAACQ,IAAI,EAAER,aAAa,CAACS,KAAK,EAAET,aAAa,CAACU,IAAI,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,UAAKA,CAAC,CAACC,QAAQ,CAAC,CAAC,GAAC,CAA3GL,IAAI,GAAAD,IAAA,IAAEE,KAAK,GAAAF,IAAA,IAAEG,IAAI,GAAAH,IAAA;;EAExB,OAAUG,IAAI,CAACI,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAIL,KAAK,CAACK,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAIN,IAAI,CAACM,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACpF,CAAC;;AAEM,IAAMC,cAAc,GAAAhB,OAAA,CAAAgB,cAAA,GAAG,SAAjBA,cAAcA,CAAIC,SAAwC,EAAoC;EACzG,IAAI,CAACA,SAAS,EAAE;IACd,OAAOf,SAAS;EAClB;;EAEA,WAAAgB,SAAA,CAAAC,OAAA,MAAYF,SAAS,IAAEP,KAAK,EAAE,IAAAU,oCAAqB,EAACH,SAAS,CAACP,KAAK,CAAC;AACtE,CAAC;;AAEM,IAAMW,sBAAsB,GAAArB,OAAA,CAAAqB,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIf,UAA4B,EAAoC;EACrG,IAAI,CAACA,UAAU,EAAE;IACf,OAAOJ,SAAS;EAClB;;EAEA,IAAMC,YAAY,GAAGG,UAAU,CAACF,KAAK,CAAC,GAAG,CAAC,CAACQ,GAAG,CAAC,UAACH,IAAI,UAAKa,MAAM,CAACb,IAAI,CAAC,GAAC;;EAEtE,OAAO,EAAEE,IAAI,EAAER,YAAY,CAAC,CAAC,CAAC,EAAEO,KAAK,EAAEP,YAAY,CAAC,CAAC,CAAC,EAAEM,IAAI,EAAEN,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AACjF,CAAC","ignoreList":[]}
+{"version":3,"names":["_CalendarUtils","require","getDateForNative","exports","componentDate","undefined","splittedDate","split","getDateForComponent","nativeDate","getNativeDateFromShape","_map","date","month","year","map","x","toString","padStart","upMonthOfShape","DateShape","_extends2","default","getMonthInHumanFormat","getShapeFromNativeDate","Number"],"sources":["utils.ts"],"sourcesContent":["import { getMonthInHumanFormat } from '../../components/Calendar/CalendarUtils';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { 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"],"mappings":"iXAAA,IAAAA,cAAA,GAAAC,OAAA;;;;AAIO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,aAA+B,EAAK;EACnE,IAAI,CAACA,aAAa,EAAE;IAClB,OAAOC,SAAS;EAClB;;EAEA,IAAMC,YAAY,GAAGF,aAAa,CAACG,KAAK,CAAC,GAAG,CAAC;;EAE7C,OAAUD,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC;AACjE,CAAC;;AAEM,IAAME,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIC,UAA4B,EAAK;EACnE,IAAI,CAACA,UAAU,EAAE;IACf,OAAO,EAAE;EACX;;EAEA,IAAMH,YAAY,GAAGG,UAAU,CAACF,KAAK,CAAC,GAAG,CAAC;;EAE1C,OAAUD,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC,SAAIA,YAAY,CAAC,CAAC,CAAC;AACjE,CAAC;;AAEM,IAAMI,sBAAsB,GAAAP,OAAA,CAAAO,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIN,aAAmD,EAAK;EAC7F,IAAI,CAACA,aAAa,EAAE;IAClB,OAAOC,SAAS;EAClB;EACA,IAAAM,IAAA,GAA4B,CAACP,aAAa,CAACQ,IAAI,EAAER,aAAa,CAACS,KAAK,EAAET,aAAa,CAACU,IAAI,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,UAAKA,CAAC,CAACC,QAAQ,CAAC,CAAC,GAAC,CAA3GL,IAAI,GAAAD,IAAA,IAAEE,KAAK,GAAAF,IAAA,IAAEG,IAAI,GAAAH,IAAA;;EAExB,OAAUG,IAAI,CAACI,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAIL,KAAK,CAACK,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAIN,IAAI,CAACM,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACpF,CAAC;;AAEM,IAAMC,cAAc,GAAAhB,OAAA,CAAAgB,cAAA,GAAG,SAAjBA,cAAcA,CAAIC,SAAwC,EAAoC;EACzG,IAAI,CAACA,SAAS,EAAE;IACd,OAAOf,SAAS;EAClB;;EAEA,WAAAgB,SAAA,CAAAC,OAAA,MAAYF,SAAS,IAAEP,KAAK,EAAE,IAAAU,oCAAqB,EAACH,SAAS,CAACP,KAAK,CAAC;AACtE,CAAC;;AAEM,IAAMW,sBAAsB,GAAArB,OAAA,CAAAqB,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIf,UAA4B,EAAoC;EACrG,IAAI,CAACA,UAAU,EAAE;IACf,OAAOJ,SAAS;EAClB;;EAEA,IAAMC,YAAY,GAAGG,UAAU,CAACF,KAAK,CAAC,GAAG,CAAC,CAACQ,GAAG,CAAC,UAACH,IAAI,UAAKa,MAAM,CAACb,IAAI,CAAC,GAAC;;EAEtE,OAAO,EAAEE,IAAI,EAAER,YAAY,CAAC,CAAC,CAAC,EAAEO,KAAK,EAAEP,YAAY,CAAC,CAAC,CAAC,EAAEM,IAAI,EAAEN,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AACjF,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_client","_Button","_Spinner","PANEL_WRAPPER_STYLES","width","display","verticalAlign","PerformanceMetrics","props","default","createElement","style","padding","position","Spinner","type","caption","PerformanceMetricsPanel","title","component","componentsA","componentsB","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","mounted","setContainerRef","element","container","toggleMountedState","setState","_inheritsLoose2","_proto","prototype","render","lineHeight","marginBottom","Button","onClick","size","ref","componentDidMount","root","createRoot","componentDidUpdate","unmount","React","Component"],"sources":["PerformanceMetrics.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\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      const root = createRoot(this.container);\n      root.render(this.props.component);\n    }\n  }\n\n  public componentDidUpdate(): void {\n    if (!this.container) {\n      return;\n    }\n    if (this.state.mounted) {\n      const root = createRoot(this.container);\n      root.render(this.props.component);\n    } else {\n      const root = createRoot(this.container);\n      root.unmount();\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_client","_Button","_Spinner","PANEL_WRAPPER_STYLES","width","display","verticalAlign","PerformanceMetrics","props","default","createElement","style","padding","position","Spinner","type","caption","PerformanceMetricsPanel","title","component","componentsA","componentsB","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","mounted","setContainerRef","element","container","toggleMountedState","setState","_inheritsLoose2","_proto","prototype","render","lineHeight","marginBottom","Button","onClick","size","ref","componentDidMount","root","createRoot","componentDidUpdate","unmount","React","Component"],"sources":["PerformanceMetrics.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { Button } from '../../components/Button';\nimport type { 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      const root = createRoot(this.container);\n      root.render(this.props.component);\n    }\n  }\n\n  public componentDidUpdate(): void {\n    if (!this.container) {\n      return;\n    }\n    if (this.state.mounted) {\n      const root = createRoot(this.container);\n      root.render(this.props.component);\n    } else {\n      const root = createRoot(this.container);\n      root.unmount();\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"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,11 @@
-import React, { HTMLAttributes } from 'react';
+import type { HTMLAttributes } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-import { Priority } from '../ZIndex';
-import { FocusEventType, MouseEventType } from '../../typings/event-types';
-import { CommonProps } from '../CommonWrapper';
-import { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
+import type { Nullable } from '../../typings/utility-types';
+import type { Priority } from '../ZIndex';
+import type { FocusEventType, MouseEventType } from '../../typings/event-types';
+import type { CommonProps } from '../CommonWrapper';
+import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
 export declare const PopupNonPinnablePositions: string[];
 export declare const PopupPinnablePositions: string[];
 export declare const PopupPositions: readonly string[];
@@ -63,7 +64,7 @@ export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerP
     /**
      * Возвращает текущую позицию попапа
      */
-    onPositionChange?: (pos: PopupPositionsType) => void;
+    onPositionChange?: (pos: PopupPositionsType, isFullyVisible: boolean) => void;
 }
 interface PopupLocation {
     coordinates: {
@@ -71,6 +72,7 @@ interface PopupLocation {
         top: number;
     };
     position: PopupPositionsType;
+    isFullyVisible: boolean;
 }
 export interface PopupState {
     location: Nullable<PopupLocation>;

package/cjs/internal/Popup/Popup.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.PopupPositions = exports.PopupPinnablePositions = exports.PopupNonPinnablePositions = exports.PopupIds = exports.PopupDataTids = exports.Popup = exports.DefaultPosition = exports.DUMMY_LOCATION = void 0;var _createForOfIteratorHelperLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelperLoose"));var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.PopupPositions = exports.PopupPinnablePositions = exports.PopupNonPinnablePositions = exports.PopupIds = exports.PopupDataTids = exports.Popup = exports.DefaultPosition = exports.DUMMY_LOCATION = void 0;var _createForOfIteratorHelperLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelperLoose"));var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _warning = _interopRequireDefault(require("warning"));
@@ -7,6 +8,7 @@ var _globalObject = require("@skbkontur/global-object");
 var _getDOMRect = require("../../lib/dom/getDOMRect");
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
+
 var _ZIndex = require("../ZIndex");
 var _RenderContainer = require("../RenderContainer");
 
@@ -16,22 +18,22 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _SSRSafe = require("../../lib/SSRSafe");
 var _currentEnvironment = require("../../lib/currentEnvironment");
+
 var _CommonWrapper = require("../CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../../components/ResponsiveLayout/decorator");
 var _MobilePopup = require("../MobilePopup");
+
 var _rootNode = require("../../lib/rootNode");
-var _callChildRef = require("../../lib/callChildRef/callChildRef");
 var _InstanceWithAnchorElement = require("../../lib/InstanceWithAnchorElement");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _isInstanceOf = require("../../lib/isInstanceOf");
-var _featureFlagsContext = require("../../lib/featureFlagsContext");
-
-
-
 
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
+var _mergeRefs = require("../../lib/mergeRefs");
 
 var _PopupPin = require("./PopupPin");
+
 var _PopupHelper = require("./PopupHelper");
 var _Popup2 = require("./Popup.styles");var _class, _Popup;
 
@@ -68,7 +70,8 @@ var DUMMY_LOCATION = exports.DUMMY_LOCATION = {
   coordinates: {
     top: -9999,
     left: -9999
-  }
+  },
+  isFullyVisible: false
 };
 
 
@@ -138,6 +141,7 @@ var DUMMY_LOCATION = exports.DUMMY_LOCATION = {
 
 
 
+
 
 
 var PopupDataTids = exports.PopupDataTids = {
@@ -398,8 +402,6 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
-
-
 
 
 
@@ -522,7 +524,7 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
         _react.default.createElement("div", {
           className: _Popup2.styles.content(_this.theme),
           "data-tid": PopupDataTids.content,
-          ref: (0, _utils.mergeRefs)([_this.refForTransition, _this.refPopupContentElement]) }, /*#__PURE__*/
+          ref: (0, _mergeRefs.mergeRefs)(_this.refForTransition, _this.refPopupContentElement) }, /*#__PURE__*/
 
         _react.default.createElement("div", {
           className: _Popup2.styles.contentInner(_this.theme),
@@ -657,7 +659,7 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
       var location = _this.getLocation(popupContentElement, _this.state.location);
       if (location) {
-        _this.props.onPositionChange == null || _this.props.onPositionChange(location == null ? void 0 : location.position);
+        _this.props.onPositionChange == null || _this.props.onPositionChange(location.position, location.isFullyVisible);
       }
 
       if (!_this.locationEquals(_this.state.location, location)) {
@@ -774,6 +776,7 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
 
 
 
+
 
 
     getRelativeShift = function () {
@@ -794,7 +797,7 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
       };
     };return _this;}(0, _inheritsLoose2.default)(Popup, _React$Component);var _proto = Popup.prototype;_proto.componentDidMount = function componentDidMount() {this.updateLocation();this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);if (!this.hasAnchorElementListeners) {this.addEventListeners(this.anchorElement);}};Popup.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {/**
      * Delaying updateLocation to ensure it happens after props update
-     */if (props.opened) {if (!state.location) {return { location: DUMMY_LOCATION };}} else if (state.location) {return { location: DUMMY_LOCATION };}return state;};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;var wasClosed = prevProps.opened && !this.props.opened;if (this.isMobileLayout && prevState.location === null && this.state.location === null) {this.setState({ location: DUMMY_LOCATION });}if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (wasClosed && !hasLocation && this.props.onClose) {this.props.onClose();}if (this.props.opened) {this.delayUpdateLocation();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();if (this.hasAnchorElementListeners) {this.removeEventListeners(this.anchorElement);}if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_proto.render = function render() {var _this3 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this3.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return _this3.renderMain();});});};_proto.renderMobile = function renderMobile() {var opened = this.props.opened;var children = this.renderChildren();return children ? /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, { rootNodeRef: this.setRootNode }, /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { opened: opened, withoutRenderContainer: true, onCloseRequest: this.props.mobileOnCloseRequest }, this.content(children))) : null;};_proto.renderMain = function renderMain() {var _this4 = this;var anchorElement = this.props.anchorElement;var useWrapper = this.getProps().useWrapper;var anchor = null;if ((0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {anchor = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {anchor = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}var anchorWithRef = anchor && /*#__PURE__*/_react.default.isValidElement(anchor) && (0, _utils.isRefableElement)(anchor) ? /*#__PURE__*/_react.default.cloneElement(anchor, { ref: function ref(instance) {var _anchor;_this4.updateAnchorElement(instance);var originalRef = (_anchor = anchor) == null ? void 0 : _anchor.ref;originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);} }) : null; // we need to get anchor's DOM node
+     */if (props.opened) {if (!state.location) {return { location: DUMMY_LOCATION };}} else if (state.location) {return { location: DUMMY_LOCATION };}return state;};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;var wasClosed = prevProps.opened && !this.props.opened;if (this.isMobileLayout && prevState.location === null && this.state.location === null) {this.setState({ location: DUMMY_LOCATION });}if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (wasClosed && !hasLocation && this.props.onClose) {this.props.onClose();}if (this.props.opened) {this.delayUpdateLocation();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();if (this.hasAnchorElementListeners) {this.removeEventListeners(this.anchorElement);}if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_proto.render = function render() {var _this3 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this3.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return _this3.renderMain();});});};_proto.renderMobile = function renderMobile() {var opened = this.props.opened;var children = this.renderChildren();return children ? /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, { rootNodeRef: this.setRootNode }, /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { opened: opened, withoutRenderContainer: true, onCloseRequest: this.props.mobileOnCloseRequest }, this.content(children))) : null;};_proto.renderMain = function renderMain() {var _anchor;var anchorElement = this.props.anchorElement;var useWrapper = this.getProps().useWrapper;var anchor = null;if ((0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {anchor = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {anchor = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}var anchorWithRef = anchor && /*#__PURE__*/_react.default.isValidElement(anchor) && (0, _utils.isRefableElement)(anchor) ? /*#__PURE__*/_react.default.cloneElement(anchor, { ref: (0, _mergeRefs.mergeRefs)((_anchor = anchor) == null ? void 0 : _anchor.ref, this.updateAnchorElement) }) : null; // we need to get anchor's DOM node
     // so we either set our own ref on it via cloning
     // or relay on findDOMNode (inside getRootNode)
     // which should be called within updateAnchorElement
@@ -805,14 +808,14 @@ Popup = exports.Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.
       element.addEventListener('click', this.handleClick);element.addEventListener('focusin', this.handleFocus);element.addEventListener('focusout', this.handleBlur);this.hasAnchorElementListeners = true;}};_proto.removeEventListeners = function removeEventListeners(element) {if (element && (0, _isInstanceOf.isInstanceOf)(element, _globalObject.globalObject.Element)) {// @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657
       element.removeEventListener('mouseenter', this.handleMouseEnter); // @ts-expect-error: See the comment above
       element.removeEventListener('mouseleave', this.handleMouseLeave); // @ts-expect-error: See the comment above
-      element.removeEventListener('click', this.handleClick);element.removeEventListener('focusin', this.handleFocus);element.removeEventListener('focusout', this.handleBlur);this.hasAnchorElementListeners = false;}};_proto.renderContent = function renderContent(location) {var _this5 = this;var _this$props = this.props,maxWidth = _this$props.maxWidth,opened = _this$props.opened;var _this$getProps2 = this.getProps(),hasShadow = _this$getProps2.hasShadow,disableAnimations = _this$getProps2.disableAnimations,ignoreHover = _this$getProps2.ignoreHover;var children = this.renderChildren();var relativeShift = this.getRelativeShift();var _PopupHelper$getPosit = _PopupHelper.PopupHelper.getPositionObject(location.position),direction = _PopupHelper$getPosit.direction;var rootStyle = { maxWidth: maxWidth, top: location.coordinates.top + relativeShift.top, left: location.coordinates.left + relativeShift.left };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { timeout: TRANSITION_TIMEOUT, appear: !disableAnimations, in: Boolean(opened && children), mountOnEnter: true, unmountOnExit: true, enter: !disableAnimations, exit: !disableAnimations, onExited: this.resetLocation, nodeRef: this.refForTransition }, function (state) {var _this5$props$id, _extends2, _ref;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends3.default)({}, _this5.props, { rootNodeRef: _this5.setRootNode }), /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: (_this5$props$id = _this5.props.id) != null ? _this5$props$id : _this5.rootId, "data-tid": PopupDataTids.root, priority: _this5.props.priority, className: (0, _Emotion.cx)((0, _extends3.default)((_extends2 = {}, _extends2[_Popup2.styles.popup(_this5.theme)] = true, _extends2[_Popup2.styles.shadow(_this5.theme)] = hasShadow, _extends2[_Popup2.styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[_Popup2.styles["transition-enter-" + direction](_this5.theme)] = true, _ref[_Popup2.styles.transitionEnter()] = state === 'entering', _ref[_Popup2.styles.transitionEnterActive()] = state === 'entered', _ref[_Popup2.styles.transitionExit()] = state === 'exiting', _ref))), style: rootStyle, onMouseEnter: _this5.handleMouseEnter, onMouseLeave: _this5.handleMouseLeave }, _this5.content(children), (!_this5.isMobileLayout || _this5.props.withoutMobile) && _this5.renderPin(location.position)));});};_proto.renderChildren = function renderChildren() {return (0, _utils.isFunction)(this.props.children) ? this.props.children() : this.props.children;};_proto.renderPin = function renderPin(positionName) {var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;var pinBorder = _client.isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;var _this$props2 = this.props,pinSize = _this$props2.pinSize,backgroundColor = _this$props2.backgroundColor,borderColor = _this$props2.borderColor;var _this$getProps3 = this.getProps(),hasShadow = _this$getProps3.hasShadow,hasPin = _this$getProps3.hasPin;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);return hasPin && !PopupNonPinnablePositions.includes(positionName) && /*#__PURE__*/_react.default.createElement(_PopupPin.PopupPin, { popupElement: this.lastPopupContentElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), borderWidth: hasShadow ? 1 : 0, backgroundColor: backgroundColor || this.theme.popupBackground, borderColor: borderColor || pinBorder });};_proto.delayUpdateLocation = function delayUpdateLocation() {this.cancelDelayedUpdateLocation();this.locationUpdateId = _globalObject.globalObject.requestAnimationFrame == null ? void 0 : _globalObject.globalObject.requestAnimationFrame(this.updateLocation);};_proto.cancelDelayedUpdateLocation = function cancelDelayedUpdateLocation() {if (this.locationUpdateId) {_globalObject.globalObject.cancelAnimationFrame == null || _globalObject.globalObject.cancelAnimationFrame(this.locationUpdateId);this.locationUpdateId = null;}};_proto.locationEquals = function locationEquals(x, y) {if (x === y) {return true;}if ((0, _utils.isNullable)(x) || (0, _utils.isNullable)(y)) {return false;}if (!_client.isIE11 && !_client.isEdge) {return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;} // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность
+      element.removeEventListener('click', this.handleClick);element.removeEventListener('focusin', this.handleFocus);element.removeEventListener('focusout', this.handleBlur);this.hasAnchorElementListeners = false;}};_proto.renderContent = function renderContent(location) {var _this4 = this;var _this$props = this.props,maxWidth = _this$props.maxWidth,opened = _this$props.opened;var _this$getProps2 = this.getProps(),hasShadow = _this$getProps2.hasShadow,disableAnimations = _this$getProps2.disableAnimations,ignoreHover = _this$getProps2.ignoreHover;var children = this.renderChildren();var relativeShift = this.getRelativeShift();var _PopupHelper$getPosit = _PopupHelper.PopupHelper.getPositionObject(location.position),direction = _PopupHelper$getPosit.direction;var rootStyle = { maxWidth: maxWidth, top: location.coordinates.top + relativeShift.top, left: location.coordinates.left + relativeShift.left };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { timeout: TRANSITION_TIMEOUT, appear: !disableAnimations, in: Boolean(opened && children), mountOnEnter: true, unmountOnExit: true, enter: !disableAnimations, exit: !disableAnimations, onExited: this.resetLocation, nodeRef: this.refForTransition }, function (state) {var _this4$props$id, _extends2, _ref;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends3.default)({}, _this4.props, { rootNodeRef: _this4.setRootNode }), /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: (_this4$props$id = _this4.props.id) != null ? _this4$props$id : _this4.rootId, "data-tid": PopupDataTids.root, priority: _this4.props.priority, className: (0, _Emotion.cx)((0, _extends3.default)((_extends2 = {}, _extends2[_Popup2.styles.popup(_this4.theme)] = true, _extends2[_Popup2.styles.shadow(_this4.theme)] = hasShadow, _extends2[_Popup2.styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[_Popup2.styles["transition-enter-" + direction](_this4.theme)] = true, _ref[_Popup2.styles.transitionEnter()] = state === 'entering', _ref[_Popup2.styles.transitionEnterActive()] = state === 'entered', _ref[_Popup2.styles.transitionExit()] = state === 'exiting', _ref))), style: rootStyle, onMouseEnter: _this4.handleMouseEnter, onMouseLeave: _this4.handleMouseLeave }, _this4.content(children), (!_this4.isMobileLayout || _this4.props.withoutMobile) && _this4.renderPin(location.position)));});};_proto.renderChildren = function renderChildren() {return (0, _utils.isFunction)(this.props.children) ? this.props.children() : this.props.children;};_proto.renderPin = function renderPin(positionName) {var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;var pinBorder = _client.isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;var _this$props2 = this.props,pinSize = _this$props2.pinSize,backgroundColor = _this$props2.backgroundColor,borderColor = _this$props2.borderColor;var _this$getProps3 = this.getProps(),hasShadow = _this$getProps3.hasShadow,hasPin = _this$getProps3.hasPin;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);return hasPin && !PopupNonPinnablePositions.includes(positionName) && /*#__PURE__*/_react.default.createElement(_PopupPin.PopupPin, { popupElement: this.lastPopupContentElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), borderWidth: hasShadow ? 1 : 0, backgroundColor: backgroundColor || this.theme.popupBackground, borderColor: borderColor || pinBorder });};_proto.delayUpdateLocation = function delayUpdateLocation() {this.cancelDelayedUpdateLocation();this.locationUpdateId = _globalObject.globalObject.requestAnimationFrame == null ? void 0 : _globalObject.globalObject.requestAnimationFrame(this.updateLocation);};_proto.cancelDelayedUpdateLocation = function cancelDelayedUpdateLocation() {if (this.locationUpdateId) {_globalObject.globalObject.cancelAnimationFrame == null || _globalObject.globalObject.cancelAnimationFrame(this.locationUpdateId);this.locationUpdateId = null;}};_proto.locationEquals = function locationEquals(x, y) {if (x === y) {return true;}if ((0, _utils.isNullable)(x) || (0, _utils.isNullable)(y)) {return false;}if (!_client.isIE11 && !_client.isEdge) {return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;} // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность
     // уйти в бесконечный ререндер
     return x.position === y.position && Math.abs(x.coordinates.top - y.coordinates.top) <= 1 && Math.abs(x.coordinates.left - y.coordinates.left) <= 1;};_proto.reorderPropsPositionsWithPriorityPos = function reorderPropsPositionsWithPriorityPos() {var positions = this.props.positions ? this.props.positions : PopupPinnablePositions;var pos_ = '';if (this.props.pos) {pos_ = this.props.pos;} else {pos_ = positions[0];}var index = positions.findIndex(function (position) {return position.startsWith(pos_);});if (index === -1) {(0, _warning.default)(false, 'Unexpected position ' + pos_ + ' passed to Popup. Expected one of: ' + positions.join(', '));return positions;}return [].concat(positions.slice(index), positions.slice(0, index));};_proto.getLocation = function getLocation(popupElement, location) {var _this$getProps4 = this.getProps(),tryPreserveFirstRenderedPosition = _this$getProps4.tryPreserveFirstRenderedPosition;var positions = this.reorderPropsPositionsWithPriorityPos();var anchorElement = this.anchorElement;(0, _warning.default)(anchorElement && (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element), 'Anchor element is not defined or not instance of Element');if (!(anchorElement && (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element))) {return location;}var anchorRect = _PopupHelper.PopupHelper.getElementAbsoluteRect(anchorElement);var popupRect = _PopupHelper.PopupHelper.getElementAbsoluteRect(popupElement);var position;var coordinates;if (location && location !== DUMMY_LOCATION && location.position) {position = location.position;coordinates = this.getCoordinates(anchorRect, popupRect, position);var isFullyVisible = _PopupHelper.PopupHelper.isFullyVisible(coordinates, popupRect);var canBecomeVisible = !isFullyVisible && _PopupHelper.PopupHelper.canBecomeFullyVisible(position, coordinates);if ( // если нужно сохранить первоначальную позицию и Попап целиком
       // находится в пределах вьюпорта (или может быть проскроллен в него)
       tryPreserveFirstRenderedPosition && (isFullyVisible || canBecomeVisible) || // если Попап целиком во вьюпорте и в самой приоритетной позиции
       // (иначе нужно попытаться позицию сменить)
       isFullyVisible && position === positions[0]) {// сохраняем текущую позицию
-        return { coordinates: coordinates, position: position };}}for (var _iterator = (0, _createForOfIteratorHelperLoose2.default)(positions), _step; !(_step = _iterator()).done;) {position = _step.value;coordinates = this.getCoordinates(anchorRect, popupRect, position);if (_PopupHelper.PopupHelper.isFullyVisible(coordinates, popupRect)) {return { coordinates: coordinates, position: position };}}position = positions[0];coordinates = this.getCoordinates(anchorRect, popupRect, position);return { coordinates: coordinates, position: position };};_proto.getPinnedPopupOffset = function getPinnedPopupOffset(anchorRect, position) {if (!this.getProps().hasPin || /center|middle/.test(position.align)) {return 0;}var anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;var pinSize = this.props.pinSize;return Math.max(0, this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2);};_proto.getCoordinates = function getCoordinates(anchorRect, popupRect, positionName) {var marginFromProps = this.props.margin;var margin = (0, _utils.isNonNullable)(marginFromProps) && !isNaN(marginFromProps) ? marginFromProps : parseInt(this.theme.popupMargin) || 0;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);var popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);switch (position.direction) {case 'top':return { top: anchorRect.top - popupRect.height - margin, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset) };case 'middle':return { top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
+        return { coordinates: coordinates, position: position, isFullyVisible: true };}}for (var _iterator = (0, _createForOfIteratorHelperLoose2.default)(positions), _step; !(_step = _iterator()).done;) {position = _step.value;coordinates = this.getCoordinates(anchorRect, popupRect, position);if (_PopupHelper.PopupHelper.isFullyVisible(coordinates, popupRect)) {return { coordinates: coordinates, position: position, isFullyVisible: true };}}position = positions[0];coordinates = this.getCoordinates(anchorRect, popupRect, position);return { coordinates: coordinates, position: position, isFullyVisible: false };};_proto.getPinnedPopupOffset = function getPinnedPopupOffset(anchorRect, position) {if (!this.getProps().hasPin || /center|middle/.test(position.align)) {return 0;}var anchorSize = /top|bottom/.test(position.direction) ? anchorRect.width : anchorRect.height;var pinSize = this.props.pinSize;return Math.max(0, this.getPinOffset(position.align) + (pinSize || parseInt(this.theme.popupPinSize)) - anchorSize / 2);};_proto.getCoordinates = function getCoordinates(anchorRect, popupRect, positionName) {var marginFromProps = this.props.margin;var margin = (0, _utils.isNonNullable)(marginFromProps) && !isNaN(marginFromProps) ? marginFromProps : parseInt(this.theme.popupMargin) || 0;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);var popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);switch (position.direction) {case 'top':return { top: anchorRect.top - popupRect.height - margin, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset) };case 'middle':return { top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2, left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset)
         };
       case 'bottom':
         return {