@skbkontur/react-ui 4.0.0-beta.4 → 4.0.1

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 
 var styles = (0, _Emotion.memoizeStyle)({
@@ -9,16 +9,36 @@ var styles = (0, _Emotion.memoizeStyle)({
 
 
 
+  },
+
+  alignRight: function alignRight() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
+
+
+  },
+
+  alignRightIE11: function alignRightIE11() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      float: right;\n      width: 100%;\n    "])));
+
+
+
+  },
+
+  alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    "])));
+
+
+
   },
 
   scrollContainer: function scrollContainer(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
     t.menuPaddingY);
 
   },
 
   shadow: function shadow(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n      box-shadow: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n      box-shadow: ", ";\n    "])),
     t.menuBorder,
     t.menuShadow);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Menu.styles.ts"],"names":["styles","root","t","css","menuBgDefault","scrollContainer","menuPaddingY","shadow","menuBorder","menuShadow"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,aADlB;;;;;AAMD,GARgC;;AAUjCC,EAAAA,eAViC,2BAUjBH,CAViB,EAUP;AACxB,eAAOC,YAAP;AACaD,IAAAA,CAAC,CAACI,YADf;;AAGD,GAdgC;;AAgBjCC,EAAAA,MAhBiC,kBAgB1BL,CAhB0B,EAgBhB;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACM,UADd;AAEgBN,IAAAA,CAAC,CAACO,UAFlB;;AAID,GArBgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.menuBgDefault};\n      box-sizing: content-box;\n      overflow: auto;\n      padding: 0 0;\n    `;\n  },\n\n  scrollContainer(t: Theme) {\n    return css`\n      padding: ${t.menuPaddingY} 0;\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Menu.styles.ts"],"names":["styles","root","t","css","menuBgDefault","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuPaddingY","shadow","menuBorder","menuShadow"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,aADlB;;;;;AAMD,GARgC;;AAUjCC,EAAAA,UAViC,wBAUpB;AACX,eAAOF,YAAP;;;AAGD,GAdgC;;AAgBjCG,EAAAA,cAhBiC,4BAgBhB;AACf,eAAOH,YAAP;;;;AAID,GArBgC;;AAuBjCI,EAAAA,0BAvBiC,wCAuBJ;AAC3B,eAAOJ,YAAP;;;;AAID,GA5BgC;;AA8BjCK,EAAAA,eA9BiC,2BA8BjBN,CA9BiB,EA8BP;AACxB,eAAOC,YAAP;AACaD,IAAAA,CAAC,CAACO,YADf;;AAGD,GAlCgC;;AAoCjCC,EAAAA,MApCiC,kBAoC1BR,CApC0B,EAoChB;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACS,UADd;AAEgBT,IAAAA,CAAC,CAACU,UAFlB;;AAID,GAzCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.menuBgDefault};\n      box-sizing: content-box;\n      overflow: auto;\n      padding: 0 0;\n    `;\n  },\n\n  alignRight() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  alignRightIE11() {\n    return css`\n      float: right;\n      width: 100%;\n    `;\n  },\n\n  alignRightIE11FixAutoWidth() {\n    return css`\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    `;\n  },\n\n  scrollContainer(t: Theme) {\n    return css`\n      padding: ${t.menuPaddingY} 0;\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n});\n"]}

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

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

package/cjs/internal/Menu/isActiveElement.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { MenuItem, MenuItemProps } from '../../components/MenuItem';
-export declare function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem>;
+import React from 'react';
+import { MenuItem, MenuItemProps } from '../../components/MenuItem';
+export declare function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem>;

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

@@ -1,34 +1,34 @@
-import React from 'react';
-interface MobilePopupProps {
-    /**
-     * Хэндлер, вызываемый при закрытии меню
-     */
-    onClose?: () => void;
-    caption?: string;
-    /**
-     * Компонент, закрепленный сверху меню (под холдером)
-     */
-    headerChildComponent?: React.ReactNode;
-    useFullHeight?: boolean;
-    withoutRenderContainer?: boolean;
-    /**
-     * Хэндлер, вызываемый при клике по вуали или заголовку
-     */
-    onCloseRequest?: () => void;
-    opened: boolean;
-}
-interface MobilePopupState {
-    isScrolled: boolean;
-}
-export declare class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {
-    static __KONTUR_REACT_UI__: string;
-    private contentDiv;
-    private theme;
-    state: MobilePopupState;
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-    close: () => void;
-    private refContent;
-    private handleScrollMenu;
-}
-export {};
+import React from 'react';
+interface MobilePopupProps {
+    /**
+     * Хэндлер, вызываемый при закрытии меню
+     */
+    onClose?: () => void;
+    caption?: string;
+    /**
+     * Компонент, закрепленный сверху меню (под холдером)
+     */
+    headerChildComponent?: React.ReactNode;
+    useFullHeight?: boolean;
+    withoutRenderContainer?: boolean;
+    /**
+     * Хэндлер, вызываемый при клике по вуали или заголовку
+     */
+    onCloseRequest?: () => void;
+    opened: boolean;
+}
+interface MobilePopupState {
+    isScrolled: boolean;
+}
+export declare class MobilePopup extends React.Component<MobilePopupProps, MobilePopupState> {
+    static __KONTUR_REACT_UI__: string;
+    private contentDiv;
+    private theme;
+    state: MobilePopupState;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+    close: () => void;
+    private refContent;
+    private handleScrollMenu;
+}
+export {};

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

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

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

@@ -1,15 +1,15 @@
-import React from 'react';
-interface MobilePopupHeaderProps {
-    caption?: string;
-    onClose: () => void;
-    withShadow?: boolean;
-}
-export declare class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private rootClickHandler;
-    private wrapperClickHandler;
-}
-export {};
+import React from 'react';
+interface MobilePopupHeaderProps {
+    caption?: string;
+    onClose: () => void;
+    withShadow?: boolean;
+}
+export declare class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    render(): JSX.Element;
+    private renderMain;
+    private rootClickHandler;
+    private wrapperClickHandler;
+}
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { Nullable } from '../../typings/utility-types';
-import { CalendarDateShape } from '../Calendar';
-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 { Nullable } from '../../typings/utility-types';
+import { CalendarDateShape } from '../Calendar';
+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/cjs/internal/PerformanceMetrics/PerformanceMetrics.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface PerformanceMetricsProps {
-    componentsA: React.ReactElement<any>;
-    componentsB: React.ReactElement<any>;
-}
-export declare function PerformanceMetrics(props: PerformanceMetricsProps): JSX.Element;
-export {};
+import React from 'react';
+interface PerformanceMetricsProps {
+    componentsA: React.ReactElement<any>;
+    componentsB: React.ReactElement<any>;
+}
+export declare function PerformanceMetrics(props: PerformanceMetricsProps): JSX.Element;
+export {};

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

@@ -1,167 +1,167 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-import { FocusEventType, MouseEventType } from '../../typings/event-types';
-import { CommonProps } from '../CommonWrapper';
-export declare const PopupPositions: readonly ["top left", "top center", "top right", "right top", "right middle", "right bottom", "bottom right", "bottom center", "bottom left", "left bottom", "left middle", "left top"];
-export declare const DefaultPosition: "top left";
-export declare type PopupPositionsType = typeof PopupPositions[number];
-export interface PopupHandlerProps {
-    onMouseEnter?: (event: MouseEventType) => void;
-    onMouseLeave?: (event: MouseEventType) => void;
-    onClick?: (event: MouseEventType) => void;
-    onFocus?: (event: FocusEventType) => void;
-    onBlur?: (event: FocusEventType) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
-export interface PopupProps extends CommonProps, PopupHandlerProps {
-    anchorElement: React.ReactNode | HTMLElement;
-    backgroundColor?: React.CSSProperties['backgroundColor'];
-    borderColor?: React.CSSProperties['borderColor'];
-    children: React.ReactNode | (() => React.ReactNode);
-    hasPin: boolean;
-    hasShadow: boolean;
-    disableAnimations: boolean;
-    margin?: number;
-    maxWidth?: number | string;
-    opened: boolean;
-    pinOffset?: number;
-    pinSize?: number;
-    popupOffset: number;
-    positions: Readonly<PopupPositionsType[]>;
-    /**
-     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
-     *
-     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
-     */
-    useWrapper: boolean;
-    ignoreHover: boolean;
-    width: React.CSSProperties['width'];
-    /**
-     * При очередном рендере пытаться сохранить первоначальную позицию попапа
-     * (в числе числе, когда он выходит за пределы экрана, но может быть проскролен в него).
-     *
-     * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.
-     * @see https://github.com/skbkontur/retail-ui/pull/1195
-     */
-    tryPreserveFirstRenderedPosition?: boolean;
-    withoutMobile?: boolean;
-    mobileOnCloseRequest?: () => void;
-}
-interface PopupLocation {
-    coordinates: {
-        left: number;
-        top: number;
-    };
-    position: PopupPositionsType;
-}
-export interface PopupState {
-    location: Nullable<PopupLocation>;
-}
-export declare class Popup extends React.Component<PopupProps, PopupState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        /**
-         * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
-         */
-        anchorElement: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Фон попапа и пина
-         */
-        backgroundColor: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Показывать ли пин
-         */
-        hasPin: PropTypes.Requireable<boolean>;
-        /**
-         * Применять ли box-shadow на попапе. При false отключает границу на пине
-         */
-        hasShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Отступ попапа от элемента
-         */
-        margin: PropTypes.Requireable<number>;
-        /**
-         * Показан или скрыт попап
-         */
-        opened: PropTypes.Requireable<boolean>;
-        /**
-         * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-         */
-        pinOffset: PropTypes.Requireable<number>;
-        /**
-         * Сторона пина без учёта границы.
-         * Пин представляет собой равносторонний треугольник, высота от попапа
-         * до "носика" пина будет соответствовать формуле (size* √3)/2
-         */
-        pinSize: PropTypes.Requireable<number>;
-        /**
-         * смещение попапа относительно родительского элемента
-         */
-        popupOffset: PropTypes.Requireable<number>;
-        /**
-         * С какой стороны показывать попап и край попапа,
-         * на котором будет отображаться пин
-         */
-        positions: PropTypes.Requireable<any[]>;
-        /**
-         * Игнорировать ли события hover/click
-         */
-        ignoreHover: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        popupOffset: number;
-        hasPin: boolean;
-        hasShadow: boolean;
-        disableAnimations: boolean;
-        useWrapper: boolean;
-        ignoreHover: boolean;
-        width: string;
-    };
-    state: PopupState;
-    private theme;
-    private layoutEventsToken;
-    private locationUpdateId;
-    private lastPopupElement;
-    private anchorElement;
-    private isMobileLayout;
-    private setRootNode;
-    private refForTransition;
-    componentDidMount(): void;
-    static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState): PopupState;
-    componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMobile;
-    private renderMain;
-    private renderContainerRef;
-    private updateAnchorElement;
-    private addEventListeners;
-    private removeEventListeners;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleClick;
-    private handleFocus;
-    private handleBlur;
-    private calculateWidth;
-    private content;
-    private renderContent;
-    private resetLocation;
-    private renderChildren;
-    private refPopupElement;
-    private renderPin;
-    private handleLayoutEvent;
-    private delayUpdateLocation;
-    private cancelDelayedUpdateLocation;
-    private updateLocation;
-    private locationEquals;
-    private getLocation;
-    private getPinnedPopupOffset;
-    private getCoordinates;
-    private getPinOffset;
-    private getHorizontalPosition;
-    private getVerticalPosition;
-}
-export {};
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Nullable } from '../../typings/utility-types';
+import { FocusEventType, MouseEventType } from '../../typings/event-types';
+import { CommonProps } from '../CommonWrapper';
+export declare const PopupPositions: readonly ["top left", "top center", "top right", "right top", "right middle", "right bottom", "bottom right", "bottom center", "bottom left", "left bottom", "left middle", "left top"];
+export declare const DefaultPosition: "top left";
+export declare type PopupPositionsType = typeof PopupPositions[number];
+export interface PopupHandlerProps {
+    onMouseEnter?: (event: MouseEventType) => void;
+    onMouseLeave?: (event: MouseEventType) => void;
+    onClick?: (event: MouseEventType) => void;
+    onFocus?: (event: FocusEventType) => void;
+    onBlur?: (event: FocusEventType) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export interface PopupProps extends CommonProps, PopupHandlerProps {
+    anchorElement: React.ReactNode | HTMLElement;
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    borderColor?: React.CSSProperties['borderColor'];
+    children: React.ReactNode | (() => React.ReactNode);
+    hasPin: boolean;
+    hasShadow: boolean;
+    disableAnimations: boolean;
+    margin?: number;
+    maxWidth?: number | string;
+    opened: boolean;
+    pinOffset?: number;
+    pinSize?: number;
+    popupOffset: number;
+    positions: Readonly<PopupPositionsType[]>;
+    /**
+     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
+     *
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
+     */
+    useWrapper: boolean;
+    ignoreHover: boolean;
+    width: React.CSSProperties['width'];
+    /**
+     * При очередном рендере пытаться сохранить первоначальную позицию попапа
+     * (в числе числе, когда он выходит за пределы экрана, но может быть проскролен в него).
+     *
+     * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.
+     * @see https://github.com/skbkontur/retail-ui/pull/1195
+     */
+    tryPreserveFirstRenderedPosition?: boolean;
+    withoutMobile?: boolean;
+    mobileOnCloseRequest?: () => void;
+}
+interface PopupLocation {
+    coordinates: {
+        left: number;
+        top: number;
+    };
+    position: PopupPositionsType;
+}
+export interface PopupState {
+    location: Nullable<PopupLocation>;
+}
+export declare class Popup extends React.Component<PopupProps, PopupState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        /**
+         * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
+         */
+        anchorElement: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /**
+         * Фон попапа и пина
+         */
+        backgroundColor: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /**
+         * Показывать ли пин
+         */
+        hasPin: PropTypes.Requireable<boolean>;
+        /**
+         * Применять ли box-shadow на попапе. При false отключает границу на пине
+         */
+        hasShadow: PropTypes.Requireable<boolean>;
+        /**
+         * Отступ попапа от элемента
+         */
+        margin: PropTypes.Requireable<number>;
+        /**
+         * Показан или скрыт попап
+         */
+        opened: PropTypes.Requireable<boolean>;
+        /**
+         * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+         */
+        pinOffset: PropTypes.Requireable<number>;
+        /**
+         * Сторона пина без учёта границы.
+         * Пин представляет собой равносторонний треугольник, высота от попапа
+         * до "носика" пина будет соответствовать формуле (size* √3)/2
+         */
+        pinSize: PropTypes.Requireable<number>;
+        /**
+         * смещение попапа относительно родительского элемента
+         */
+        popupOffset: PropTypes.Requireable<number>;
+        /**
+         * С какой стороны показывать попап и край попапа,
+         * на котором будет отображаться пин
+         */
+        positions: PropTypes.Requireable<any[]>;
+        /**
+         * Игнорировать ли события hover/click
+         */
+        ignoreHover: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        popupOffset: number;
+        hasPin: boolean;
+        hasShadow: boolean;
+        disableAnimations: boolean;
+        useWrapper: boolean;
+        ignoreHover: boolean;
+        width: string;
+    };
+    state: PopupState;
+    private theme;
+    private layoutEventsToken;
+    private locationUpdateId;
+    private lastPopupElement;
+    private anchorElement;
+    private isMobileLayout;
+    private setRootNode;
+    private refForTransition;
+    componentDidMount(): void;
+    static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState): PopupState;
+    componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMobile;
+    private renderMain;
+    private renderContainerRef;
+    private updateAnchorElement;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleClick;
+    private handleFocus;
+    private handleBlur;
+    private calculateWidth;
+    private content;
+    private renderContent;
+    private resetLocation;
+    private renderChildren;
+    private refPopupElement;
+    private renderPin;
+    private handleLayoutEvent;
+    private delayUpdateLocation;
+    private cancelDelayedUpdateLocation;
+    private updateLocation;
+    private locationEquals;
+    private getLocation;
+    private getPinnedPopupOffset;
+    private getCoordinates;
+    private getPinOffset;
+    private getHorizontalPosition;
+    private getVerticalPosition;
+}
+export {};