@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/PaginationDeprecated/PaginationDeprecated.d.ts

@@ -1,45 +1,45 @@
-import './Pagination.css';
-import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const paginationForms: readonly ["default", "round", "brick"];
-export declare type PaginationPropForm = typeof paginationForms[number];
-export declare const paginationDefaultForm: PaginationPropForm;
-export declare const paginationSizes: readonly ["xs", "s", "m", "l"];
-export declare type PaginationPropSize = typeof paginationSizes[number];
-export declare const paginationDefaultSize: PaginationPropSize;
-export declare const paginationTypes: readonly ["default", "input"];
-export declare type PaginationPropType = typeof paginationTypes[number];
-export declare const paginationDefaultType: PaginationPropType;
-export declare const paginationPositions: readonly ["left", "center", "right"];
-export declare type PaginationPropPosition = typeof paginationPositions[number];
-export declare const paginationDefaultPosition: PaginationPropPosition;
-export declare const cnPagination: import("@bem-react/classname").ClassNameFormatter;
-declare type HotKey = {
-    label: string;
-    values: string[];
-};
-export declare type HotKeys = {
-    nextPage: HotKey;
-    prevPage: HotKey;
-};
-declare type Props = {
-    currentPage: number;
-    totalPages: number;
-    onChange: (pageNumber: number) => void;
-    getLabel?: (totalPages: number) => string;
-    form?: PaginationPropForm;
-    size?: PaginationPropSize;
-    type?: PaginationPropType;
-    hotkeys?: HotKeys;
-    containerEventListener?: HTMLElement | Window;
-    className?: string;
-} & ({
-    minified?: true;
-    position?: never;
-} | {
-    minified?: false;
-    position?: PaginationPropPosition;
-});
-declare type Pagination = (props: PropsWithHTMLAttributesAndRef<Props, HTMLDivElement>) => React.ReactElement | null;
-export declare const Pagination: Pagination;
-export {};
+import './Pagination.css';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const paginationForms: readonly ["default", "round", "brick"];
+export declare type PaginationPropForm = typeof paginationForms[number];
+export declare const paginationDefaultForm: PaginationPropForm;
+export declare const paginationSizes: readonly ["xs", "s", "m", "l"];
+export declare type PaginationPropSize = typeof paginationSizes[number];
+export declare const paginationDefaultSize: PaginationPropSize;
+export declare const paginationTypes: readonly ["default", "input"];
+export declare type PaginationPropType = typeof paginationTypes[number];
+export declare const paginationDefaultType: PaginationPropType;
+export declare const paginationPositions: readonly ["left", "center", "right"];
+export declare type PaginationPropPosition = typeof paginationPositions[number];
+export declare const paginationDefaultPosition: PaginationPropPosition;
+export declare const cnPagination: import("@bem-react/classname").ClassNameFormatter;
+declare type HotKey = {
+    label: string;
+    values: string[];
+};
+export declare type HotKeys = {
+    nextPage: HotKey;
+    prevPage: HotKey;
+};
+declare type Props = {
+    currentPage: number;
+    totalPages: number;
+    onChange: (pageNumber: number) => void;
+    getLabel?: (totalPages: number) => string;
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    type?: PaginationPropType;
+    hotkeys?: HotKeys;
+    containerEventListener?: HTMLElement | Window;
+    className?: string;
+} & ({
+    minified?: true;
+    position?: never;
+} | {
+    minified?: false;
+    position?: PaginationPropPosition;
+});
+declare type Pagination = (props: PropsWithHTMLAttributesAndRef<Props, HTMLDivElement>) => React.ReactElement | null;
+export declare const Pagination: Pagination;
+export {};

package/__internal__/src/components/PaginationDeprecated/helpers.d.ts

@@ -1,10 +1,10 @@
-declare type PaginationInfo = {
-    isEmpty: boolean;
-    prevPage: number | null;
-    nextPage: number | null;
-    isStartDots: boolean | 0 | null;
-    isEndDots: boolean | 0 | null;
-    pages: number[];
-};
-export declare const getPaginationInfo: (currentPage: number, totalPages: number) => PaginationInfo;
-export {};
+declare type PaginationInfo = {
+    isEmpty: boolean;
+    prevPage: number | null;
+    nextPage: number | null;
+    isStartDots: boolean | 0 | null;
+    isEndDots: boolean | 0 | null;
+    pages: number[];
+};
+export declare const getPaginationInfo: (currentPage: number, totalPages: number) => PaginationInfo;
+export {};

package/__internal__/src/components/PaginationDeprecated/index.d.ts

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

package/__internal__/src/components/Picture/Picture.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { PictureProps } from './types';
-export declare const Picture: React.ForwardRefExoticComponent<Pick<PictureProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "src" | "getImageSettings" | "subscribeToRef"> & React.RefAttributes<HTMLImageElement>>;
+import React from 'react';
+import { PictureProps } from './types';
+export declare const Picture: React.ForwardRefExoticComponent<Pick<PictureProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "src" | "getImageSettings" | "subscribeToRef"> & React.RefAttributes<HTMLImageElement>>;

package/__internal__/src/components/Picture/helper.d.ts

@@ -1,10 +1,10 @@
-import { PicturePropGetImageSettings, PicturePropSrc } from './types';
-export declare const defaultGetImageSettings: PicturePropGetImageSettings;
-export declare const getConvertedImages: (src: PicturePropSrc, getImageSettings: PicturePropGetImageSettings) => {
-    theme?: string | undefined;
-    descriptor?: string | undefined;
-    src: string;
-    key: string;
-    size?: number | undefined;
-}[];
-export declare const getSrcHash: (src: PicturePropSrc) => string;
+import { PicturePropGetImageSettings, PicturePropSrc } from './types';
+export declare const defaultGetImageSettings: PicturePropGetImageSettings;
+export declare const getConvertedImages: (src: PicturePropSrc, getImageSettings: PicturePropGetImageSettings) => {
+    theme?: string | undefined;
+    descriptor?: string | undefined;
+    src: string;
+    key: string;
+    size?: number | undefined;
+}[];
+export declare const getSrcHash: (src: PicturePropSrc) => string;

package/__internal__/src/components/Picture/index.d.ts

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

package/__internal__/src/components/Picture/types.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare type PicturePropGetImageSettings = (image: string) => {
-    theme?: string;
-    size?: number;
-    descriptor?: string;
-};
-export declare type PicturePropSrc = string | Record<string, string>;
-export declare type PictureProps = PropsWithHTMLAttributesAndRef<{
-    alt?: string;
-    src: PicturePropSrc;
-    getImageSettings?: PicturePropGetImageSettings;
-    subscribeToRef?: React.RefObject<HTMLElement | SVGGraphicsElement>;
-}, HTMLImageElement>;
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export declare type PicturePropGetImageSettings = (image: string) => {
+    theme?: string;
+    size?: number;
+    descriptor?: string;
+};
+export declare type PicturePropSrc = string | Record<string, string>;
+export declare type PictureProps = PropsWithHTMLAttributesAndRef<{
+    alt?: string;
+    src: PicturePropSrc;
+    getImageSettings?: PicturePropGetImageSettings;
+    subscribeToRef?: React.RefObject<HTMLElement | SVGGraphicsElement>;
+}, HTMLImageElement>;

package/__internal__/src/components/Popover/Popover.d.ts

@@ -1,44 +1,44 @@
-import './Popover.css';
-import React from 'react';
-import { ClickOutsideHandler } from "../../hooks/useClickOutside";
-import { PropsWithJsxAttributes } from "../../utils/types/PropsWithJsxAttributes";
-/**
- * Стороны упорядочены по приоритету:
- * Используется первая сторона, в которую смог вписаться поповер.
- */
-export declare const directionsStartCenter: readonly ["downCenter", "upCenter", "downRight", "downLeft", "upRight", "upLeft", "leftUp", "leftCenter", "leftDown", "rightUp", "rightCenter", "rightDown"];
-export declare const directionsStartEdge: readonly ["downStartLeft", "upStartLeft", "downStartRight", "upStartRight", "leftStartUp", "leftStartDown", "rightStartUp", "rightStartDown"];
-export declare const popoverPropOffset: readonly ["3xs", "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export declare type PopoverPropOffset = typeof popoverPropOffset[number] | number;
-export declare const directions: ("downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown")[];
-export declare type Direction = typeof directions[number];
-export declare type Position = {
-    x: number;
-    y: number;
-} | undefined;
-export declare type PositioningProps = {
-    anchorRef: React.RefObject<HTMLElement>;
-    equalAnchorWidth?: boolean;
-    position?: never;
-} | {
-    anchorRef?: never;
-    equalAnchorWidth?: never;
-    position: Position;
-};
-declare type ChildrenRenderProp = (direction: Direction) => React.ReactNode;
-export declare type PopoverProps = PropsWithJsxAttributes<{
-    direction?: Direction;
-    spareDirection?: Direction;
-    offset?: PopoverPropOffset;
-    arrowOffset?: number;
-    possibleDirections?: readonly Direction[];
-    isInteractive?: boolean;
-    children: React.ReactNode | ChildrenRenderProp;
-    onClickOutside?: ClickOutsideHandler;
-    onSetDirection?: (direction: Direction) => void;
-    viewportRef?: React.RefObject<HTMLElement>;
-    container?: Element;
-} & PositioningProps>;
-export declare type Props = PopoverProps;
-export declare const Popover: React.ForwardRefExoticComponent<Pick<PopoverProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "position" | "container" | "arrowOffset" | "offset" | "direction" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "viewportRef" | "anchorRef" | "equalAnchorWidth"> & React.RefAttributes<HTMLDivElement>>;
-export {};
+import './Popover.css';
+import React from 'react';
+import { ClickOutsideHandler } from "../../hooks/useClickOutside";
+import { PropsWithJsxAttributes } from "../../utils/types/PropsWithJsxAttributes";
+/**
+ * Стороны упорядочены по приоритету:
+ * Используется первая сторона, в которую смог вписаться поповер.
+ */
+export declare const directionsStartCenter: readonly ["downCenter", "upCenter", "downRight", "downLeft", "upRight", "upLeft", "leftUp", "leftCenter", "leftDown", "rightUp", "rightCenter", "rightDown"];
+export declare const directionsStartEdge: readonly ["downStartLeft", "upStartLeft", "downStartRight", "upStartRight", "leftStartUp", "leftStartDown", "rightStartUp", "rightStartDown"];
+export declare const popoverPropOffset: readonly ["3xs", "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type PopoverPropOffset = typeof popoverPropOffset[number] | number;
+export declare const directions: ("downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown")[];
+export declare type Direction = typeof directions[number];
+export declare type Position = {
+    x: number;
+    y: number;
+} | undefined;
+export declare type PositioningProps = {
+    anchorRef: React.RefObject<HTMLElement>;
+    equalAnchorWidth?: boolean;
+    position?: never;
+} | {
+    anchorRef?: never;
+    equalAnchorWidth?: never;
+    position: Position;
+};
+declare type ChildrenRenderProp = (direction: Direction) => React.ReactNode;
+export declare type PopoverProps = PropsWithJsxAttributes<{
+    direction?: Direction;
+    spareDirection?: Direction;
+    offset?: PopoverPropOffset;
+    arrowOffset?: number;
+    possibleDirections?: readonly Direction[];
+    isInteractive?: boolean;
+    children: React.ReactNode | ChildrenRenderProp;
+    onClickOutside?: ClickOutsideHandler;
+    onSetDirection?: (direction: Direction) => void;
+    viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
+} & PositioningProps>;
+export declare type Props = PopoverProps;
+export declare const Popover: React.ForwardRefExoticComponent<Pick<PopoverProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "position" | "container" | "arrowOffset" | "offset" | "direction" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "viewportRef" | "anchorRef" | "equalAnchorWidth"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/__internal__/src/components/Popover/Popover.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["children","direction","offset","arrowOffset","possibleDirections","isInteractive","onClickOutside","spareDirection","style","className","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef","container"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Popover.css";import React,{forwardRef,useEffect,useLayoutEffect,useMemo}from"react";import{PortalWithTheme,usePortalContext}from"../PortalWithTheme";import{useTheme}from"../Theme/Theme";import{useClickOutside}from"../../hooks/useClickOutside";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cn}from"../../utils/bem";import{isRenderProp}from"../../utils/isRenderProp";import{isNumber,isString}from"../../utils/type-guards";import{getComputedPositionAndDirection,getPointPossition,getRenderPosition}from"./helpers";import{usePopoverReposition}from"./usePopoverReposition";export var directionsStartCenter=["downCenter","upCenter","downRight","downLeft","upRight","upLeft","leftUp","leftCenter","leftDown","rightUp","rightCenter","rightDown"];export var directionsStartEdge=["downStartLeft","upStartLeft","downStartRight","upStartRight","leftStartUp","leftStartDown","rightStartUp","rightStartDown"];export var popoverPropOffset=["3xs","2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl","6xl"];export var directions=[].concat(directionsStartCenter,directionsStartEdge);var getOffset=function(a,b){if(isNumber(b))return b;if(isString(b)&&a.current){var g=getComputedStyle(a.current).getPropertyValue("--space-".concat(b));if(g&&/px$/.test(g))return+g.slice(0,g.length-2);if(g&&/rem$/.test(g)){var c=parseFloat(getComputedStyle(document.documentElement).fontSize),d=+g.slice(0,g.length-3);return c*d}if(g&&/em$/.test(g)){var e=parseFloat(getComputedStyle(a.current).fontSize),f=+g.slice(0,g.length-2);return e*f}return 0}return 0},ContextConsumer=function(a){var b=a.onClickOutside,c=a.children,d=a.ignoreClicksInsideRefs,e=usePortalContext(),f=e.refs;return useClickOutside({isActive:!!b,ignoreClicksInsideRefs:[].concat(_toConsumableArray(d||[]),_toConsumableArray(f||[])),handler:b}),c},cnPopover=cn("Popover");export var Popover=forwardRef(function(a,b){var c,d=a.children,e=a.direction,f=void 0===e?"upCenter":e,g=a.offset,h=void 0===g?0:g,i=a.arrowOffset,j=a.possibleDirections,k=void 0===j?directions:j,l=a.isInteractive,m=a.onClickOutside,n=a.spareDirection,o=void 0===n?"downStartLeft":n,p=a.style,q=a.className,r=a.position,s=a.anchorRef,t=a.equalAnchorWidth,u=a.onSetDirection,v=a.viewportRef,w=a.container,x=void 0===w?window.document.body:w,y=_objectWithoutProperties(a,_excluded),z=(null===v||void 0===v?void 0:v.current)||document.documentElement,A=React.useRef(null),B=useTheme(),C=B.theme,D=React.useState(),E=_slicedToArray(D,2),F=E[0],G=E[1],H=useComponentSize(A),I=H.width,J=H.height,K=useComponentSize(s||{current:null}),L=React.useRef(null),M=React.useState([]),N=_slicedToArray(M,2),O=N[0],P=N[1],Q=function(){P(function(a){return a.length?[]:a}),L.current=null},R=function(){var a;return G(null===s||void 0===s||null===(a=s.current)||void 0===a?void 0:a.getBoundingClientRect())},S=useMemo(function(){return getOffset(A,h)},[h,!!A.current]),T=getComputedPositionAndDirection({contentSize:{width:I,height:J},viewportSize:{width:z.clientWidth,height:z.clientHeight},arrowOffset:i,offset:S,direction:f,possibleDirections:k,bannedDirections:O,position:getPointPossition(z,F?{x:F.left,y:F.top}:r,!!(null!==v&&void 0!==v&&v.current)),anchorSize:K,spareDirection:o}),U=T.position,V=T.direction;useEffect(function(){return null===u||void 0===u?void 0:u(V)},[V]),useEffect(R,[K]),usePopoverReposition({isActive:!0,scrollAnchorRef:s||{current:null},onRequestReposition:function onRequestReposition(){Q(),R()}}),useLayoutEffect(function(){L.current!==V&&(L.current&&!O.includes(L.current)&&!O.includes(V)&&V!==o&&P(function(a){return L.current?[].concat(_toConsumableArray(a),[L.current]):a}),L.current=V)},[V]),useLayoutEffect(Q,[a]);var W=getRenderPosition(z,U,!!(null!==v&&void 0!==v&&v.current),I,J),X=!W||!J||!I;return React.createElement(PortalWithTheme,Object.assign({},y,{preset:C,className:cnPopover({direction:V,notVisible:X},[q]),container:x,ref:useForkRef([A,b]),style:_objectSpread(_objectSpread({},p),X?{}:(c={},_defineProperty(c,"--popover-left","".concat(W.x,"px")),_defineProperty(c,"--popover-top","".concat(W.y,"px")),_defineProperty(c,"--popover-width",t?"".concat(K.width,"px"):void 0),_defineProperty(c,"--popover-pointer-events",!(void 0!==l)||l?void 0:"none"),_defineProperty(c,"--popover-visibility",U?void 0:"hidden"),c))}),React.createElement(ContextConsumer,{onClickOutside:m,ignoreClicksInsideRefs:[A,s||{current:null}]},isRenderProp(d)?d(V):d))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["children","direction","offset","arrowOffset","possibleDirections","isInteractive","onClickOutside","spareDirection","style","className","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef","container"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Popover.css";import React,{forwardRef,useEffect,useLayoutEffect,useMemo}from"react";import{PortalWithTheme,usePortalContext}from"../PortalWithTheme";import{useTheme}from"../Theme/Theme";import{useClickOutside}from"../../hooks/useClickOutside";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cn}from"../../utils/bem";import{isRenderProp}from"../../utils/isRenderProp";import{isNumber,isString}from"../../utils/type-guards";import{getComputedPositionAndDirection,getPointPosition,getRenderPosition}from"./helpers";import{usePopoverReposition}from"./usePopoverReposition";export var directionsStartCenter=["downCenter","upCenter","downRight","downLeft","upRight","upLeft","leftUp","leftCenter","leftDown","rightUp","rightCenter","rightDown"];export var directionsStartEdge=["downStartLeft","upStartLeft","downStartRight","upStartRight","leftStartUp","leftStartDown","rightStartUp","rightStartDown"];export var popoverPropOffset=["3xs","2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl","6xl"];export var directions=[].concat(directionsStartCenter,directionsStartEdge);var getOffset=function(a,b){if(isNumber(b))return b;if(isString(b)&&a.current){var g=getComputedStyle(a.current).getPropertyValue("--space-".concat(b));if(g&&/px$/.test(g))return+g.slice(0,g.length-2);if(g&&/rem$/.test(g)){var c=parseFloat(getComputedStyle(document.documentElement).fontSize),d=+g.slice(0,g.length-3);return c*d}if(g&&/em$/.test(g)){var e=parseFloat(getComputedStyle(a.current).fontSize),f=+g.slice(0,g.length-2);return e*f}return 0}return 0},ContextConsumer=function(a){var b=a.onClickOutside,c=a.children,d=a.ignoreClicksInsideRefs,e=usePortalContext(),f=e.refs;return useClickOutside({isActive:!!b,ignoreClicksInsideRefs:[].concat(_toConsumableArray(d||[]),_toConsumableArray(f||[])),handler:b}),c},cnPopover=cn("Popover");export var Popover=forwardRef(function(a,b){var c,d=a.children,e=a.direction,f=void 0===e?"upCenter":e,g=a.offset,h=void 0===g?0:g,i=a.arrowOffset,j=a.possibleDirections,k=void 0===j?directions:j,l=a.isInteractive,m=a.onClickOutside,n=a.spareDirection,o=void 0===n?"downStartLeft":n,p=a.style,q=a.className,r=a.position,s=a.anchorRef,t=a.equalAnchorWidth,u=a.onSetDirection,v=a.viewportRef,w=a.container,x=void 0===w?window.document.body:w,y=_objectWithoutProperties(a,_excluded),z=(null===v||void 0===v?void 0:v.current)||document.documentElement,A=React.useRef(null),B=useTheme(),C=B.theme,D=React.useState(),E=_slicedToArray(D,2),F=E[0],G=E[1],H=useComponentSize(A),I=H.width,J=H.height,K=useComponentSize(s||{current:null}),L=React.useRef(null),M=React.useState([]),N=_slicedToArray(M,2),O=N[0],P=N[1],Q=function(){P(function(a){return a.length?[]:a}),L.current=null},R=function(){var a;return G(null===s||void 0===s||null===(a=s.current)||void 0===a?void 0:a.getBoundingClientRect())},S=useMemo(function(){return getOffset(A,h)},[h,!!A.current]),T=getComputedPositionAndDirection({contentSize:{width:I,height:J},viewportSize:{width:z.clientWidth,height:z.clientHeight},arrowOffset:i,offset:S,direction:f,possibleDirections:k,bannedDirections:O,position:getPointPosition(z,F?{x:F.left,y:F.top}:r,!!(null!==v&&void 0!==v&&v.current)),anchorSize:K,spareDirection:o}),U=T.position,V=T.direction;useEffect(function(){return null===u||void 0===u?void 0:u(V)},[V]),useEffect(R,[K]),usePopoverReposition({isActive:!0,scrollAnchorRef:s||{current:null},onRequestReposition:function onRequestReposition(){Q(),R()}}),useLayoutEffect(function(){L.current!==V&&(L.current&&!O.includes(L.current)&&!O.includes(V)&&V!==o&&P(function(a){return L.current?[].concat(_toConsumableArray(a),[L.current]):a}),L.current=V)},[V]),useLayoutEffect(Q,[a]);var W=getRenderPosition(z,U,!!(null!==v&&void 0!==v&&v.current),I,J),X=!W||!J||!I;return React.createElement(PortalWithTheme,Object.assign({},y,{preset:C,className:cnPopover({direction:V,notVisible:X},[q]),container:x,ref:useForkRef([A,b]),style:_objectSpread(_objectSpread({},p),X?{}:(c={},_defineProperty(c,"--popover-left","".concat(W.x,"px")),_defineProperty(c,"--popover-top","".concat(W.y,"px")),_defineProperty(c,"--popover-width",t?"".concat(K.width,"px"):void 0),_defineProperty(c,"--popover-pointer-events",!(void 0!==l)||l?void 0:"none"),_defineProperty(c,"--popover-visibility",U?void 0:"hidden"),c))}),React.createElement(ContextConsumer,{onClickOutside:m,ignoreClicksInsideRefs:[A,s||{current:null}]},isRenderProp(d)?d(V):d))});
 //# sourceMappingURL=Popover.js.map

package/__internal__/src/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["React","forwardRef","useEffect","useLayoutEffect","useMemo","PortalWithTheme","usePortalContext","useTheme","useClickOutside","useComponentSize","useForkRef","cn","isRenderProp","isNumber","isString","getComputedPositionAndDirection","getPointPossition","getRenderPosition","usePopoverReposition","directionsStartCenter","directionsStartEdge","popoverPropOffset","directions","getOffset","ref","propOffset","current","cssVar","getComputedStyle","getPropertyValue","test","slice","length","fontSize","parseFloat","document","documentElement","rem","em","ContextConsumer","onClickOutside","children","ignoreClicksInsideRefs","refs","isActive","handler","cnPopover","Popover","props","componentRef","direction","passedDirection","offset","arrowOffset","possibleDirections","isInteractive","spareDirection","style","className","passedPosition","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef","container","window","body","otherProps","viewportElement","useRef","theme","useState","anchorClientRect","setAnchorClientRect","width","height","anchorSize","previousDirectionRef","bannedDirections","setBannedDirections","resetBannedDirections","state","updateAnchorClientRect","getBoundingClientRect","contentSize","viewportSize","clientWidth","clientHeight","x","left","y","top","scrollAnchorRef","onRequestReposition","includes","renderPosition","notVisible"],"sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import './Popover.css';\n\nimport React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';\n\nimport {\n  PortalWithTheme,\n  usePortalContext,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { ClickOutsideHandler, useClickOutside } from '##/hooks/useClickOutside';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\nimport { isNumber, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport {\n  getComputedPositionAndDirection,\n  getPointPossition,\n  getRenderPosition,\n} from './helpers';\nimport { usePopoverReposition } from './usePopoverReposition';\n\n/**\n * Стороны упорядочены по приоритету:\n * Используется первая сторона, в которую смог вписаться поповер.\n */\nexport const directionsStartCenter = [\n  'downCenter',\n  'upCenter',\n\n  'downRight',\n  'downLeft',\n  'upRight',\n  'upLeft',\n\n  'leftUp',\n  'leftCenter',\n  'leftDown',\n\n  'rightUp',\n  'rightCenter',\n  'rightDown',\n] as const;\n\nexport const directionsStartEdge = [\n  'downStartLeft',\n  'upStartLeft',\n\n  'downStartRight',\n  'upStartRight',\n\n  'leftStartUp',\n  'leftStartDown',\n\n  'rightStartUp',\n  'rightStartDown',\n] as const;\n\nexport const popoverPropOffset = [\n  '3xs',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type PopoverPropOffset = typeof popoverPropOffset[number] | number;\n\nexport const directions = [...directionsStartCenter, ...directionsStartEdge];\n\nexport type Direction = typeof directions[number];\n\nexport type Position = { x: number; y: number } | undefined;\n\nexport type PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      equalAnchorWidth?: boolean;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      equalAnchorWidth?: never;\n      position: Position;\n    };\n\ntype ChildrenRenderProp = (direction: Direction) => React.ReactNode;\n\nexport type PopoverProps = PropsWithJsxAttributes<\n  {\n    direction?: Direction;\n    spareDirection?: Direction;\n    offset?: PopoverPropOffset;\n    arrowOffset?: number;\n    possibleDirections?: readonly Direction[];\n    isInteractive?: boolean;\n    children: React.ReactNode | ChildrenRenderProp;\n    onClickOutside?: ClickOutsideHandler;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\n    container?: Element;\n  } & PositioningProps\n>;\n\nexport type Props = PopoverProps; // удалить при мажере\n\nconst getOffset = (\n  ref: React.RefObject<HTMLDivElement>,\n  propOffset: PopoverPropOffset,\n) => {\n  if (isNumber(propOffset)) {\n    return propOffset;\n  }\n\n  if (isString(propOffset) && ref.current) {\n    const cssVar = getComputedStyle(ref.current).getPropertyValue(\n      `--space-${propOffset}`,\n    );\n\n    if (cssVar && /px$/.test(cssVar)) {\n      return Number(cssVar.slice(0, cssVar.length - 2));\n    }\n\n    if (cssVar && /rem$/.test(cssVar)) {\n      const fontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize,\n      );\n      const rem = Number(cssVar.slice(0, cssVar.length - 3));\n\n      return fontSize * rem;\n    }\n\n    if (cssVar && /em$/.test(cssVar)) {\n      const fontSize = parseFloat(getComputedStyle(ref.current).fontSize);\n      const em = Number(cssVar.slice(0, cssVar.length - 2));\n\n      return fontSize * em;\n    }\n\n    return 0;\n  }\n\n  return 0;\n};\n\n/**\n * Подписчик на PortalWithThemeProvider\n * получает рефы всех вложенных порталов в модалку\n * для дальнейшего исключения их из useClickOutside\n */\nconst ContextConsumer: React.FC<{\n  onClickOutside?: (event: MouseEvent) => void;\n  ignoreClicksInsideRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  children: React.ReactNode;\n}> = ({ onClickOutside, children, ignoreClicksInsideRefs }) => {\n  const { refs } = usePortalContext();\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [\n      ...(ignoreClicksInsideRefs || []),\n      ...(refs || []),\n    ],\n    handler: onClickOutside,\n  });\n\n  return children as React.ReactElement;\n};\n\nconst cnPopover = cn('Popover');\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (props, componentRef) => {\n    const {\n      children,\n      direction: passedDirection = 'upCenter',\n      offset: propOffset = 0,\n      arrowOffset,\n      possibleDirections = directions,\n      isInteractive = true,\n      onClickOutside,\n      spareDirection = 'downStartLeft',\n      style,\n      className,\n      position: passedPosition,\n      anchorRef,\n      equalAnchorWidth,\n      onSetDirection,\n      viewportRef,\n      container = window.document.body,\n      ...otherProps\n    } = props;\n\n    // console.log(viewportRef);\n\n    const viewportElement = viewportRef?.current || document.documentElement;\n\n    const ref = React.useRef<HTMLDivElement>(null);\n    const { theme } = useTheme();\n\n    const [anchorClientRect, setAnchorClientRect] = React.useState<\n      DOMRect | undefined\n    >();\n    const { width, height } = useComponentSize(ref);\n    const anchorSize = useComponentSize(anchorRef || { current: null });\n    const previousDirectionRef = React.useRef<Direction | null>(null);\n    const [bannedDirections, setBannedDirections] = React.useState<\n      readonly Direction[]\n    >([]);\n\n    const resetBannedDirections = () => {\n      setBannedDirections((state) => (state.length ? [] : state));\n      previousDirectionRef.current = null;\n    };\n\n    const updateAnchorClientRect = () =>\n      setAnchorClientRect(anchorRef?.current?.getBoundingClientRect());\n\n    const offset = useMemo(\n      () => getOffset(ref, propOffset),\n      [propOffset, Boolean(ref.current)],\n    );\n\n    const { position, direction } = getComputedPositionAndDirection({\n      contentSize: { width, height },\n      viewportSize: {\n        // Размер вьюпорта без скроллбаров\n        width: viewportElement.clientWidth,\n        height: viewportElement.clientHeight,\n      },\n      arrowOffset,\n      offset,\n      direction: passedDirection,\n      possibleDirections,\n      bannedDirections,\n      position: getPointPossition(\n        viewportElement,\n        anchorClientRect\n          ? { x: anchorClientRect.left, y: anchorClientRect.top }\n          : passedPosition,\n        !!viewportRef?.current,\n      ),\n      anchorSize,\n      spareDirection,\n    });\n\n    useEffect(() => onSetDirection?.(direction), [direction]);\n\n    useEffect(updateAnchorClientRect, [anchorSize]);\n\n    usePopoverReposition({\n      isActive: true,\n      scrollAnchorRef: anchorRef || { current: null },\n      onRequestReposition: () => {\n        resetBannedDirections();\n        updateAnchorClientRect();\n      },\n    });\n\n    /**\n     * Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления\n     * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,\n     * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.\n     * См. PopoverBannedPositionsStory\n     */\n\n    useLayoutEffect(() => {\n      if (previousDirectionRef.current !== direction) {\n        if (\n          previousDirectionRef.current &&\n          !bannedDirections.includes(previousDirectionRef.current) &&\n          !bannedDirections.includes(direction) &&\n          direction !== spareDirection\n        ) {\n          setBannedDirections((state) =>\n            previousDirectionRef.current\n              ? [...state, previousDirectionRef.current]\n              : state,\n          );\n        }\n        previousDirectionRef.current = direction;\n      }\n    }, [direction]);\n\n    // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений\n    // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор\n\n    useLayoutEffect(resetBannedDirections, [props]);\n\n    const renderPosition = getRenderPosition(\n      viewportElement,\n      position,\n      !!viewportRef?.current,\n      width,\n      height,\n    );\n\n    const notVisible = !renderPosition || !height || !width;\n\n    return (\n      <PortalWithTheme\n        {...otherProps}\n        preset={theme}\n        className={cnPopover({ direction, notVisible }, [className])}\n        container={container}\n        ref={useForkRef([ref, componentRef])}\n        style={{\n          ...style,\n          ...(notVisible\n            ? {}\n            : {\n                ['--popover-left' as string]: `${renderPosition.x}px`,\n                ['--popover-top' as string]: `${renderPosition.y}px`,\n                [`--popover-width` as string]: equalAnchorWidth\n                  ? `${anchorSize.width}px`\n                  : undefined,\n                [`--popover-pointer-events` as string]: isInteractive\n                  ? undefined\n                  : 'none',\n                [`--popover-visibility` as string]: position\n                  ? undefined\n                  : 'hidden',\n              }),\n        }}\n      >\n        <ContextConsumer\n          onClickOutside={onClickOutside}\n          ignoreClicksInsideRefs={[ref, anchorRef || { current: null }]}\n        >\n          {isRenderProp(children) ? children(direction) : children}\n        </ContextConsumer>\n      </PortalWithTheme>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Popover.js","names":["React","forwardRef","useEffect","useLayoutEffect","useMemo","PortalWithTheme","usePortalContext","useTheme","useClickOutside","useComponentSize","useForkRef","cn","isRenderProp","isNumber","isString","getComputedPositionAndDirection","getPointPosition","getRenderPosition","usePopoverReposition","directionsStartCenter","directionsStartEdge","popoverPropOffset","directions","getOffset","ref","propOffset","current","cssVar","getComputedStyle","getPropertyValue","test","slice","length","fontSize","parseFloat","document","documentElement","rem","em","ContextConsumer","onClickOutside","children","ignoreClicksInsideRefs","refs","isActive","handler","cnPopover","Popover","props","componentRef","direction","passedDirection","offset","arrowOffset","possibleDirections","isInteractive","spareDirection","style","className","passedPosition","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef","container","window","body","otherProps","viewportElement","useRef","theme","useState","anchorClientRect","setAnchorClientRect","width","height","anchorSize","previousDirectionRef","bannedDirections","setBannedDirections","resetBannedDirections","state","updateAnchorClientRect","getBoundingClientRect","contentSize","viewportSize","clientWidth","clientHeight","x","left","y","top","scrollAnchorRef","onRequestReposition","includes","renderPosition","notVisible"],"sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import './Popover.css';\n\nimport React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';\n\nimport {\n  PortalWithTheme,\n  usePortalContext,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { ClickOutsideHandler, useClickOutside } from '##/hooks/useClickOutside';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\nimport { isNumber, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport {\n  getComputedPositionAndDirection,\n  getPointPosition,\n  getRenderPosition,\n} from './helpers';\nimport { usePopoverReposition } from './usePopoverReposition';\n\n/**\n * Стороны упорядочены по приоритету:\n * Используется первая сторона, в которую смог вписаться поповер.\n */\nexport const directionsStartCenter = [\n  'downCenter',\n  'upCenter',\n\n  'downRight',\n  'downLeft',\n  'upRight',\n  'upLeft',\n\n  'leftUp',\n  'leftCenter',\n  'leftDown',\n\n  'rightUp',\n  'rightCenter',\n  'rightDown',\n] as const;\n\nexport const directionsStartEdge = [\n  'downStartLeft',\n  'upStartLeft',\n\n  'downStartRight',\n  'upStartRight',\n\n  'leftStartUp',\n  'leftStartDown',\n\n  'rightStartUp',\n  'rightStartDown',\n] as const;\n\nexport const popoverPropOffset = [\n  '3xs',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type PopoverPropOffset = typeof popoverPropOffset[number] | number;\n\nexport const directions = [...directionsStartCenter, ...directionsStartEdge];\n\nexport type Direction = typeof directions[number];\n\nexport type Position = { x: number; y: number } | undefined;\n\nexport type PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      equalAnchorWidth?: boolean;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      equalAnchorWidth?: never;\n      position: Position;\n    };\n\ntype ChildrenRenderProp = (direction: Direction) => React.ReactNode;\n\nexport type PopoverProps = PropsWithJsxAttributes<\n  {\n    direction?: Direction;\n    spareDirection?: Direction;\n    offset?: PopoverPropOffset;\n    arrowOffset?: number;\n    possibleDirections?: readonly Direction[];\n    isInteractive?: boolean;\n    children: React.ReactNode | ChildrenRenderProp;\n    onClickOutside?: ClickOutsideHandler;\n    onSetDirection?: (direction: Direction) => void;\n    viewportRef?: React.RefObject<HTMLElement>;\n    container?: Element;\n  } & PositioningProps\n>;\n\nexport type Props = PopoverProps; // удалить при мажоре\n\nconst getOffset = (\n  ref: React.RefObject<HTMLDivElement>,\n  propOffset: PopoverPropOffset,\n) => {\n  if (isNumber(propOffset)) {\n    return propOffset;\n  }\n\n  if (isString(propOffset) && ref.current) {\n    const cssVar = getComputedStyle(ref.current).getPropertyValue(\n      `--space-${propOffset}`,\n    );\n\n    if (cssVar && /px$/.test(cssVar)) {\n      return Number(cssVar.slice(0, cssVar.length - 2));\n    }\n\n    if (cssVar && /rem$/.test(cssVar)) {\n      const fontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize,\n      );\n      const rem = Number(cssVar.slice(0, cssVar.length - 3));\n\n      return fontSize * rem;\n    }\n\n    if (cssVar && /em$/.test(cssVar)) {\n      const fontSize = parseFloat(getComputedStyle(ref.current).fontSize);\n      const em = Number(cssVar.slice(0, cssVar.length - 2));\n\n      return fontSize * em;\n    }\n\n    return 0;\n  }\n\n  return 0;\n};\n\n/**\n * Подписчик на PortalWithThemeProvider\n * получает рефы всех вложенных порталов в модалку\n * для дальнейшего исключения их из useClickOutside\n */\nconst ContextConsumer: React.FC<{\n  onClickOutside?: (event: MouseEvent) => void;\n  ignoreClicksInsideRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n  children: React.ReactNode;\n}> = ({ onClickOutside, children, ignoreClicksInsideRefs }) => {\n  const { refs } = usePortalContext();\n\n  useClickOutside({\n    isActive: !!onClickOutside,\n    ignoreClicksInsideRefs: [\n      ...(ignoreClicksInsideRefs || []),\n      ...(refs || []),\n    ],\n    handler: onClickOutside,\n  });\n\n  return children as React.ReactElement;\n};\n\nconst cnPopover = cn('Popover');\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (props, componentRef) => {\n    const {\n      children,\n      direction: passedDirection = 'upCenter',\n      offset: propOffset = 0,\n      arrowOffset,\n      possibleDirections = directions,\n      isInteractive = true,\n      onClickOutside,\n      spareDirection = 'downStartLeft',\n      style,\n      className,\n      position: passedPosition,\n      anchorRef,\n      equalAnchorWidth,\n      onSetDirection,\n      viewportRef,\n      container = window.document.body,\n      ...otherProps\n    } = props;\n\n    // console.log(viewportRef);\n\n    const viewportElement = viewportRef?.current || document.documentElement;\n\n    const ref = React.useRef<HTMLDivElement>(null);\n    const { theme } = useTheme();\n\n    const [anchorClientRect, setAnchorClientRect] = React.useState<\n      DOMRect | undefined\n    >();\n    const { width, height } = useComponentSize(ref);\n    const anchorSize = useComponentSize(anchorRef || { current: null });\n    const previousDirectionRef = React.useRef<Direction | null>(null);\n    const [bannedDirections, setBannedDirections] = React.useState<\n      readonly Direction[]\n    >([]);\n\n    const resetBannedDirections = () => {\n      setBannedDirections((state) => (state.length ? [] : state));\n      previousDirectionRef.current = null;\n    };\n\n    const updateAnchorClientRect = () =>\n      setAnchorClientRect(anchorRef?.current?.getBoundingClientRect());\n\n    const offset = useMemo(\n      () => getOffset(ref, propOffset),\n      [propOffset, Boolean(ref.current)],\n    );\n\n    const { position, direction } = getComputedPositionAndDirection({\n      contentSize: { width, height },\n      viewportSize: {\n        // Размер вьюпорта без скроллбаров\n        width: viewportElement.clientWidth,\n        height: viewportElement.clientHeight,\n      },\n      arrowOffset,\n      offset,\n      direction: passedDirection,\n      possibleDirections,\n      bannedDirections,\n      position: getPointPosition(\n        viewportElement,\n        anchorClientRect\n          ? { x: anchorClientRect.left, y: anchorClientRect.top }\n          : passedPosition,\n        !!viewportRef?.current,\n      ),\n      anchorSize,\n      spareDirection,\n    });\n\n    useEffect(() => onSetDirection?.(direction), [direction]);\n\n    useEffect(updateAnchorClientRect, [anchorSize]);\n\n    usePopoverReposition({\n      isActive: true,\n      scrollAnchorRef: anchorRef || { current: null },\n      onRequestReposition: () => {\n        resetBannedDirections();\n        updateAnchorClientRect();\n      },\n    });\n\n    /**\n     * Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления\n     * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,\n     * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.\n     * См. PopoverBannedPositionsStory\n     */\n\n    useLayoutEffect(() => {\n      if (previousDirectionRef.current !== direction) {\n        if (\n          previousDirectionRef.current &&\n          !bannedDirections.includes(previousDirectionRef.current) &&\n          !bannedDirections.includes(direction) &&\n          direction !== spareDirection\n        ) {\n          setBannedDirections((state) =>\n            previousDirectionRef.current\n              ? [...state, previousDirectionRef.current]\n              : state,\n          );\n        }\n        previousDirectionRef.current = direction;\n      }\n    }, [direction]);\n\n    // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений\n    // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор\n\n    useLayoutEffect(resetBannedDirections, [props]);\n\n    const renderPosition = getRenderPosition(\n      viewportElement,\n      position,\n      !!viewportRef?.current,\n      width,\n      height,\n    );\n\n    const notVisible = !renderPosition || !height || !width;\n\n    return (\n      <PortalWithTheme\n        {...otherProps}\n        preset={theme}\n        className={cnPopover({ direction, notVisible }, [className])}\n        container={container}\n        ref={useForkRef([ref, componentRef])}\n        style={{\n          ...style,\n          ...(notVisible\n            ? {}\n            : {\n                ['--popover-left' as string]: `${renderPosition.x}px`,\n                ['--popover-top' as string]: `${renderPosition.y}px`,\n                [`--popover-width` as string]: equalAnchorWidth\n                  ? `${anchorSize.width}px`\n                  : undefined,\n                [`--popover-pointer-events` as string]: isInteractive\n                  ? undefined\n                  : 'none',\n                [`--popover-visibility` as string]: position\n                  ? undefined\n                  : 'hidden',\n              }),\n        }}\n      >\n        <ContextConsumer\n          onClickOutside={onClickOutside}\n          ignoreClicksInsideRefs={[ref, anchorRef || { current: null }]}\n        >\n          {isRenderProp(children) ? children(direction) : children}\n        </ContextConsumer>\n      </PortalWithTheme>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/Popover/helpers.d.ts

@@ -1,32 +1,32 @@
-import { Direction, Position } from './Popover';
-declare type Size = Pick<DOMRect, 'width' | 'height'>;
-declare type PositionsByDirection = Record<Direction, NonNullable<Position>>;
-export declare const getPointPossition: (viewportElement: HTMLElement, positionInDocument: Position, withCustomViewPort: boolean) => Position;
-export declare const getRenderPosition: (viewportElement: HTMLElement, position: Position, withCustomViewPort: Boolean, width: number | undefined, height: number | undefined) => {
-    x: number;
-    y: number;
-} | undefined;
-export declare const getPositionsByDirection: ({ contentSize, anchorSize, position: { x, y }, arrowOffset, offset, }: {
-    contentSize: Size;
-    anchorSize: Size;
-    position: NonNullable<Position>;
-    arrowOffset?: number | undefined;
-    offset?: number | undefined;
-}) => PositionsByDirection;
-declare type ComputedPositionAndDirectionParams = {
-    position: Position;
-    contentSize: Size;
-    viewportSize: Size;
-    anchorSize?: Size;
-    offset?: number;
-    arrowOffset?: number;
-    direction: Direction;
-    spareDirection: Direction;
-    possibleDirections: readonly Direction[];
-    bannedDirections: readonly Direction[];
-};
-export declare const getComputedPositionAndDirection: ({ position: initialPosition, contentSize, viewportSize, anchorSize, arrowOffset, direction: initialDirection, possibleDirections, bannedDirections, spareDirection, offset, }: ComputedPositionAndDirectionParams) => {
-    direction: Direction;
-    position: Position;
-};
-export {};
+import { Direction, Position } from './Popover';
+declare type Size = Pick<DOMRect, 'width' | 'height'>;
+declare type PositionsByDirection = Record<Direction, NonNullable<Position>>;
+export declare const getPointPosition: (viewportElement: HTMLElement, positionInDocument: Position, withCustomViewPort: boolean) => Position;
+export declare const getRenderPosition: (viewportElement: HTMLElement, position: Position, withCustomViewPort: Boolean, width: number | undefined, height: number | undefined) => {
+    x: number;
+    y: number;
+} | undefined;
+export declare const getPositionsByDirection: ({ contentSize, anchorSize, position: { x, y }, arrowOffset, offset, }: {
+    contentSize: Size;
+    anchorSize: Size;
+    position: NonNullable<Position>;
+    arrowOffset?: number | undefined;
+    offset?: number | undefined;
+}) => PositionsByDirection;
+declare type ComputedPositionAndDirectionParams = {
+    position: Position;
+    contentSize: Size;
+    viewportSize: Size;
+    anchorSize?: Size;
+    offset?: number;
+    arrowOffset?: number;
+    direction: Direction;
+    spareDirection: Direction;
+    possibleDirections: readonly Direction[];
+    bannedDirections: readonly Direction[];
+};
+export declare const getComputedPositionAndDirection: ({ position: initialPosition, contentSize, viewportSize, anchorSize, arrowOffset, direction: initialDirection, possibleDirections, bannedDirections, spareDirection, offset, }: ComputedPositionAndDirectionParams) => {
+    direction: Direction;
+    position: Position;
+};
+export {};

package/__internal__/src/components/Popover/helpers.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var getPosition=function(a,b){return{x:Math.round(a),y:Math.round(b)}};export var getPointPossition=function(a,b,c){if(b){if(!c)return b;var d=a.getBoundingClientRect(),e=getPosition(b.x-d.left,b.y-d.top);return e}};export var getRenderPosition=function(a,b,c,d,e){if(d&&e){if(!c)return getPosition(((null===b||void 0===b?void 0:b.x)||0)+window.scrollX,((null===b||void 0===b?void 0:b.y)||0)+window.scrollY);var f=a.getBoundingClientRect();return!b||0>b.x||0>b.y||b.x+d>a.clientWidth||b.y+e>a.clientHeight?void 0:getPosition(((null===b||void 0===b?void 0:b.x)||0)+window.scrollX+f.left,((null===b||void 0===b?void 0:b.y)||0)+window.scrollY+f.top)}};export var getPositionsByDirection=function(a){var b=a.contentSize,c=a.anchorSize,d=a.position,e=d.x,f=d.y,g=a.arrowOffset,h=void 0===g?0:g,i=a.offset,j=void 0===i?0:i,k=b.width,l=b.height,m=c.width,n=c.height,o={x:e+m/2,y:f+n/2},p=e+m+j,q=e-k-j,r={right:o.x-h,center:o.x-k/2,left:o.x-k+h},s=f+n+j,t=f-l-j,u={up:o.y-l+h,center:o.y-l/2,down:o.y-h},v=e,w=e-k+m,x=f,y=f-l+n;return{upLeft:getPosition(r.left,t),upCenter:getPosition(r.center,t),upRight:getPosition(r.right,t),downLeft:getPosition(r.left,s),downCenter:getPosition(r.center,s),downRight:getPosition(r.right,s),rightUp:getPosition(p,u.up),rightCenter:getPosition(p,u.center),rightDown:getPosition(p,u.down),leftUp:getPosition(q,u.up),leftCenter:getPosition(q,u.center),leftDown:getPosition(q,u.down),downStartLeft:getPosition(v,s),downStartRight:getPosition(w,s),upStartLeft:getPosition(v,t),upStartRight:getPosition(w,t),leftStartUp:getPosition(q,x),leftStartDown:getPosition(q,y),rightStartUp:getPosition(p,x),rightStartDown:getPosition(p,y)}};export var getComputedPositionAndDirection=function(a){var b=a.position,c=a.contentSize,d=a.viewportSize,e=a.anchorSize,f=void 0===e?{width:0,height:0}:e,g=a.arrowOffset,h=a.direction,i=a.possibleDirections,j=a.bannedDirections,k=a.spareDirection,l=a.offset,m=void 0===l?0:l;if(!b)return{position:b,direction:h};var n=getPositionsByDirection({contentSize:c,anchorSize:f,position:b,arrowOffset:g,offset:m}),o=[h].concat(_toConsumableArray(i)).filter(function(a){return!j.includes(a)}).find(function(a){var b=n[a],e=c.width,f=c.height,g=b.y+f<=d.height,h=0<=b.y,i=0<=b.x,j=b.x+e<=d.width;return h&&g&&i&&j})||k;return{direction:o,position:n[o]}};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var getPosition=function(a,b){return{x:Math.round(a),y:Math.round(b)}};export var getPointPosition=function(a,b,c){if(b){if(!c)return b;var d=a.getBoundingClientRect(),e=getPosition(b.x-d.left,b.y-d.top);return e}};export var getRenderPosition=function(a,b,c,d,e){if(d&&e){if(!c)return getPosition(((null===b||void 0===b?void 0:b.x)||0)+window.scrollX,((null===b||void 0===b?void 0:b.y)||0)+window.scrollY);var f=a.getBoundingClientRect();return!b||0>b.x||0>b.y||b.x+d>a.clientWidth||b.y+e>a.clientHeight?void 0:getPosition(((null===b||void 0===b?void 0:b.x)||0)+window.scrollX+f.left,((null===b||void 0===b?void 0:b.y)||0)+window.scrollY+f.top)}};export var getPositionsByDirection=function(a){var b=a.contentSize,c=a.anchorSize,d=a.position,e=d.x,f=d.y,g=a.arrowOffset,h=void 0===g?0:g,i=a.offset,j=void 0===i?0:i,k=b.width,l=b.height,m=c.width,n=c.height,o={x:e+m/2,y:f+n/2},p=e+m+j,q=e-k-j,r={right:o.x-h,center:o.x-k/2,left:o.x-k+h},s=f+n+j,t=f-l-j,u={up:o.y-l+h,center:o.y-l/2,down:o.y-h},v=e,w=e-k+m,x=f,y=f-l+n;return{upLeft:getPosition(r.left,t),upCenter:getPosition(r.center,t),upRight:getPosition(r.right,t),downLeft:getPosition(r.left,s),downCenter:getPosition(r.center,s),downRight:getPosition(r.right,s),rightUp:getPosition(p,u.up),rightCenter:getPosition(p,u.center),rightDown:getPosition(p,u.down),leftUp:getPosition(q,u.up),leftCenter:getPosition(q,u.center),leftDown:getPosition(q,u.down),downStartLeft:getPosition(v,s),downStartRight:getPosition(w,s),upStartLeft:getPosition(v,t),upStartRight:getPosition(w,t),leftStartUp:getPosition(q,x),leftStartDown:getPosition(q,y),rightStartUp:getPosition(p,x),rightStartDown:getPosition(p,y)}};export var getComputedPositionAndDirection=function(a){var b=a.position,c=a.contentSize,d=a.viewportSize,e=a.anchorSize,f=void 0===e?{width:0,height:0}:e,g=a.arrowOffset,h=a.direction,i=a.possibleDirections,j=a.bannedDirections,k=a.spareDirection,l=a.offset,m=void 0===l?0:l;if(!b)return{position:b,direction:h};var n=getPositionsByDirection({contentSize:c,anchorSize:f,position:b,arrowOffset:g,offset:m}),o=[h].concat(_toConsumableArray(i)).filter(function(a){return!j.includes(a)}).find(function(a){var b=n[a],e=c.width,f=c.height,g=b.y+f<=d.height,h=0<=b.y,i=0<=b.x,j=b.x+e<=d.width;return h&&g&&i&&j})||k;return{direction:o,position:n[o]}};
 //# sourceMappingURL=helpers.js.map