devextreme-react 23.1.2-beta → 23.1.3

package/core/widget-config.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/core/widget-config.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/data-grid.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,29 +16,69 @@ 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, 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, 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";
-import type { dxFormSimpleItem, dxFormOptions, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem } from "devextreme/ui/form";
 import type { DataSourceOptions } from "devextreme/data/data_source";
 import type { Store } from "devextreme/data/abstract_store";
 import type { PositionConfig } from "devextreme/animation/position";
-import type { dxFilterBuilderField, dxFilterBuilderCustomOperation } from "devextreme/ui/filter_builder";
 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 DOMComponent from "devextreme/core/dom_component";
 import type dxOverlay from "devextreme/ui/overlay";
+import type DOMComponent from "devextreme/core/dom_component";
 import type dxPopup from "devextreme/ui/popup";
 import type dxForm from "devextreme/ui/form";
 import type dxSortable from "devextreme/ui/sortable";
 import type dxDraggable from "devextreme/ui/draggable";
 import type * as LocalizationTypes from "devextreme/localization";
 import type * as CommonTypes from "devextreme/common";
-declare type IDataGridOptions<TRowData = any, TKey = any> = React.PropsWithChildren<Properties<TRowData, TKey> & IHtmlOptions & {
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+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<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>;
@@ -358,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;
@@ -450,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;
@@ -463,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;
@@ -719,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> {
@@ -1018,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;
@@ -1054,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;
@@ -1096,62 +1136,13 @@ declare type IFilterBuilderProps = React.PropsWithChildren<{
     hint?: string;
     hoverStateEnabled?: boolean;
     maxGroupLevel?: number;
-    onContentReady?: ((e: EventInfo<any>) => void);
-    onDisposing?: ((e: EventInfo<any>) => 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);
-    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);
-    onValueChanged?: ((e: {
-        component: dxFilterBuilder;
-        element: any;
-        model: any;
-        previousValue: Record<string, any>;
-        value: Record<string, any>;
-    }) => void);
+    onContentReady?: ((e: FilterBuilderContentReadyEvent) => void);
+    onDisposing?: ((e: FilterBuilderDisposingEvent) => void);
+    onEditorPrepared?: ((e: FilterBuilderEditorPreparedEvent) => void);
+    onEditorPreparing?: ((e: FilterBuilderEditorPreparingEvent) => void);
+    onInitialized?: ((e: FilterBuilderInitializedEvent) => void);
+    onOptionChanged?: ((e: OptionChangedEvent) => void);
+    onValueChanged?: ((e: ValueChangedEvent) => void);
     rtlEnabled?: boolean;
     tabIndex?: number;
     value?: Array<any> | (() => any) | string;
@@ -1432,34 +1423,12 @@ declare type IFormProps = React.PropsWithChildren<{
     labelLocation?: "left" | "right" | "top";
     labelMode?: "static" | "floating" | "hidden" | "outside";
     minColWidth?: number;
-    onContentReady?: ((e: EventInfo<any>) => void);
-    onDisposing?: ((e: EventInfo<any>) => 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);
-    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);
+    onContentReady?: ((e: FormContentReadyEvent) => void);
+    onDisposing?: ((e: FormDisposingEvent) => void);
+    onEditorEnterKey?: ((e: EditorEnterKeyEvent) => void);
+    onFieldDataChanged?: ((e: FieldDataChangedEvent) => void);
+    onInitialized?: ((e: FormInitializedEvent) => void);
+    onOptionChanged?: ((e: FormOptionChangedEvent) => void);
     optionalMark?: string;
     readOnly?: boolean;
     requiredMark?: string;
@@ -1703,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;
@@ -1825,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;
@@ -2374,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
- * 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/date-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,20 +16,18 @@ 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, 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 { dxButtonOptions } from "devextreme/ui/button";
 import type { template } from "devextreme/core/templates/template";
-import type { DisabledDate } from "devextreme/ui/calendar";
-import type { EventInfo, event } from "devextreme/events/index";
+import type { event, EventInfo } from "devextreme/events/index";
 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 DOMComponent from "devextreme/core/dom_component";
-import type Editor from "devextreme/ui/editor/editor";
 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];
 };
@@ -165,28 +163,10 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     min?: any | number | string;
     minZoomLevel?: "century" | "decade" | "month" | "year";
     name?: string;
-    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);
-    onValueChanged?: ((e: {
-        component: Editor;
-        element: any;
-        event: event;
-        model: any;
-        previousValue: Record<string, any>;
-        value: Record<string, any>;
-    }) => void);
+    onDisposing?: ((e: CalendarDisposingEvent) => void);
+    onInitialized?: ((e: CalendarInitializedEvent) => void);
+    onOptionChanged?: ((e: OptionChangedEvent) => void);
+    onValueChanged?: ((e: CalendarValueChangedEvent) => void);
     readOnly?: boolean;
     rtlEnabled?: boolean;
     showTodayButton?: boolean;
@@ -454,28 +434,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: ButtonContentReadyEvent) => void);
+    onDisposing?: ((e: ButtonDisposingEvent) => void);
+    onInitialized?: ((e: ButtonInitializedEvent) => void);
+    onOptionChanged?: ((e: ButtonOptionChangedEvent) => void);
     rtlEnabled?: boolean;
     stylingMode?: "text" | "outlined" | "contained";
     tabIndex?: number;

package/date-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/date-range-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,20 +16,18 @@ 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, 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 { dxButtonOptions } from "devextreme/ui/button";
 import type { template } from "devextreme/core/templates/template";
-import type { DisabledDate } from "devextreme/ui/calendar";
-import type { EventInfo, event } from "devextreme/events/index";
+import type { event, EventInfo } from "devextreme/events/index";
 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 DOMComponent from "devextreme/core/dom_component";
-import type Editor from "devextreme/ui/editor/editor";
 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];
 };
@@ -55,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>> {
@@ -66,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: {
@@ -164,28 +168,10 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     min?: any | number | string;
     minZoomLevel?: "century" | "decade" | "month" | "year";
     name?: string;
-    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);
-    onValueChanged?: ((e: {
-        component: Editor;
-        element: any;
-        event: event;
-        model: any;
-        previousValue: Record<string, any>;
-        value: Record<string, any>;
-    }) => void);
+    onDisposing?: ((e: CalendarDisposingEvent) => void);
+    onInitialized?: ((e: CalendarInitializedEvent) => void);
+    onOptionChanged?: ((e: OptionChangedEvent) => void);
+    onValueChanged?: ((e: CalendarValueChangedEvent) => void);
     readOnly?: boolean;
     rtlEnabled?: boolean;
     showTodayButton?: boolean;
@@ -453,28 +439,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: ButtonContentReadyEvent) => void);
+    onDisposing?: ((e: ButtonDisposingEvent) => void);
+    onInitialized?: ((e: ButtonInitializedEvent) => void);
+    onOptionChanged?: ((e: ButtonOptionChangedEvent) => void);
     rtlEnabled?: boolean;
     stylingMode?: "text" | "outlined" | "contained";
     tabIndex?: number;

package/date-range-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
  *
@@ -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 = {
@@ -86,6 +88,7 @@ DateRangeBox.propTypes = {
     dateSerializationFormat: PropTypes.string,
     deferRendering: PropTypes.bool,
     disabled: PropTypes.bool,
+    disableOutOfRangeSelection: PropTypes.bool,
     displayFormat: PropTypes.oneOfType([
         PropTypes.object,
         PropTypes.func,
@@ -109,7 +112,6 @@ DateRangeBox.propTypes = {
     invalidEndDateMessage: PropTypes.string,
     invalidStartDateMessage: PropTypes.string,
     isValid: PropTypes.bool,
-    label: PropTypes.string,
     labelMode: PropTypes.oneOfType([
         PropTypes.string,
         PropTypes.oneOf([
@@ -118,12 +120,7 @@ DateRangeBox.propTypes = {
             "hidden"
         ])
     ]),
-    maxLength: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.string
-    ]),
     multiView: PropTypes.bool,
-    name: PropTypes.string,
     onChange: PropTypes.func,
     onClosed: PropTypes.func,
     onContentReady: PropTypes.func,
@@ -143,7 +140,6 @@ DateRangeBox.propTypes = {
     onValueChanged: PropTypes.func,
     opened: PropTypes.bool,
     openOnFieldClick: PropTypes.bool,
-    placeholder: PropTypes.string,
     readOnly: PropTypes.bool,
     rtlEnabled: PropTypes.bool,
     showClearButton: PropTypes.bool,
@@ -163,7 +159,6 @@ DateRangeBox.propTypes = {
         ])
     ]),
     tabIndex: PropTypes.number,
-    text: PropTypes.string,
     todayButtonText: PropTypes.string,
     useMaskBehavior: PropTypes.bool,
     validationErrors: PropTypes.array,

package/defer-rendering.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
  *