@consta/uikit 5.18.0 → 5.19.1

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

@@ -1,33 +1,32 @@
-/// <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 { ListPropForm } from '##/components/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 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 type ContextMenuStatus = typeof contextMenuStatus[number];
 export declare const contextMenuDefaultStatus: ContextMenuStatus;
 export declare const contextMenuForm: readonly ["default", "brick", "round"];
-export declare type ContextMenuForm = ListPropForm;
+export 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 type ContextMenuPropSubMenuDirection = typeof contextMenuPropSubMenuDirections[number];
 export declare const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection;
-export declare type ContextMenuPropOnItemClick<ITEM> = (item: ITEM, params: {
+export type ContextMenuPropOnItemClick<ITEM> = (item: ITEM, params: {
     e: React.MouseEvent;
 }) => void;
-export declare type ContextMenuGroupDefault = {
+export type ContextMenuGroupDefault = {
     label?: string;
     id: number;
 };
-export declare type ContextMenuItemDefault = {
+export type ContextMenuItemDefault = {
     label: string | number;
     key?: string | number;
     rightSide?: React.ReactNode;
@@ -42,30 +41,30 @@ export declare type ContextMenuItemDefault = {
     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 = {
+export type ContextMenuPropSortGroup = (a: string | number, b: string | number) => number;
+export type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
+export type ContextMenuPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export type ContextMenuPropGetItemLeftSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export type ContextMenuPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
+export type ContextMenuPropGetItemStatus<ITEM> = (item: ITEM) => ContextMenuStatus | undefined;
+export type ContextMenuPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
+export type ContextMenuPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export type ContextMenuPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export type ContextMenuPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export type ContextMenuPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
+export type ContextMenuPropGetItemGroupId<ITEM> = (item: ITEM) => number | undefined;
+export type ContextMenuPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export type ContextMenuPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export type ContextMenuPropGetGroupLabel<GROUP> = (group: GROUP) => string | undefined;
+export type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;
+type PositioningProps = {
     anchorRef: React.RefObject<HTMLElement>;
     position?: never;
 } | {
     anchorRef?: never;
     position: Position;
 };
-export declare type MappersItem<ITEM> = {
+export type MappersItem<ITEM> = {
     getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;
     getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;
     getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;
@@ -80,11 +79,11 @@ export declare type MappersItem<ITEM> = {
     getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;
     getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;
 };
-export declare type MappersGroup<GROUP> = {
+export type MappersGroup<GROUP> = {
     getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;
     getGroupId?: ContextMenuPropGetGroupId<GROUP>;
 };
-export declare type Level<ITEM> = {
+export type Level<ITEM> = {
     items: ITEM[];
     activeItem?: string;
     direction?: Direction;
@@ -94,7 +93,7 @@ export declare type Level<ITEM> = {
     anchorRef?: React.RefObject<HTMLElement>;
     position?: Position;
 };
-export declare type AddLevel<ITEM> = (params: {
+export type AddLevel<ITEM> = (params: {
     level: number;
     items: ITEM[];
     parent?: ITEM;
@@ -102,7 +101,7 @@ export declare type AddLevel<ITEM> = (params: {
     position?: Position;
     activeItem: string;
 }) => void;
-export declare type ContextMenuProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = PropsWithHTMLAttributesAndRef<{
+export type ContextMenuProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     size?: ContextMenuPropSize;
     direction?: Direction;
@@ -128,14 +127,14 @@ export declare type ContextMenuProps<ITEM = ContextMenuItemDefault, GROUP = Cont
 } ? {} : {
     getItemLabel: ContextMenuPropGetItemLabel<ITEM>;
 });
-export declare type ContextMenuLevelsProps<ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault> = ContextMenuProps<ITEM, GROUP> & {
+export 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>> & {
+export type ContextMenuLevelsComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuLevelsProps<ITEM, GROUP>) => React.ReactElement | null;
+export type ContextMenuComponent = <ITEM = ContextMenuItemDefault, GROUP = ContextMenuGroupDefault>(props: ContextMenuProps<ITEM, GROUP>) => React.ReactElement | null;
+export 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;
@@ -148,20 +147,20 @@ export declare type ContextMenuLevelProps<ITEM = ContextMenuItemDefault, GROUP =
     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'> & {
+export type ContextMenuLevelComponent = <ITEM, GROUP>(props: ContextMenuLevelProps<ITEM, GROUP>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export 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> = {
+export type ContextMenuItemComponent = <AS extends AsTags = 'div'>(props: ContextMenuItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export type GetLevelsParams<ITEM> = {
     levels: Level<ITEM>[];
     items: ITEM[];
     getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;
     getItemKey: ContextMenuPropGetItemKey<ITEM>;
 };
-export declare type ContextMenuWrapperProps = PropsWithHTMLAttributes<{
+export type ContextMenuWrapperProps = PropsWithHTMLAttributes<{
     children: React.ReactNode;
     isOpen?: boolean;
     isMobile?: boolean;
@@ -178,7 +177,7 @@ export declare type ContextMenuWrapperProps = PropsWithHTMLAttributes<{
     className?: string;
     animationBack?: boolean;
 }, HTMLDivElement>;
-export declare type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<{
+export type ContextMenuLevelWrapperProps = PropsWithHTMLAttributesAndRef<{
     children: React.ReactNode;
     isMobile?: boolean;
     onClickOutside?: ClickOutsideHandler;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ContextMenuItemDefault, ContextMenuPropGetItemSubMenu } from './types';
-declare type UseMenuNavigationProps<ITEM = ContextMenuItemDefault> = {
+type UseMenuNavigationProps<ITEM = ContextMenuItemDefault> = {
     items: ITEM[];
     deleteLevel: () => void;
     getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;

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

@@ -1,8 +1,8 @@
 import './DatePickerAdditionalControls.css';
 import React from 'react';
-import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';
 import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropType } from '../types';
-declare type Props = PropsWithHTMLAttributes<{
+type Props = PropsWithHTMLAttributes<{
     renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
     currentVisibleDate?: Date;
     type: DatePickerPropType;

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

@@ -1,12 +1,12 @@
 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 { DateTimePropOnChange, DateTimePropType } from '##/components/DateTime';
+import { DateTimePropDisableDates } from '##/components/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<{
+export type DatePickerDropdownPropOnChange = DateTimePropOnChange;
+export type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<{
     anchorRef: React.RefObject<HTMLElement>;
     currentVisibleDate?: Date;
     type: DateTimePropType;
@@ -29,6 +29,6 @@ export declare type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<{
     timeFor?: 'start' | 'end';
     disableDates?: DateTimePropDisableDates;
 }, HTMLDivElement>;
-declare type DatePickerDropdownComponent = (props: DatePickerDropdownProps) => React.ReactElement | null;
+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: {
+    className?: string;
+    value?: Date | null;
+    onChange?: (value: Date | null, props: {
         e: Event;
-    }) => void) | undefined;
-    onError?: import("..").DatePickerPropOnError | undefined;
-    id?: string | undefined;
-    name?: string | undefined;
-    disabled?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
-    view?: "clear" | "default" | 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?: "xs" | "s" | "m" | "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;
+    }) => void;
+    onError?: import("..").DatePickerPropOnError;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    size?: import("##/components/TextField").TextFieldPropSize;
+    view?: import("##/components/TextField").TextFieldPropView;
+    form?: import("##/components/TextField").TextFieldPropForm;
+    status?: import("##/components/TextField").TextFieldPropStatus;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    autoFocus?: boolean;
+    placeholder?: string;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
+    ariaLabel?: string;
+    iconSize?: import("@consta/icons/Icon").IconPropSize;
+    children?: never;
+    format?: string;
+    separator?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    focused?: boolean;
+    label?: string;
+    labelIcon?: import("@consta/icons/Icon").IconComponent;
+    caption?: string;
+    labelPosition?: "top" | "left";
+    withClearButton?: boolean;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "caption" | "form" | "label" | "separator" | "status" | "name" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from "../../TextField";
-import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from '##/components/TextField';
+import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';
 import { DatePickerPropOnError } from '../types';
-declare type DatePickerFieldTypeDatePropOnChange = (value: Date | null, props: {
+type DatePickerFieldTypeDatePropOnChange = (value: Date | null, props: {
     e: Event;
 }) => void;
-export declare type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<{
+export type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<{
     className?: string;
     value?: Date | null;
     onChange?: DatePickerFieldTypeDatePropOnChange;
@@ -42,7 +41,7 @@ export declare type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<{
     labelPosition?: 'top' | 'left';
     withClearButton?: boolean;
 }, HTMLDivElement>;
-declare type UsePickerProps = {
+type UsePickerProps = {
     value?: Date | null;
     onChange?: DatePickerFieldTypeDatePropOnChange;
     onError?: DatePickerPropOnError;

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

@@ -1,30 +1,30 @@
 import React from 'react';
 export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDate/helpers").DatePickerFieldTypeDateProps, "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
-    onChange?: ((value: import("../../../utils/types/Date").DateRange | null, props: {
+    onChange?: (value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
-    }) => void) | undefined;
-    value?: import("../../../utils/types/Date").DateRange | null | undefined;
-    startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    startFieldRef?: React.Ref<HTMLDivElement> | undefined;
-    endFieldRef?: React.Ref<HTMLDivElement> | undefined;
-    startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    endFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    startFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    endFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    startFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    endFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    startFocused?: boolean | undefined;
-    endFocused?: boolean | undefined;
-    id?: string | undefined;
-    onChangeCurrentVisibleDate?: ((date: Date) => void) | undefined;
-    currentVisibleDate?: Date | undefined;
-    startFieldName?: string | undefined;
-    endFieldName?: string | undefined;
-    startFieldPlaceholder?: string | undefined;
-    endFieldPlaceholder?: string | undefined;
+    }) => void;
+    value?: import("../../../utils/types/Date").DateRange | null;
+    startFieldInputRef?: React.Ref<HTMLInputElement>;
+    endFieldInputRef?: React.Ref<HTMLInputElement>;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent;
+    startFieldRef?: React.Ref<HTMLDivElement>;
+    endFieldRef?: React.Ref<HTMLDivElement>;
+    startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
+    endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
+    startFieldOnClick?: React.MouseEventHandler<HTMLElement>;
+    endFieldOnClick?: React.MouseEventHandler<HTMLElement>;
+    startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
+    endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
+    startFocused?: boolean;
+    endFocused?: boolean;
+    id?: string;
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    currentVisibleDate?: Date;
+    startFieldName?: string;
+    endFieldName?: string;
+    startFieldPlaceholder?: string;
+    endFieldPlaceholder?: string;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,11 @@
 import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
-import { DateRange } from "../../../utils/types/Date";
+import { DateRange } from '##/utils/types/Date';
 import { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';
-declare type DatePickerFieldTypeDateRangePropOnChange = (value: DateRange | null, props: {
+type DatePickerFieldTypeDateRangePropOnChange = (value: DateRange | null, props: {
     e: Event;
 }) => void;
-export declare type DatePickerFieldTypeDateRangeProps = Omit<DatePickerFieldTypeDateProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
+export type DatePickerFieldTypeDateRangeProps = Omit<DatePickerFieldTypeDateProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
     onChange?: DatePickerFieldTypeDateRangePropOnChange;
     value?: DateRange | null;
     startFieldInputRef?: React.Ref<HTMLInputElement>;

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

@@ -1,42 +1,42 @@
 import React from 'react';
 export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    value?: Date | null | undefined;
-    onChange?: ((value: Date | null, props: {
+    className?: string;
+    value?: Date | null;
+    onChange?: (value: Date | null, props: {
         e: Event;
-    }) => void) | undefined;
-    onError?: import("..").DatePickerPropOnError | undefined;
-    id?: string | undefined;
-    name?: string | undefined;
-    disabled?: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
-    view?: "clear" | "default" | 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?: "xs" | "s" | "m" | "l" | undefined;
-    children?: undefined;
-    format?: string | undefined;
-    separator?: string | undefined;
-    minDate?: Date | undefined;
-    maxDate?: Date | undefined;
-    focused?: boolean | undefined;
-    multiplicitySeconds?: number | undefined;
-    multiplicityMinutes?: number | undefined;
-    multiplicityHours?: number | undefined;
-    label?: string | undefined;
-    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    caption?: string | undefined;
-    labelPosition?: "left" | "top" | undefined;
-    withClearButton?: boolean | undefined;
+    }) => void;
+    onError?: import("..").DatePickerPropOnError;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    size?: import("##/components/TextField").TextFieldPropSize;
+    view?: import("##/components/TextField").TextFieldPropView;
+    form?: import("##/components/TextField").TextFieldPropForm;
+    status?: import("##/components/TextField").TextFieldPropStatus;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    autoFocus?: boolean;
+    placeholder?: string;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
+    ariaLabel?: string;
+    iconSize?: import("@consta/icons/Icon").IconPropSize;
+    children?: never;
+    format?: string;
+    separator?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    focused?: boolean;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    label?: string;
+    labelIcon?: import("@consta/icons/Icon").IconComponent;
+    caption?: string;
+    labelPosition?: "top" | "left";
+    withClearButton?: boolean;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "caption" | "form" | "label" | "separator" | "status" | "name" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,12 +1,12 @@
 import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from "../../TextField/TextField";
-import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from '##/components/TextField/TextField';
+import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';
 import { DatePickerPropOnError } from '../types';
-declare type DatePickerFieldTypeDateTimePropOnChange = (value: Date | null, props: {
+type DatePickerFieldTypeDateTimePropOnChange = (value: Date | null, props: {
     e: Event;
 }) => void;
-export declare type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<{
+export type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<{
     className?: string;
     value?: Date | null;
     onChange?: DatePickerFieldTypeDateTimePropOnChange;
@@ -45,7 +45,7 @@ export declare type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<{
     labelPosition?: 'top' | 'left';
     withClearButton?: boolean;
 }, HTMLDivElement>;
-declare type UsePickerProps = {
+type UsePickerProps = {
     value?: Date | null;
     onChange?: DatePickerFieldTypeDateTimePropOnChange;
     onError?: DatePickerPropOnError;

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

@@ -1,30 +1,30 @@
 import React from 'react';
 export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDateTime/helpers").DatePickerFieldTypeDateTimeProps, "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
-    onChange?: ((value: import("../../../utils/types/Date").DateRange | null, props: {
+    onChange?: (value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
-    }) => void) | undefined;
-    value?: import("../../../utils/types/Date").DateRange | null | undefined;
-    startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    startFieldRef?: React.Ref<HTMLDivElement> | undefined;
-    endFieldRef?: React.Ref<HTMLDivElement> | undefined;
-    startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    endFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    startFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    endFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    startFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    endFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    startFocused?: boolean | undefined;
-    endFocused?: boolean | undefined;
-    id?: string | undefined;
-    onChangeCurrentVisibleDate?: ((date: Date) => void) | undefined;
-    currentVisibleDate?: Date | undefined;
-    startFieldName?: string | undefined;
-    endFieldName?: string | undefined;
-    startFieldPlaceholder?: string | undefined;
-    endFieldPlaceholder?: string | undefined;
+    }) => void;
+    value?: import("../../../utils/types/Date").DateRange | null;
+    startFieldInputRef?: React.Ref<HTMLInputElement>;
+    endFieldInputRef?: React.Ref<HTMLInputElement>;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent;
+    startFieldRef?: React.Ref<HTMLDivElement>;
+    endFieldRef?: React.Ref<HTMLDivElement>;
+    startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
+    endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
+    startFieldOnClick?: React.MouseEventHandler<HTMLElement>;
+    endFieldOnClick?: React.MouseEventHandler<HTMLElement>;
+    startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
+    endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
+    startFocused?: boolean;
+    endFocused?: boolean;
+    id?: string;
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    currentVisibleDate?: Date;
+    startFieldName?: string;
+    endFieldName?: string;
+    startFieldPlaceholder?: string;
+    endFieldPlaceholder?: string;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { IconComponent } from '@consta/icons/Icon';
 import { DateRange } from '../../../utils/types/Date';
 import { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';
-declare type DatePickerFieldTypeDateTimeRangePropOnChange = (value: DateRange | null, props: {
+type DatePickerFieldTypeDateTimeRangePropOnChange = (value: DateRange | null, props: {
     e: Event;
 }) => void;
-export declare type DatePickerFieldTypeDateTimeRangeProps = Omit<DatePickerFieldTypeDateTimeProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
+export type DatePickerFieldTypeDateTimeRangeProps = Omit<DatePickerFieldTypeDateTimeProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
     onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;
     value?: DateRange | null;
     startFieldInputRef?: React.Ref<HTMLInputElement>;