@skbkontur/react-ui 0.0.0-d49c4902ee → 0.0.0-d560679cdd

package/internal/MobilePopup/MobilePopup.d.ts

@@ -1,47 +1,50 @@
-import React, { HTMLAttributes } from 'react';
-interface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
-    /**
-     * Функция, вызываемая при закрытии всплывающего окна
-     */
-    onClose?: () => void;
-    /**
-     * Заголовок всплывающего окна, располагается в шапке
-     */
-    caption?: string;
-    /**
-     * Шапка всплывающего окна
-     */
-    headerChildComponent?: React.ReactNode;
-    /**
-     * Подвал всплывающего окна
-     */
-    footerChildComponent?: React.ReactNode;
-    /**
-     * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`
-     */
-    withoutRenderContainer?: boolean;
-    /**
-     * Функция, вызываемая при клике по вуали
-     */
-    onCloseRequest?: () => void;
-    /**
-     * Позволяет контролировать текущее состояние всплывающего окна
-     */
-    opened: boolean;
-    children?: React.ReactNode;
-}
-export declare const MobilePopupDataTids: {
-    readonly root: "MobilePopup__root";
-    readonly container: "MobilePopup__container";
-};
-export declare class MobilePopup extends React.Component<MobilePopupProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static readonly defaultRootNode: null;
-    private theme;
-    private setRootNode;
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element;
-    close: () => void;
-}
-export {};
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import type { TGetRootNode } from '../../lib/rootNode';
+interface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
+    /**
+     * Функция, вызываемая при закрытии всплывающего окна
+     */
+    onClose?: () => void;
+    /**
+     * Заголовок всплывающего окна, располагается в шапке
+     */
+    caption?: string;
+    /**
+     * Шапка всплывающего окна
+     */
+    headerChildComponent?: React.ReactNode;
+    /**
+     * Подвал всплывающего окна
+     */
+    footerChildComponent?: React.ReactNode;
+    /**
+     * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`
+     */
+    withoutRenderContainer?: boolean;
+    /**
+     * Функция, вызываемая при клике по вуали
+     */
+    onCloseRequest?: () => void;
+    /**
+     * Позволяет контролировать текущее состояние всплывающего окна
+     */
+    opened: boolean;
+    children?: React.ReactNode;
+}
+export declare const MobilePopupDataTids: {
+    readonly root: "MobilePopup__root";
+    readonly container: "MobilePopup__container";
+};
+export declare class MobilePopup extends React.Component<MobilePopupProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static readonly defaultRootNode: null;
+    private theme;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    render(): React.JSX.Element;
+    renderMain(): React.JSX.Element;
+    close: () => void;
+}
+export {};

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","_templateObject2","content","_templateObject3","bgDefault","container","_templateObject4","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","_templateObject5","bottomIndent","_templateObject6","zIndex","_templateObject7","jsStyles"],"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":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;IAMSF,CAAC,CAACG,gCAAgC;;IAEjCH,CAAC,CAACI,iCAAiC;IACvCJ,CAAC,CAACK,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACYF,CAAC,CAACU,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACX,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;IAEDF,CAAC,CAACa,qBAAqB;IACtBb,CAAC,CAACc,uBAAuB;IACxBd,CAAC,CAACc,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDe,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;EAGZ,CAAC;;EAEDiB,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMmB,QAAQ,GAAGxB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","_templateObject2","content","_templateObject3","bgDefault","container","_templateObject4","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","_templateObject5","bottomIndent","_templateObject6","zIndex","_templateObject7","jsStyles"],"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":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;IAMSF,CAAC,CAACG,gCAAgC;;IAEjCH,CAAC,CAACI,iCAAiC;IACvCJ,CAAC,CAACK,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACYF,CAAC,CAACU,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACX,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;IAEDF,CAAC,CAACa,qBAAqB;IACtBb,CAAC,CAACc,uBAAuB;IACxBd,CAAC,CAACc,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDe,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;EAGZ,CAAC;;EAEDiB,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMmB,QAAQ,GAAGxB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","jsStyles","MobilePopupFooter","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","children","props","isValidElement","className","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":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;AAErD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;EAKrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEX,KAAA,CAAAY,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAAChB,KAAK,CAACkB,cAAc,CAACF,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOhB,KAAA,CAAAY,aAAA,UAAKO,SAAS,EAAEjB,QAAQ,CAACkB,IAAI,CAAC,IAAI,CAACN,KAAK,CAAE,IAAEE,QAAc,CAAC;EACpE,CAAC,QAAAb,iBAAA,GAxBoCH,KAAK,CAACqB,SAAS,EAAzClB,iBAAiB,CACdmB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","jsStyles","MobilePopupFooter","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","children","props","isValidElement","className","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":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;AAErD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;EAKrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEX,KAAA,CAAAY,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAAChB,KAAK,CAACkB,cAAc,CAACF,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOhB,KAAA,CAAAY,aAAA,UAAKO,SAAS,EAAEjB,QAAQ,CAACkB,IAAI,CAAC,IAAI,CAACN,KAAK,CAAE,IAAEE,QAAc,CAAC;EACpE,CAAC,QAAAb,iBAAA,GAxBoCH,KAAK,CAACqB,SAAS,EAAzClB,iBAAiB,CACdmB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-import React from 'react';
-export declare class MobilePopupFooter extends React.Component<React.PropsWithChildren> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    render(): React.JSX.Element;
-    private renderMain;
-}
+import React from 'react';
+export declare class MobilePopupFooter extends React.Component<React.PropsWithChildren> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    render(): React.JSX.Element;
+    private renderMain;
+}

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","jsStyles"],"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":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIGF,CAAC,CAACG,wBAAwB;;EAEzC;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","jsStyles"],"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":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIGF,CAAC,CAACG,wBAAwB;;EAEzC;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-export * from './MobilePopupFooter';
+export * from './MobilePopupFooter';

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

@@ -1 +1 @@
-{"version":3,"names":["React","isNonNullable","cx","ThemeContext","jsStyles","MobilePopupHeader","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","_cx","_cx2","_this$props","props","caption","children","className","root","rootWithoutContent","container","captionWithChildren","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":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,aAAa,QAAQ,oBAAoB;;AAElD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;;;;;;;;AASrD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEb,KAAA,CAAAc,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,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;MACEvB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAgB,GAAA,OAAAA,GAAA;QACVd,QAAQ,CAACqB,IAAI,CAAC,IAAI,CAACT,KAAK,CAAC,IAAG,IAAI,EAAAE,GAAA;QAChCd,QAAQ,CAACsB,kBAAkB,CAAC,CAAC,IAAG,CAACJ,OAAO,IAAI,CAACC,QAAQ,EAAAL,GAAA;QACvD,CAAE;;MAEHlB,KAAA,CAAAc,aAAA,UAAKU,SAAS,EAAEpB,QAAQ,CAACuB,SAAS,CAAC,CAAE;MAClCL,OAAO;MACNtB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAiB,IAAA,OAAAA,IAAA;QACVf,QAAQ,CAACkB,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,IAAA;QACnCf,QAAQ,CAACwB,mBAAmB,CAAC,CAAC,IAAG3B,aAAa,CAACsB,QAAQ,CAAC,EAAAJ,IAAA;QAC1D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAtB,KAAK,CAAC6B,cAAc,CAACN,QAAQ,CAAC,iBAAIvB,KAAA,CAAAc,aAAA,cAAMS,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAAlB,iBAAA,GA1CoCL,KAAK,CAAC8B,SAAS,EAAzCzB,iBAAiB,CACd0B,mBAAmB,GAAG,kBAAkB,CAD3C1B,iBAAiB,CAEd2B,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","isNonNullable","cx","ThemeContext","jsStyles","MobilePopupHeader","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","_cx","_cx2","_this$props","props","caption","children","className","root","rootWithoutContent","container","captionWithChildren","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":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,aAAa,QAAQ,oBAAoB;;AAElD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;;;;;;;;AASrD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEb,KAAA,CAAAc,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,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;MACEvB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAgB,GAAA,OAAAA,GAAA;QACVd,QAAQ,CAACqB,IAAI,CAAC,IAAI,CAACT,KAAK,CAAC,IAAG,IAAI,EAAAE,GAAA;QAChCd,QAAQ,CAACsB,kBAAkB,CAAC,CAAC,IAAG,CAACJ,OAAO,IAAI,CAACC,QAAQ,EAAAL,GAAA;QACvD,CAAE;;MAEHlB,KAAA,CAAAc,aAAA,UAAKU,SAAS,EAAEpB,QAAQ,CAACuB,SAAS,CAAC,CAAE;MAClCL,OAAO;MACNtB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAiB,IAAA,OAAAA,IAAA;QACVf,QAAQ,CAACkB,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,IAAA;QACnCf,QAAQ,CAACwB,mBAAmB,CAAC,CAAC,IAAG3B,aAAa,CAACsB,QAAQ,CAAC,EAAAJ,IAAA;QAC1D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAtB,KAAK,CAAC6B,cAAc,CAACN,QAAQ,CAAC,iBAAIvB,KAAA,CAAAc,aAAA,cAAMS,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAAlB,iBAAA,GA1CoCL,KAAK,CAAC8B,SAAS,EAAzCzB,iBAAiB,CACd0B,mBAAmB,GAAG,kBAAkB,CAD3C1B,iBAAiB,CAEd2B,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,15 +1,15 @@
-import React from 'react';
-interface MobilePopupHeaderProps {
-    /**
-     * Заголовок шапки
-     */
-    caption?: string;
-}
-export declare class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private theme;
-    render(): React.JSX.Element;
-    private renderMain;
-}
-export {};
+import React from 'react';
+interface MobilePopupHeaderProps {
+    /**
+     * Заголовок шапки
+     */
+    caption?: string;
+}
+export declare class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private theme;
+    render(): React.JSX.Element;
+    private renderMain;
+}
+export {};

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","rootWithoutContent","_templateObject2","container","_templateObject3","caption","_templateObject4","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","_templateObject5","jsStyles"],"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":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGF,CAAC,CAACG,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;EAIZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACKF,CAAC,CAACU,yBAAyB;IACzBV,CAAC,CAACW,2BAA2B;IAC7BX,CAAC,CAACY,2BAA2B;IACnCZ,CAAC,CAACa,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMc,QAAQ,GAAGnB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","rootWithoutContent","_templateObject2","container","_templateObject3","caption","_templateObject4","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","_templateObject5","jsStyles"],"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":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGF,CAAC,CAACG,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;EAIZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACKF,CAAC,CAACU,yBAAyB;IACzBV,CAAC,CAACW,2BAA2B;IAC7BX,CAAC,CAACY,2BAA2B;IACnCZ,CAAC,CAACa,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMc,QAAQ,GAAGnB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

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

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

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

package/internal/MobilePopup/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","getDateForNative","getDateForComponent","jsStyles","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","focus","input","click","refInput","element","_inheritsLoose","_proto","prototype","render","_this2","createElement","type","max","props","maxDate","min","minDate","value","onChange","e","onValueChange","target","className","inputTypeDate","ref","disabled","tabIndex","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":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,SAAS;AAC/D,SAASC,QAAQ,QAAQ,0BAA0B;;;;;;;;;;AAUnD,IAAMC,gBAAgB,GAAG,YAAY;AACrC,IAAMC,gBAAgB,GAAG,YAAY;;AAErC,WAAaC,eAAe,0BAAAC,gBAAA,YAAAD,gBAAA,OAAAE,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,EAAAe,cAAA,CAAAjB,eAAA,EAAAC,gBAAA,MAAAiB,MAAA,GAAAlB,eAAA,CAAAmB,SAAA,CAAAD,MAAA,CAxCME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE3B,KAAA,CAAA4B,aAAA,YACEC,IAAI,EAAE,MAAO,EACbC,GAAG,EAAE,IAAI,CAACC,KAAK,CAACC,OAAO,GAAG/B,gBAAgB,CAAC,IAAI,CAAC8B,KAAK,CAACC,OAAO,CAAC,GAAG3B,gBAAiB,EAClF4B,GAAG,EAAE,IAAI,CAACF,KAAK,CAACG,OAAO,GAAGjC,gBAAgB,CAAC,IAAI,CAAC8B,KAAK,CAACG,OAAO,CAAC,GAAG9B,gBAAiB,EAClF+B,KAAK,EAAElC,gBAAgB,CAAC,IAAI,CAAC8B,KAAK,CAACI,KAAK,CAAE,EAC1CC,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK,CACf,IAAIV,MAAI,CAACI,KAAK,CAACO,aAAa,EAAE,CAC5BX,MAAI,CAACI,KAAK,CAACO,aAAa,CAACpC,mBAAmB,CAACmC,CAAC,CAACE,MAAM,CAACJ,KAAK,CAAC,CAAC,CAC/D,CACF,CAAE,EACFK,SAAS,EAAErC,QAAQ,CAACsC,aAAa,CAAC,CAAE,EACpCC,GAAG,EAAE,IAAI,CAACrB,QAAS,EACnBsB,QAAQ,EAAE,IAAI,CAACZ,KAAK,CAACY,QAAS,EAC9BC,QAAQ,EAAE,CAAC,CAAE,EACd,CAAC,CAEN,CAAC,QAAAtC,eAAA,GAxBkCN,KAAK,CAAC6C,SAAS,EAAvCvC,eAAe,CACZwC,mBAAmB,GAAG,kBAAkB,CAD3CxC,eAAe,CAEZyC,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","getDateForNative","getDateForComponent","jsStyles","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","focus","input","click","refInput","element","_inheritsLoose","_proto","prototype","render","_this2","createElement","type","max","props","maxDate","min","minDate","value","onChange","e","onValueChange","target","className","inputTypeDate","ref","disabled","tabIndex","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":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,SAAS;AAC/D,SAASC,QAAQ,QAAQ,0BAA0B;;;;;;;;;;AAUnD,IAAMC,gBAAgB,GAAG,YAAY;AACrC,IAAMC,gBAAgB,GAAG,YAAY;;AAErC,WAAaC,eAAe,0BAAAC,gBAAA,YAAAD,gBAAA,OAAAE,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,EAAAe,cAAA,CAAAjB,eAAA,EAAAC,gBAAA,MAAAiB,MAAA,GAAAlB,eAAA,CAAAmB,SAAA,CAAAD,MAAA,CAxCME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE3B,KAAA,CAAA4B,aAAA,YACEC,IAAI,EAAE,MAAO,EACbC,GAAG,EAAE,IAAI,CAACC,KAAK,CAACC,OAAO,GAAG/B,gBAAgB,CAAC,IAAI,CAAC8B,KAAK,CAACC,OAAO,CAAC,GAAG3B,gBAAiB,EAClF4B,GAAG,EAAE,IAAI,CAACF,KAAK,CAACG,OAAO,GAAGjC,gBAAgB,CAAC,IAAI,CAAC8B,KAAK,CAACG,OAAO,CAAC,GAAG9B,gBAAiB,EAClF+B,KAAK,EAAElC,gBAAgB,CAAC,IAAI,CAAC8B,KAAK,CAACI,KAAK,CAAE,EAC1CC,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK,CACf,IAAIV,MAAI,CAACI,KAAK,CAACO,aAAa,EAAE,CAC5BX,MAAI,CAACI,KAAK,CAACO,aAAa,CAACpC,mBAAmB,CAACmC,CAAC,CAACE,MAAM,CAACJ,KAAK,CAAC,CAAC,CAC/D,CACF,CAAE,EACFK,SAAS,EAAErC,QAAQ,CAACsC,aAAa,CAAC,CAAE,EACpCC,GAAG,EAAE,IAAI,CAACrB,QAAS,EACnBsB,QAAQ,EAAE,IAAI,CAACZ,KAAK,CAACY,QAAS,EAC9BC,QAAQ,EAAE,CAAC,CAAE,EACd,CAAC,CAEN,CAAC,QAAAtC,eAAA,GAxBkCN,KAAK,CAAC6C,SAAS,EAAvCvC,eAAe,CACZwC,mBAAmB,GAAG,kBAAkB,CAD3CxC,eAAe,CAEZyC,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/internal/NativeDateInput/NativeDateInput.d.ts

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

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

@@ -1,3 +1,3 @@
-export declare const jsStyles: {
-    inputTypeDate(): string;
-};
+export declare const jsStyles: {
+    inputTypeDate(): string;
+};

package/internal/NativeDateInput/index.d.ts

@@ -1 +1 @@
-export * from './NativeDateInput';
+export * from './NativeDateInput';

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

@@ -1 +1 @@
-{"version":3,"names":["getMonthInHumanFormat","getDateForNative","componentDate","undefined","splittedDate","split","getDateForComponent","nativeDate","getNativeDateFromShape","_map","date","month","year","map","x","toString","padStart","upMonthOfShape","DateShape","_extends","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":"0DAAA,SAASA,qBAAqB,QAAQ,yCAAyC;;;;AAI/E,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,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;;AAED,OAAO,IAAME,mBAAmB,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;;AAED,OAAO,IAAMI,sBAAsB,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;;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,SAAwC,EAAoC;EACzG,IAAI,CAACA,SAAS,EAAE;IACd,OAAOf,SAAS;EAClB;;EAEA,OAAAgB,QAAA,KAAYD,SAAS,IAAEP,KAAK,EAAEX,qBAAqB,CAACkB,SAAS,CAACP,KAAK,CAAC;AACtE,CAAC;;AAED,OAAO,IAAMS,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIb,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,UAAKW,MAAM,CAACX,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":["getMonthInHumanFormat","getDateForNative","componentDate","undefined","splittedDate","split","getDateForComponent","nativeDate","getNativeDateFromShape","_map","date","month","year","map","x","toString","padStart","upMonthOfShape","DateShape","_extends","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":"0DAAA,SAASA,qBAAqB,QAAQ,yCAAyC;;;;AAI/E,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,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;;AAED,OAAO,IAAME,mBAAmB,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;;AAED,OAAO,IAAMI,sBAAsB,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;;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,SAAwC,EAAoC;EACzG,IAAI,CAACA,SAAS,EAAE;IACd,OAAOf,SAAS;EAClB;;EAEA,OAAAgB,QAAA,KAAYD,SAAS,IAAEP,KAAK,EAAEX,qBAAqB,CAACkB,SAAS,CAACP,KAAK,CAAC;AACtE,CAAC;;AAED,OAAO,IAAMS,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIb,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,UAAKW,MAAM,CAACX,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/internal/NativeDateInput/utils.d.ts

@@ -1,7 +1,7 @@
-import { Nullable } from '../../typings/utility-types';
-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;
-export declare const upMonthOfShape: (DateShape: CalendarDateShape | undefined) => CalendarDateShape | undefined;
-export declare const getShapeFromNativeDate: (nativeDate: Nullable<string>) => CalendarDateShape | undefined;
+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;
+export declare const upMonthOfShape: (DateShape: CalendarDateShape | undefined) => CalendarDateShape | undefined;
+export declare const getShapeFromNativeDate: (nativeDate: Nullable<string>) => CalendarDateShape | undefined;

package/internal/Popup/Popup/Popup.js

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Popup;
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
 import warning from 'warning';
 import { globalObject } from '@skbkontur/global-object';
@@ -14,7 +13,6 @@ import { RenderContainer } from "../../RenderContainer";
 import { getRandomID, isFunction, isNonNullable, isNullable, isRefableElement } from "../../../lib/utils";
 import { isIE11, isEdge } from "../../../lib/client";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { safePropTypesInstanceOf } from "../../../lib/SSRSafe";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
@@ -26,9 +24,11 @@ import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
 import { mergeRefs } from "../../../lib/mergeRefs";
-import { PopupPin } from "../PopupPin";
+import { getVisualStateDataAttributes } from "../../CommonWrapper/utils/getVisualStateDataAttributes";
+import { PopupPinNew } from "../PopupPinNew";
 import { PopupHelper } from "../PopupHelper";
 import { styles } from "../Popup.styles";
+import { PopupPin } from "../PopupPin";
 var POPUP_BORDER_DEFAULT_COLOR = 'transparent';
 var TRANSITION_TIMEOUT = {
   enter: 0,
@@ -43,7 +43,8 @@ export var DUMMY_LOCATION = {
   coordinates: {
     top: -9999,
     left: -9999
-  }
+  },
+  isFullyVisible: false
 };
 export var PopupDataTids = {
   root: 'Popup__root',
@@ -161,6 +162,16 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
         }, children))
       );
     };
+    _this.prepareDataVisualState = function () {
+      var _this$state$location;
+      var position = (_this$state$location = _this.state.location) == null ? void 0 : _this$state$location.position;
+      if (position) {
+        var _getVisualStateDataAt;
+        var attrName = "position-" + position.replace(' ', '-');
+        return getVisualStateDataAttributes((_getVisualStateDataAt = {}, _getVisualStateDataAt[attrName] = true, _getVisualStateDataAt));
+      }
+      return {};
+    };
     _this.resetLocation = function () {
       _this.cancelDelayedUpdateLocation();
       _this.state.location !== null && _this.setState({
@@ -183,7 +194,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       }
       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)) {
         _this.setState({
@@ -365,7 +376,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       var _this4$props$id, _extends2, _ref;
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({}, _this4.props, {
         rootNodeRef: _this4.setRootNode
-      }), /*#__PURE__*/React.createElement(ZIndex, {
+      }, _this4.prepareDataVisualState()), /*#__PURE__*/React.createElement(ZIndex, {
         id: (_this4$props$id = _this4.props.id) != null ? _this4$props$id : _this4.rootId,
         "data-tid": PopupDataTids.root,
         priority: _this4.props.priority,
@@ -390,7 +401,13 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       hasShadow = _this$getProps3.hasShadow,
       hasPin = _this$getProps3.hasPin;
     var position = PopupHelper.getPositionObject(positionName);
-    return hasPin && !PopupNonPinnablePositions.includes(positionName) && /*#__PURE__*/React.createElement(PopupPin, {
+    return hasPin && !PopupNonPinnablePositions.includes(positionName) && (this.featureFlags.popupFixPinTearing ? /*#__PURE__*/React.createElement(PopupPinNew, {
+      popupElement: this.lastPopupContentElement,
+      popupPosition: positionName,
+      size: pinSize || parseInt(this.theme.popupPinSize),
+      offset: this.getPinOffset(position.align),
+      backgroundColor: backgroundColor || this.theme.popupBackground
+    }) : /*#__PURE__*/React.createElement(PopupPin, {
       popupElement: this.lastPopupContentElement,
       popupPosition: positionName,
       size: pinSize || parseInt(this.theme.popupPinSize),
@@ -398,7 +415,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       borderWidth: hasShadow ? 1 : 0,
       backgroundColor: backgroundColor || this.theme.popupBackground,
       borderColor: borderColor || pinBorder
-    });
+    }));
   };
   _proto.delayUpdateLocation = function delayUpdateLocation() {
     this.cancelDelayedUpdateLocation();
@@ -468,7 +485,8 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
         // сохраняем текущую позицию
         return {
           coordinates: coordinates,
-          position: position
+          position: position,
+          isFullyVisible: true
         };
       }
     }
@@ -478,7 +496,8 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
       if (PopupHelper.isFullyVisible(coordinates, popupRect)) {
         return {
           coordinates: coordinates,
-          position: position
+          position: position,
+          isFullyVisible: true
         };
       }
     }
@@ -486,7 +505,8 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
     coordinates = this.getCoordinates(anchorRect, popupRect, position);
     return {
       coordinates: coordinates,
-      position: position
+      position: position,
+      isFullyVisible: false
     };
   };
   _proto.getPinnedPopupOffset = function getPinnedPopupOffset(anchorRect, position) {
@@ -573,64 +593,7 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
     }
   };
   return Popup;
-}(React.Component), _Popup.__KONTUR_REACT_UI__ = 'Popup', _Popup.displayName = 'Popup', _Popup.propTypes = {
-  /**
-  * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
-  */
-  anchorElement: PropTypes.oneOfType([safePropTypesInstanceOf(globalObject.HTMLElement), PropTypes.node]).isRequired,
-  /**
-  * Фон попапа и пина
-  */
-  backgroundColor: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  /**
-  * Показывать ли пин
-  */
-  hasPin: PropTypes.bool,
-  /**
-  * Применять ли box-shadow на попапе. При false отключает границу на пине
-  */
-  hasShadow: PropTypes.bool,
-  /**
-  * Отступ попапа от элемента
-  */
-  margin: PropTypes.number,
-  /**
-  * Показан или скрыт попап
-  */
-  opened: PropTypes.bool,
-  /**
-  * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-  */
-  pinOffset: PropTypes.number,
-  /**
-  * Сторона пина без учёта границы.
-  * Пин представляет собой равносторонний треугольник, высота от попапа
-  * до "носика" пина будет соответствовать формуле (size* √3)/2
-  */
-  pinSize: PropTypes.number,
-  /**
-  * смещение попапа относительно родительского элемента
-  */
-  popupOffset: PropTypes.number,
-  /**
-  * С какой стороны показывать попап и край попапа,
-  * на котором будет отображаться пин
-  */
-  positions: PropTypes.array,
-  /**
-  * Приоритетная позиция попапа
-  */
-  pos: PropTypes.string,
-  /**
-  * Отключает использование портала
-  */
-  disablePortal: PropTypes.bool,
-  /**
-  * Игнорировать ли события hover/click
-  */
-  ignoreHover: PropTypes.bool
-}, _Popup.defaultProps = {
+}(React.Component), _Popup.__KONTUR_REACT_UI__ = 'Popup', _Popup.displayName = 'Popup', _Popup.defaultProps = {
   popupOffset: 0,
   hasPin: false,
   hasShadow: false,
@@ -640,7 +603,9 @@ export var Popup = responsiveLayout(_class = rootNode(_class = (_Popup = /*#__PU
   disablePortal: false,
   width: 'auto',
   priority: ZIndex.priorities.Popup
-}, _Popup.defaultRootNode = null, _Popup)) || _class) || _class; // Нужно, чтобы получать по рефу dom-элемент, в который зарендерится anchor
+}, _Popup.defaultRootNode = null, _Popup)) || _class) || _class;
+
+// Нужно, чтобы получать по рефу dom-элемент, в который зарендерится anchor
 var EmptyWrapper = /*#__PURE__*/function (_React$Component2) {
   function EmptyWrapper() {
     return _React$Component2.apply(this, arguments) || this;