@consta/uikit 5.14.0 → 5.15.0

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

@@ -1,194 +1,194 @@
-/// <reference types="react" />
-import { IconComponent } from '@consta/icons/Icon';
-import { ListPropForm } from "../ListCanary";
-import { ComponentSize } from "../../hooks/useComponentSize";
-import { Animate } from "../../mixs/MixPopoverAnimate";
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';
-import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
-import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-import { Direction, PopoverPropOffset, Position } from '../Popover/Popover';
-export declare const contextMenuSizes: readonly ["m", "xs", "s", "l"];
-export declare type ContextMenuPropSize = typeof contextMenuSizes[number];
-export declare const contextMenuDefaultSize: ContextMenuPropSize;
-export declare const contextMenuStatus: readonly ["alert", "success", "warning"];
-export declare type ContextMenuStatus = typeof contextMenuStatus[number];
-export declare const contextMenuDefaultStatus: ContextMenuStatus;
-export declare const contextMenuForm: readonly ["default", "brick", "round"];
-export declare type ContextMenuForm = ListPropForm;
-export declare const defaultContextMenuForm: "default";
-export declare const contextMenuPropSubMenuDirections: readonly ["rightStartUp", "rightStartDown", "leftStartUp", "leftStartDown"];
-export declare type ContextMenuPropSubMenuDirection = typeof contextMenuPropSubMenuDirections[number];
-export declare const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection;
-export declare type ContextMenuPropOnItemClick<ITEM> = (item: ITEM, params: {
-    e: React.MouseEvent;
-}) => void;
-export declare type ContextMenuGroupDefault = {
-    label?: string;
-    id: number;
-};
-export declare type ContextMenuItemDefault = {
-    label: string | number;
-    key?: string | number;
-    rightSide?: React.ReactNode;
-    rightIcon?: IconComponent;
-    leftSide?: React.ReactNode;
-    leftIcon?: IconComponent;
-    subMenu?: ContextMenuItemDefault[];
-    status?: ContextMenuStatus;
-    disabled?: boolean;
-    groupId?: number;
-    onClick?: React.MouseEventHandler;
-    as?: AsTags;
-    attributes?: AsAttributes;
-};
-export declare type ContextMenuPropSortGroup = (a: string | number, b: string | number) => number;
-export declare type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
-export declare type ContextMenuPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
-export declare type ContextMenuPropGetItemLeftSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
-export declare type ContextMenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
-export declare type ContextMenuPropGetItemStatus<ITEM> = (item: ITEM) => ContextMenuStatus | undefined;
-export declare type ContextMenuPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type ContextMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
-export declare type ContextMenuPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
-export declare type ContextMenuPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
-export declare type ContextMenuPropGetItemGroupId<ITEM> = (item: ITEM) => number | undefined;
-export declare type ContextMenuPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type ContextMenuPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type ContextMenuPropGetGroupLabel<GROUP> = (group: GROUP) => string | undefined;
-export declare type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;
-declare type PositioningProps = {
-    anchorRef: React.RefObject<HTMLElement>;
-    position?: never;
-} | {
-    anchorRef?: never;
-    position: Position;
-};
-export declare type MappersItem<ITEM> = {
-    getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;
-    getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;
-    getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;
-    getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;
-    getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;
-    getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;
-    getItemKey?: ContextMenuPropGetItemKey<ITEM>;
-    getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;
-    getItemAs?: ContextMenuPropGetItemAs<ITEM>;
-    getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;
-    getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;
-    getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;
-    getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;
-};
-export declare type MappersGroup<GROUP> = {
-    getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;
-    getGroupId?: ContextMenuPropGetGroupId<GROUP>;
-};
-export declare type Level<ITEM> = {
-    items: ITEM[];
-    activeItem?: string;
-    direction?: Direction;
-    possibleDirections?: readonly Direction[];
-    offset?: PopoverPropOffset;
-    parent?: ITEM;
-    anchorRef?: React.RefObject<HTMLElement>;
-    position?: Position;
-};
-export declare type AddLevel<ITEM> = (params: {
-    level: number;
-    items: ITEM[];
-    parent?: ITEM;
-    anchorRef?: React.RefObject<HTMLElement>;
-    position?: Position;
-    activeItem: string;
-}) => void;
-export declare type ContextMenuProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    size?: ContextMenuPropSize;
-    direction?: Direction;
-    offset?: PopoverPropOffset;
-    groups?: GROUP[];
-    sortGroup?: ContextMenuPropSortGroup;
-    onItemClick?: ContextMenuPropOnItemClick<ITEM>;
-    possibleDirections?: readonly Direction[];
-    subMenuDirection?: ContextMenuPropSubMenuDirection;
-    spareDirection?: Direction;
-    onSetDirection?: (direction: Direction) => void;
-    onClickOutside?: ClickOutsideHandler;
-    isOpen?: boolean;
-    form?: ContextMenuForm;
-    isMobile?: boolean;
-    onEsc?: React.KeyboardEventHandler;
-} & MappersItem<ITEM> & MappersGroup<GROUP> & PositioningProps, HTMLDivElement> & (GROUP extends {
-    id: ContextMenuGroupDefault['id'] | unknown;
-} ? {} : {
-    getGroupId: ContextMenuPropGetGroupId<GROUP>;
-}) & (ITEM extends {
-    label: ContextMenuItemDefault['label'];
-} ? {} : {
-    getItemLabel: ContextMenuPropGetItemLabel<ITEM>;
-});
-export declare type ContextMenuLevelsProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = ContextMenuProps<ITEM, GROUP> & {
-    setComponentSize: React.Dispatch<React.SetStateAction<ComponentSize>>;
-    disableAnimationBack: () => void;
-    enableAnimationBack: () => void;
-};
-export declare type ContextMenuLevelsComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuLevelsProps<ITEM, GROUP>) => React.ReactElement | null;
-export declare type ContextMenuComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuProps<ITEM, GROUP>) => React.ReactElement | null;
-export declare type ContextMenuLevelProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = Omit<ContextMenuProps<ITEM, GROUP>, 'subMenuDirection' | 'onClickOutside' | 'setComponentSize' | 'animationBack' | 'disableAnimationBack' | 'enableAnimationBack' | keyof MappersItem<ITEM> | keyof MappersGroup<GROUP>> & {
-    parent?: ITEM;
-    activeLevelDepth: number;
-    levelDepth: number;
-    addLevel: AddLevel<ITEM>;
-    deleteLevel: (level: number) => void;
-    activeItem?: string;
-    onSetDirection?: (direction: Direction) => void;
-    hoveredParenLevel: number;
-    setHoveredParenLevel: (level: number) => void;
-    onEsc?: React.KeyboardEventHandler;
-    animate: Animate;
-} & Required<MappersItem<ITEM>> & Required<MappersGroup<GROUP>>;
-export declare type ContextMenuLevelComponent = <ITEM, GROUP>(props: ContextMenuLevelProps<ITEM, GROUP>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
-export declare type ContextMenuItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {
-    size?: ContextMenuPropSize;
-    active: boolean;
-    withSubMenu: boolean;
-}, AS> & React.RefAttributes<HTMLDivElement>;
-export declare type ContextMenuItemComponent = <AS extends AsTags = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
-export declare type GetLevelsParams<ITEM> = {
-    levels: Level<ITEM>[];
-    items: ITEM[];
-    getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;
-    getItemKey: ContextMenuPropGetItemKey<ITEM>;
-};
-export declare type ContextMenuWrapperProps = PropsWithHTMLAttributes<{
-    children: React.ReactNode;
-    isOpen?: boolean;
-    isMobile?: boolean;
-    form?: ContextMenuForm;
-    onClickOutside?: ClickOutsideHandler;
-    spareDirection?: Direction;
-    possibleDirections?: readonly Direction[];
-    size?: ContextMenuPropSize;
-    direction?: Direction;
-    offset?: PopoverPropOffset;
-    anchorRef?: React.RefObject<HTMLElement>;
-    position?: Position;
-    onSetDirection?: (direction: Direction) => void;
-    className?: string;
-    animationBack?: boolean;
-}, HTMLDivElement>;
-export declare type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<{
-    children: React.ReactNode;
-    isMobile?: boolean;
-    onClickOutside?: ClickOutsideHandler;
-    spareDirection?: Direction;
-    possibleDirections?: readonly Direction[];
-    size?: ContextMenuPropSize;
-    direction?: Direction;
-    offset?: PopoverPropOffset;
-    anchorRef?: React.RefObject<HTMLElement>;
-    position?: Position;
-    onSetDirection?: (direction: Direction) => void;
-}, HTMLDivElement>;
-export {};
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+import { ListPropForm } from "../ListCanary";
+import { ComponentSize } from "../../hooks/useComponentSize";
+import { Animate } from "../../mixs/MixPopoverAnimate";
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';
+import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
+import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { Direction, PopoverPropOffset, Position } from '../Popover/Popover';
+export declare const contextMenuSizes: readonly ["m", "xs", "s", "l"];
+export declare type ContextMenuPropSize = typeof contextMenuSizes[number];
+export declare const contextMenuDefaultSize: ContextMenuPropSize;
+export declare const contextMenuStatus: readonly ["alert", "success", "warning"];
+export declare type ContextMenuStatus = typeof contextMenuStatus[number];
+export declare const contextMenuDefaultStatus: ContextMenuStatus;
+export declare const contextMenuForm: readonly ["default", "brick", "round"];
+export declare type ContextMenuForm = ListPropForm;
+export declare const defaultContextMenuForm: "default";
+export declare const contextMenuPropSubMenuDirections: readonly ["rightStartUp", "rightStartDown", "leftStartUp", "leftStartDown"];
+export declare type ContextMenuPropSubMenuDirection = typeof contextMenuPropSubMenuDirections[number];
+export declare const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection;
+export declare type ContextMenuPropOnItemClick<ITEM> = (item: ITEM, params: {
+    e: React.MouseEvent;
+}) => void;
+export declare type ContextMenuGroupDefault = {
+    label?: string;
+    id: number;
+};
+export declare type ContextMenuItemDefault = {
+    label: string | number;
+    key?: string | number;
+    rightSide?: React.ReactNode;
+    rightIcon?: IconComponent;
+    leftSide?: React.ReactNode;
+    leftIcon?: IconComponent;
+    subMenu?: ContextMenuItemDefault[];
+    status?: ContextMenuStatus;
+    disabled?: boolean;
+    groupId?: number;
+    onClick?: React.MouseEventHandler;
+    as?: AsTags;
+    attributes?: AsAttributes;
+};
+export declare type ContextMenuPropSortGroup = (a: string | number, b: string | number) => number;
+export declare type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
+export declare type ContextMenuPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type ContextMenuPropGetItemLeftSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type ContextMenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
+export declare type ContextMenuPropGetItemStatus<ITEM> = (item: ITEM) => ContextMenuStatus | undefined;
+export declare type ContextMenuPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
+export declare type ContextMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export declare type ContextMenuPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export declare type ContextMenuPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
+export declare type ContextMenuPropGetItemGroupId<ITEM> = (item: ITEM) => number | undefined;
+export declare type ContextMenuPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type ContextMenuPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type ContextMenuPropGetGroupLabel<GROUP> = (group: GROUP) => string | undefined;
+export declare type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;
+declare type PositioningProps = {
+    anchorRef: React.RefObject<HTMLElement>;
+    position?: never;
+} | {
+    anchorRef?: never;
+    position: Position;
+};
+export declare type MappersItem<ITEM> = {
+    getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;
+    getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;
+    getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;
+    getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;
+    getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;
+    getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;
+    getItemKey?: ContextMenuPropGetItemKey<ITEM>;
+    getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;
+    getItemAs?: ContextMenuPropGetItemAs<ITEM>;
+    getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;
+    getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;
+    getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;
+    getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;
+};
+export declare type MappersGroup<GROUP> = {
+    getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;
+    getGroupId?: ContextMenuPropGetGroupId<GROUP>;
+};
+export declare type Level<ITEM> = {
+    items: ITEM[];
+    activeItem?: string;
+    direction?: Direction;
+    possibleDirections?: readonly Direction[];
+    offset?: PopoverPropOffset;
+    parent?: ITEM;
+    anchorRef?: React.RefObject<HTMLElement>;
+    position?: Position;
+};
+export declare type AddLevel<ITEM> = (params: {
+    level: number;
+    items: ITEM[];
+    parent?: ITEM;
+    anchorRef?: React.RefObject<HTMLElement>;
+    position?: Position;
+    activeItem: string;
+}) => void;
+export declare type ContextMenuProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    size?: ContextMenuPropSize;
+    direction?: Direction;
+    offset?: PopoverPropOffset;
+    groups?: GROUP[];
+    sortGroup?: ContextMenuPropSortGroup;
+    onItemClick?: ContextMenuPropOnItemClick<ITEM>;
+    possibleDirections?: readonly Direction[];
+    subMenuDirection?: ContextMenuPropSubMenuDirection;
+    spareDirection?: Direction;
+    onSetDirection?: (direction: Direction) => void;
+    onClickOutside?: ClickOutsideHandler;
+    isOpen?: boolean;
+    form?: ContextMenuForm;
+    isMobile?: boolean;
+    onEsc?: React.KeyboardEventHandler;
+} & MappersItem<ITEM> & MappersGroup<GROUP> & PositioningProps, HTMLDivElement> & (GROUP extends {
+    id: ContextMenuGroupDefault['id'] | unknown;
+} ? {} : {
+    getGroupId: ContextMenuPropGetGroupId<GROUP>;
+}) & (ITEM extends {
+    label: ContextMenuItemDefault['label'];
+} ? {} : {
+    getItemLabel: ContextMenuPropGetItemLabel<ITEM>;
+});
+export declare type ContextMenuLevelsProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = ContextMenuProps<ITEM, GROUP> & {
+    setComponentSize: React.Dispatch<React.SetStateAction<ComponentSize>>;
+    disableAnimationBack: () => void;
+    enableAnimationBack: () => void;
+};
+export declare type ContextMenuLevelsComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuLevelsProps<ITEM, GROUP>) => React.ReactElement | null;
+export declare type ContextMenuComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuProps<ITEM, GROUP>) => React.ReactElement | null;
+export declare type ContextMenuLevelProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = Omit<ContextMenuProps<ITEM, GROUP>, 'subMenuDirection' | 'onClickOutside' | 'setComponentSize' | 'animationBack' | 'disableAnimationBack' | 'enableAnimationBack' | keyof MappersItem<ITEM> | keyof MappersGroup<GROUP>> & {
+    parent?: ITEM;
+    activeLevelDepth: number;
+    levelDepth: number;
+    addLevel: AddLevel<ITEM>;
+    deleteLevel: (level: number) => void;
+    activeItem?: string;
+    onSetDirection?: (direction: Direction) => void;
+    hoveredParenLevel: number;
+    setHoveredParenLevel: (level: number) => void;
+    onEsc?: React.KeyboardEventHandler;
+    animate: Animate;
+} & Required<MappersItem<ITEM>> & Required<MappersGroup<GROUP>>;
+export declare type ContextMenuLevelComponent = <ITEM, GROUP>(props: ContextMenuLevelProps<ITEM, GROUP>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export declare type ContextMenuItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {
+    size?: ContextMenuPropSize;
+    active: boolean;
+    withSubMenu: boolean;
+}, AS> & React.RefAttributes<HTMLDivElement>;
+export declare type ContextMenuItemComponent = <AS extends AsTags = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export declare type GetLevelsParams<ITEM> = {
+    levels: Level<ITEM>[];
+    items: ITEM[];
+    getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;
+    getItemKey: ContextMenuPropGetItemKey<ITEM>;
+};
+export declare type ContextMenuWrapperProps = PropsWithHTMLAttributes<{
+    children: React.ReactNode;
+    isOpen?: boolean;
+    isMobile?: boolean;
+    form?: ContextMenuForm;
+    onClickOutside?: ClickOutsideHandler;
+    spareDirection?: Direction;
+    possibleDirections?: readonly Direction[];
+    size?: ContextMenuPropSize;
+    direction?: Direction;
+    offset?: PopoverPropOffset;
+    anchorRef?: React.RefObject<HTMLElement>;
+    position?: Position;
+    onSetDirection?: (direction: Direction) => void;
+    className?: string;
+    animationBack?: boolean;
+}, HTMLDivElement>;
+export declare type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<{
+    children: React.ReactNode;
+    isMobile?: boolean;
+    onClickOutside?: ClickOutsideHandler;
+    spareDirection?: Direction;
+    possibleDirections?: readonly Direction[];
+    size?: ContextMenuPropSize;
+    direction?: Direction;
+    offset?: PopoverPropOffset;
+    anchorRef?: React.RefObject<HTMLElement>;
+    position?: Position;
+    onSetDirection?: (direction: Direction) => void;
+}, HTMLDivElement>;
+export {};

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

@@ -1,22 +1,22 @@
-import React from 'react';
-import { ContextMenuItemDefault, ContextMenuPropGetItemSubMenu } from './types';
-declare type UseMenuNavigationProps<ITEM = ContextMenuItemDefault> = {
-    items: ITEM[];
-    deleteLevel: () => void;
-    getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;
-    active: boolean;
-    addLevel: (item: ITEM) => void;
-    onEsc?: React.KeyboardEventHandler;
-    level?: number;
-    isMobile?: boolean;
-};
-export declare const useMenuNavigation: (props: UseMenuNavigationProps) => {
-    refs: React.RefObject<HTMLDivElement>[];
-    activeIndex: number;
-    onKeyDown: (e: React.KeyboardEvent) => void;
-    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
-    setDirection: React.Dispatch<React.SetStateAction<"downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined>>;
-    parentRef: React.RefObject<HTMLDivElement>;
-    containerRef: React.RefObject<HTMLDivElement>;
-};
-export {};
+import React from 'react';
+import { ContextMenuItemDefault, ContextMenuPropGetItemSubMenu } from './types';
+declare type UseMenuNavigationProps<ITEM = ContextMenuItemDefault> = {
+    items: ITEM[];
+    deleteLevel: () => void;
+    getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;
+    active: boolean;
+    addLevel: (item: ITEM) => void;
+    onEsc?: React.KeyboardEventHandler;
+    level?: number;
+    isMobile?: boolean;
+};
+export declare const useMenuNavigation: (props: UseMenuNavigationProps) => {
+    refs: React.RefObject<HTMLDivElement>[];
+    activeIndex: number;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
+    setDirection: React.Dispatch<React.SetStateAction<"downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined>>;
+    parentRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
+};
+export {};

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

@@ -1,5 +1,5 @@
-import { DatePickerComponent } from './types';
-export declare const COMPONENT_NAME: "DatePicker";
-export declare const DatePicker: DatePickerComponent;
-export * from './helpers';
-export * from './types';
+import { DatePickerComponent } from './types';
+export declare const COMPONENT_NAME: "DatePicker";
+export declare const DatePicker: DatePickerComponent;
+export * from './helpers';
+export * from './types';

package/__internal__/src/components/DatePicker/DatePickerAdditionalControls/DatePickerAdditionalControls.d.ts

@@ -1,12 +1,12 @@
-import './DatePickerAdditionalControls.css';
-import React from 'react';
-import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
-import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropType } from '../types';
-declare type Props = PropsWithHTMLAttributes<{
-    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
-    currentVisibleDate?: Date;
-    type: DatePickerPropType;
-    view: DatePickerPropDateTimeView;
-}, HTMLDivElement>;
-export declare const DatePickerAdditionalControls: React.FC<Props>;
-export {};
+import './DatePickerAdditionalControls.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropType } from '../types';
+declare type Props = PropsWithHTMLAttributes<{
+    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
+    currentVisibleDate?: Date;
+    type: DatePickerPropType;
+    view: DatePickerPropDateTimeView;
+}, HTMLDivElement>;
+export declare const DatePickerAdditionalControls: React.FC<Props>;
+export {};

package/__internal__/src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.css

@@ -1 +1 @@
-.DatePickerDropdown{--transition-spase:var(--space-2xs);background:var(--color-bg-default);box-shadow:var(--shadow-layer);padding:var(--space-l)}.DatePickerDropdown_form_default{border-radius:var(--control-radius)}.DatePickerDropdown_form_brick{border-radius:0}.DatePickerDropdown_form_round{border-radius:var(--space-l)}
+.DatePickerDropdown{--transition-space:var(--space-2xs);background:var(--color-bg-default);box-shadow:var(--shadow-layer);padding:var(--space-l)}.DatePickerDropdown_form_default{border-radius:var(--control-radius)}.DatePickerDropdown_form_brick{border-radius:0}.DatePickerDropdown_form_round{border-radius:var(--space-l)}

package/__internal__/src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.d.ts

@@ -1,34 +1,34 @@
-import './DatePickerDropdown.css';
-import React from 'react';
-import { DateTimePropOnChange, DateTimePropType } from "../../DateTime";
-import { DateTimePropDisableDates } from "../../DateTime/helpers/types";
-import { DateRange } from "../../../utils/types/Date";
-import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
-import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropDropdownForm } from '../types';
-export declare type DatePickerDropdownPropOnChange = DateTimePropOnChange;
-export declare type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<{
-    anchorRef: React.RefObject<HTMLElement>;
-    currentVisibleDate?: Date;
-    type: DateTimePropType;
-    value?: Date | DateRange;
-    onChange?: DatePickerDropdownPropOnChange;
-    minDate?: Date;
-    maxDate?: Date;
-    events?: Date[];
-    view: DatePickerPropDateTimeView;
-    locale?: Locale;
-    children?: never;
-    form?: DatePickerPropDropdownForm;
-    isOpen?: boolean;
-    onChangeCurrentVisibleDate?: (date: Date) => void;
-    zIndex?: number;
-    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
-    multiplicitySeconds?: number;
-    multiplicityMinutes?: number;
-    multiplicityHours?: number;
-    timeFor?: 'start' | 'end';
-    disableDates?: DateTimePropDisableDates;
-}, HTMLDivElement>;
-declare type DatePickerDropdownComponent = (props: DatePickerDropdownProps) => React.ReactElement | null;
-export declare const DatePickerDropdown: DatePickerDropdownComponent;
-export {};
+import './DatePickerDropdown.css';
+import React from 'react';
+import { DateTimePropOnChange, DateTimePropType } from "../../DateTime";
+import { DateTimePropDisableDates } from "../../DateTime/helpers/types";
+import { DateRange } from "../../../utils/types/Date";
+import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
+import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropDropdownForm } from '../types';
+export declare type DatePickerDropdownPropOnChange = DateTimePropOnChange;
+export declare type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<{
+    anchorRef: React.RefObject<HTMLElement>;
+    currentVisibleDate?: Date;
+    type: DateTimePropType;
+    value?: Date | DateRange;
+    onChange?: DatePickerDropdownPropOnChange;
+    minDate?: Date;
+    maxDate?: Date;
+    events?: Date[];
+    view: DatePickerPropDateTimeView;
+    locale?: Locale;
+    children?: never;
+    form?: DatePickerPropDropdownForm;
+    isOpen?: boolean;
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    zIndex?: number;
+    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    timeFor?: 'start' | 'end';
+    disableDates?: DateTimePropDisableDates;
+}, HTMLDivElement>;
+declare type DatePickerDropdownComponent = (props: DatePickerDropdownProps) => React.ReactElement | null;
+export declare const DatePickerDropdown: DatePickerDropdownComponent;
+export {};

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.d.ts

@@ -1,39 +1,39 @@
-import React from 'react';
-export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    value?: Date | null | undefined;
-    onChange?: ((value: Date | null, props: {
-        e: Event;
-    }) => void) | undefined;
-    onError?: import("..").DatePickerPropOnError | undefined;
-    id?: string | undefined;
-    name?: string | undefined;
-    disabled?: boolean | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
-    view?: "default" | "clear" | undefined;
-    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
-    status?: "alert" | "warning" | "success" | undefined;
-    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    autoFocus?: boolean | undefined;
-    placeholder?: string | undefined;
-    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    readOnly?: boolean | undefined;
-    required?: boolean | undefined;
-    tabIndex?: number | undefined;
-    inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
-    ariaLabel?: string | undefined;
-    iconSize?: "s" | "m" | "xs" | "l" | undefined;
-    children?: undefined;
-    format?: string | undefined;
-    separator?: string | undefined;
-    minDate?: Date | undefined;
-    maxDate?: Date | undefined;
-    focused?: boolean | undefined;
-    label?: string | undefined;
-    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    caption?: string | undefined;
-    labelPosition?: "left" | "top" | undefined;
-    withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    value?: Date | null | undefined;
+    onChange?: ((value: Date | null, props: {
+        e: Event;
+    }) => void) | undefined;
+    onError?: import("..").DatePickerPropOnError | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    disabled?: boolean | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
+    view?: "default" | "clear" | undefined;
+    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    autoFocus?: boolean | undefined;
+    placeholder?: string | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    tabIndex?: number | undefined;
+    inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    ariaLabel?: string | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
+    children?: undefined;
+    format?: string | undefined;
+    separator?: string | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    focused?: boolean | undefined;
+    label?: string | undefined;
+    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    caption?: string | undefined;
+    labelPosition?: "left" | "top" | undefined;
+    withClearButton?: boolean | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;