devextreme-react 24.2.1-alpha-24256-1935 → 24.2.2-beta

package/cjs/autocomplete.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.2.1-alpha-24256-1935
- * Build date: Thu Sep 12 2024
+ * Version: 24.2.2-beta
+ * Build date: Mon Nov 18 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -14,16 +14,18 @@
 import * as React from "react";
 import { Ref, ReactElement } from "react";
 import dxAutocomplete, { Properties } from "devextreme/ui/autocomplete";
-import { IHtmlOptions, IElementDescriptor } from "./core/component";
-import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, SelectionChangingEvent, ValueChangedEvent } from "devextreme/ui/autocomplete";
+import { IHtmlOptions, NestedComponentMeta } from "./core/component";
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/autocomplete";
 import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, ClickEvent, OptionChangedEvent } from "devextreme/ui/button";
-import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
+import type { AnimationConfig, AnimationState, AnimationType } from "devextreme/animation/fx";
+import type { HorizontalAlignment, VerticalAlignment, TextEditorButtonLocation, PositionAlignment, Direction, ButtonStyle, ButtonType, ToolbarItemLocation, ToolbarItemComponent } from "devextreme/common";
+import type { CollisionResolution, PositionConfig, CollisionResolutionCombination } from "devextreme/animation/position";
 import type { event, EventInfo } from "devextreme/events/index";
 import type { template } from "devextreme/core/templates/template";
 import type { Component } from "devextreme/core/component";
-import type { PositionConfig } from "devextreme/animation/position";
-import type { dxPopupToolbarItem } from "devextreme/ui/popup";
+import type { dxPopupToolbarItem, ToolbarLocation } from "devextreme/ui/popup";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
+import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar";
 import type dxOverlay from "devextreme/ui/overlay";
 import type DOMComponent from "devextreme/core/dom_component";
 import type dxPopup from "devextreme/ui/popup";
@@ -47,7 +49,6 @@ type IAutocompleteOptionsNarrowedEvents = {
     onKeyUp?: ((e: KeyUpEvent) => void);
     onOpened?: ((e: OpenedEvent) => void);
     onPaste?: ((e: PasteEvent) => void);
-    onSelectionChanging?: ((e: SelectionChangingEvent) => void);
     onValueChanged?: ((e: ValueChangedEvent) => void);
 };
 type IAutocompleteOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IAutocompleteOptionsNarrowedEvents> & IHtmlOptions & {
@@ -72,46 +73,77 @@ type IAnimationProps = React.PropsWithChildren<{
     hide?: AnimationConfig;
     show?: AnimationConfig;
 }>;
-declare const _componentAnimation: React.MemoExoticComponent<(props: IAnimationProps) => React.FunctionComponentElement<IAnimationProps>>;
-declare const Animation: typeof _componentAnimation & IElementDescriptor;
+declare const Animation: ((props: IAnimationProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    hide?: AnimationConfig | undefined;
+    show?: AnimationConfig | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IAtProps = React.PropsWithChildren<{
-    x?: "center" | "left" | "right";
-    y?: "bottom" | "center" | "top";
+    x?: HorizontalAlignment;
+    y?: VerticalAlignment;
 }>;
-declare const _componentAt: React.MemoExoticComponent<(props: IAtProps) => React.FunctionComponentElement<IAtProps>>;
-declare const At: typeof _componentAt & IElementDescriptor;
+declare const At: ((props: IAtProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: HorizontalAlignment | undefined;
+    y?: VerticalAlignment | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IBoundaryOffsetProps = React.PropsWithChildren<{
     x?: number;
     y?: number;
 }>;
-declare const _componentBoundaryOffset: React.MemoExoticComponent<(props: IBoundaryOffsetProps) => React.FunctionComponentElement<IBoundaryOffsetProps>>;
-declare const BoundaryOffset: typeof _componentBoundaryOffset & IElementDescriptor;
+declare const BoundaryOffset: ((props: IBoundaryOffsetProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: number | undefined;
+    y?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IButtonProps = React.PropsWithChildren<{
-    location?: "after" | "before";
-    name?: string;
-    options?: dxButtonOptions;
+    location?: TextEditorButtonLocation;
+    name?: string | undefined;
+    options?: dxButtonOptions | undefined;
 }>;
-declare const _componentButton: React.MemoExoticComponent<(props: IButtonProps) => React.FunctionComponentElement<IButtonProps>>;
-declare const Button: typeof _componentButton & IElementDescriptor;
+declare const Button: ((props: IButtonProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    location?: TextEditorButtonLocation | undefined;
+    name?: string | undefined;
+    options?: dxButtonOptions | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type ICollisionProps = React.PropsWithChildren<{
-    x?: "fit" | "flip" | "flipfit" | "none";
-    y?: "fit" | "flip" | "flipfit" | "none";
+    x?: CollisionResolution;
+    y?: CollisionResolution;
 }>;
-declare const _componentCollision: React.MemoExoticComponent<(props: ICollisionProps) => React.FunctionComponentElement<ICollisionProps>>;
-declare const Collision: typeof _componentCollision & IElementDescriptor;
+declare const Collision: ((props: ICollisionProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: CollisionResolution | undefined;
+    y?: CollisionResolution | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IDropDownOptionsProps = React.PropsWithChildren<{
-    accessKey?: string;
+    accessKey?: string | undefined;
     animation?: Record<string, any> | {
         hide?: AnimationConfig;
         show?: AnimationConfig;
     };
     bindingOptions?: Record<string, any>;
     closeOnOutsideClick?: boolean | ((event: event) => boolean);
-    container?: any | string;
+    container?: any | string | undefined;
     contentTemplate?: ((contentElement: any) => string | any) | template;
     deferRendering?: boolean;
     disabled?: boolean;
-    dragAndResizeArea?: any | string;
+    dragAndResizeArea?: any | string | undefined;
     dragEnabled?: boolean;
     dragOutsideBoundary?: boolean;
     enableBodyScroll?: boolean;
@@ -120,7 +152,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
     height?: (() => number | string) | number | string;
     hideOnOutsideClick?: boolean | ((event: event) => boolean);
     hideOnParentScroll?: boolean;
-    hint?: string;
+    hint?: string | undefined;
     hoverStateEnabled?: boolean;
     maxHeight?: (() => number | string) | number | string;
     maxWidth?: (() => number | string) | number | string;
@@ -185,7 +217,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
         model: any;
         titleElement: any;
     }) => void);
-    position?: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top";
+    position?: (() => void) | PositionAlignment | PositionConfig;
     resizeEnabled?: boolean;
     restorePosition?: boolean;
     rtlEnabled?: boolean;
@@ -202,8 +234,8 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
     wrapperAttr?: any;
     defaultHeight?: (() => number | string) | number | string;
     onHeightChange?: (value: (() => number | string) | number | string) => void;
-    defaultPosition?: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top";
-    onPositionChange?: (value: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top") => void;
+    defaultPosition?: (() => void) | PositionAlignment | PositionConfig;
+    onPositionChange?: (value: (() => void) | PositionAlignment | PositionConfig) => void;
     defaultVisible?: boolean;
     onVisibleChange?: (value: boolean) => void;
     defaultWidth?: (() => number | string) | number | string;
@@ -213,8 +245,124 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
     titleRender?: (...params: any) => React.ReactNode;
     titleComponent?: React.ComponentType<any>;
 }>;
-declare const _componentDropDownOptions: React.MemoExoticComponent<(props: IDropDownOptionsProps) => React.FunctionComponentElement<IDropDownOptionsProps>>;
-declare const DropDownOptions: typeof _componentDropDownOptions & IElementDescriptor;
+declare const DropDownOptions: ((props: IDropDownOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    animation?: Record<string, any> | {
+        hide?: AnimationConfig | undefined;
+        show?: AnimationConfig | undefined;
+    } | undefined;
+    bindingOptions?: Record<string, any> | undefined;
+    closeOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
+    container?: any | string | undefined;
+    contentTemplate?: template | ((contentElement: any) => string | any) | undefined;
+    deferRendering?: boolean | undefined;
+    disabled?: boolean | undefined;
+    dragAndResizeArea?: any | string | undefined;
+    dragEnabled?: boolean | undefined;
+    dragOutsideBoundary?: boolean | undefined;
+    enableBodyScroll?: boolean | undefined;
+    focusStateEnabled?: boolean | undefined;
+    fullScreen?: boolean | undefined;
+    height?: string | number | (() => number | string) | undefined;
+    hideOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
+    hideOnParentScroll?: boolean | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean | undefined;
+    maxHeight?: string | number | (() => number | string) | undefined;
+    maxWidth?: string | number | (() => number | string) | undefined;
+    minHeight?: string | number | (() => number | string) | undefined;
+    minWidth?: string | number | (() => number | string) | undefined;
+    onContentReady?: ((e: EventInfo<any>) => void) | undefined;
+    onDisposing?: ((e: EventInfo<any>) => void) | undefined;
+    onHidden?: ((e: EventInfo<any>) => void) | undefined;
+    onHiding?: ((e: {
+        cancel: boolean | any;
+        component: dxOverlay<any>;
+        element: any;
+        model: any;
+    }) => void) | undefined;
+    onInitialized?: ((e: {
+        component: Component<any>;
+        element: any;
+    }) => void) | undefined;
+    onOptionChanged?: ((e: {
+        component: DOMComponent;
+        element: any;
+        fullName: string;
+        model: any;
+        name: string;
+        previousValue: any;
+        value: any;
+    }) => void) | undefined;
+    onResize?: ((e: {
+        component: dxPopup;
+        element: any;
+        event: event;
+        height: number;
+        model: any;
+        width: number;
+    }) => void) | undefined;
+    onResizeEnd?: ((e: {
+        component: dxPopup;
+        element: any;
+        event: event;
+        height: number;
+        model: any;
+        width: number;
+    }) => void) | undefined;
+    onResizeStart?: ((e: {
+        component: dxPopup;
+        element: any;
+        event: event;
+        height: number;
+        model: any;
+        width: number;
+    }) => void) | undefined;
+    onShowing?: ((e: {
+        cancel: boolean | any;
+        component: dxOverlay<any>;
+        element: any;
+        model: any;
+    }) => void) | undefined;
+    onShown?: ((e: EventInfo<any>) => void) | undefined;
+    onTitleRendered?: ((e: {
+        component: dxPopup;
+        element: any;
+        model: any;
+        titleElement: any;
+    }) => void) | undefined;
+    position?: PositionAlignment | PositionConfig | (() => void) | undefined;
+    resizeEnabled?: boolean | undefined;
+    restorePosition?: boolean | undefined;
+    rtlEnabled?: boolean | undefined;
+    shading?: boolean | undefined;
+    shadingColor?: string | undefined;
+    showCloseButton?: boolean | undefined;
+    showTitle?: boolean | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    titleTemplate?: template | ((titleElement: any) => string | any) | undefined;
+    toolbarItems?: import("devextreme/ui/popup").ToolbarItem[] | undefined;
+    visible?: boolean | undefined;
+    width?: string | number | (() => number | string) | undefined;
+    wrapperAttr?: any;
+    defaultHeight?: string | number | (() => number | string) | undefined;
+    onHeightChange?: ((value: (() => number | string) | number | string) => void) | undefined;
+    defaultPosition?: PositionAlignment | PositionConfig | (() => void) | undefined;
+    onPositionChange?: ((value: (() => void) | PositionAlignment | PositionConfig) => void) | undefined;
+    defaultVisible?: boolean | undefined;
+    onVisibleChange?: ((value: boolean) => void) | undefined;
+    defaultWidth?: string | number | (() => number | string) | undefined;
+    onWidthChange?: ((value: (() => number | string) | number | string) => void) | undefined;
+    contentRender?: ((...params: any) => React.ReactNode) | undefined;
+    contentComponent?: React.ComponentType<any> | undefined;
+    titleRender?: ((...params: any) => React.ReactNode) | undefined;
+    titleComponent?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IFromProps = React.PropsWithChildren<{
     left?: number;
     opacity?: number;
@@ -222,22 +370,45 @@ type IFromProps = React.PropsWithChildren<{
     scale?: number;
     top?: number;
 }>;
-declare const _componentFrom: React.MemoExoticComponent<(props: IFromProps) => React.FunctionComponentElement<IFromProps>>;
-declare const From: typeof _componentFrom & IElementDescriptor;
+declare const From: ((props: IFromProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    left?: number | undefined;
+    opacity?: number | undefined;
+    position?: PositionConfig | undefined;
+    scale?: number | undefined;
+    top?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IHideProps = React.PropsWithChildren<{
     complete?: (($element: any, config: AnimationConfig) => void);
     delay?: number;
-    direction?: "bottom" | "left" | "right" | "top";
+    direction?: Direction | undefined;
     duration?: number;
     easing?: string;
     from?: AnimationState;
-    staggerDelay?: number;
+    staggerDelay?: number | undefined;
     start?: (($element: any, config: AnimationConfig) => void);
     to?: AnimationState;
-    type?: "css" | "fade" | "fadeIn" | "fadeOut" | "pop" | "slide" | "slideIn" | "slideOut";
+    type?: AnimationType;
 }>;
-declare const _componentHide: React.MemoExoticComponent<(props: IHideProps) => React.FunctionComponentElement<IHideProps>>;
-declare const Hide: typeof _componentHide & IElementDescriptor;
+declare const Hide: ((props: IHideProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    complete?: (($element: any, config: AnimationConfig) => void) | undefined;
+    delay?: number | undefined;
+    direction?: Direction | undefined;
+    duration?: number | undefined;
+    easing?: string | undefined;
+    from?: AnimationState | undefined;
+    staggerDelay?: number | undefined;
+    start?: (($element: any, config: AnimationConfig) => void) | undefined;
+    to?: AnimationState | undefined;
+    type?: AnimationType | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IItemProps = React.PropsWithChildren<{
     disabled?: boolean;
     html?: string;
@@ -247,29 +418,52 @@ type IItemProps = React.PropsWithChildren<{
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
 }>;
-declare const _componentItem: React.MemoExoticComponent<(props: IItemProps) => React.FunctionComponentElement<IItemProps>>;
-declare const Item: typeof _componentItem & IElementDescriptor;
+declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    disabled?: boolean | undefined;
+    html?: string | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    visible?: boolean | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IMyProps = React.PropsWithChildren<{
-    x?: "center" | "left" | "right";
-    y?: "bottom" | "center" | "top";
+    x?: HorizontalAlignment;
+    y?: VerticalAlignment;
 }>;
-declare const _componentMy: React.MemoExoticComponent<(props: IMyProps) => React.FunctionComponentElement<IMyProps>>;
-declare const My: typeof _componentMy & IElementDescriptor;
+declare const My: ((props: IMyProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: HorizontalAlignment | undefined;
+    y?: VerticalAlignment | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IOffsetProps = React.PropsWithChildren<{
     x?: number;
     y?: number;
 }>;
-declare const _componentOffset: React.MemoExoticComponent<(props: IOffsetProps) => React.FunctionComponentElement<IOffsetProps>>;
-declare const Offset: typeof _componentOffset & IElementDescriptor;
+declare const Offset: ((props: IOffsetProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: number | undefined;
+    y?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IOptionsProps = React.PropsWithChildren<{
-    accessKey?: string;
+    accessKey?: string | undefined;
     activeStateEnabled?: boolean;
     bindingOptions?: Record<string, any>;
     disabled?: boolean;
     elementAttr?: Record<string, any>;
     focusStateEnabled?: boolean;
-    height?: (() => number | string) | number | string;
-    hint?: string;
+    height?: (() => number | string) | number | string | undefined;
+    hint?: string | undefined;
     hoverStateEnabled?: boolean;
     icon?: string;
     onClick?: ((e: ClickEvent) => void);
@@ -278,40 +472,74 @@ type IOptionsProps = React.PropsWithChildren<{
     onInitialized?: ((e: ButtonInitializedEvent) => void);
     onOptionChanged?: ((e: OptionChangedEvent) => void);
     rtlEnabled?: boolean;
-    stylingMode?: "text" | "outlined" | "contained";
+    stylingMode?: ButtonStyle;
     tabIndex?: number;
     template?: ((buttonData: {
         icon: string;
         text: string;
     }, contentElement: any) => string | any) | template;
     text?: string;
-    type?: "danger" | "default" | "normal" | "success";
+    type?: ButtonType | string;
     useSubmitBehavior?: boolean;
-    validationGroup?: string;
+    validationGroup?: string | undefined;
     visible?: boolean;
-    width?: (() => number | string) | number | string;
+    width?: (() => number | string) | number | string | undefined;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
 }>;
-declare const _componentOptions: React.MemoExoticComponent<(props: IOptionsProps) => React.FunctionComponentElement<IOptionsProps>>;
-declare const Options: typeof _componentOptions & IElementDescriptor;
+declare const Options: ((props: IOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean | undefined;
+    bindingOptions?: Record<string, any> | undefined;
+    disabled?: boolean | undefined;
+    elementAttr?: Record<string, any> | undefined;
+    focusStateEnabled?: boolean | undefined;
+    height?: (() => number | string) | number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean | undefined;
+    icon?: string | undefined;
+    onClick?: ((e: ClickEvent) => void) | undefined;
+    onContentReady?: ((e: ButtonContentReadyEvent) => void) | undefined;
+    onDisposing?: ((e: ButtonDisposingEvent) => void) | undefined;
+    onInitialized?: ((e: ButtonInitializedEvent) => void) | undefined;
+    onOptionChanged?: ((e: OptionChangedEvent) => void) | undefined;
+    rtlEnabled?: boolean | undefined;
+    stylingMode?: ButtonStyle | undefined;
+    tabIndex?: number | undefined;
+    template?: template | ((buttonData: {
+        icon: string;
+        text: string;
+    }, contentElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    type?: string | undefined;
+    useSubmitBehavior?: boolean | undefined;
+    validationGroup?: string | undefined;
+    visible?: boolean | undefined;
+    width?: (() => number | string) | number | string | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IPositionProps = React.PropsWithChildren<{
-    at?: Record<string, any> | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top" | {
-        x?: "center" | "left" | "right";
-        y?: "bottom" | "center" | "top";
+    at?: Record<string, any> | PositionAlignment | {
+        x?: HorizontalAlignment;
+        y?: VerticalAlignment;
     };
     boundary?: any | string;
     boundaryOffset?: Record<string, any> | string | {
         x?: number;
         y?: number;
     };
-    collision?: Record<string, any> | "fit" | "fit flip" | "fit flipfit" | "fit none" | "flip" | "flip fit" | "flip none" | "flipfit" | "flipfit fit" | "flipfit none" | "none" | "none fit" | "none flip" | "none flipfit" | {
-        x?: "fit" | "flip" | "flipfit" | "none";
-        y?: "fit" | "flip" | "flipfit" | "none";
+    collision?: CollisionResolutionCombination | Record<string, any> | {
+        x?: CollisionResolution;
+        y?: CollisionResolution;
     };
-    my?: Record<string, any> | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top" | {
-        x?: "center" | "left" | "right";
-        y?: "bottom" | "center" | "top";
+    my?: Record<string, any> | PositionAlignment | {
+        x?: HorizontalAlignment;
+        y?: VerticalAlignment;
     };
     of?: any | string;
     offset?: Record<string, any> | string | {
@@ -319,22 +547,62 @@ type IPositionProps = React.PropsWithChildren<{
         y?: number;
     };
 }>;
-declare const _componentPosition: React.MemoExoticComponent<(props: IPositionProps) => React.FunctionComponentElement<IPositionProps>>;
-declare const Position: typeof _componentPosition & IElementDescriptor;
+declare const Position: ((props: IPositionProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    at?: Record<string, any> | PositionAlignment | {
+        x?: HorizontalAlignment | undefined;
+        y?: VerticalAlignment | undefined;
+    } | undefined;
+    boundary?: any | string;
+    boundaryOffset?: string | Record<string, any> | {
+        x?: number | undefined;
+        y?: number | undefined;
+    } | undefined;
+    collision?: Record<string, any> | CollisionResolutionCombination | {
+        x?: CollisionResolution | undefined;
+        y?: CollisionResolution | undefined;
+    } | undefined;
+    my?: Record<string, any> | PositionAlignment | {
+        x?: HorizontalAlignment | undefined;
+        y?: VerticalAlignment | undefined;
+    } | undefined;
+    of?: any | string;
+    offset?: string | Record<string, any> | {
+        x?: number | undefined;
+        y?: number | undefined;
+    } | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IShowProps = React.PropsWithChildren<{
     complete?: (($element: any, config: AnimationConfig) => void);
     delay?: number;
-    direction?: "bottom" | "left" | "right" | "top";
+    direction?: Direction | undefined;
     duration?: number;
     easing?: string;
     from?: AnimationState;
-    staggerDelay?: number;
+    staggerDelay?: number | undefined;
     start?: (($element: any, config: AnimationConfig) => void);
     to?: AnimationState;
-    type?: "css" | "fade" | "fadeIn" | "fadeOut" | "pop" | "slide" | "slideIn" | "slideOut";
+    type?: AnimationType;
 }>;
-declare const _componentShow: React.MemoExoticComponent<(props: IShowProps) => React.FunctionComponentElement<IShowProps>>;
-declare const Show: typeof _componentShow & IElementDescriptor;
+declare const Show: ((props: IShowProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    complete?: (($element: any, config: AnimationConfig) => void) | undefined;
+    delay?: number | undefined;
+    direction?: Direction | undefined;
+    duration?: number | undefined;
+    easing?: string | undefined;
+    from?: AnimationState | undefined;
+    staggerDelay?: number | undefined;
+    start?: (($element: any, config: AnimationConfig) => void) | undefined;
+    to?: AnimationState | undefined;
+    type?: AnimationType | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IToProps = React.PropsWithChildren<{
     left?: number;
     opacity?: number;
@@ -342,29 +610,59 @@ type IToProps = React.PropsWithChildren<{
     scale?: number;
     top?: number;
 }>;
-declare const _componentTo: React.MemoExoticComponent<(props: IToProps) => React.FunctionComponentElement<IToProps>>;
-declare const To: typeof _componentTo & IElementDescriptor;
+declare const To: ((props: IToProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    left?: number | undefined;
+    opacity?: number | undefined;
+    position?: PositionConfig | undefined;
+    scale?: number | undefined;
+    top?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 type IToolbarItemProps = React.PropsWithChildren<{
-    cssClass?: string;
+    cssClass?: string | undefined;
     disabled?: boolean;
     html?: string;
-    locateInMenu?: "always" | "auto" | "never";
-    location?: "after" | "before" | "center";
+    locateInMenu?: LocateInMenuMode;
+    location?: ToolbarItemLocation;
     menuItemTemplate?: (() => string | any) | template;
     options?: any;
-    showText?: "always" | "inMenu";
+    showText?: ShowTextMode;
     template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
     text?: string;
-    toolbar?: "bottom" | "top";
+    toolbar?: ToolbarLocation;
     visible?: boolean;
-    widget?: "dxAutocomplete" | "dxButton" | "dxButtonGroup" | "dxCheckBox" | "dxDateBox" | "dxDropDownButton" | "dxMenu" | "dxSelectBox" | "dxSwitch" | "dxTabs" | "dxTextBox";
+    widget?: ToolbarItemComponent;
     menuItemRender?: (...params: any) => React.ReactNode;
     menuItemComponent?: React.ComponentType<any>;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
 }>;
-declare const _componentToolbarItem: React.MemoExoticComponent<(props: IToolbarItemProps) => React.FunctionComponentElement<IToolbarItemProps>>;
-declare const ToolbarItem: typeof _componentToolbarItem & IElementDescriptor;
+declare const ToolbarItem: ((props: IToolbarItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    cssClass?: string | undefined;
+    disabled?: boolean | undefined;
+    html?: string | undefined;
+    locateInMenu?: LocateInMenuMode | undefined;
+    location?: ToolbarItemLocation | undefined;
+    menuItemTemplate?: template | (() => string | any) | undefined;
+    options?: any;
+    showText?: ShowTextMode | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    toolbar?: ToolbarLocation | undefined;
+    visible?: boolean | undefined;
+    widget?: ToolbarItemComponent | undefined;
+    menuItemRender?: ((...params: any) => React.ReactNode) | undefined;
+    menuItemComponent?: React.ComponentType<any> | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
 export default Autocomplete;
 export { Autocomplete, IAutocompleteOptions, AutocompleteRef, Animation, IAnimationProps, At, IAtProps, BoundaryOffset, IBoundaryOffsetProps, Button, IButtonProps, Collision, ICollisionProps, DropDownOptions, IDropDownOptionsProps, From, IFromProps, Hide, IHideProps, Item, IItemProps, My, IMyProps, Offset, IOffsetProps, Options, IOptionsProps, Position, IPositionProps, Show, IShowProps, To, IToProps, ToolbarItem, IToolbarItemProps };
 import type * as AutocompleteTypes from 'devextreme/ui/autocomplete_types';