@consta/uikit 5.17.0 → 5.18.0

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

@@ -1,182 +1,182 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from '../SelectComponentsDeprecated/types';
-import { TextFieldPropOnChange } from '../TextField';
-export declare type DefaultItem = {
-    label: string;
-    id: string | number;
-    groupId?: string | number;
-    disabled?: boolean;
-};
-export declare type DefaultGroup = {
-    label: string;
-    id: string | number;
-};
-declare type RenderValueProps<ITEM> = {
-    item: ITEM;
-    handleRemove?: (e: React.SyntheticEvent) => void;
-};
-export declare type PropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type PropGetItemKey<ITEM> = (item: ITEM) => string | number;
-export declare type PropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;
-export declare type PropGetGroupLabel<GROUP> = (group: GROUP) => string;
-declare type PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
-declare type PropOnChange<ITEM, MULTIPLE extends boolean> = (props: {
-    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
-    e: React.SyntheticEvent;
-}) => void;
-declare type PropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
-export declare type PropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
-export declare type PropRenderValue<ITEM> = (props: RenderValueProps<ITEM>) => React.ReactElement | null;
-export declare type ComboboxProps<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    onChange: PropOnChange<ITEM, MULTIPLE>;
-    disabled?: boolean;
-    form?: PropForm;
-    dropdownForm?: 'default' | 'brick' | 'round';
-    size?: PropSize;
-    view?: PropView;
-    placeholder?: string;
-    ariaLabel?: string;
-    status?: PropStatus;
-    isLoading?: boolean;
-    dropdownClassName?: string;
-    dropdownRef?: React.Ref<HTMLDivElement>;
-    name?: string;
-    renderItem?: PropRenderItem<ITEM>;
-    renderValue?: PropRenderValue<ITEM>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onCreate?: (props: {
-        e: React.SyntheticEvent;
-        label: string;
-    }) => void;
-    inputRef?: React.Ref<HTMLInputElement>;
-    labelForNotFound?: string;
-    required?: boolean;
-    labelForCreate?: string;
-    labelForEmptyItems?: string;
-    searchFunction?: PropSearchFunction<ITEM>;
-    searchValue?: string;
-    multiple?: MULTIPLE;
-    value?: PropValue<ITEM, MULTIPLE>;
-    groups?: GROUP[];
-    onInputChange?: TextFieldPropOnChange;
-    getItemLabel?: PropGetItemLabel<ITEM>;
-    getItemKey?: PropGetItemKey<ITEM>;
-    getItemGroupKey?: PropGetItemGroupKey<ITEM>;
-    getItemDisabled?: PropGetItemDisabled<ITEM>;
-    getGroupLabel?: PropGetGroupLabel<GROUP>;
-    getGroupKey?: PropGetGroupKey<GROUP>;
-    label?: string;
-    labelIcon?: IconComponent;
-    caption?: string;
-    labelPosition?: 'top' | 'left';
-}, HTMLDivElement> & (MULTIPLE extends true ? {
-    selectAll?: boolean;
-} : {
-    selectAll?: never;
-}) & (ITEM extends {
-    label: DefaultItem['label'];
-} ? {} : {
-    getItemLabel: PropGetItemLabel<ITEM>;
-}) & (ITEM extends {
-    id: DefaultItem['id'];
-} ? {} : {
-    getItemKey: PropGetItemKey<ITEM>;
-}) & (GROUP extends {
-    label: DefaultGroup['label'];
-} ? {} : {
-    getGroupLabel: PropGetGroupLabel<GROUP>;
-}) & (GROUP extends {
-    id: DefaultGroup['id'];
-} ? {} : {
-    getGroupKey: PropGetGroupKey<GROUP>;
-});
-export declare type ComboboxComponent = <ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
-export declare const defaultGetItemKey: PropGetItemKey<DefaultItem>;
-export declare const defaultGetItemLabel: PropGetItemLabel<DefaultItem>;
-export declare const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem>;
-export declare const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem>;
-export declare const defaultGetGroupKey: PropGetGroupKey<DefaultGroup>;
-export declare const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup>;
-export declare const isMultipleParams: <ITEM, GROUP>(params: ComboboxProps<ITEM, GROUP, boolean>) => params is ComboboxProps<ITEM, GROUP, true>;
-export declare const isNotMultipleParams: <ITEM, GROUP>(params: ComboboxProps<ITEM, GROUP, boolean>) => params is ComboboxProps<ITEM, GROUP, false>;
-export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>): {
-    items: ITEM[];
-    onChange: PropOnChange<ITEM, MULTIPLE>;
-    disabled?: boolean | undefined;
-    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
-    dropdownForm?: "default" | "brick" | "round" | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
-    view?: "clear" | "default" | undefined;
-    placeholder?: string | undefined;
-    ariaLabel?: string | undefined;
-    status?: "alert" | "warning" | "success" | undefined;
-    isLoading?: boolean | undefined;
-    dropdownClassName?: string | undefined;
-    dropdownRef?: React.Ref<HTMLDivElement> | undefined;
-    name?: string | undefined;
-    renderItem?: PropRenderItem<ITEM> | undefined;
-    renderValue?: PropRenderValue<ITEM> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onCreate?: ((props: {
-        e: React.SyntheticEvent<Element, Event>;
-        label: string;
-    }) => void) | undefined;
-    inputRef?: React.Ref<HTMLInputElement> | undefined;
-    labelForNotFound?: string | undefined;
-    required?: boolean | undefined;
-    labelForCreate?: string | undefined;
-    labelForEmptyItems?: string | undefined;
-    searchFunction?: PropSearchFunction<ITEM> | undefined;
-    searchValue?: string | undefined;
-    multiple?: MULTIPLE | undefined;
-    value?: PropValue<ITEM, MULTIPLE>;
-    groups?: GROUP[] | undefined;
-    onInputChange?: TextFieldPropOnChange | undefined;
-    getItemLabel?: PropGetItemLabel<ITEM> | undefined;
-    getItemKey?: PropGetItemKey<ITEM> | undefined;
-    getItemGroupKey?: PropGetItemGroupKey<ITEM> | undefined;
-    getItemDisabled?: PropGetItemDisabled<ITEM> | undefined;
-    getGroupLabel?: PropGetGroupLabel<GROUP> | undefined;
-    getGroupKey?: PropGetGroupKey<GROUP> | undefined;
-    label?: string | undefined;
-    labelIcon?: IconComponent<"span"> | undefined;
-    caption?: string | undefined;
-    labelPosition?: "left" | "top" | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "caption" | "form" | "label" | "status" | "name" | "disabled" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "labelForCreate" | "searchFunction" | "searchValue" | "labelForNotFound" | "onInputChange" | "onCreate"> & React.RefAttributes<HTMLDivElement> & (MULTIPLE extends true ? {
-    selectAll?: boolean | undefined;
-} : {
-    selectAll?: undefined;
-}) & (ITEM extends {
-    label: string;
-} ? {} : {
-    getItemLabel: PropGetItemLabel<ITEM>;
-}) & (ITEM extends {
-    id: string | number;
-} ? {} : {
-    getItemKey: PropGetItemKey<ITEM>;
-}) & (GROUP extends {
-    label: string;
-} ? {} : {
-    getGroupLabel: PropGetGroupLabel<GROUP>;
-}) & (GROUP extends {
-    id: string | number;
-} ? {} : {
-    getGroupKey: PropGetGroupKey<GROUP>;
-}) & {
-    getItemLabel: PropGetItemLabel<DefaultItem> | PropGetItemLabel<ITEM>;
-    getItemKey: PropGetItemKey<DefaultItem> | PropGetItemKey<ITEM>;
-    getItemGroupKey: PropGetItemGroupKey<DefaultItem> | PropGetItemGroupKey<ITEM>;
-    getItemDisabled: PropGetItemDisabled<DefaultItem> | PropGetItemDisabled<ITEM>;
-    getGroupLabel: PropGetGroupLabel<DefaultGroup> | PropGetGroupLabel<GROUP>;
-    getGroupKey: PropGetGroupKey<DefaultGroup> | PropGetGroupKey<GROUP>;
-};
-export declare const clearSizeMap: Record<PropSize, IconPropSize>;
-export declare const iconSizeMap: Record<PropSize, IconPropSize>;
-export {};
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from '../SelectComponentsDeprecated/types';
+import { TextFieldPropOnChange } from '../TextField';
+export declare type DefaultItem = {
+    label: string;
+    id: string | number;
+    groupId?: string | number;
+    disabled?: boolean;
+};
+export declare type DefaultGroup = {
+    label: string;
+    id: string | number;
+};
+declare type RenderValueProps<ITEM> = {
+    item: ITEM;
+    handleRemove?: (e: React.SyntheticEvent) => void;
+};
+export declare type PropGetItemLabel<ITEM> = (item: ITEM) => string;
+export declare type PropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export declare type PropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+export declare type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;
+export declare type PropGetGroupLabel<GROUP> = (group: GROUP) => string;
+declare type PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
+declare type PropOnChange<ITEM, MULTIPLE extends boolean> = (props: {
+    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
+    e: React.SyntheticEvent;
+}) => void;
+declare type PropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
+export declare type PropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export declare type PropRenderValue<ITEM> = (props: RenderValueProps<ITEM>) => React.ReactElement | null;
+export declare type ComboboxProps<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    onChange: PropOnChange<ITEM, MULTIPLE>;
+    disabled?: boolean;
+    form?: PropForm;
+    dropdownForm?: 'default' | 'brick' | 'round';
+    size?: PropSize;
+    view?: PropView;
+    placeholder?: string;
+    ariaLabel?: string;
+    status?: PropStatus;
+    isLoading?: boolean;
+    dropdownClassName?: string;
+    dropdownRef?: React.Ref<HTMLDivElement>;
+    name?: string;
+    renderItem?: PropRenderItem<ITEM>;
+    renderValue?: PropRenderValue<ITEM>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onCreate?: (props: {
+        e: React.SyntheticEvent;
+        label: string;
+    }) => void;
+    inputRef?: React.Ref<HTMLInputElement>;
+    labelForNotFound?: string;
+    required?: boolean;
+    labelForCreate?: string;
+    labelForEmptyItems?: string;
+    searchFunction?: PropSearchFunction<ITEM>;
+    searchValue?: string;
+    multiple?: MULTIPLE;
+    value?: PropValue<ITEM, MULTIPLE>;
+    groups?: GROUP[];
+    onInputChange?: TextFieldPropOnChange;
+    getItemLabel?: PropGetItemLabel<ITEM>;
+    getItemKey?: PropGetItemKey<ITEM>;
+    getItemGroupKey?: PropGetItemGroupKey<ITEM>;
+    getItemDisabled?: PropGetItemDisabled<ITEM>;
+    getGroupLabel?: PropGetGroupLabel<GROUP>;
+    getGroupKey?: PropGetGroupKey<GROUP>;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+}, HTMLDivElement> & (MULTIPLE extends true ? {
+    selectAll?: boolean;
+} : {
+    selectAll?: never;
+}) & (ITEM extends {
+    label: DefaultItem['label'];
+} ? {} : {
+    getItemLabel: PropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: DefaultItem['id'];
+} ? {} : {
+    getItemKey: PropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: DefaultGroup['label'];
+} ? {} : {
+    getGroupLabel: PropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: DefaultGroup['id'];
+} ? {} : {
+    getGroupKey: PropGetGroupKey<GROUP>;
+});
+export declare type ComboboxComponent = <ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
+export declare const defaultGetItemKey: PropGetItemKey<DefaultItem>;
+export declare const defaultGetItemLabel: PropGetItemLabel<DefaultItem>;
+export declare const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem>;
+export declare const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem>;
+export declare const defaultGetGroupKey: PropGetGroupKey<DefaultGroup>;
+export declare const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup>;
+export declare const isMultipleParams: <ITEM, GROUP>(params: ComboboxProps<ITEM, GROUP, boolean>) => params is ComboboxProps<ITEM, GROUP, true>;
+export declare const isNotMultipleParams: <ITEM, GROUP>(params: ComboboxProps<ITEM, GROUP, boolean>) => params is ComboboxProps<ITEM, GROUP, false>;
+export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>): {
+    items: ITEM[];
+    onChange: PropOnChange<ITEM, MULTIPLE>;
+    disabled?: boolean | undefined;
+    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
+    dropdownForm?: "default" | "brick" | "round" | undefined;
+    size?: "xs" | "s" | "m" | "l" | undefined;
+    view?: "clear" | "default" | undefined;
+    placeholder?: string | undefined;
+    ariaLabel?: string | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
+    isLoading?: boolean | undefined;
+    dropdownClassName?: string | undefined;
+    dropdownRef?: React.Ref<HTMLDivElement> | undefined;
+    name?: string | undefined;
+    renderItem?: PropRenderItem<ITEM> | undefined;
+    renderValue?: PropRenderValue<ITEM> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onCreate?: ((props: {
+        e: React.SyntheticEvent<Element, Event>;
+        label: string;
+    }) => void) | undefined;
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    labelForNotFound?: string | undefined;
+    required?: boolean | undefined;
+    labelForCreate?: string | undefined;
+    labelForEmptyItems?: string | undefined;
+    searchFunction?: PropSearchFunction<ITEM> | undefined;
+    searchValue?: string | undefined;
+    multiple?: MULTIPLE | undefined;
+    value?: PropValue<ITEM, MULTIPLE>;
+    groups?: GROUP[] | undefined;
+    onInputChange?: TextFieldPropOnChange | undefined;
+    getItemLabel?: PropGetItemLabel<ITEM> | undefined;
+    getItemKey?: PropGetItemKey<ITEM> | undefined;
+    getItemGroupKey?: PropGetItemGroupKey<ITEM> | undefined;
+    getItemDisabled?: PropGetItemDisabled<ITEM> | undefined;
+    getGroupLabel?: PropGetGroupLabel<GROUP> | undefined;
+    getGroupKey?: PropGetGroupKey<GROUP> | undefined;
+    label?: string | undefined;
+    labelIcon?: IconComponent<"span"> | undefined;
+    caption?: string | undefined;
+    labelPosition?: "left" | "top" | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "caption" | "form" | "label" | "status" | "name" | "disabled" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "labelForCreate" | "searchFunction" | "searchValue" | "labelForNotFound" | "onInputChange" | "onCreate"> & React.RefAttributes<HTMLDivElement> & (MULTIPLE extends true ? {
+    selectAll?: boolean | undefined;
+} : {
+    selectAll?: undefined;
+}) & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: PropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: string | number;
+} ? {} : {
+    getItemKey: PropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: string;
+} ? {} : {
+    getGroupLabel: PropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: string | number;
+} ? {} : {
+    getGroupKey: PropGetGroupKey<GROUP>;
+}) & {
+    getItemLabel: PropGetItemLabel<DefaultItem> | PropGetItemLabel<ITEM>;
+    getItemKey: PropGetItemKey<DefaultItem> | PropGetItemKey<ITEM>;
+    getItemGroupKey: PropGetItemGroupKey<DefaultItem> | PropGetItemGroupKey<ITEM>;
+    getItemDisabled: PropGetItemDisabled<DefaultItem> | PropGetItemDisabled<ITEM>;
+    getGroupLabel: PropGetGroupLabel<DefaultGroup> | PropGetGroupLabel<GROUP>;
+    getGroupKey: PropGetGroupKey<DefaultGroup> | PropGetGroupKey<GROUP>;
+};
+export declare const clearSizeMap: Record<PropSize, IconPropSize>;
+export declare const iconSizeMap: Record<PropSize, IconPropSize>;
+export {};

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

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

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

@@ -1,4 +1,4 @@
-import { ContextMenuComponent } from './types';
-export declare const COMPONENT_NAME: "ContextMenu";
-export declare const ContextMenu: ContextMenuComponent;
-export * from './types';
+import { ContextMenuComponent } from './types';
+export declare const COMPONENT_NAME: "ContextMenu";
+export declare const ContextMenu: ContextMenuComponent;
+export * from './types';

package/__internal__/src/components/ContextMenu/ContextMenuLevel/ContextMenuLevel.d.ts

@@ -1,5 +1,5 @@
-import './ContextMenuLevel.css';
-import { ContextMenuLevelComponent } from '../types';
-export declare const cnContextMenuLevel: import("@bem-react/classname").ClassNameFormatter;
-export declare function clearTimers(): void;
-export declare const ContextMenuLevel: ContextMenuLevelComponent;
+import './ContextMenuLevel.css';
+import { ContextMenuLevelComponent } from '../types';
+export declare const cnContextMenuLevel: import("@bem-react/classname").ClassNameFormatter;
+export declare function clearTimers(): void;
+export declare const ContextMenuLevel: ContextMenuLevelComponent;

package/__internal__/src/components/ContextMenu/ContextMenuLevel/index.d.ts

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

package/__internal__/src/components/ContextMenu/ContextMenuLevelWrapper/ContextMenuLevelWrapper.d.ts

@@ -1,4 +1,4 @@
-import './ContextMenuLevelWrapper.css';
-import React from 'react';
-import { ContextMenuLevelWrapperProps } from '../types';
-export declare const ContextMenuLevelWrapper: React.ForwardRefExoticComponent<Pick<ContextMenuLevelWrapperProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "size" | "key" | "position" | "direction" | "offset" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "isMobile"> & React.RefAttributes<HTMLDivElement>>;
+import './ContextMenuLevelWrapper.css';
+import React from 'react';
+import { ContextMenuLevelWrapperProps } from '../types';
+export declare const ContextMenuLevelWrapper: React.ForwardRefExoticComponent<Pick<ContextMenuLevelWrapperProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "size" | "key" | "position" | "direction" | "offset" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "isMobile"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ContextMenu/ContextMenuLevelWrapper/index.d.ts

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

package/__internal__/src/components/ContextMenu/ContextMenuLevels/ContextMenuLevels.d.ts

@@ -1,2 +1,2 @@
-import { ContextMenuLevelsComponent } from '../types';
-export declare const ContextMenuLevels: ContextMenuLevelsComponent;
+import { ContextMenuLevelsComponent } from '../types';
+export declare const ContextMenuLevels: ContextMenuLevelsComponent;

package/__internal__/src/components/ContextMenu/ContextMenuLevels/index.d.ts

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

package/__internal__/src/components/ContextMenu/ContextMenuLevels/useSize.d.ts

@@ -1,2 +1,2 @@
-import { ComponentSize } from "../../../hooks/useComponentSize";
-export declare const useSize: (refs: React.RefObject<HTMLDivElement>[], setFn: React.Dispatch<React.SetStateAction<ComponentSize>>, isActive?: boolean) => void;
+import { ComponentSize } from "../../../hooks/useComponentSize";
+export declare const useSize: (refs: React.RefObject<HTMLDivElement>[], setFn: React.Dispatch<React.SetStateAction<ComponentSize>>, isActive?: boolean) => void;

package/__internal__/src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.d.ts

@@ -1,3 +1,3 @@
-import './ContextMenuWrapper.css';
-import { ContextMenuWrapperProps } from '../types';
-export declare const ContextMenuWrapper: (props: ContextMenuWrapperProps) => JSX.Element;
+import './ContextMenuWrapper.css';
+import { ContextMenuWrapperProps } from '../types';
+export declare const ContextMenuWrapper: (props: ContextMenuWrapperProps) => JSX.Element;

package/__internal__/src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./ContextMenuWrapper.css";import React,{Fragment,useCallback,useState}from"react";import{Transition}from"react-transition-group";import{cnListBox,mapVerticalSpace}from"../../ListCanary";import{Popover}from"../../Popover";import{useFlag}from"../../../hooks/useFlag";import{useMutableRef}from"../../../hooks/useMutableRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{contextMenuDefaultSize,defaultContextMenuForm}from"../types";var cnContextMenuWrapper=cn("ContextMenuWrapper");export var ContextMenuWrapper=function(a){var b=a.isMobile,c=a.children,d=a.form,e=void 0===d?defaultContextMenuForm:d,f=a.isOpen,g=a.size,h=void 0===g?contextMenuDefaultSize:g,i=a.anchorRef,j=a.possibleDirections,k=a.position,l=a.direction,m=a.spareDirection,n=a.onClickOutside,o=a.offset,p=a.onSetDirection,q=a.className,r=a.animationBack,s=a.style,t=useFlag(b),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(l),y=_slicedToArray(x,2),z=y[0],A=y[1],B=useMutableRef(p),C=useCallback(function(a){var b;A(a),null===(b=B.current)||void 0===b?void 0:b.call(B,a)},[]);return b?React.createElement(Transition,{timeout:animateTimeout,in:f,unmountOnExit:!0,onEntered:w.on,onExit:w.off},function(a){return React.createElement(Popover,{className:cnContextMenuWrapper({animationBack:r,innerAnimation:v},[cnListBox({size:h,form:e,border:!0,shadow:!0}),cnMixSpace({pV:mapVerticalSpace[h]}),cnMixPopoverAnimate({animate:a}),q]),anchorRef:i,possibleDirections:j,position:k,direction:z,spareDirection:m,onClickOutside:n,offset:o,onSetDirection:C,style:s},c)}):React.createElement(Fragment,{key:ContextMenuWrapper.name},c)};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./ContextMenuWrapper.css";import React,{Fragment,useCallback,useRef,useState}from"react";import{Transition}from"react-transition-group";import{cnListBox,mapVerticalSpace}from"../../ListCanary";import{Popover}from"../../Popover";import{useFlag}from"../../../hooks/useFlag";import{useMutableRef}from"../../../hooks/useMutableRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{contextMenuDefaultSize,defaultContextMenuForm}from"../types";var cnContextMenuWrapper=cn("ContextMenuWrapper");export var ContextMenuWrapper=function(a){var b=a.isMobile,c=a.children,d=a.form,e=void 0===d?defaultContextMenuForm:d,f=a.isOpen,g=a.size,h=void 0===g?contextMenuDefaultSize:g,i=a.anchorRef,j=a.possibleDirections,k=a.position,l=a.direction,m=a.spareDirection,n=a.onClickOutside,o=a.offset,p=a.onSetDirection,q=a.className,r=a.animationBack,s=a.style,t=useFlag(b),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(l),y=_slicedToArray(x,2),z=y[0],A=y[1],B=useMutableRef(p),C=useRef(null),D=useCallback(function(a){var b;A(a),null===(b=B.current)||void 0===b?void 0:b.call(B,a)},[]);return b?React.createElement(Transition,{timeout:animateTimeout,in:f,unmountOnExit:!0,onEntered:w.on,onExit:w.off,nodeRef:C},function(a){return React.createElement(Popover,{className:cnContextMenuWrapper({animationBack:r,innerAnimation:v},[cnListBox({size:h,form:e,border:!0,shadow:!0}),cnMixSpace({pV:mapVerticalSpace[h]}),cnMixPopoverAnimate({animate:a}),q]),ref:C,anchorRef:i,possibleDirections:j,position:k,direction:z,spareDirection:m,onClickOutside:n,offset:o,onSetDirection:D,style:s},c)}):React.createElement(Fragment,{key:ContextMenuWrapper.name},c)};
 //# sourceMappingURL=ContextMenuWrapper.js.map

package/__internal__/src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuWrapper.js","names":["React","Fragment","useCallback","useState","Transition","cnListBox","mapVerticalSpace","Popover","useFlag","useMutableRef","animateTimeout","cnMixPopoverAnimate","cnMixSpace","cn","contextMenuDefaultSize","defaultContextMenuForm","cnContextMenuWrapper","ContextMenuWrapper","props","isMobile","children","form","isOpen","size","anchorRef","possibleDirections","position","directionProp","direction","spareDirection","onClickOutside","offset","onSetDirectionProp","onSetDirection","className","animationBack","style","innerAnimation","setInnerAnimation","setDirection","onSetDirectionRef","current","on","off","animate","border","shadow","pV","name"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.tsx"],"sourcesContent":["import './ContextMenuWrapper.css';\n\nimport React, { Fragment, useCallback, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cnListBox, mapVerticalSpace } from '##/components/ListCanary';\nimport { Direction, Popover } from '##/components/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport {\n  contextMenuDefaultSize,\n  ContextMenuWrapperProps,\n  defaultContextMenuForm,\n} from '../types';\n\nconst cnContextMenuWrapper = cn('ContextMenuWrapper');\n\nexport const ContextMenuWrapper = (props: ContextMenuWrapperProps) => {\n  const {\n    isMobile,\n    children,\n    form = defaultContextMenuForm,\n    isOpen,\n    size = contextMenuDefaultSize,\n    anchorRef,\n    possibleDirections,\n    position,\n    direction: directionProp,\n    spareDirection,\n    onClickOutside,\n    offset,\n    onSetDirection: onSetDirectionProp,\n    className,\n    animationBack,\n    style,\n  } = props;\n\n  const [innerAnimation, setInnerAnimation] = useFlag(isMobile);\n  // запоминаем позицию последнего удовлетворяющего разворота,\n  // для того чтоб следующий экран разворачивался в эту же строну.\n  const [direction, setDirection] = useState(directionProp);\n\n  const onSetDirectionRef = useMutableRef(onSetDirectionProp);\n\n  const onSetDirection = useCallback((direction: Direction) => {\n    setDirection(direction);\n    onSetDirectionRef.current?.(direction);\n  }, []);\n\n  if (isMobile) {\n    return (\n      <Transition\n        timeout={animateTimeout}\n        in={isOpen}\n        unmountOnExit\n        onEntered={setInnerAnimation.on}\n        onExit={setInnerAnimation.off}\n      >\n        {(animate) => (\n          <Popover\n            className={cnContextMenuWrapper({ animationBack, innerAnimation }, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixSpace({\n                pV: mapVerticalSpace[size],\n              }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            anchorRef={anchorRef}\n            possibleDirections={possibleDirections}\n            position={position}\n            direction={direction}\n            spareDirection={spareDirection}\n            onClickOutside={onClickOutside}\n            offset={offset}\n            onSetDirection={onSetDirection}\n            style={style}\n          >\n            {children}\n          </Popover>\n        )}\n      </Transition>\n    );\n  }\n\n  return <Fragment key={ContextMenuWrapper.name}>{children}</Fragment>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"ContextMenuWrapper.js","names":["React","Fragment","useCallback","useRef","useState","Transition","cnListBox","mapVerticalSpace","Popover","useFlag","useMutableRef","animateTimeout","cnMixPopoverAnimate","cnMixSpace","cn","contextMenuDefaultSize","defaultContextMenuForm","cnContextMenuWrapper","ContextMenuWrapper","props","isMobile","children","form","isOpen","size","anchorRef","possibleDirections","position","directionProp","direction","spareDirection","onClickOutside","offset","onSetDirectionProp","onSetDirection","className","animationBack","style","innerAnimation","setInnerAnimation","setDirection","onSetDirectionRef","rootRef","current","on","off","animate","border","shadow","pV","name"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuWrapper/ContextMenuWrapper.tsx"],"sourcesContent":["import './ContextMenuWrapper.css';\n\nimport React, { Fragment, useCallback, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cnListBox, mapVerticalSpace } from '##/components/ListCanary';\nimport { Direction, Popover } from '##/components/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport {\n  contextMenuDefaultSize,\n  ContextMenuWrapperProps,\n  defaultContextMenuForm,\n} from '../types';\n\nconst cnContextMenuWrapper = cn('ContextMenuWrapper');\n\nexport const ContextMenuWrapper = (props: ContextMenuWrapperProps) => {\n  const {\n    isMobile,\n    children,\n    form = defaultContextMenuForm,\n    isOpen,\n    size = contextMenuDefaultSize,\n    anchorRef,\n    possibleDirections,\n    position,\n    direction: directionProp,\n    spareDirection,\n    onClickOutside,\n    offset,\n    onSetDirection: onSetDirectionProp,\n    className,\n    animationBack,\n    style,\n  } = props;\n\n  const [innerAnimation, setInnerAnimation] = useFlag(isMobile);\n  // запоминаем позицию последнего удовлетворяющего разворота,\n  // для того чтоб следующий экран разворачивался в эту же строну.\n  const [direction, setDirection] = useState(directionProp);\n\n  const onSetDirectionRef = useMutableRef(onSetDirectionProp);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const onSetDirection = useCallback((direction: Direction) => {\n    setDirection(direction);\n    onSetDirectionRef.current?.(direction);\n  }, []);\n\n  if (isMobile) {\n    return (\n      <Transition\n        timeout={animateTimeout}\n        in={isOpen}\n        unmountOnExit\n        onEntered={setInnerAnimation.on}\n        onExit={setInnerAnimation.off}\n        nodeRef={rootRef}\n      >\n        {(animate) => (\n          <Popover\n            className={cnContextMenuWrapper({ animationBack, innerAnimation }, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixSpace({\n                pV: mapVerticalSpace[size],\n              }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            ref={rootRef}\n            anchorRef={anchorRef}\n            possibleDirections={possibleDirections}\n            position={position}\n            direction={direction}\n            spareDirection={spareDirection}\n            onClickOutside={onClickOutside}\n            offset={offset}\n            onSetDirection={onSetDirection}\n            style={style}\n          >\n            {children}\n          </Popover>\n        )}\n      </Transition>\n    );\n  }\n\n  return <Fragment key={ContextMenuWrapper.name}>{children}</Fragment>;\n};\n"],"mappings":"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"}

package/__internal__/src/components/ContextMenu/ContextMenuWrapper/index.d.ts

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