devextreme-react 23.1.2-alpha-23076-1933 → 23.1.2-beta

package/accordion.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23076-1933
- * Build date: Fri Mar 17 2023
+ * Version: 23.1.2-beta
+ * Build date: Wed May 17 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,7 +16,22 @@ export { ExplicitTypes } from "devextreme/ui/accordion";
 import dxAccordion, { Properties } from "devextreme/ui/accordion";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-declare type IAccordionOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
+import type { dxAccordionItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent } from "devextreme/ui/accordion";
+import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
+import type { template } from "devextreme/core/templates/template";
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IAccordionOptionsNarrowedEvents<TItem = any, TKey = any> = {
+    onContentReady?: ((e: ContentReadyEvent<TItem, TKey>) => void);
+    onDisposing?: ((e: DisposingEvent<TItem, TKey>) => void);
+    onInitialized?: ((e: InitializedEvent<TItem, TKey>) => void);
+    onItemClick?: ((e: ItemClickEvent<TItem, TKey>) => void);
+    onItemContextMenu?: ((e: ItemContextMenuEvent<TItem, TKey>) => void);
+    onItemHold?: ((e: ItemHoldEvent<TItem, TKey>) => void);
+    onItemRendered?: ((e: ItemRenderedEvent<TItem, TKey>) => void);
+};
+declare type IAccordionOptions<TItem = any, TKey = any> = React.PropsWithChildren<ReplaceFieldTypes<Properties<TItem, TKey>, IAccordionOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
@@ -24,12 +39,12 @@ declare type IAccordionOptions<TItem = any, TKey = any> = React.PropsWithChildre
     itemTitleRender?: (...params: any) => React.ReactNode;
     itemTitleComponent?: React.ComponentType<any>;
     itemTitleKeyFn?: (data: any) => string;
-    defaultItems?: Array<any | string>;
+    defaultItems?: Array<any | dxAccordionItem | string>;
     defaultSelectedIndex?: number;
     defaultSelectedItem?: any;
     defaultSelectedItemKeys?: Array<any>;
     defaultSelectedItems?: Array<any>;
-    onItemsChange?: (value: Array<any | string>) => void;
+    onItemsChange?: (value: Array<any | dxAccordionItem | string>) => void;
     onSelectedIndexChange?: (value: number) => void;
     onSelectedItemChange?: (value: any) => void;
     onSelectedItemKeysChange?: (value: Array<any>) => void;
@@ -64,10 +79,10 @@ declare type IItemProps = React.PropsWithChildren<{
     disabled?: boolean;
     html?: string;
     icon?: string;
-    template?: ((itemData: any, itemIndex: number, itemElement: any) => string);
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string) | template;
     text?: string;
     title?: string;
-    titleTemplate?: (() => string);
+    titleTemplate?: (() => string) | template;
     visible?: boolean;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;

package/accordion.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23076-1933
- * Build date: Fri Mar 17 2023
+ * Version: 23.1.2-beta
+ * Build date: Wed May 17 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/action-sheet.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23076-1933
- * Build date: Fri Mar 17 2023
+ * Version: 23.1.2-beta
+ * Build date: Wed May 17 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,14 +16,18 @@ export { ExplicitTypes } from "devextreme/ui/action_sheet";
 import dxActionSheet, { Properties } from "devextreme/ui/action_sheet";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
+import type { dxActionSheetItem } from "devextreme/ui/action_sheet";
+import type { NativeEventInfo } from "devextreme/events/index";
+import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
+import type { template } from "devextreme/core/templates/template";
 declare type IActionSheetOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
     dataSource?: Properties<TItem, TKey>["dataSource"];
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
     itemKeyFn?: (data: any) => string;
-    defaultItems?: Array<any | string>;
+    defaultItems?: Array<any | dxActionSheetItem | string>;
     defaultVisible?: boolean;
-    onItemsChange?: (value: Array<any | string>) => void;
+    onItemsChange?: (value: Array<any | dxActionSheetItem | string>) => void;
     onVisibleChange?: (value: boolean) => void;
 }>;
 declare class ActionSheet<TItem = any, TKey = any> extends BaseComponent<React.PropsWithChildren<IActionSheetOptions<TItem, TKey>>> {
@@ -50,14 +54,12 @@ declare class ActionSheet<TItem = any, TKey = any> extends BaseComponent<React.P
 }
 declare type IItemProps = React.PropsWithChildren<{
     disabled?: boolean;
-    html?: string;
     icon?: string;
-    onClick?: ((e: any) => void);
+    onClick?: ((e: NativeEventInfo<any>) => void);
     stylingMode?: "text" | "outlined" | "contained";
-    template?: ((itemData: any, itemIndex: number, itemElement: any) => string);
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string) | template;
     text?: string;
     type?: "back" | "danger" | "default" | "normal" | "success";
-    visible?: boolean;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;

package/action-sheet.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23076-1933
- * Build date: Fri Mar 17 2023
+ * Version: 23.1.2-beta
+ * Build date: Wed May 17 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/autocomplete.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23076-1933
- * Build date: Fri Mar 17 2023
+ * Version: 23.1.2-beta
+ * Build date: Wed May 17 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,7 +15,42 @@
 import dxAutocomplete, { Properties } from "devextreme/ui/autocomplete";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-declare type IAutocompleteOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
+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 { AnimationConfig, AnimationState } from "devextreme/animation/fx";
+import type { dxButtonOptions } from "devextreme/ui/button";
+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 { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
+import type dxOverlay from "devextreme/ui/overlay";
+import type DOMComponent from "devextreme/core/dom_component";
+import type dxPopup from "devextreme/ui/popup";
+import type dxButton from "devextreme/ui/button";
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IAutocompleteOptionsNarrowedEvents = {
+    onChange?: ((e: ChangeEvent) => void);
+    onClosed?: ((e: ClosedEvent) => void);
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onCopy?: ((e: CopyEvent) => void);
+    onCut?: ((e: CutEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onEnterKey?: ((e: EnterKeyEvent) => void);
+    onFocusIn?: ((e: FocusInEvent) => void);
+    onFocusOut?: ((e: FocusOutEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onInput?: ((e: InputEvent) => void);
+    onItemClick?: ((e: ItemClickEvent) => void);
+    onKeyDown?: ((e: KeyDownEvent) => void);
+    onKeyUp?: ((e: KeyUpEvent) => void);
+    onOpened?: ((e: OpenedEvent) => void);
+    onPaste?: ((e: PasteEvent) => void);
+    onValueChanged?: ((e: ValueChangedEvent) => void);
+};
+declare type IAutocompleteOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IAutocompleteOptionsNarrowedEvents> & IHtmlOptions & {
     dropDownButtonRender?: (...params: any) => React.ReactNode;
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
@@ -61,8 +96,8 @@ declare class Autocomplete extends BaseComponent<React.PropsWithChildren<IAutoco
     }[];
 }
 declare type IAnimationProps = React.PropsWithChildren<{
-    hide?: any;
-    show?: any;
+    hide?: AnimationConfig;
+    show?: AnimationConfig;
 }>;
 declare class Animation extends NestedOption<IAnimationProps> {
     static OptionName: string;
@@ -94,7 +129,7 @@ declare class BoundaryOffset extends NestedOption<IBoundaryOffsetProps> {
 declare type IButtonProps = React.PropsWithChildren<{
     location?: "after" | "before";
     name?: string;
-    options?: any;
+    options?: dxButtonOptions;
 }>;
 declare class Button extends NestedOption<IButtonProps> {
     static OptionName: string;
@@ -115,15 +150,14 @@ declare class Collision extends NestedOption<ICollisionProps> {
 }
 declare type IDropDownOptionsProps = React.PropsWithChildren<{
     accessKey?: string;
-    activeStateEnabled?: boolean;
-    animation?: object | {
-        hide?: any;
-        show?: any;
+    animation?: Record<string, any> | {
+        hide?: AnimationConfig;
+        show?: AnimationConfig;
     };
-    bindingOptions?: object;
-    closeOnOutsideClick?: boolean | ((event: any) => boolean);
+    bindingOptions?: Record<string, any>;
+    closeOnOutsideClick?: boolean | ((event: event) => boolean);
     container?: any | string;
-    contentTemplate?: ((contentElement: any) => string);
+    contentTemplate?: ((contentElement: any) => string) | template;
     copyRootClassesToWrapper?: boolean;
     deferRendering?: boolean;
     disabled?: boolean;
@@ -135,7 +169,7 @@ declare type IDropDownOptionsProps = React.PropsWithChildren<{
     focusStateEnabled?: boolean;
     fullScreen?: boolean;
     height?: (() => number) | number | string;
-    hideOnOutsideClick?: boolean | ((event: any) => boolean);
+    hideOnOutsideClick?: boolean | ((event: event) => boolean);
     hideOnParentScroll?: boolean;
     hint?: string;
     hoverStateEnabled?: boolean;
@@ -143,31 +177,21 @@ declare type IDropDownOptionsProps = React.PropsWithChildren<{
     maxWidth?: (() => number) | number | string;
     minHeight?: (() => number) | number | string;
     minWidth?: (() => number) | number | string;
-    onContentReady?: ((e: any) => void);
-    onDisposing?: ((e: any) => void);
-    onFocusIn?: ((e: {
-        component: any;
-        element: any;
-        model: object;
-    }) => void);
-    onFocusOut?: ((e: {
-        component: any;
-        element: any;
-        model: object;
-    }) => void);
-    onHidden?: ((e: any) => void);
+    onContentReady?: ((e: EventInfo<any>) => void);
+    onDisposing?: ((e: EventInfo<any>) => void);
+    onHidden?: ((e: EventInfo<any>) => void);
     onHiding?: ((e: {
         cancel: boolean | any;
-        component: any;
+        component: dxOverlay<any>;
         element: any;
         model: any;
     }) => void);
     onInitialized?: ((e: {
-        component: any;
+        component: Component<any>;
         element: any;
     }) => void);
     onOptionChanged?: ((e: {
-        component: any;
+        component: DOMComponent;
         element: any;
         fullName: string;
         model: any;
@@ -176,43 +200,43 @@ declare type IDropDownOptionsProps = React.PropsWithChildren<{
         value: any;
     }) => void);
     onResize?: ((e: {
-        component: any;
+        component: dxPopup;
         element: any;
-        event: any;
+        event: event;
         height: number;
         model: any;
         width: number;
     }) => void);
     onResizeEnd?: ((e: {
-        component: any;
+        component: dxPopup;
         element: any;
-        event: any;
+        event: event;
         height: number;
         model: any;
         width: number;
     }) => void);
     onResizeStart?: ((e: {
-        component: any;
+        component: dxPopup;
         element: any;
-        event: any;
+        event: event;
         height: number;
         model: any;
         width: number;
     }) => void);
     onShowing?: ((e: {
         cancel: boolean | any;
-        component: any;
+        component: dxOverlay<any>;
         element: any;
         model: any;
     }) => void);
-    onShown?: ((e: any) => void);
+    onShown?: ((e: EventInfo<any>) => void);
     onTitleRendered?: ((e: {
-        component: any;
+        component: dxPopup;
         element: any;
         model: any;
         titleElement: any;
     }) => void);
-    position?: (() => void) | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top";
+    position?: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top";
     resizeEnabled?: boolean;
     restorePosition?: boolean;
     rtlEnabled?: boolean;
@@ -222,15 +246,15 @@ declare type IDropDownOptionsProps = React.PropsWithChildren<{
     showTitle?: boolean;
     tabIndex?: number;
     title?: string;
-    titleTemplate?: ((titleElement: any) => string);
-    toolbarItems?: Array<any>;
+    titleTemplate?: ((titleElement: any) => string) | template;
+    toolbarItems?: Array<dxPopupToolbarItem>;
     visible?: boolean;
     width?: (() => number) | number | string;
     wrapperAttr?: any;
     defaultHeight?: (() => number) | number | string;
     onHeightChange?: (value: (() => number) | number | string) => void;
-    defaultPosition?: (() => void) | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top";
-    onPositionChange?: (value: (() => void) | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top") => 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;
     defaultVisible?: boolean;
     onVisibleChange?: (value: boolean) => void;
     defaultWidth?: (() => number) | number | string;
@@ -274,7 +298,7 @@ declare class DropDownOptions extends NestedOption<IDropDownOptionsProps> {
 declare type IFromProps = React.PropsWithChildren<{
     left?: number;
     opacity?: number;
-    position?: any;
+    position?: PositionConfig;
     scale?: number;
     top?: number;
 }>;
@@ -288,15 +312,15 @@ declare class From extends NestedOption<IFromProps> {
     };
 }
 declare type IHideProps = React.PropsWithChildren<{
-    complete?: (($element: any, config: any) => void);
+    complete?: (($element: any, config: AnimationConfig) => void);
     delay?: number;
     direction?: "bottom" | "left" | "right" | "top";
     duration?: number;
     easing?: string;
-    from?: any;
+    from?: AnimationState;
     staggerDelay?: number;
-    start?: (($element: any, config: any) => void);
-    to?: any;
+    start?: (($element: any, config: AnimationConfig) => void);
+    to?: AnimationState;
     type?: "css" | "fade" | "fadeIn" | "fadeOut" | "pop" | "slide" | "slideIn" | "slideOut";
 }>;
 declare class Hide extends NestedOption<IHideProps> {
@@ -315,7 +339,7 @@ declare class Hide extends NestedOption<IHideProps> {
 declare type IItemProps = React.PropsWithChildren<{
     disabled?: boolean;
     html?: string;
-    template?: ((itemData: any, itemIndex: number, itemElement: any) => string);
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string) | template;
     text?: string;
     visible?: boolean;
     render?: (...params: any) => React.ReactNode;
@@ -349,39 +373,29 @@ declare class Offset extends NestedOption<IOffsetProps> {
 declare type IOptionsProps = React.PropsWithChildren<{
     accessKey?: string;
     activeStateEnabled?: boolean;
-    bindingOptions?: object;
+    bindingOptions?: Record<string, any>;
     disabled?: boolean;
-    elementAttr?: object;
+    elementAttr?: Record<string, any>;
     focusStateEnabled?: boolean;
     height?: (() => number) | number | string;
     hint?: string;
     hoverStateEnabled?: boolean;
     icon?: string;
     onClick?: ((e: {
-        component: any;
+        component: dxButton;
         element: any;
-        event: any;
+        event: event;
         model: any;
-        validationGroup: object;
-    }) => void);
-    onContentReady?: ((e: any) => void);
-    onDisposing?: ((e: any) => void);
-    onFocusIn?: ((e: {
-        component: any;
-        element: any;
-        model: object;
-    }) => void);
-    onFocusOut?: ((e: {
-        component: any;
-        element: any;
-        model: object;
+        validationGroup: Record<string, any>;
     }) => void);
+    onContentReady?: ((e: EventInfo<any>) => void);
+    onDisposing?: ((e: EventInfo<any>) => void);
     onInitialized?: ((e: {
-        component: any;
+        component: Component<any>;
         element: any;
     }) => void);
     onOptionChanged?: ((e: {
-        component: any;
+        component: DOMComponent;
         element: any;
         fullName: string;
         model: any;
@@ -395,7 +409,7 @@ declare type IOptionsProps = React.PropsWithChildren<{
     template?: ((buttonData: {
         icon: string;
         text: string;
-    }, contentElement: any) => string);
+    }, contentElement: any) => string) | template;
     text?: string;
     type?: "back" | "danger" | "default" | "normal" | "success";
     useSubmitBehavior?: boolean;
@@ -416,25 +430,25 @@ declare class Options extends NestedOption<IOptionsProps> {
     }[];
 }
 declare type IPositionProps = React.PropsWithChildren<{
-    at?: object | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top" | {
+    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";
     };
     boundary?: any | string;
-    boundaryOffset?: object | string | {
+    boundaryOffset?: Record<string, any> | string | {
         x?: number;
         y?: number;
     };
-    collision?: object | "fit" | "fit flip" | "fit flipfit" | "fit none" | "flip" | "flip fit" | "flip none" | "flipfit" | "flipfit fit" | "flipfit none" | "none" | "none fit" | "none flip" | "none flipfit" | {
+    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";
     };
-    my?: object | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top" | {
+    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";
     };
     of?: any | string;
-    offset?: object | string | {
+    offset?: Record<string, any> | string | {
         x?: number;
         y?: number;
     };
@@ -443,15 +457,15 @@ declare class Position extends NestedOption<IPositionProps> {
     static OptionName: string;
 }
 declare type IShowProps = React.PropsWithChildren<{
-    complete?: (($element: any, config: any) => void);
+    complete?: (($element: any, config: AnimationConfig) => void);
     delay?: number;
     direction?: "bottom" | "left" | "right" | "top";
     duration?: number;
     easing?: string;
-    from?: any;
+    from?: AnimationState;
     staggerDelay?: number;
-    start?: (($element: any, config: any) => void);
-    to?: any;
+    start?: (($element: any, config: AnimationConfig) => void);
+    to?: AnimationState;
     type?: "css" | "fade" | "fadeIn" | "fadeOut" | "pop" | "slide" | "slideIn" | "slideOut";
 }>;
 declare class Show extends NestedOption<IShowProps> {
@@ -460,7 +474,7 @@ declare class Show extends NestedOption<IShowProps> {
 declare type IToProps = React.PropsWithChildren<{
     left?: number;
     opacity?: number;
-    position?: any;
+    position?: PositionConfig;
     scale?: number;
     top?: number;
 }>;
@@ -473,10 +487,10 @@ declare type IToolbarItemProps = React.PropsWithChildren<{
     html?: string;
     locateInMenu?: "always" | "auto" | "never";
     location?: "after" | "before" | "center";
-    menuItemTemplate?: (() => string);
+    menuItemTemplate?: (() => string) | template;
     options?: any;
     showText?: "always" | "inMenu";
-    template?: ((itemData: any, itemIndex: number, itemElement: any) => string);
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string) | template;
     text?: string;
     toolbar?: "bottom" | "top";
     visible?: boolean;

package/autocomplete.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23076-1933
- * Build date: Fri Mar 17 2023
+ * Version: 23.1.2-beta
+ * Build date: Wed May 17 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *