devextreme-react 23.1.2-beta.2 → 23.1.3

package/core/templates-store.js

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

package/core/widget-config.d.ts

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

package/core/widget-config.js

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

package/data-grid.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta.2
- * Build date: Fri May 26 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,13 +12,14 @@
  */
 
 /// <reference types="react" />
+export { ExplicitTypes } from "devextreme/ui/data_grid";
 import dxDataGrid, { Properties } from "devextreme/ui/data_grid";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { dxDataGridColumn, AdaptiveDetailRowPreparingEvent, ContentReadyEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, RowCollapsedEvent, RowCollapsingEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, ToolbarPreparingEvent, dxDataGridRowObject, dxDataGridColumnButton, dxDataGridToolbarItem } from "devextreme/ui/data_grid";
+import type { dxDataGridColumn, AdaptiveDetailRowPreparingEvent, CellClickEvent, CellDblClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangingEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, ToolbarPreparingEvent, dxDataGridRowObject, dxDataGridColumnButton, dxDataGridToolbarItem } from "devextreme/ui/data_grid";
 import type { DataChange, ColumnHeaderFilterSearchConfig, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, HeaderFilterSearchConfig, GridBase } from "devextreme/common/grids";
-import type { ContentReadyEvent as FilterBuilderContentReadyEvent, DisposingEvent as FilterBuilderDisposingEvent, InitializedEvent as FilterBuilderInitializedEvent, dxFilterBuilderField, dxFilterBuilderCustomOperation, OptionChangedEvent } from "devextreme/ui/filter_builder";
-import type { ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, dxFormSimpleItem, dxFormOptions, OptionChangedEvent as FormOptionChangedEvent, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem } from "devextreme/ui/form";
+import type { ContentReadyEvent as FilterBuilderContentReadyEvent, DisposingEvent as FilterBuilderDisposingEvent, EditorPreparedEvent as FilterBuilderEditorPreparedEvent, EditorPreparingEvent as FilterBuilderEditorPreparingEvent, InitializedEvent as FilterBuilderInitializedEvent, dxFilterBuilderField, dxFilterBuilderCustomOperation, OptionChangedEvent, ValueChangedEvent } from "devextreme/ui/filter_builder";
+import type { ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, dxFormSimpleItem, dxFormOptions, OptionChangedEvent as FormOptionChangedEvent, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, EditorEnterKeyEvent, FieldDataChangedEvent } from "devextreme/ui/form";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
 import type { event, EventInfo } from "devextreme/events/index";
 import type { template } from "devextreme/core/templates/template";
@@ -28,7 +29,6 @@ import type { PositionConfig } from "devextreme/animation/position";
 import type { dxPopupOptions, dxPopupToolbarItem } from "devextreme/ui/popup";
 import type { Component } from "devextreme/core/component";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
-import type dxFilterBuilder from "devextreme/ui/filter_builder";
 import type dxOverlay from "devextreme/ui/overlay";
 import type DOMComponent from "devextreme/core/dom_component";
 import type dxPopup from "devextreme/ui/popup";
@@ -40,32 +40,46 @@ import type * as CommonTypes from "devextreme/common";
 declare type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
-declare type IDataGridOptionsNarrowedEvents = {
-    onAdaptiveDetailRowPreparing?: ((e: AdaptiveDetailRowPreparingEvent) => void);
-    onContentReady?: ((e: ContentReadyEvent) => void);
-    onDataErrorOccurred?: ((e: DataErrorOccurredEvent) => void);
-    onDisposing?: ((e: DisposingEvent) => void);
-    onEditCanceled?: ((e: EditCanceledEvent) => void);
-    onEditCanceling?: ((e: EditCancelingEvent) => void);
-    onInitialized?: ((e: InitializedEvent) => void);
-    onInitNewRow?: ((e: InitNewRowEvent) => void);
-    onKeyDown?: ((e: KeyDownEvent) => void);
-    onRowCollapsed?: ((e: RowCollapsedEvent) => void);
-    onRowCollapsing?: ((e: RowCollapsingEvent) => void);
-    onRowExpanded?: ((e: RowExpandedEvent) => void);
-    onRowExpanding?: ((e: RowExpandingEvent) => void);
-    onRowInserted?: ((e: RowInsertedEvent) => void);
-    onRowInserting?: ((e: RowInsertingEvent) => void);
-    onRowRemoved?: ((e: RowRemovedEvent) => void);
-    onRowRemoving?: ((e: RowRemovingEvent) => void);
-    onRowUpdated?: ((e: RowUpdatedEvent) => void);
-    onRowUpdating?: ((e: RowUpdatingEvent) => void);
-    onRowValidating?: ((e: RowValidatingEvent) => void);
-    onSaved?: ((e: SavedEvent) => void);
-    onSaving?: ((e: SavingEvent) => void);
-    onToolbarPreparing?: ((e: ToolbarPreparingEvent) => void);
+declare type IDataGridOptionsNarrowedEvents<TRowData = any, TKey = any> = {
+    onAdaptiveDetailRowPreparing?: ((e: AdaptiveDetailRowPreparingEvent<TRowData, TKey>) => void);
+    onCellClick?: ((e: CellClickEvent<TRowData, TKey>) => void);
+    onCellDblClick?: ((e: CellDblClickEvent<TRowData, TKey>) => void);
+    onCellPrepared?: ((e: CellPreparedEvent<TRowData, TKey>) => void);
+    onContentReady?: ((e: ContentReadyEvent<TRowData, TKey>) => void);
+    onContextMenuPreparing?: ((e: ContextMenuPreparingEvent<TRowData, TKey>) => void);
+    onDataErrorOccurred?: ((e: DataErrorOccurredEvent<TRowData, TKey>) => void);
+    onDisposing?: ((e: DisposingEvent<TRowData, TKey>) => void);
+    onEditCanceled?: ((e: EditCanceledEvent<TRowData, TKey>) => void);
+    onEditCanceling?: ((e: EditCancelingEvent<TRowData, TKey>) => void);
+    onEditingStart?: ((e: EditingStartEvent<TRowData, TKey>) => void);
+    onEditorPrepared?: ((e: EditorPreparedEvent<TRowData, TKey>) => void);
+    onEditorPreparing?: ((e: EditorPreparingEvent<TRowData, TKey>) => void);
+    onExporting?: ((e: ExportingEvent<TRowData, TKey>) => void);
+    onFocusedCellChanging?: ((e: FocusedCellChangingEvent<TRowData, TKey>) => void);
+    onFocusedRowChanging?: ((e: FocusedRowChangingEvent<TRowData, TKey>) => void);
+    onInitialized?: ((e: InitializedEvent<TRowData, TKey>) => void);
+    onInitNewRow?: ((e: InitNewRowEvent<TRowData, TKey>) => void);
+    onKeyDown?: ((e: KeyDownEvent<TRowData, TKey>) => void);
+    onRowClick?: ((e: RowClickEvent<TRowData, TKey>) => void);
+    onRowCollapsed?: ((e: RowCollapsedEvent<TRowData, TKey>) => void);
+    onRowCollapsing?: ((e: RowCollapsingEvent<TRowData, TKey>) => void);
+    onRowDblClick?: ((e: RowDblClickEvent<TRowData, TKey>) => void);
+    onRowExpanded?: ((e: RowExpandedEvent<TRowData, TKey>) => void);
+    onRowExpanding?: ((e: RowExpandingEvent<TRowData, TKey>) => void);
+    onRowInserted?: ((e: RowInsertedEvent<TRowData, TKey>) => void);
+    onRowInserting?: ((e: RowInsertingEvent<TRowData, TKey>) => void);
+    onRowPrepared?: ((e: RowPreparedEvent<TRowData, TKey>) => void);
+    onRowRemoved?: ((e: RowRemovedEvent<TRowData, TKey>) => void);
+    onRowRemoving?: ((e: RowRemovingEvent<TRowData, TKey>) => void);
+    onRowUpdated?: ((e: RowUpdatedEvent<TRowData, TKey>) => void);
+    onRowUpdating?: ((e: RowUpdatingEvent<TRowData, TKey>) => void);
+    onRowValidating?: ((e: RowValidatingEvent<TRowData, TKey>) => void);
+    onSaved?: ((e: SavedEvent<TRowData, TKey>) => void);
+    onSaving?: ((e: SavingEvent<TRowData, TKey>) => void);
+    onToolbarPreparing?: ((e: ToolbarPreparingEvent<TRowData, TKey>) => void);
 };
-declare type IDataGridOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IDataGridOptionsNarrowedEvents> & IHtmlOptions & {
+declare type IDataGridOptions<TRowData = any, TKey = any> = React.PropsWithChildren<ReplaceFieldTypes<Properties<TRowData, TKey>, IDataGridOptionsNarrowedEvents<TRowData, TKey>> & IHtmlOptions & {
+    dataSource?: Properties<TRowData, TKey>["dataSource"];
     dataRowRender?: (...params: any) => React.ReactNode;
     dataRowComponent?: React.ComponentType<any>;
     dataRowKeyFn?: (data: any) => string;
@@ -97,8 +111,8 @@ declare type IDataGridOptions = React.PropsWithChildren<ReplaceFieldTypes<Proper
     onSelectedRowKeysChange?: (value: Array<any>) => void;
     onSelectionFilterChange?: (value: Array<any> | (() => any) | string) => void;
 }>;
-declare class DataGrid extends BaseComponent<React.PropsWithChildren<IDataGridOptions>> {
-    get instance(): dxDataGrid;
+declare class DataGrid<TRowData = any, TKey = any> extends BaseComponent<React.PropsWithChildren<IDataGridOptions<TRowData, TKey>>> {
+    get instance(): dxDataGrid<TRowData, TKey>;
     protected _WidgetClass: typeof dxDataGrid;
     protected useRequestAnimationFrameFlag: boolean;
     protected subscribableOptions: string[];
@@ -384,11 +398,11 @@ declare type IColumnProps = React.PropsWithChildren<{
     allowSorting?: boolean;
     autoExpandGroup?: boolean;
     buttons?: Array<dxDataGridColumnButton | "cancel" | "delete" | "edit" | "save" | "undelete">;
-    calculateCellValue?: ((rowData: Record<string, any>) => any);
-    calculateDisplayValue?: ((rowData: Record<string, any>) => any) | string;
+    calculateCellValue?: ((rowData: any) => any);
+    calculateDisplayValue?: ((rowData: any) => any) | string;
     calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string);
-    calculateGroupValue?: ((rowData: Record<string, any>) => any) | string;
-    calculateSortValue?: ((rowData: Record<string, any>) => any) | string;
+    calculateGroupValue?: ((rowData: any) => any) | string;
+    calculateSortValue?: ((rowData: any) => any) | string;
     caption?: string;
     cellTemplate?: ((cellElement: any, cellInfo: {
         column: dxDataGridColumn;
@@ -476,12 +490,12 @@ declare type IColumnProps = React.PropsWithChildren<{
     isBand?: boolean;
     lookup?: Record<string, any> | {
         allowClearing?: boolean;
-        calculateCellValue?: ((rowData: Record<string, any>) => any);
+        calculateCellValue?: ((rowData: any) => any);
         dataSource?: Array<any> | DataSourceOptions | ((options: {
             data: Record<string, any>;
             key: any;
         }) => Array<any>) | null | Store;
-        displayExpr?: ((data: Record<string, any>) => string) | string;
+        displayExpr?: ((data: any) => string) | string;
         valueExpr?: string;
     };
     minWidth?: number;
@@ -489,7 +503,7 @@ declare type IColumnProps = React.PropsWithChildren<{
     ownerBand?: number;
     renderAsync?: boolean;
     selectedFilterOperation?: "<" | "<=" | "<>" | "=" | ">" | ">=" | "between" | "contains" | "endswith" | "notcontains" | "startswith";
-    setCellValue?: ((newData: Record<string, any>, value: any, currentRowData: Record<string, any>) => any);
+    setCellValue?: ((newData: any, value: any, currentRowData: any) => any);
     showEditorAlways?: boolean;
     showInColumnChooser?: boolean;
     showWhenGrouped?: boolean;
@@ -745,12 +759,12 @@ declare class ColumnHeaderFilterSearch extends NestedOption<IColumnHeaderFilterS
 }
 declare type IColumnLookupProps = React.PropsWithChildren<{
     allowClearing?: boolean;
-    calculateCellValue?: ((rowData: Record<string, any>) => any);
+    calculateCellValue?: ((rowData: any) => any);
     dataSource?: Array<any> | DataSourceOptions | ((options: {
         data: Record<string, any>;
         key: any;
     }) => Array<any>) | null | Store;
-    displayExpr?: ((data: Record<string, any>) => string) | string;
+    displayExpr?: ((data: any) => string) | string;
     valueExpr?: string;
 }>;
 declare class ColumnLookup extends NestedOption<IColumnLookupProps> {
@@ -1044,8 +1058,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;
@@ -1080,8 +1094,8 @@ declare class Field extends NestedOption<IFieldProps> {
 declare type IFieldLookupProps = 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 FieldLookup extends NestedOption<IFieldLookupProps> {
     static OptionName: string;
@@ -1124,49 +1138,11 @@ declare type IFilterBuilderProps = React.PropsWithChildren<{
     maxGroupLevel?: number;
     onContentReady?: ((e: FilterBuilderContentReadyEvent) => void);
     onDisposing?: ((e: FilterBuilderDisposingEvent) => void);
-    onEditorPrepared?: ((e: {
-        component: dxFilterBuilder;
-        dataField: string;
-        disabled: boolean;
-        editorElement: any;
-        editorName: string;
-        element: any;
-        filterOperation: string;
-        model: any;
-        readOnly: boolean;
-        rtlEnabled: boolean;
-        setValue(newValue: any): any;
-        updateValueTimeout: number;
-        value: any;
-        width: number;
-    }) => void);
-    onEditorPreparing?: ((e: {
-        cancel: boolean;
-        component: dxFilterBuilder;
-        dataField: string;
-        disabled: boolean;
-        editorElement: any;
-        editorName: string;
-        editorOptions: Record<string, any>;
-        element: any;
-        filterOperation: string;
-        model: any;
-        readOnly: boolean;
-        rtlEnabled: boolean;
-        setValue(newValue: any): any;
-        updateValueTimeout: number;
-        value: any;
-        width: number;
-    }) => void);
+    onEditorPrepared?: ((e: FilterBuilderEditorPreparedEvent) => void);
+    onEditorPreparing?: ((e: FilterBuilderEditorPreparingEvent) => void);
     onInitialized?: ((e: FilterBuilderInitializedEvent) => void);
     onOptionChanged?: ((e: OptionChangedEvent) => void);
-    onValueChanged?: ((e: {
-        component: dxFilterBuilder;
-        element: any;
-        model: any;
-        previousValue: Record<string, any>;
-        value: Record<string, any>;
-    }) => void);
+    onValueChanged?: ((e: ValueChangedEvent) => void);
     rtlEnabled?: boolean;
     tabIndex?: number;
     value?: Array<any> | (() => any) | string;
@@ -1449,19 +1425,8 @@ declare type IFormProps = React.PropsWithChildren<{
     minColWidth?: number;
     onContentReady?: ((e: FormContentReadyEvent) => void);
     onDisposing?: ((e: FormDisposingEvent) => void);
-    onEditorEnterKey?: ((e: {
-        component: dxForm;
-        dataField: string;
-        element: any;
-        model: any;
-    }) => void);
-    onFieldDataChanged?: ((e: {
-        component: dxForm;
-        dataField: string;
-        element: any;
-        model: any;
-        value: Record<string, any>;
-    }) => void);
+    onEditorEnterKey?: ((e: EditorEnterKeyEvent) => void);
+    onFieldDataChanged?: ((e: FieldDataChangedEvent) => void);
     onInitialized?: ((e: FormInitializedEvent) => void);
     onOptionChanged?: ((e: FormOptionChangedEvent) => void);
     optionalMark?: string;
@@ -1707,7 +1672,7 @@ declare type IHeaderFilterProps = React.PropsWithChildren<{
     }) => void) | null | Store;
     groupInterval?: number | "day" | "hour" | "minute" | "month" | "quarter" | "second" | "year";
     height?: number;
-    search?: ColumnHeaderFilterSearchConfig;
+    search?: ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig;
     searchMode?: "contains" | "startswith" | "equals";
     width?: number;
     searchTimeout?: number;
@@ -1829,13 +1794,13 @@ declare class LoadPanel extends NestedOption<ILoadPanelProps> {
 }
 declare type ILookupProps = React.PropsWithChildren<{
     allowClearing?: boolean;
-    calculateCellValue?: ((rowData: Record<string, any>) => any);
+    calculateCellValue?: ((rowData: any) => any);
     dataSource?: Array<any> | DataSourceOptions | ((options: {
         data: Record<string, any>;
         key: any;
     }) => Array<any>) | null | Store;
-    displayExpr?: ((data: Record<string, any>) => string) | string;
-    valueExpr?: string;
+    displayExpr?: ((data: any) => string) | string;
+    valueExpr?: string | ((data: any) => string);
 }>;
 declare class Lookup extends NestedOption<ILookupProps> {
     static OptionName: string;
@@ -2378,7 +2343,7 @@ declare class Sorting extends NestedOption<ISortingProps> {
 }
 declare type IStateStoringProps = React.PropsWithChildren<{
     customLoad?: (() => any);
-    customSave?: ((gridState: Record<string, any>) => void);
+    customSave?: ((gridState: any) => void);
     enabled?: boolean;
     savingTimeout?: number;
     storageKey?: string;

package/data-grid.js

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

package/date-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta.2
- * Build date: Fri May 26 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,7 +16,7 @@ import dxDateBox, { Properties } from "devextreme/ui/date_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
 import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/date_box";
-import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, OptionChangedEvent as ButtonOptionChangedEvent } from "devextreme/ui/button";
+import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, OptionChangedEvent as ButtonOptionChangedEvent, ClickEvent } from "devextreme/ui/button";
 import type { DisposingEvent as CalendarDisposingEvent, InitializedEvent as CalendarInitializedEvent, ValueChangedEvent as CalendarValueChangedEvent, DisabledDate, OptionChangedEvent } from "devextreme/ui/calendar";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
 import type { template } from "devextreme/core/templates/template";
@@ -28,7 +28,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];
 };
@@ -435,13 +434,7 @@ 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);
+    onClick?: ((e: ClickEvent) => void);
     onContentReady?: ((e: ButtonContentReadyEvent) => void);
     onDisposing?: ((e: ButtonDisposingEvent) => void);
     onInitialized?: ((e: ButtonInitializedEvent) => void);

package/date-box.js

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

package/date-range-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta.2
- * Build date: Fri May 26 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,7 +16,7 @@ import dxDateRangeBox, { Properties } from "devextreme/ui/date_range_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
 import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/date_range_box";
-import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, OptionChangedEvent as ButtonOptionChangedEvent } from "devextreme/ui/button";
+import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, OptionChangedEvent as ButtonOptionChangedEvent, ClickEvent } from "devextreme/ui/button";
 import type { DisposingEvent as CalendarDisposingEvent, InitializedEvent as CalendarInitializedEvent, ValueChangedEvent as CalendarValueChangedEvent, DisabledDate, OptionChangedEvent } from "devextreme/ui/calendar";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
 import type { template } from "devextreme/core/templates/template";
@@ -28,7 +28,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];
 };
@@ -54,9 +53,13 @@ declare type IDateRangeBoxOptions = React.PropsWithChildren<ReplaceFieldTypes<Pr
     dropDownButtonRender?: (...params: any) => React.ReactNode;
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
+    defaultEndDate?: any | number | string;
     defaultOpened?: boolean;
+    defaultStartDate?: any | number | string;
     defaultValue?: Array<any | number | string>;
+    onEndDateChange?: (value: any | number | string) => void;
     onOpenedChange?: (value: boolean) => void;
+    onStartDateChange?: (value: any | number | string) => void;
     onValueChange?: (value: Array<any | number | string>) => void;
 }>;
 declare class DateRangeBox extends BaseComponent<React.PropsWithChildren<IDateRangeBoxOptions>> {
@@ -65,7 +68,9 @@ declare class DateRangeBox extends BaseComponent<React.PropsWithChildren<IDateRa
     protected subscribableOptions: string[];
     protected independentEvents: string[];
     protected _defaults: {
+        defaultEndDate: string;
         defaultOpened: string;
+        defaultStartDate: string;
         defaultValue: string;
     };
     protected _expectedChildren: {
@@ -434,13 +439,7 @@ 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);
+    onClick?: ((e: ClickEvent) => void);
     onContentReady?: ((e: ButtonContentReadyEvent) => void);
     onDisposing?: ((e: ButtonDisposingEvent) => void);
     onInitialized?: ((e: ButtonInitializedEvent) => void);

package/date-range-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta.2
- * Build date: Fri May 26 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -38,10 +38,12 @@ var DateRangeBox = /** @class */ (function (_super) {
     function DateRangeBox() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this._WidgetClass = date_range_box_1.default;
-        _this.subscribableOptions = ["opened", "value"];
+        _this.subscribableOptions = ["endDate", "opened", "startDate", "value"];
         _this.independentEvents = ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"];
         _this._defaults = {
+            defaultEndDate: "endDate",
             defaultOpened: "opened",
+            defaultStartDate: "startDate",
             defaultValue: "value"
         };
         _this._expectedChildren = {

package/defer-rendering.d.ts

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

package/defer-rendering.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-beta.2
- * Build date: Fri May 26 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.2
- * Build date: Fri May 26 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.2
- * Build date: Fri May 26 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.2
- * Build date: Fri May 26 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.2
- * Build date: Fri May 26 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.2
- * Build date: Fri May 26 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.2
- * Build date: Fri May 26 2023
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *