devextreme-react 23.1.2-beta → 23.1.3

package/defer-rendering.js

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

package/diagram.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta
- * Build date: Wed May 17 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,7 +15,7 @@
 import dxDiagram, { Properties } from "devextreme/ui/diagram";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { ContentReadyEvent, DisposingEvent, InitializedEvent, dxDiagramCustomCommand, dxDiagramShape } from "devextreme/ui/diagram";
+import type { ContentReadyEvent, CustomCommandEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemDblClickEvent, RequestEditOperationEvent, RequestLayoutUpdateEvent, dxDiagramCustomCommand, dxDiagramShape } from "devextreme/ui/diagram";
 import type { dxSVGElement } from "devextreme/core/element";
 import type { template } from "devextreme/core/templates/template";
 import type { DataSourceOptions } from "devextreme/data/data_source";
@@ -26,8 +26,13 @@ declare type ReplaceFieldTypes<TSource, TReplacement> = {
 };
 declare type IDiagramOptionsNarrowedEvents = {
     onContentReady?: ((e: ContentReadyEvent) => void);
+    onCustomCommand?: ((e: CustomCommandEvent) => void);
     onDisposing?: ((e: DisposingEvent) => void);
     onInitialized?: ((e: InitializedEvent) => void);
+    onItemClick?: ((e: ItemClickEvent) => void);
+    onItemDblClick?: ((e: ItemDblClickEvent) => void);
+    onRequestEditOperation?: ((e: RequestEditOperationEvent) => void);
+    onRequestLayoutUpdate?: ((e: RequestLayoutUpdateEvent) => void);
 };
 declare type IDiagramOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IDiagramOptionsNarrowedEvents> & IHtmlOptions & {
     customShapeRender?: (...params: any) => React.ReactNode;

package/diagram.js

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

package/draggable.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta
- * Build date: Wed May 17 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,12 +15,15 @@
 import dxDraggable, { Properties } from "devextreme/ui/draggable";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { DisposingEvent, InitializedEvent } from "devextreme/ui/draggable";
+import type { DisposingEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent } from "devextreme/ui/draggable";
 declare type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
 declare type IDraggableOptionsNarrowedEvents = {
     onDisposing?: ((e: DisposingEvent) => void);
+    onDragEnd?: ((e: DragEndEvent) => void);
+    onDragMove?: ((e: DragMoveEvent) => void);
+    onDragStart?: ((e: DragStartEvent) => void);
     onInitialized?: ((e: InitializedEvent) => void);
 };
 declare type IDraggableOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IDraggableOptionsNarrowedEvents> & IHtmlOptions & {

package/draggable.js

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

package/drawer.d.ts

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

package/drawer.js

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

package/drop-down-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta
- * Build date: Wed May 17 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,8 +16,8 @@ import dxDropDownBox, { Properties } from "devextreme/ui/drop_down_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
 import type { ChangeEvent, ClosedEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/drop_down_box";
+import type { DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, ClickEvent, ContentReadyEvent, OptionChangedEvent } from "devextreme/ui/button";
 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";
@@ -27,7 +27,6 @@ import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collectio
 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];
 };
@@ -352,28 +351,11 @@ declare type IOptionsProps = React.PropsWithChildren<{
     hint?: string;
     hoverStateEnabled?: boolean;
     icon?: string;
-    onClick?: ((e: {
-        component: dxButton;
-        element: any;
-        event: event;
-        model: any;
-        validationGroup: Record<string, any>;
-    }) => void);
-    onContentReady?: ((e: EventInfo<any>) => void);
-    onDisposing?: ((e: EventInfo<any>) => void);
-    onInitialized?: ((e: {
-        component: Component<any>;
-        element: any;
-    }) => void);
-    onOptionChanged?: ((e: {
-        component: DOMComponent;
-        element: any;
-        fullName: string;
-        model: any;
-        name: string;
-        previousValue: any;
-        value: any;
-    }) => void);
+    onClick?: ((e: ClickEvent) => void);
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onDisposing?: ((e: ButtonDisposingEvent) => void);
+    onInitialized?: ((e: ButtonInitializedEvent) => void);
+    onOptionChanged?: ((e: OptionChangedEvent) => void);
     rtlEnabled?: boolean;
     stylingMode?: "text" | "outlined" | "contained";
     tabIndex?: number;

package/drop-down-box.js

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

package/drop-down-button.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta
- * Build date: Wed May 17 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,6 +15,7 @@
 import dxDropDownButton, { Properties } from "devextreme/ui/drop_down_button";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
+import type { ButtonClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent } from "devextreme/ui/drop_down_button";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
 import type { event, EventInfo } from "devextreme/events/index";
 import type { template } from "devextreme/core/templates/template";
@@ -25,7 +26,17 @@ import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collectio
 import type dxOverlay from "devextreme/ui/overlay";
 import type DOMComponent from "devextreme/core/dom_component";
 import type dxPopup from "devextreme/ui/popup";
-declare type IDropDownButtonOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IDropDownButtonOptionsNarrowedEvents = {
+    onButtonClick?: ((e: ButtonClickEvent) => void);
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onItemClick?: ((e: ItemClickEvent) => void);
+};
+declare type IDropDownButtonOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IDropDownButtonOptionsNarrowedEvents> & IHtmlOptions & {
     dropDownContentRender?: (...params: any) => React.ReactNode;
     dropDownContentComponent?: React.ComponentType<any>;
     dropDownContentKeyFn?: (data: any) => string;

package/drop-down-button.js

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

package/file-manager.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta
- * Build date: Wed May 17 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,8 +15,34 @@
 import dxFileManager, { Properties } from "devextreme/ui/file_manager";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { dxFileManagerContextMenuItem, dxFileManagerDetailsColumn, dxFileManagerToolbarItem } from "devextreme/ui/file_manager";
-declare type IFileManagerOptions = React.PropsWithChildren<Properties & IHtmlOptions & {}>;
+import type { ContentReadyEvent, ContextMenuItemClickEvent, ContextMenuShowingEvent, DirectoryCreatedEvent, DirectoryCreatingEvent, DisposingEvent, ErrorOccurredEvent, FileUploadedEvent, FileUploadingEvent, InitializedEvent, ItemCopiedEvent, ItemCopyingEvent, ItemDeletedEvent, ItemDeletingEvent, ItemDownloadingEvent, ItemMovedEvent, ItemMovingEvent, ItemRenamedEvent, ItemRenamingEvent, SelectedFileOpenedEvent, ToolbarItemClickEvent, dxFileManagerContextMenuItem, dxFileManagerDetailsColumn, dxFileManagerToolbarItem } from "devextreme/ui/file_manager";
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IFileManagerOptionsNarrowedEvents = {
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onContextMenuItemClick?: ((e: ContextMenuItemClickEvent) => void);
+    onContextMenuShowing?: ((e: ContextMenuShowingEvent) => void);
+    onDirectoryCreated?: ((e: DirectoryCreatedEvent) => void);
+    onDirectoryCreating?: ((e: DirectoryCreatingEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onErrorOccurred?: ((e: ErrorOccurredEvent) => void);
+    onFileUploaded?: ((e: FileUploadedEvent) => void);
+    onFileUploading?: ((e: FileUploadingEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onItemCopied?: ((e: ItemCopiedEvent) => void);
+    onItemCopying?: ((e: ItemCopyingEvent) => void);
+    onItemDeleted?: ((e: ItemDeletedEvent) => void);
+    onItemDeleting?: ((e: ItemDeletingEvent) => void);
+    onItemDownloading?: ((e: ItemDownloadingEvent) => void);
+    onItemMoved?: ((e: ItemMovedEvent) => void);
+    onItemMoving?: ((e: ItemMovingEvent) => void);
+    onItemRenamed?: ((e: ItemRenamedEvent) => void);
+    onItemRenaming?: ((e: ItemRenamingEvent) => void);
+    onSelectedFileOpened?: ((e: SelectedFileOpenedEvent) => void);
+    onToolbarItemClick?: ((e: ToolbarItemClickEvent) => void);
+};
+declare type IFileManagerOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IFileManagerOptionsNarrowedEvents> & IHtmlOptions & {}>;
 declare class FileManager extends BaseComponent<React.PropsWithChildren<IFileManagerOptions>> {
     get instance(): dxFileManager;
     protected _WidgetClass: typeof dxFileManager;
@@ -132,7 +158,7 @@ declare type IItemProps = React.PropsWithChildren<{
     disabled?: boolean;
     icon?: string;
     items?: Array<dxFileManagerContextMenuItem>;
-    name?: "create" | "upload" | "refresh" | "download" | "move" | "copy" | "rename" | "delete";
+    name?: "create" | "upload" | "refresh" | "download" | "move" | "copy" | "rename" | "delete" | "showNavPane" | "switchView" | "clearSelection" | "separator";
     selectable?: boolean;
     selected?: boolean;
     text?: string;

package/file-manager.js

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

package/file-uploader.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta
- * Build date: Wed May 17 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -14,14 +14,24 @@
 /// <reference types="react" />
 import dxFileUploader, { Properties } from "devextreme/ui/file_uploader";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-import type { ContentReadyEvent, DisposingEvent, InitializedEvent } from "devextreme/ui/file_uploader";
+import type { BeforeSendEvent, ContentReadyEvent, DisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, InitializedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadStartedEvent, ValueChangedEvent } from "devextreme/ui/file_uploader";
 declare type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
 declare type IFileUploaderOptionsNarrowedEvents = {
+    onBeforeSend?: ((e: BeforeSendEvent) => void);
     onContentReady?: ((e: ContentReadyEvent) => void);
     onDisposing?: ((e: DisposingEvent) => void);
+    onDropZoneEnter?: ((e: DropZoneEnterEvent) => void);
+    onDropZoneLeave?: ((e: DropZoneLeaveEvent) => void);
+    onFilesUploaded?: ((e: FilesUploadedEvent) => void);
     onInitialized?: ((e: InitializedEvent) => void);
+    onProgress?: ((e: ProgressEvent) => void);
+    onUploadAborted?: ((e: UploadAbortedEvent) => void);
+    onUploaded?: ((e: UploadedEvent) => void);
+    onUploadError?: ((e: UploadErrorEvent) => void);
+    onUploadStarted?: ((e: UploadStartedEvent) => void);
+    onValueChanged?: ((e: ValueChangedEvent) => void);
 };
 declare type IFileUploaderOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IFileUploaderOptionsNarrowedEvents> & IHtmlOptions & {
     defaultValue?: Array<any>;

package/file-uploader.js

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

package/filter-builder.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta
- * Build date: Wed May 17 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,12 +15,23 @@
 import dxFilterBuilder, { Properties } from "devextreme/ui/filter_builder";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { dxFilterBuilderField } from "devextreme/ui/filter_builder";
+import type { ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, ValueChangedEvent, dxFilterBuilderField } from "devextreme/ui/filter_builder";
 import type { template } from "devextreme/core/templates/template";
 import type { DataSourceOptions } from "devextreme/data/data_source";
 import type { Store } from "devextreme/data/abstract_store";
 import type * as LocalizationTypes from "devextreme/localization";
-declare type IFilterBuilderOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IFilterBuilderOptionsNarrowedEvents = {
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onEditorPrepared?: ((e: EditorPreparedEvent) => void);
+    onEditorPreparing?: ((e: EditorPreparingEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onValueChanged?: ((e: ValueChangedEvent) => void);
+};
+declare type IFilterBuilderOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IFilterBuilderOptionsNarrowedEvents> & IHtmlOptions & {
     defaultValue?: Array<any> | (() => any) | string;
     onValueChange?: (value: Array<any> | (() => any) | string) => void;
 }>;
@@ -105,8 +116,8 @@ declare type IFieldProps = React.PropsWithChildren<{
     lookup?: Record<string, any> | {
         allowClearing?: boolean;
         dataSource?: Array<any> | DataSourceOptions | Store;
-        displayExpr?: ((data: Record<string, any>) => string) | string;
-        valueExpr?: ((data: Record<string, any>) => string) | string;
+        displayExpr?: ((data: any) => string) | string;
+        valueExpr?: ((data: any) => string) | string;
     };
     name?: string;
     trueText?: string;
@@ -175,8 +186,8 @@ declare class GroupOperationDescriptions extends NestedOption<IGroupOperationDes
 declare type ILookupProps = React.PropsWithChildren<{
     allowClearing?: boolean;
     dataSource?: Array<any> | DataSourceOptions | Store;
-    displayExpr?: ((data: Record<string, any>) => string) | string;
-    valueExpr?: ((data: Record<string, any>) => string) | string;
+    displayExpr?: ((data: any) => string) | string;
+    valueExpr?: ((data: any) => string) | string;
 }>;
 declare class Lookup extends NestedOption<ILookupProps> {
     static OptionName: string;

package/filter-builder.js

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

package/form.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta
- * Build date: Wed May 17 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,21 +15,25 @@
 import dxForm, { Properties } from "devextreme/ui/form";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { dxButtonOptions } from "devextreme/ui/button";
-import type { event, EventInfo } from "devextreme/events/index";
-import type { Component } from "devextreme/core/component";
+import type { ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, InitializedEvent, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from "devextreme/ui/form";
+import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, ClickEvent, OptionChangedEvent } from "devextreme/ui/button";
+import type { ContentReadyEvent as TabPanelContentReadyEvent, DisposingEvent as TabPanelDisposingEvent, InitializedEvent as TabPanelInitializedEvent, OptionChangedEvent as TabPanelOptionChangedEvent, dxTabPanelOptions, dxTabPanelItem, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, SelectionChangedEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from "devextreme/ui/tab_panel";
 import type { template } from "devextreme/core/templates/template";
-import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from "devextreme/ui/form";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
-import type { dxTabPanelOptions, dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent } from "devextreme/ui/tab_panel";
 import type { DataSourceOptions } from "devextreme/data/data_source";
 import type { Store } from "devextreme/data/abstract_store";
-import type dxButton from "devextreme/ui/button";
-import type DOMComponent from "devextreme/core/dom_component";
 import type DataSource from "devextreme/data/data_source";
-import type dxTabPanel from "devextreme/ui/tab_panel";
 import type * as CommonTypes from "devextreme/common";
-declare type IFormOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IFormOptionsNarrowedEvents = {
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onEditorEnterKey?: ((e: EditorEnterKeyEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+};
+declare type IFormOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IFormOptionsNarrowedEvents> & IHtmlOptions & {
     defaultFormData?: any;
     onFormDataChange?: (value: any) => void;
 }>;
@@ -128,28 +132,11 @@ declare type IButtonOptionsProps = React.PropsWithChildren<{
     hint?: string;
     hoverStateEnabled?: boolean;
     icon?: string;
-    onClick?: ((e: {
-        component: dxButton;
-        element: any;
-        event: event;
-        model: any;
-        validationGroup: Record<string, any>;
-    }) => void);
-    onContentReady?: ((e: EventInfo<any>) => void);
-    onDisposing?: ((e: EventInfo<any>) => void);
-    onInitialized?: ((e: {
-        component: Component<any>;
-        element: any;
-    }) => void);
-    onOptionChanged?: ((e: {
-        component: DOMComponent;
-        element: any;
-        fullName: string;
-        model: any;
-        name: string;
-        previousValue: any;
-        value: any;
-    }) => void);
+    onClick?: ((e: ClickEvent) => void);
+    onContentReady?: ((e: ButtonContentReadyEvent) => void);
+    onDisposing?: ((e: ButtonDisposingEvent) => void);
+    onInitialized?: ((e: ButtonInitializedEvent) => void);
+    onOptionChanged?: ((e: OptionChangedEvent) => void);
     rtlEnabled?: boolean;
     stylingMode?: "text" | "outlined" | "contained";
     tabIndex?: number;
@@ -351,8 +338,8 @@ declare type IItemProps = React.PropsWithChildren<{
         disabled?: boolean;
         icon?: string;
         items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
-        tabTemplate?: ((tabData: Record<string, any>, tabIndex: number, tabElement: any) => any) | template;
-        template?: ((tabData: Record<string, any>, tabIndex: number, tabElement: any) => any) | template;
+        tabTemplate?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template;
+        template?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template;
         title?: string;
     }[];
     buttonOptions?: dxButtonOptions;
@@ -580,8 +567,8 @@ declare type ITabProps = React.PropsWithChildren<{
     disabled?: boolean;
     icon?: string;
     items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
-    tabTemplate?: ((tabData: Record<string, any>, tabIndex: number, tabElement: any) => any) | template;
-    template?: ((tabData: Record<string, any>, tabIndex: number, tabElement: any) => any) | template;
+    tabTemplate?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template;
+    template?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template;
     title?: string;
     tabRender?: (...params: any) => React.ReactNode;
     tabComponent?: React.ComponentType<any>;
@@ -625,8 +612,8 @@ declare type ITabbedItemProps = React.PropsWithChildren<{
         disabled?: boolean;
         icon?: string;
         items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
-        tabTemplate?: ((tabData: Record<string, any>, tabIndex: number, tabElement: any) => any) | template;
-        template?: ((tabData: Record<string, any>, tabIndex: number, tabElement: any) => any) | template;
+        tabTemplate?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template;
+        template?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template;
         title?: string;
     }[];
     visible?: boolean;
@@ -664,42 +651,22 @@ declare type ITabPanelOptionsProps = React.PropsWithChildren<{
     hoverStateEnabled?: boolean;
     itemHoldTimeout?: number;
     items?: Array<any | dxTabPanelItem | string>;
-    itemTemplate?: ((itemData: Record<string, any>, itemIndex: number, itemElement: any) => string) | template;
-    itemTitleTemplate?: ((itemData: Record<string, any>, itemIndex: number, itemElement: any) => string) | template;
+    itemTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string) | template;
+    itemTitleTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string) | template;
     loop?: boolean;
     noDataText?: string;
-    onContentReady?: ((e: ContentReadyEvent) => void);
-    onDisposing?: ((e: DisposingEvent) => void);
-    onInitialized?: ((e: InitializedEvent) => void);
+    onContentReady?: ((e: TabPanelContentReadyEvent) => void);
+    onDisposing?: ((e: TabPanelDisposingEvent) => void);
+    onInitialized?: ((e: TabPanelInitializedEvent) => void);
     onItemClick?: ((e: ItemClickEvent) => void);
     onItemContextMenu?: ((e: ItemContextMenuEvent) => void);
     onItemHold?: ((e: ItemHoldEvent) => void);
     onItemRendered?: ((e: ItemRenderedEvent) => void);
-    onOptionChanged?: ((e: OptionChangedEvent) => void);
+    onOptionChanged?: ((e: TabPanelOptionChangedEvent) => void);
     onSelectionChanged?: ((e: SelectionChangedEvent) => void);
-    onTitleClick?: ((e: {
-        component: dxTabPanel;
-        element: any;
-        event: event;
-        itemData: Record<string, any>;
-        itemElement: any;
-        model: any;
-    }) => void);
-    onTitleHold?: ((e: {
-        component: dxTabPanel;
-        element: any;
-        event: event;
-        itemData: Record<string, any>;
-        itemElement: any;
-        model: any;
-    }) => void);
-    onTitleRendered?: ((e: {
-        component: dxTabPanel;
-        element: any;
-        itemData: Record<string, any>;
-        itemElement: any;
-        model: any;
-    }) => void);
+    onTitleClick?: ((e: TitleClickEvent) => void);
+    onTitleHold?: ((e: TitleHoldEvent) => void);
+    onTitleRendered?: ((e: TitleRenderedEvent) => void);
     repaintChangesOnly?: boolean;
     rtlEnabled?: boolean;
     scrollByContent?: boolean;

package/form.js

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