@skbkontur/react-ui 5.2.0 → 5.3.0

package/components/Tooltip/Tooltip.d.ts

@@ -1,133 +1,138 @@
-import React from 'react';
-import type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';
-import type { Nullable } from '../../typings/utility-types';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
-import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
-export type TooltipTrigger = 
-/** Наведение на children и на тултип */
-'hover'
-/** Клик на children */
- | 'click'
-/** Фокус на children */
- | 'focus'
-/** Наведение на children и на тултип и фокус на children */
- | 'hover&focus'
-/** Просто открыт */
- | 'opened'
-/** Просто закрыт */
- | 'closed'
-/** Наведение ТОЛЬКО на children, а не на тултип */
- | 'hoverAnchor'
-/** Управление через публичные функции show и hide */
- | 'manual';
-export interface TooltipProps extends CommonProps {
-    /** Указывает элемент, относительно которого позиционировать тултип. */
-    anchorElement?: HTMLElement;
-    /** @ignore */
-    children?: React.ReactNode;
-    /** Задает HTML-атрибут class. */
-    className?: string;
-    /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */
-    closeButton?: boolean;
-    /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */
-    render?: Nullable<() => React.ReactNode>;
-    /** Задает приоритетное расположение подсказки относительно текста. */
-    pos?: ShortPopupPositionsType | PopupPositionsType;
-    /** Задает триггер открытия тултипа. */
-    trigger?: TooltipTrigger;
-    /** Задает хендлер, который вызывается при клике по крестику. */
-    onCloseClick?: React.MouseEventHandler<HTMLElement>;
-    /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */
-    onCloseRequest?: (event?: Event | React.MouseEvent) => void;
-    /** Задает хендлер, который вызывается при закрытии тултипа. */
-    onClose?: () => void;
-    /** Задает хендлер, который вызывается при открытии тултипа. */
-    onOpen?: () => void;
-    /** Задает список позиций, которые тултип будет занимать.
-     * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.
-     * Обязательно должен включать позицию указанную в `pos`. */
-    allowedPositions?: PopupPositionsType[];
-    /** Отключает анимацию.
-     * @default false */
-    disableAnimations?: boolean;
-    /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.
-     * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
-     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */
-    useWrapper?: boolean;
-    /** Устанавливает задержку в миллисекундах до появления лоадера. */
-    delayBeforeShow?: number;
-}
-export interface TooltipState {
-    opened: boolean;
-    focused: boolean;
-}
-export declare const TooltipDataTids: {
-    readonly root: "Tooltip__root";
-    readonly content: "Tooltip__content";
-    readonly crossIcon: "Tooltip__crossIcon";
-};
-type DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;
-/**
- * `Tooltip` — это подсказка, которую пользователь открывает сам, кликом по элементу.
- *
- * `Tooltip` используется для коротких поясняющих текстов, если необходимо дать разъяснение к деталям интерфейса, упомянутой информации или помочь с заполнением полей.
- * Если эти подробности не нужны постоянно, но могут помочь пользователю в момент когда он испытывает трудности.
- *
- * Для подсказки, всплывающей по наведению используйте Hint.
- */
-export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        children(props: TooltipProps, propName: keyof TooltipProps, componentName: string): void;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    static delay: number;
-    private static triggersWithoutCloseButton;
-    state: TooltipState;
-    private theme;
-    featureFlags: ReactUIFeatureFlags;
-    private hoverTimeout;
-    private contentElement;
-    private clickedOutside;
-    private setRootNode;
-    private popupRef;
-    getAllowedPositions(): string[];
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    renderContent: () => React.JSX.Element | null;
-    renderCloseButton(): React.JSX.Element | null;
-    getAnchorElement: () => Nullable<Element>;
-    /**
-     * Программно открывает тултип.
-     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-     * @public
-     */
-    show(): void;
-    /**
-     * Программно закрывает тултип.
-     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-     * @public
-     */
-    hide(): void;
-    private renderMain;
-    private renderPopup;
-    private getPositions;
-    private refContent;
-    private getPopupAndLayerProps;
-    private open;
-    private close;
-    private clearHoverTimeout;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleClick;
-    private handleClickOutsideAnchor;
-    private isClickOutsideContent;
-    private handleFocus;
-    private handleBlur;
-    private handleCloseButtonClick;
-}
-export {};
+import React from 'react';
+import type { SizeProp } from 'react-ui/lib/types/props';
+import type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
+import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
+export type TooltipTrigger = 
+/** Наведение на children и на тултип */
+'hover'
+/** Клик на children */
+ | 'click'
+/** Фокус на children */
+ | 'focus'
+/** Наведение на children и на тултип и фокус на children */
+ | 'hover&focus'
+/** Просто открыт */
+ | 'opened'
+/** Просто закрыт */
+ | 'closed'
+/** Наведение ТОЛЬКО на children, а не на тултип */
+ | 'hoverAnchor'
+/** Управление через публичные функции show и hide */
+ | 'manual';
+export interface TooltipProps extends CommonProps {
+    /** Указывает элемент, относительно которого позиционировать тултип. */
+    anchorElement?: HTMLElement;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Задает HTML-атрибут class. */
+    className?: string;
+    /** Отображает крестик для закрытия тултипа. По-умолчанию крестик виден, если проп *trigger* не равен `hover` или `focus`. */
+    closeButton?: boolean;
+    /** Задает функцию, которая возвращает содержимое тултипа. Если функция вернула `null`, то тултип не показывается. */
+    render?: Nullable<() => React.ReactNode>;
+    /** Задает приоритетное расположение подсказки относительно текста. */
+    pos?: ShortPopupPositionsType | PopupPositionsType;
+    /** Задает размер тултипа.
+     * @default 'small' */
+    size?: SizeProp;
+    /** Задает триггер открытия тултипа. */
+    trigger?: TooltipTrigger;
+    /** Задает хендлер, который вызывается при клике по крестику. */
+    onCloseClick?: React.MouseEventHandler<HTMLElement>;
+    /** Задает хендлер, который вызывается при клике по крестику или снаружи тултипа. */
+    onCloseRequest?: (event?: Event | React.MouseEvent) => void;
+    /** Задает хендлер, который вызывается при закрытии тултипа. */
+    onClose?: () => void;
+    /** Задает хендлер, который вызывается при открытии тултипа. */
+    onOpen?: () => void;
+    /** Задает список позиций, которые тултип будет занимать.
+     * Если положение тултипа в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция.
+     * Обязательно должен включать позицию указанную в `pos`. */
+    allowedPositions?: PopupPositionsType[];
+    /** Отключает анимацию.
+     * @default false */
+    disableAnimations?: boolean;
+    /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.
+     * Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */
+    useWrapper?: boolean;
+    /** Устанавливает задержку в миллисекундах до появления лоадера. */
+    delayBeforeShow?: number;
+}
+export interface TooltipState {
+    opened: boolean;
+    focused: boolean;
+}
+export declare const TooltipDataTids: {
+    readonly root: "Tooltip__root";
+    readonly content: "Tooltip__content";
+    readonly crossIcon: "Tooltip__crossIcon";
+};
+type DefaultProps = Required<Pick<TooltipProps, 'size' | 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;
+/**
+ * `Tooltip` — это подсказка, которая объясняет состояние контрола или даёт контекстную справку.
+ *
+ * Открывается по клику, фокусом на элемент или по наведению. В отличие от `Hint`, `Tooltip` может содержать
+ * изображения, кнопки, ссылки и прочие интерактивные элементы.
+ */
+export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private validateProps;
+    static delay: number;
+    private static triggersWithoutCloseButton;
+    state: TooltipState;
+    private theme;
+    private sizeVariables;
+    featureFlags: ReactUIFeatureFlags;
+    private hoverTimeout;
+    private contentElement;
+    private clickedOutside;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private popupRef;
+    getAllowedPositions(): string[];
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    renderContent: () => React.JSX.Element | null;
+    renderCloseButton(): React.JSX.Element | null;
+    getAnchorElement: () => Nullable<Element>;
+    /**
+     * Программно открывает тултип.
+     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+     * @public
+     */
+    show(): void;
+    /**
+     * Программно закрывает тултип.
+     * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+     * @public
+     */
+    hide(): void;
+    private renderMain;
+    private renderPopup;
+    private getPositions;
+    private refContent;
+    private getPopupAndLayerProps;
+    private open;
+    private close;
+    private clearHoverTimeout;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleClick;
+    private handleClickOutsideAnchor;
+    private isClickOutsideContent;
+    private handleFocus;
+    private handleBlur;
+    private handleCloseButtonClick;
+    private getSizeVariables;
+}
+export {};

package/components/Tooltip/Tooltip.styles/Tooltip.styles.js

@@ -1,11 +1,29 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
-  cross: function cross(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      height: ", ";\n      line-height: 0;\n      padding: ", ";\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: ", ";\n      box-sizing: content-box;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), t.tooltipCloseBtnColor, t.tooltipCloseBtnSide, t.tooltipCloseBtnPadding, t.tooltipCloseBtnSide, t.tooltipCloseBtnHoverColor);
+  closeButton: function closeButton(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      box-sizing: content-box;\n      right: 0;\n      top: 0;\n      width: ", ";\n      height: ", ";\n      color: ", ";\n      cursor: pointer;\n      line-height: 0;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), t.tooltipCloseBtnSide, t.tooltipCloseBtnSide, t.tooltipCloseBtnColor, t.tooltipCloseBtnHoverColor);
+  },
+  closeButtonSmall: function closeButtonSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.tooltipCloseBtnPaddingSmall);
+  },
+  closeButtonMedium: function closeButtonMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.tooltipCloseBtnPaddingMedium);
+  },
+  closeButtonLarge: function closeButtonLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.tooltipCloseBtnPaddingLarge);
   },
   tooltipContent: function tooltipContent(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding: ", " ", ";\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.tooltipTextColor, t.tooltipPaddingY, t.tooltipPaddingX, t.tooltipFontSize, t.tooltipLineHeight);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      color: ", ";\n    "])), t.tooltipTextColor);
+  },
+  tooltipContentSmall: function tooltipContentSmall(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.tooltipPaddingYSmall, t.tooltipPaddingXSmall, t.tooltipFontSizeSmall, t.tooltipLineHeightSmall);
+  },
+  tooltipContentMedium: function tooltipContentMedium(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.tooltipPaddingYMedium, t.tooltipPaddingXMedium, t.tooltipFontSizeMedium, t.tooltipLineHeightMedium);
+  },
+  tooltipContentLarge: function tooltipContentLarge(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.tooltipPaddingYLarge, t.tooltipPaddingXLarge, t.tooltipFontSizeLarge, t.tooltipLineHeightLarge);
   }
 });

package/components/Tooltip/Tooltip.styles/Tooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","cross","t","_templateObject","_taggedTemplateLiteralLoose","tooltipCloseBtnColor","tooltipCloseBtnSide","tooltipCloseBtnPadding","tooltipCloseBtnHoverColor","tooltipContent","_templateObject2","tooltipTextColor","tooltipPaddingY","tooltipPaddingX","tooltipFontSize","tooltipLineHeight"],"sources":["Tooltip.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  cross(t: Theme) {\n    return css`\n      color: ${t.tooltipCloseBtnColor};\n      cursor: pointer;\n      height: ${t.tooltipCloseBtnSide};\n      line-height: 0;\n      padding: ${t.tooltipCloseBtnPadding};\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: ${t.tooltipCloseBtnSide};\n      box-sizing: content-box;\n\n      &:hover {\n        color: ${t.tooltipCloseBtnHoverColor};\n      }\n    `;\n  },\n\n  tooltipContent(t: Theme) {\n    return css`\n      color: ${t.tooltipTextColor};\n      padding: ${t.tooltipPaddingY} ${t.tooltipPaddingX};\n      position: relative;\n      font-size: ${t.tooltipFontSize};\n      line-height: ${t.tooltipLineHeight};\n    `;\n  },\n});\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,oBAAoB;;IAErBH,CAAC,CAACI,mBAAmB;;IAEpBJ,CAAC,CAACK,sBAAsB;;;;IAI1BL,CAAC,CAACI,mBAAmB;;;;IAInBJ,CAAC,CAACM,yBAAyB;;;EAG1C,CAAC;;EAEDC,cAAc,WAAAA,eAACP,CAAQ,EAAE;IACvB,OAAOJ,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACCF,CAAC,CAACS,gBAAgB;IAChBT,CAAC,CAACU,eAAe,EAAIV,CAAC,CAACW,eAAe;;IAEpCX,CAAC,CAACY,eAAe;IACfZ,CAAC,CAACa,iBAAiB;;EAEtC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","closeButton","t","_templateObject","_taggedTemplateLiteralLoose","tooltipCloseBtnSide","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","closeButtonSmall","_templateObject2","tooltipCloseBtnPaddingSmall","closeButtonMedium","_templateObject3","tooltipCloseBtnPaddingMedium","closeButtonLarge","_templateObject4","tooltipCloseBtnPaddingLarge","tooltipContent","_templateObject5","tooltipTextColor","tooltipContentSmall","_templateObject6","tooltipPaddingYSmall","tooltipPaddingXSmall","tooltipFontSizeSmall","tooltipLineHeightSmall","tooltipContentMedium","_templateObject7","tooltipPaddingYMedium","tooltipPaddingXMedium","tooltipFontSizeMedium","tooltipLineHeightMedium","tooltipContentLarge","_templateObject8","tooltipPaddingYLarge","tooltipPaddingXLarge","tooltipFontSizeLarge","tooltipLineHeightLarge"],"sources":["Tooltip.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  closeButton(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: content-box;\n      right: 0;\n      top: 0;\n      width: ${t.tooltipCloseBtnSide};\n      height: ${t.tooltipCloseBtnSide};\n      color: ${t.tooltipCloseBtnColor};\n      cursor: pointer;\n      line-height: 0;\n\n      &:hover {\n        color: ${t.tooltipCloseBtnHoverColor};\n      }\n    `;\n  },\n\n  closeButtonSmall(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingSmall};\n    `;\n  },\n\n  closeButtonMedium(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingMedium};\n    `;\n  },\n\n  closeButtonLarge(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingLarge};\n    `;\n  },\n\n  tooltipContent(t: Theme) {\n    return css`\n      position: relative;\n      color: ${t.tooltipTextColor};\n    `;\n  },\n\n  tooltipContentSmall(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYSmall} ${t.tooltipPaddingXSmall};\n      font-size: ${t.tooltipFontSizeSmall};\n      line-height: ${t.tooltipLineHeightSmall};\n    `;\n  },\n\n  tooltipContentMedium(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYMedium} ${t.tooltipPaddingXMedium};\n      font-size: ${t.tooltipFontSizeMedium};\n      line-height: ${t.tooltipLineHeightMedium};\n    `;\n  },\n\n  tooltipContentLarge(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYLarge} ${t.tooltipPaddingXLarge};\n      font-size: ${t.tooltipFontSizeLarge};\n      line-height: ${t.tooltipLineHeightLarge};\n    `;\n  },\n});\n"],"mappings":"kPAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,WAAW,WAAAA,YAACC,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;IAKCF,CAAC,CAACG,mBAAmB;IACpBH,CAAC,CAACG,mBAAmB;IACtBH,CAAC,CAACI,oBAAoB;;;;;IAKpBJ,CAAC,CAACK,yBAAyB;;;EAG1C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACN,CAAQ,EAAE;IACzB,OAAOJ,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACGF,CAAC,CAACQ,2BAA2B;;EAE5C,CAAC;;EAEDC,iBAAiB,WAAAA,kBAACT,CAAQ,EAAE;IAC1B,OAAOJ,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACGF,CAAC,CAACW,4BAA4B;;EAE7C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACZ,CAAQ,EAAE;IACzB,OAAOJ,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;IACGF,CAAC,CAACc,2BAA2B;;EAE5C,CAAC;;EAEDC,cAAc,WAAAA,eAACf,CAAQ,EAAE;IACvB,OAAOJ,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;IAECF,CAAC,CAACiB,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAClB,CAAQ,EAAE;IAC5B,OAAOJ,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACGF,CAAC,CAACoB,oBAAoB,EAAIpB,CAAC,CAACqB,oBAAoB;IAC9CrB,CAAC,CAACsB,oBAAoB;IACpBtB,CAAC,CAACuB,sBAAsB;;EAE3C,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACxB,CAAQ,EAAE;IAC7B,OAAOJ,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;IACGF,CAAC,CAAC0B,qBAAqB,EAAI1B,CAAC,CAAC2B,qBAAqB;IAChD3B,CAAC,CAAC4B,qBAAqB;IACrB5B,CAAC,CAAC6B,uBAAuB;;EAE5C,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAC9B,CAAQ,EAAE;IAC5B,OAAOJ,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;IACGF,CAAC,CAACgC,oBAAoB,EAAIhC,CAAC,CAACiC,oBAAoB;IAC9CjC,CAAC,CAACkC,oBAAoB;IACpBlC,CAAC,CAACmC,sBAAsB;;EAE3C;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Tooltip/Tooltip.styles.d.ts

@@ -1,5 +1,11 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    cross(t: Theme): string;
-    tooltipContent(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    closeButton(t: Theme): string;
+    closeButtonSmall(t: Theme): string;
+    closeButtonMedium(t: Theme): string;
+    closeButtonLarge(t: Theme): string;
+    tooltipContent(t: Theme): string;
+    tooltipContentSmall(t: Theme): string;
+    tooltipContentMedium(t: Theme): string;
+    tooltipContentLarge(t: Theme): string;
+};

package/components/Tooltip/index.d.ts

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

package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","TooltipMenuDataTids","root","TooltipMenu","_class","_TooltipMenu","_React$Component","props","_this","call","getProps","defaultProps","caption","Error","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","create","popupPinOffsetX","tooltipMenuPinOffsetX","popupPinOffsetY","tooltipMenuPinOffsetY","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","_this$getProps","disableAnimations","_extends","rootNodeRef","setRootNode","menuMaxHeight","menuWidth","header","footer","preventIconsOffset","positions","onOpen","onClose","popupHasPin","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TooltipMenu.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport type { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport type { MenuHeaderProps } from '../MenuHeader';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;\n\nexport interface TooltipMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {\n  /** @ignore */\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Задает максимальную высоту меню. */\n  menuMaxHeight?: number | string;\n  /** Задает ширину меню. */\n  menuWidth?: number | string;\n  /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.\n   * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */\n  caption: PopupMenuProps['caption'];\n  /** Задает элемент, который будет отрендерен в шапке меню.\n   * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */\n  header?: React.ReactNode;\n  /** Задает элемент, который будет отрендерен в подвале меню.\n   * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator). */\n  footer?: React.ReactNode;\n  /** Определяет список позиций, доступных для расположения выпадашки относительно caption.\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */\n  positions?: PopupPositionsType[];\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport const TooltipMenuDataTids = {\n  root: 'TooltipMenu__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;\n\n/**\n * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.\n *\n * Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n *\n * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n *\n * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n  public static displayName = 'TooltipMenu';\n\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(TooltipMenu.defaultProps);\n\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffsetX: theme.tooltipMenuPinOffsetX,\n                  popupPinOffsetY: theme.tooltipMenuPinOffsetY,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    const { disableAnimations } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          aria-label={this.props['aria-label']}\n          data-tid={TooltipMenuDataTids.root}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={this.props.positions}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          popupHasPin\n          disableAnimations={disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","TooltipMenuDataTids","root","TooltipMenu","_class","_TooltipMenu","_React$Component","props","_this","call","getProps","defaultProps","caption","Error","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","create","popupPinOffsetX","tooltipMenuPinOffsetX","popupPinOffsetY","tooltipMenuPinOffsetY","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","_this$getProps","disableAnimations","_extends","rootNodeRef","setRootNode","menuMaxHeight","menuWidth","header","footer","preventIconsOffset","positions","onOpen","onClose","popupHasPin","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TooltipMenu.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport type { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport type { MenuHeaderProps } from '../MenuHeader';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;\n\nexport interface TooltipMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {\n  /** @ignore */\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Задает максимальную высоту меню. */\n  menuMaxHeight?: number | string;\n  /** Задает ширину меню. */\n  menuWidth?: number | string;\n  /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.\n   * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */\n  caption: PopupMenuProps['caption'];\n  /** Задает элемент, который будет отрендерен в шапке меню.\n   * _Примечание_: контрол MenuHeader передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */\n  header?: React.ReactNode;\n  /** Задает элемент, который будет отрендерен в подвале меню.\n   * Перед элементом переданным в `footer` будет отрендерен MenuSeparator. */\n  footer?: React.ReactNode;\n  /** Определяет список позиций, доступных для расположения выпадашки относительно caption.\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */\n  positions?: PopupPositionsType[];\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport const TooltipMenuDataTids = {\n  root: 'TooltipMenu__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;\n\n/**\n * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.\n *\n * Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n *\n * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n *\n * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n  public static displayName = 'TooltipMenu';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(TooltipMenu.defaultProps);\n\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffsetX: theme.tooltipMenuPinOffsetX,\n                  popupPinOffsetY: theme.tooltipMenuPinOffsetY,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    const { disableAnimations } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          aria-label={this.props['aria-label']}\n          data-tid={TooltipMenuDataTids.root}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={this.props.positions}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          popupHasPin\n          disableAnimations={disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/TooltipMenu/TooltipMenu.d.ts

@@ -1,56 +1,58 @@
-import type { AriaAttributes } from 'react';
-import React from 'react';
-import type { PopupMenuProps } from '../../internal/PopupMenu';
-import type { MenuItemProps } from '../MenuItem';
-import type { MenuHeaderProps } from '../MenuHeader';
-import type { PopupPositionsType } from '../../internal/Popup';
-import type { CommonProps } from '../../internal/CommonWrapper';
-export type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;
-export interface TooltipMenuProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {
-    /** @ignore */
-    children?: TooltipMenuChildType | TooltipMenuChildType[];
-    /** Задает максимальную высоту меню. */
-    menuMaxHeight?: number | string;
-    /** Задает ширину меню. */
-    menuWidth?: number | string;
-    /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.
-     * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */
-    caption: PopupMenuProps['caption'];
-    /** Задает элемент, который будет отрендерен в шапке меню.
-     * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */
-    header?: React.ReactNode;
-    /** Задает элемент, который будет отрендерен в подвале меню.
-     * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator). */
-    footer?: React.ReactNode;
-    /** Определяет список позиций, доступных для расположения выпадашки относительно caption.
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */
-    positions?: PopupPositionsType[];
-    /** Отключает анимацию. */
-    disableAnimations?: boolean;
-}
-export declare const TooltipMenuDataTids: {
-    readonly root: "TooltipMenu__root";
-};
-type DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;
-/**
- * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.
- *
- * Положение меню задаётся с помощью массива `positions` и работает так:
- * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
- * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
- *
- * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
- *
- * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
- */
-export declare class TooltipMenu extends React.Component<TooltipMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private setRootNode;
-    static defaultProps: DefaultProps;
-    private getProps;
-    constructor(props: TooltipMenuProps);
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element | null;
-}
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { PopupMenuProps } from '../../internal/PopupMenu';
+import type { MenuItemProps } from '../MenuItem';
+import type { MenuHeaderProps } from '../MenuHeader';
+import type { PopupPositionsType } from '../../internal/Popup';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+export type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;
+export interface TooltipMenuProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {
+    /** @ignore */
+    children?: TooltipMenuChildType | TooltipMenuChildType[];
+    /** Задает максимальную высоту меню. */
+    menuMaxHeight?: number | string;
+    /** Задает ширину меню. */
+    menuWidth?: number | string;
+    /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.
+     * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */
+    caption: PopupMenuProps['caption'];
+    /** Задает элемент, который будет отрендерен в шапке меню.
+     * _Примечание_: контрол MenuHeader передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */
+    header?: React.ReactNode;
+    /** Задает элемент, который будет отрендерен в подвале меню.
+     * Перед элементом переданным в `footer` будет отрендерен MenuSeparator. */
+    footer?: React.ReactNode;
+    /** Определяет список позиций, доступных для расположения выпадашки относительно caption.
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */
+    positions?: PopupPositionsType[];
+    /** Отключает анимацию. */
+    disableAnimations?: boolean;
+}
+export declare const TooltipMenuDataTids: {
+    readonly root: "TooltipMenu__root";
+};
+type DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;
+/**
+ * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.
+ *
+ * Положение меню задаётся с помощью массива `positions` и работает так:
+ * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
+ * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
+ *
+ * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
+ *
+ * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
+ */
+export declare class TooltipMenu extends React.Component<TooltipMenuProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    static defaultProps: DefaultProps;
+    private getProps;
+    constructor(props: TooltipMenuProps);
+    render(): React.JSX.Element;
+    renderMain(): React.JSX.Element | null;
+}
+export {};

package/components/TooltipMenu/index.d.ts

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

package/hooks/useDrop.d.ts

@@ -1,11 +1,11 @@
-import type { MutableRefObject } from 'react';
-interface IUseDropProps {
-    onDrop?: (event: DragEvent) => void;
-}
-type IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;
-interface IUseDropResult<TElement extends IElementWithListener> {
-    isDraggable: boolean;
-    ref: MutableRefObject<TElement | null>;
-}
-export declare const useDrop: <TElement extends IElementWithListener>(props?: IUseDropProps) => IUseDropResult<TElement>;
-export {};
+import type { MutableRefObject } from 'react';
+interface IUseDropProps {
+    onDrop?: (event: DragEvent) => void;
+}
+type IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;
+interface IUseDropResult<TElement extends IElementWithListener> {
+    isDraggable: boolean;
+    ref: MutableRefObject<TElement | null>;
+}
+export declare const useDrop: <TElement extends IElementWithListener>(props?: IUseDropProps) => IUseDropResult<TElement>;
+export {};

package/hooks/useEffectWithoutInitCall.d.ts

@@ -1,2 +1,2 @@
-import type { DependencyList } from 'react';
-export declare const useEffectWithoutInitCall: (effect: () => void, deps: DependencyList) => void;
+import type { DependencyList } from 'react';
+export declare const useEffectWithoutInitCall: (effect: () => void, deps: DependencyList) => void;

package/hooks/useMemoObject.d.ts

@@ -1,2 +1,2 @@
-import type { AnyObject } from '../lib/utils';
-export declare const useMemoObject: <TObject extends AnyObject>(objectValue: TObject) => TObject;
+import type { AnyObject } from '../lib/utils';
+export declare const useMemoObject: <TObject extends AnyObject>(objectValue: TObject) => TObject;