@consta/uikit 5.18.0 → 5.19.1

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

@@ -1,20 +1,20 @@
 import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
-import { CollapseIconPropDirection, CollapsePropForm, CollapsePropHorizontalSpace, CollapsePropIconView, CollapsePropSize, CollapsePropView } from "../Collapse";
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare type DefaultItem = {
+import { CollapseIconPropDirection, CollapsePropForm, CollapsePropHorizontalSpace, CollapsePropIconView, CollapsePropSize, CollapsePropView } from '##/components/Collapse';
+import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';
+export type DefaultItem = {
     label: React.ReactNode;
     content: React.ReactNode;
     rightSide?: React.ReactNode | React.ReactNode[];
 };
-export declare type CollapseGroupPropOnOpen<IS_ACCORDION> = (value: (IS_ACCORDION extends true ? number : number[]) | null, params: {
+export type CollapseGroupPropOnOpen<IS_ACCORDION> = (value: (IS_ACCORDION extends true ? number : number[]) | null, params: {
     e: React.MouseEvent<HTMLDivElement, MouseEvent>;
 }) => void;
-export declare type CollapseGroupPropOpened<IS_ACCORDION> = (IS_ACCORDION extends true ? number : number[]) | null | undefined;
-declare type CollapseGroupPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;
-declare type CollapseGroupPropGetItemContent<ITEM> = (item: ITEM) => React.ReactNode;
-declare type CollapseGroupPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | React.ReactNode[] | undefined;
-export declare type CollapseGroupProps<ITEM, IS_ACCORDION extends boolean> = PropsWithHTMLAttributesAndRef<{
+export type CollapseGroupPropOpened<IS_ACCORDION> = (IS_ACCORDION extends true ? number : number[]) | null | undefined;
+type CollapseGroupPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;
+type CollapseGroupPropGetItemContent<ITEM> = (item: ITEM) => React.ReactNode;
+type CollapseGroupPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | React.ReactNode[] | undefined;
+export type CollapseGroupProps<ITEM, IS_ACCORDION extends boolean> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     isAccordion?: IS_ACCORDION;
     children?: never;
@@ -56,37 +56,37 @@ export declare type CollapseGroupProps<ITEM, IS_ACCORDION extends boolean> = Pro
 export declare const defaultGetItemLabel: CollapseGroupPropGetItemLabel<DefaultItem>;
 export declare const defaultGetItemContent: CollapseGroupPropGetItemContent<DefaultItem>;
 export declare const defaultGetItemRightSide: CollapseGroupPropGetItemContent<DefaultItem>;
-export declare type CollapseGroupComponent = <ITEM, IS_ACCORDION extends boolean = false>(props: CollapseGroupProps<ITEM, IS_ACCORDION>) => React.ReactElement | null;
-export declare type CollapseGroupRenderFunction = <ITEM, IS_ACCORDION extends boolean = false>(props: CollapseGroupProps<ITEM, IS_ACCORDION>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
+export type CollapseGroupComponent = <ITEM, IS_ACCORDION extends boolean = false>(props: CollapseGroupProps<ITEM, IS_ACCORDION>) => React.ReactElement | null;
+export type CollapseGroupRenderFunction = <ITEM, IS_ACCORDION extends boolean = false>(props: CollapseGroupProps<ITEM, IS_ACCORDION>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
 export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(props: CollapseGroupProps<ITEM, IS_ACCORDION>): ({
     items: ITEM[];
     isAccordion?: IS_ACCORDION | undefined;
-    children?: undefined;
-    icon?: IconComponent<"span"> | undefined;
-    divider?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | "2xs" | undefined;
-    form?: "default" | "brick" | "round" | undefined;
-    view?: "primary" | "clear" | "ghost" | "secondary" | undefined;
-    horizontalSpace?: "xs" | "s" | "m" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
-    hoverEffect?: boolean | undefined;
+    children?: never;
+    icon?: IconComponent;
+    divider?: boolean;
+    size?: CollapsePropSize;
+    form?: CollapsePropForm;
+    view?: CollapsePropView;
+    horizontalSpace?: CollapsePropHorizontalSpace;
+    hoverEffect?: boolean;
     onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION> | undefined;
     opened?: CollapseGroupPropOpened<IS_ACCORDION>;
     getItemLabel?: CollapseGroupPropGetItemLabel<ITEM> | undefined;
     getItemContent?: CollapseGroupPropGetItemContent<ITEM> | undefined;
-    iconView?: "clear" | "ghost" | undefined;
+    iconView?: CollapsePropIconView;
 } & {
-    closeIcon: IconComponent<"span">;
-    directionIcon?: undefined;
-    closeDirectionIcon?: undefined;
+    closeIcon: IconComponent;
+    directionIcon?: never;
+    closeDirectionIcon?: never;
 } & {
-    iconPosition?: "left" | undefined;
+    iconPosition?: "left";
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "size" | "view" | "form" | "items" | "getItemLabel" | "icon" | "hoverEffect" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "iconView" | "iconPosition" | "directionIcon" | "closeDirectionIcon" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
-    label: React.ReactNode;
+    label: DefaultItem["label"];
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;
 }) & (ITEM extends {
-    content: React.ReactNode;
+    content: DefaultItem["content"];
 } ? {} : {
     getItemContent: CollapseGroupPropGetItemContent<ITEM>;
 }) & {
@@ -96,32 +96,32 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
 }) | ({
     items: ITEM[];
     isAccordion?: IS_ACCORDION | undefined;
-    children?: undefined;
-    icon?: IconComponent<"span"> | undefined;
-    divider?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | "2xs" | undefined;
-    form?: "default" | "brick" | "round" | undefined;
-    view?: "primary" | "clear" | "ghost" | "secondary" | undefined;
-    horizontalSpace?: "xs" | "s" | "m" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "3xs" | undefined;
-    hoverEffect?: boolean | undefined;
+    children?: never;
+    icon?: IconComponent;
+    divider?: boolean;
+    size?: CollapsePropSize;
+    form?: CollapsePropForm;
+    view?: CollapsePropView;
+    horizontalSpace?: CollapsePropHorizontalSpace;
+    hoverEffect?: boolean;
     onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION> | undefined;
     opened?: CollapseGroupPropOpened<IS_ACCORDION>;
     getItemLabel?: CollapseGroupPropGetItemLabel<ITEM> | undefined;
     getItemContent?: CollapseGroupPropGetItemContent<ITEM> | undefined;
-    iconView?: "clear" | "ghost" | undefined;
+    iconView?: CollapsePropIconView;
 } & {
-    closeIcon?: undefined;
-    directionIcon?: "left" | "right" | "downRight" | "downLeft" | "upRight" | "upLeft" | "up" | "down" | undefined;
-    closeDirectionIcon?: "left" | "right" | "downRight" | "downLeft" | "upRight" | "upLeft" | "up" | "down" | undefined;
+    closeIcon?: never;
+    directionIcon?: CollapseIconPropDirection;
+    closeDirectionIcon?: CollapseIconPropDirection;
 } & {
-    iconPosition?: "left" | undefined;
+    iconPosition?: "left";
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "size" | "view" | "form" | "items" | "getItemLabel" | "icon" | "hoverEffect" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "iconView" | "iconPosition" | "directionIcon" | "closeDirectionIcon" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
-    label: React.ReactNode;
+    label: DefaultItem["label"];
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;
 }) & (ITEM extends {
-    content: React.ReactNode;
+    content: DefaultItem["content"];
 } ? {} : {
     getItemContent: CollapseGroupPropGetItemContent<ITEM>;
 }) & {

package/__internal__/src/components/CollapseGroup/useChoice.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollapseGroupProps } from './helpers';
 export declare const useChoice: <ITEM, IS_ACCORDION extends boolean>(props: CollapseGroupProps<ITEM, IS_ACCORDION>) => {
     getOnChange: (index: number) => (e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;

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

@@ -1,38 +1,38 @@
 import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from "../SelectComponents/types";
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare type ComboboxItemDefault = {
+import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from '##/components/SelectComponents/types';
+import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';
+export type ComboboxItemDefault = {
     label: string;
     id: string | number;
     groupId?: string | number;
     disabled?: boolean;
 };
-export declare type ComboboxGroupDefault = {
+export type ComboboxGroupDefault = {
     label: string;
     id: string | number;
 };
-declare type RenderValueProps<ITEM> = {
+type RenderValueProps<ITEM> = {
     item: ITEM;
     handleRemove?: (e: React.SyntheticEvent) => void;
 };
-export declare type ComboboxPropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type ComboboxPropGetItemKey<ITEM> = (item: ITEM) => string | number;
-export declare type ComboboxPropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
-export declare type ComboboxPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type ComboboxPropGetGroupKey<GROUP> = (group: GROUP) => string | number;
-export declare type ComboboxPropGetGroupLabel<GROUP> = (group: GROUP) => string;
-declare type ComboboxPropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
-declare type ComboboxPropOnChange<ITEM, MULTIPLE extends boolean> = (value: (MULTIPLE extends true ? ITEM[] : ITEM) | null, props: {
+export type ComboboxPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type ComboboxPropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export type ComboboxPropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+export type ComboboxPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export type ComboboxPropGetGroupKey<GROUP> = (group: GROUP) => string | number;
+export type ComboboxPropGetGroupLabel<GROUP> = (group: GROUP) => string;
+type ComboboxPropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
+type ComboboxPropOnChange<ITEM, MULTIPLE extends boolean> = (value: (MULTIPLE extends true ? ITEM[] : ITEM) | null, props: {
     e: React.SyntheticEvent;
 }) => void;
-declare type ComboboxPropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
-export declare type ComboboxPropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
-export declare type ComboboxPropRenderValue<ITEM> = (props: RenderValueProps<ITEM>) => React.ReactElement | null;
-declare type ComboboxPropOnCreate = (label: string, props: {
+type ComboboxPropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
+export type ComboboxPropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export type ComboboxPropRenderValue<ITEM> = (props: RenderValueProps<ITEM>) => React.ReactElement | null;
+type ComboboxPropOnCreate = (label: string, props: {
     e: React.SyntheticEvent;
 }) => void;
-export declare type ComboboxProps<ITEM = ComboboxItemDefault, GROUP = ComboboxGroupDefault, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
+export type ComboboxProps<ITEM = ComboboxItemDefault, GROUP = ComboboxGroupDefault, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     onChange: ComboboxPropOnChange<ITEM, MULTIPLE>;
     disabled?: boolean;
@@ -101,7 +101,7 @@ export declare type ComboboxProps<ITEM = ComboboxItemDefault, GROUP = ComboboxGr
 } ? {} : {
     getGroupKey: ComboboxPropGetGroupKey<GROUP>;
 });
-export declare type ComboboxComponent = <ITEM = ComboboxItemDefault, GROUP = ComboboxGroupDefault, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
+export type ComboboxComponent = <ITEM = ComboboxItemDefault, GROUP = ComboboxGroupDefault, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
 export declare const defaultGetItemKey: ComboboxPropGetItemKey<ComboboxItemDefault>;
 export declare const defaultGetItemLabel: ComboboxPropGetItemLabel<ComboboxItemDefault>;
 export declare const defaultGetItemGroupKey: ComboboxPropGetItemGroupKey<ComboboxItemDefault>;
@@ -113,30 +113,30 @@ export declare const isNotMultipleParams: <ITEM, GROUP>(params: ComboboxProps<IT
 export declare function withDefaultGetters<ITEM = ComboboxItemDefault, GROUP = ComboboxGroupDefault, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>): {
     items: ITEM[];
     onChange: ComboboxPropOnChange<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;
+    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?: ComboboxPropRenderItem<ITEM> | undefined;
     renderValue?: ComboboxPropRenderValue<ITEM> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onCreate?: ComboboxPropOnCreate | undefined;
-    inputRef?: React.Ref<HTMLInputElement> | undefined;
-    labelForNotFound?: string | undefined;
-    required?: boolean | undefined;
-    labelForCreate?: string | undefined;
-    labelForEmptyItems?: string | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onCreate?: ComboboxPropOnCreate;
+    inputRef?: React.Ref<HTMLInputElement>;
+    labelForNotFound?: string;
+    required?: boolean;
+    labelForCreate?: string;
+    labelForEmptyItems?: string;
     searchFunction?: ComboboxPropSearchFunction<ITEM> | undefined;
-    searchValue?: string | undefined;
+    searchValue?: string;
     multiple?: MULTIPLE | undefined;
     value?: ComboboxPropValue<ITEM, MULTIPLE>;
     groups?: GROUP[] | undefined;
@@ -146,36 +146,36 @@ export declare function withDefaultGetters<ITEM = ComboboxItemDefault, GROUP = C
     getItemDisabled?: ComboboxPropGetItemDisabled<ITEM> | undefined;
     getGroupLabel?: ComboboxPropGetGroupLabel<GROUP> | undefined;
     getGroupKey?: ComboboxPropGetGroupKey<GROUP> | undefined;
-    label?: string | undefined;
-    labelIcon?: IconComponent<"span"> | undefined;
-    caption?: string | undefined;
-    labelPosition?: "left" | "top" | undefined;
-    virtualScroll?: boolean | undefined;
-    onScrollToBottom?: ((length: number) => void) | undefined;
-    onSearchValueChange?: ((value: string) => void) | undefined;
-    onDropdownOpen?: ((isOpen: boolean) => void) | undefined;
-    dropdownOpen?: boolean | undefined;
-    ignoreOutsideClicksRefs?: readonly React.RefObject<HTMLElement>[] | undefined;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    labelPosition?: "top" | "left";
+    virtualScroll?: boolean;
+    onScrollToBottom?: (length: number) => void;
+    onSearchValueChange?: (value: string) => void;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
 } & 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" | "onScrollToBottom" | "labelForCreate" | "searchFunction" | "searchValue" | "onDropdownOpen" | "onSearchValueChange" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "labelForNotFound" | "virtualScroll" | "onCreate"> & React.RefAttributes<HTMLDivElement> & (MULTIPLE extends true ? {
-    selectAll?: boolean | undefined;
-    allSelectedAllLabel?: string | undefined;
+    selectAll?: boolean;
+    allSelectedAllLabel?: string;
 } : {
-    selectAll?: undefined;
-    allSelectedAllLabel?: undefined;
+    selectAll?: never;
+    allSelectedAllLabel?: never;
 }) & (ITEM extends {
-    label: string;
+    label: ComboboxItemDefault["label"];
 } ? {} : {
     getItemLabel: ComboboxPropGetItemLabel<ITEM>;
 }) & (ITEM extends {
-    id: string | number;
+    id: ComboboxItemDefault["id"];
 } ? {} : {
     getItemKey: ComboboxPropGetItemKey<ITEM>;
 }) & (GROUP extends {
-    label: string;
+    label: ComboboxGroupDefault["label"];
 } ? {} : {
     getGroupLabel: ComboboxPropGetGroupLabel<GROUP>;
 }) & (GROUP extends {
-    id: string | number;
+    id: ComboboxGroupDefault["id"];
 } ? {} : {
     getGroupKey: ComboboxPropGetGroupKey<GROUP>;
 }) & {

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

@@ -3,35 +3,35 @@ 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 = {
+export type DefaultItem = {
     label: string;
     id: string | number;
     groupId?: string | number;
     disabled?: boolean;
 };
-export declare type DefaultGroup = {
+export type DefaultGroup = {
     label: string;
     id: string | number;
 };
-declare type RenderValueProps<ITEM> = {
+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: {
+export type PropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type PropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export type PropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+export type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;
+export type PropGetGroupLabel<GROUP> = (group: GROUP) => string;
+type PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
+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<{
+type PropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
+export type PropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export type PropRenderValue<ITEM> = (props: RenderValueProps<ITEM>) => React.ReactElement | null;
+export type ComboboxProps<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     onChange: PropOnChange<ITEM, MULTIPLE>;
     disabled?: boolean;
@@ -96,7 +96,7 @@ export declare type ComboboxProps<ITEM = DefaultItem, GROUP = DefaultGroup, MULT
 } ? {} : {
     getGroupKey: PropGetGroupKey<GROUP>;
 });
-export declare type ComboboxComponent = <ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: ComboboxProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
+export 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>;
@@ -108,65 +108,65 @@ export declare const isNotMultipleParams: <ITEM, GROUP>(params: ComboboxProps<IT
 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;
+    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> | undefined;
     renderValue?: PropRenderValue<ITEM> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onCreate?: ((props: {
-        e: React.SyntheticEvent<Element, Event>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onCreate?: (props: {
+        e: React.SyntheticEvent;
         label: string;
-    }) => void) | undefined;
-    inputRef?: React.Ref<HTMLInputElement> | undefined;
-    labelForNotFound?: string | undefined;
-    required?: boolean | undefined;
-    labelForCreate?: string | undefined;
-    labelForEmptyItems?: string | undefined;
+    }) => void;
+    inputRef?: React.Ref<HTMLInputElement>;
+    labelForNotFound?: string;
+    required?: boolean;
+    labelForCreate?: string;
+    labelForEmptyItems?: string;
     searchFunction?: PropSearchFunction<ITEM> | undefined;
-    searchValue?: string | undefined;
+    searchValue?: string;
     multiple?: MULTIPLE | undefined;
     value?: PropValue<ITEM, MULTIPLE>;
     groups?: GROUP[] | undefined;
-    onInputChange?: TextFieldPropOnChange | undefined;
+    onInputChange?: TextFieldPropOnChange;
     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;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    labelPosition?: "top" | "left";
 } & 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?: boolean;
 } : {
-    selectAll?: undefined;
+    selectAll?: never;
 }) & (ITEM extends {
-    label: string;
+    label: DefaultItem["label"];
 } ? {} : {
     getItemLabel: PropGetItemLabel<ITEM>;
 }) & (ITEM extends {
-    id: string | number;
+    id: DefaultItem["id"];
 } ? {} : {
     getItemKey: PropGetItemKey<ITEM>;
 }) & (GROUP extends {
-    label: string;
+    label: DefaultGroup["label"];
 } ? {} : {
     getGroupLabel: PropGetGroupLabel<GROUP>;
 }) & (GROUP extends {
-    id: string | number;
+    id: DefaultGroup["id"];
 } ? {} : {
     getGroupKey: PropGetGroupKey<GROUP>;
 }) & {

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

@@ -1,2 +1,2 @@
-import { ComponentSize } from "../../../hooks/useComponentSize";
+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/helpers.d.ts

@@ -1,31 +1,30 @@
-/// <reference types="react" />
 import { ContextMenuGroupDefault, ContextMenuItemDefault, ContextMenuLevelsProps, ContextMenuPropGetGroupId, ContextMenuPropGetGroupLabel, ContextMenuPropGetItemAs, ContextMenuPropGetItemAttributes, ContextMenuPropGetItemDisabled, ContextMenuPropGetItemGroupId, ContextMenuPropGetItemKey, ContextMenuPropGetItemLabel, ContextMenuPropGetItemLeftIcon, ContextMenuPropGetItemLeftSide, ContextMenuPropGetItemOnClick, ContextMenuPropGetItemRightIcon, ContextMenuPropGetItemRightSide, ContextMenuPropGetItemStatus, ContextMenuPropGetItemSubMenu, GetLevelsParams, Level } from './types';
 export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuLevelsProps<ITEM, GROUP>): ({
     items: ITEM[];
-    size?: "xs" | "s" | "m" | "l" | undefined;
-    direction?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
-    offset?: import("../Popover").PopoverPropOffset | undefined;
+    size?: import("./types").ContextMenuPropSize;
+    direction?: import("../Popover").Direction;
+    offset?: import("../Popover").PopoverPropOffset;
     groups?: GROUP[] | undefined;
-    sortGroup?: import("./types").ContextMenuPropSortGroup | undefined;
+    sortGroup?: import("./types").ContextMenuPropSortGroup;
     onItemClick?: import("./types").ContextMenuPropOnItemClick<ITEM> | undefined;
-    possibleDirections?: readonly ("downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown")[] | undefined;
-    subMenuDirection?: "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
-    spareDirection?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
-    onSetDirection?: ((direction: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown") => void) | undefined;
-    onClickOutside?: import("../../hooks/useClickOutside").ClickOutsideHandler | undefined;
-    isOpen?: boolean | undefined;
-    form?: "default" | "brick" | "round" | undefined;
-    isMobile?: boolean | undefined;
-    onEsc?: import("react").KeyboardEventHandler<Element> | undefined;
+    possibleDirections?: readonly import("../Popover").Direction[];
+    subMenuDirection?: import("./types").ContextMenuPropSubMenuDirection;
+    spareDirection?: import("../Popover").Direction;
+    onSetDirection?: (direction: import("../Popover").Direction) => void;
+    onClickOutside?: import("../../hooks/useClickOutside").ClickOutsideHandler;
+    isOpen?: boolean;
+    form?: import("./types").ContextMenuForm;
+    isMobile?: boolean;
+    onEsc?: React.KeyboardEventHandler;
 } & import("./types").MappersItem<ITEM> & import("./types").MappersGroup<GROUP> & {
-    anchorRef: import("react").RefObject<HTMLElement>;
-    position?: undefined;
+    anchorRef: React.RefObject<HTMLElement>;
+    position?: never;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "items" | "groups" | "position" | "direction" | "onItemClick" | "sortGroup" | "offset" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "isOpen" | "subMenuDirection" | "isMobile" | "onEsc" | keyof import("./types").MappersItem<ITEM_1> | keyof import("./types").MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
-    id: unknown;
+    id: ContextMenuGroupDefault["id"] | unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;
 }) & (ITEM extends {
-    label: string | number;
+    label: ContextMenuItemDefault["label"];
 } ? {} : {
     getItemLabel: ContextMenuPropGetItemLabel<ITEM>;
 }) & {
@@ -44,35 +43,35 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuLevels
     getItemGroupId: ContextMenuPropGetItemGroupId<ContextMenuItemDefault> | ContextMenuPropGetItemGroupId<ITEM>;
     getGroupId: ContextMenuPropGetGroupId<ContextMenuGroupDefault> | ContextMenuPropGetGroupId<GROUP>;
     getGroupLabel: ContextMenuPropGetGroupLabel<ContextMenuGroupDefault> | ContextMenuPropGetGroupLabel<GROUP>;
-    setComponentSize: import("react").Dispatch<import("react").SetStateAction<import("../../hooks/useComponentSize").ComponentSize>>;
+    setComponentSize: React.Dispatch<React.SetStateAction<import("../../hooks/useComponentSize").ComponentSize>>;
     disableAnimationBack: () => void;
     enableAnimationBack: () => void;
 }) | ({
     items: ITEM[];
-    size?: "xs" | "s" | "m" | "l" | undefined;
-    direction?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
-    offset?: import("../Popover").PopoverPropOffset | undefined;
+    size?: import("./types").ContextMenuPropSize;
+    direction?: import("../Popover").Direction;
+    offset?: import("../Popover").PopoverPropOffset;
     groups?: GROUP[] | undefined;
-    sortGroup?: import("./types").ContextMenuPropSortGroup | undefined;
+    sortGroup?: import("./types").ContextMenuPropSortGroup;
     onItemClick?: import("./types").ContextMenuPropOnItemClick<ITEM> | undefined;
-    possibleDirections?: readonly ("downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown")[] | undefined;
-    subMenuDirection?: "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
-    spareDirection?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
-    onSetDirection?: ((direction: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown") => void) | undefined;
-    onClickOutside?: import("../../hooks/useClickOutside").ClickOutsideHandler | undefined;
-    isOpen?: boolean | undefined;
-    form?: "default" | "brick" | "round" | undefined;
-    isMobile?: boolean | undefined;
-    onEsc?: import("react").KeyboardEventHandler<Element> | undefined;
+    possibleDirections?: readonly import("../Popover").Direction[];
+    subMenuDirection?: import("./types").ContextMenuPropSubMenuDirection;
+    spareDirection?: import("../Popover").Direction;
+    onSetDirection?: (direction: import("../Popover").Direction) => void;
+    onClickOutside?: import("../../hooks/useClickOutside").ClickOutsideHandler;
+    isOpen?: boolean;
+    form?: import("./types").ContextMenuForm;
+    isMobile?: boolean;
+    onEsc?: React.KeyboardEventHandler;
 } & import("./types").MappersItem<ITEM> & import("./types").MappersGroup<GROUP> & {
-    anchorRef?: undefined;
+    anchorRef?: never;
     position: import("../Popover").Position;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "form" | "items" | "groups" | "position" | "direction" | "onItemClick" | "sortGroup" | "offset" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "isOpen" | "subMenuDirection" | "isMobile" | "onEsc" | keyof import("./types").MappersItem<ITEM_1> | keyof import("./types").MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
-    id: unknown;
+    id: ContextMenuGroupDefault["id"] | unknown;
 } ? {} : {
     getGroupId: ContextMenuPropGetGroupId<GROUP>;
 }) & (ITEM extends {
-    label: string | number;
+    label: ContextMenuItemDefault["label"];
 } ? {} : {
     getItemLabel: ContextMenuPropGetItemLabel<ITEM>;
 }) & {
@@ -91,7 +90,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuLevels
     getItemGroupId: ContextMenuPropGetItemGroupId<ContextMenuItemDefault> | ContextMenuPropGetItemGroupId<ITEM>;
     getGroupId: ContextMenuPropGetGroupId<ContextMenuGroupDefault> | ContextMenuPropGetGroupId<GROUP>;
     getGroupLabel: ContextMenuPropGetGroupLabel<ContextMenuGroupDefault> | ContextMenuPropGetGroupLabel<GROUP>;
-    setComponentSize: import("react").Dispatch<import("react").SetStateAction<import("../../hooks/useComponentSize").ComponentSize>>;
+    setComponentSize: React.Dispatch<React.SetStateAction<import("../../hooks/useComponentSize").ComponentSize>>;
     disableAnimationBack: () => void;
     enableAnimationBack: () => void;
 });