devextreme-react 23.1.2-alpha-23114-0308 → 23.1.2-beta.2

package/accordion.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,15 +12,25 @@
  */
 
 /// <reference types="react" />
-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";
-import type { dxAccordionItem } from "devextreme/ui/accordion";
+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 IAccordionOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
-    dataSource?: Properties<TItem, TKey>["dataSource"];
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IAccordionOptionsNarrowedEvents = {
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onItemClick?: ((e: ItemClickEvent) => void);
+    onItemContextMenu?: ((e: ItemContextMenuEvent) => void);
+    onItemHold?: ((e: ItemHoldEvent) => void);
+    onItemRendered?: ((e: ItemRenderedEvent) => void);
+};
+declare type IAccordionOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IAccordionOptionsNarrowedEvents> & IHtmlOptions & {
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
     itemKeyFn?: (data: any) => string;
@@ -38,8 +48,8 @@ declare type IAccordionOptions<TItem = any, TKey = any> = React.PropsWithChildre
     onSelectedItemKeysChange?: (value: Array<any>) => void;
     onSelectedItemsChange?: (value: Array<any>) => void;
 }>;
-declare class Accordion<TItem = any, TKey = any> extends BaseComponent<React.PropsWithChildren<IAccordionOptions<TItem, TKey>>> {
-    get instance(): dxAccordion<TItem, TKey>;
+declare class Accordion extends BaseComponent<React.PropsWithChildren<IAccordionOptions>> {
+    get instance(): dxAccordion;
     protected _WidgetClass: typeof dxAccordion;
     protected subscribableOptions: string[];
     protected independentEvents: string[];

package/accordion.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 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-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,16 +12,26 @@
  */
 
 /// <reference types="react" />
-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 { dxActionSheetItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent } 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"];
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IActionSheetOptionsNarrowedEvents = {
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onItemClick?: ((e: ItemClickEvent) => void);
+    onItemContextMenu?: ((e: ItemContextMenuEvent) => void);
+    onItemHold?: ((e: ItemHoldEvent) => void);
+    onItemRendered?: ((e: ItemRenderedEvent) => void);
+};
+declare type IActionSheetOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IActionSheetOptionsNarrowedEvents> & IHtmlOptions & {
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
     itemKeyFn?: (data: any) => string;
@@ -30,8 +40,8 @@ declare type IActionSheetOptions<TItem = any, TKey = any> = React.PropsWithChild
     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>>> {
-    get instance(): dxActionSheet<TItem, TKey>;
+declare class ActionSheet extends BaseComponent<React.PropsWithChildren<IActionSheetOptions>> {
+    get instance(): dxActionSheet;
     protected _WidgetClass: typeof dxActionSheet;
     protected subscribableOptions: string[];
     protected independentEvents: string[];
@@ -54,14 +64,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: NativeEventInfo<any>) => void);
     stylingMode?: "text" | "outlined" | "contained";
     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-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 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-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,20 +15,42 @@
 import dxAutocomplete, { Properties } from "devextreme/ui/autocomplete";
 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, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/autocomplete";
+import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, 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";
 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 Widget from "devextreme/ui/widget/ui.widget";
 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 IAutocompleteOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
+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;
@@ -128,12 +150,11 @@ declare class Collision extends NestedOption<ICollisionProps> {
 }
 declare type IDropDownOptionsProps = React.PropsWithChildren<{
     accessKey?: string;
-    activeStateEnabled?: boolean;
-    animation?: object | {
+    animation?: Record<string, any> | {
         hide?: AnimationConfig;
         show?: AnimationConfig;
     };
-    bindingOptions?: object;
+    bindingOptions?: Record<string, any>;
     closeOnOutsideClick?: boolean | ((event: event) => boolean);
     container?: any | string;
     contentTemplate?: ((contentElement: any) => string) | template;
@@ -158,16 +179,6 @@ declare type IDropDownOptionsProps = React.PropsWithChildren<{
     minWidth?: (() => number) | number | string;
     onContentReady?: ((e: EventInfo<any>) => void);
     onDisposing?: ((e: EventInfo<any>) => void);
-    onFocusIn?: ((e: {
-        component: Widget<any>;
-        element: any;
-        model: object;
-    }) => void);
-    onFocusOut?: ((e: {
-        component: Widget<any>;
-        element: any;
-        model: object;
-    }) => void);
     onHidden?: ((e: EventInfo<any>) => void);
     onHiding?: ((e: {
         cancel: boolean | any;
@@ -362,9 +373,9 @@ 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;
@@ -375,33 +386,12 @@ declare type IOptionsProps = React.PropsWithChildren<{
         element: any;
         event: event;
         model: any;
-        validationGroup: object;
-    }) => void);
-    onContentReady?: ((e: EventInfo<any>) => void);
-    onDisposing?: ((e: EventInfo<any>) => void);
-    onFocusIn?: ((e: {
-        component: Widget<any>;
-        element: any;
-        model: object;
-    }) => void);
-    onFocusOut?: ((e: {
-        component: Widget<any>;
-        element: any;
-        model: object;
-    }) => 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;
+        validationGroup: Record<string, any>;
     }) => 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;
@@ -429,25 +419,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;
     };

package/autocomplete.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/bar-gauge.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,17 +15,29 @@
 import dxBarGauge, { Properties } from "devextreme/viz/bar_gauge";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { BarGaugeBarInfo, BarGaugeLegendItem } from "devextreme/viz/bar_gauge";
+import type { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, BarGaugeBarInfo, BarGaugeLegendItem } from "devextreme/viz/bar_gauge";
 import type { template } from "devextreme/core/templates/template";
 import type * as BaseWidgetTypes from "devextreme/viz/core/base_widget";
 import type * as LocalizationTypes from "devextreme/localization";
-declare type IBarGaugeOptions = React.PropsWithChildren<Properties & IHtmlOptions & {
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IBarGaugeOptionsNarrowedEvents = {
+    onDisposing?: ((e: DisposingEvent) => void);
+    onDrawn?: ((e: DrawnEvent) => void);
+    onExported?: ((e: ExportedEvent) => void);
+    onExporting?: ((e: ExportingEvent) => void);
+    onFileSaving?: ((e: FileSavingEvent) => void);
+    onIncidentOccurred?: ((e: IncidentOccurredEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+};
+declare type IBarGaugeOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IBarGaugeOptionsNarrowedEvents> & IHtmlOptions & {
     centerRender?: (...params: any) => React.ReactNode;
     centerComponent?: React.ComponentType<any>;
     centerKeyFn?: (data: any) => string;
-    defaultLoadingIndicator?: object;
+    defaultLoadingIndicator?: Record<string, any>;
     defaultValues?: Array<number>;
-    onLoadingIndicatorChange?: (value: object) => void;
+    onLoadingIndicatorChange?: (value: Record<string, any>) => void;
     onValuesChange?: (value: Array<number>) => void;
 }>;
 declare class BarGauge extends BaseComponent<React.PropsWithChildren<IBarGaugeOptions>> {
@@ -101,14 +113,14 @@ declare class Animation extends NestedOption<IAnimationProps> {
 declare type IBarGaugeTitleProps = React.PropsWithChildren<{
     font?: BaseWidgetTypes.Font;
     horizontalAlignment?: "center" | "left" | "right";
-    margin?: number | object | {
+    margin?: number | Record<string, any> | {
         bottom?: number;
         left?: number;
         right?: number;
         top?: number;
     };
     placeholderSize?: number;
-    subtitle?: object | string | {
+    subtitle?: Record<string, any> | string | {
         font?: BaseWidgetTypes.Font;
         offset?: number;
         text?: string;
@@ -246,7 +258,7 @@ declare class Label extends NestedOption<ILabelProps> {
 }
 declare type ILegendProps = React.PropsWithChildren<{
     backgroundColor?: string;
-    border?: object | {
+    border?: Record<string, any> | {
         color?: string;
         cornerRadius?: number;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -270,7 +282,7 @@ declare type ILegendProps = React.PropsWithChildren<{
     itemsAlignment?: "center" | "left" | "right";
     itemTextFormat?: LocalizationTypes.Format;
     itemTextPosition?: "bottom" | "left" | "right" | "top";
-    margin?: number | object | {
+    margin?: number | Record<string, any> | {
         bottom?: number;
         left?: number;
         right?: number;
@@ -283,17 +295,17 @@ declare type ILegendProps = React.PropsWithChildren<{
     paddingTopBottom?: number;
     rowCount?: number;
     rowItemSpacing?: number;
-    title?: object | string | {
+    title?: Record<string, any> | string | {
         font?: BaseWidgetTypes.Font;
         horizontalAlignment?: "center" | "left" | "right";
-        margin?: object | {
+        margin?: Record<string, any> | {
             bottom?: number;
             left?: number;
             right?: number;
             top?: number;
         };
         placeholderSize?: number;
-        subtitle?: object | string | {
+        subtitle?: Record<string, any> | string | {
             font?: BaseWidgetTypes.Font;
             offset?: number;
             text?: string;
@@ -360,14 +372,14 @@ declare class LegendBorder extends NestedOption<ILegendBorderProps> {
 declare type ILegendTitleProps = React.PropsWithChildren<{
     font?: BaseWidgetTypes.Font;
     horizontalAlignment?: "center" | "left" | "right";
-    margin?: object | {
+    margin?: Record<string, any> | {
         bottom?: number;
         left?: number;
         right?: number;
         top?: number;
     };
     placeholderSize?: number;
-    subtitle?: object | string | {
+    subtitle?: Record<string, any> | string | {
         font?: BaseWidgetTypes.Font;
         offset?: number;
         text?: string;
@@ -412,7 +424,6 @@ declare class LegendTitleSubtitle extends NestedOption<ILegendTitleSubtitleProps
 }
 declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: string;
-    enabled?: boolean;
     font?: BaseWidgetTypes.Font;
     show?: boolean;
     text?: string;
@@ -470,14 +481,14 @@ declare class Subtitle extends NestedOption<ISubtitleProps> {
 declare type ITitleProps = React.PropsWithChildren<{
     font?: BaseWidgetTypes.Font;
     horizontalAlignment?: "center" | "left" | "right";
-    margin?: object | {
+    margin?: Record<string, any> | {
         bottom?: number;
         left?: number;
         right?: number;
         top?: number;
     };
     placeholderSize?: number;
-    subtitle?: object | string | {
+    subtitle?: Record<string, any> | string | {
         font?: BaseWidgetTypes.Font;
         offset?: number;
         text?: string;
@@ -492,7 +503,7 @@ declare class Title extends NestedOption<ITitleProps> {
 }
 declare type ITooltipProps = React.PropsWithChildren<{
     arrowLength?: number;
-    border?: object | {
+    border?: Record<string, any> | {
         color?: string;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
         opacity?: number;
@@ -511,7 +522,7 @@ declare type ITooltipProps = React.PropsWithChildren<{
         index: number;
         value: number;
         valueText: string;
-    }) => object);
+    }) => Record<string, any>);
     enabled?: boolean;
     font?: BaseWidgetTypes.Font;
     format?: LocalizationTypes.Format;
@@ -519,7 +530,7 @@ declare type ITooltipProps = React.PropsWithChildren<{
     opacity?: number;
     paddingLeftRight?: number;
     paddingTopBottom?: number;
-    shadow?: object | {
+    shadow?: Record<string, any> | {
         blur?: number;
         color?: string;
         offsetX?: number;

package/bar-gauge.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,23 +12,33 @@
  */
 
 /// <reference types="react" />
-export { ExplicitTypes } from "devextreme/ui/box";
 import dxBox, { Properties } from "devextreme/ui/box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { dxBoxItem, dxBoxOptions } from "devextreme/ui/box";
+import type { dxBoxItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, dxBoxOptions } from "devextreme/ui/box";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
 import type { template } from "devextreme/core/templates/template";
-declare type IBoxOptions<TItem = any, TKey = any> = React.PropsWithChildren<Properties<TItem, TKey> & IHtmlOptions & {
-    dataSource?: Properties<TItem, TKey>["dataSource"];
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IBoxOptionsNarrowedEvents = {
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onItemClick?: ((e: ItemClickEvent) => void);
+    onItemContextMenu?: ((e: ItemContextMenuEvent) => void);
+    onItemHold?: ((e: ItemHoldEvent) => void);
+    onItemRendered?: ((e: ItemRenderedEvent) => void);
+};
+declare type IBoxOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IBoxOptionsNarrowedEvents> & IHtmlOptions & {
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
     itemKeyFn?: (data: any) => string;
     defaultItems?: Array<any | dxBoxItem | string>;
     onItemsChange?: (value: Array<any | dxBoxItem | string>) => void;
 }>;
-declare class Box<TItem = any, TKey = any> extends BaseComponent<React.PropsWithChildren<IBoxOptions<TItem, TKey>>> {
-    get instance(): dxBox<TItem, TKey>;
+declare class Box extends BaseComponent<React.PropsWithChildren<IBoxOptions>> {
+    get instance(): dxBox;
     protected _WidgetClass: typeof dxBox;
     protected subscribableOptions: string[];
     protected independentEvents: string[];

package/box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/bullet.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,10 +15,25 @@
 import dxBullet, { Properties } from "devextreme/viz/bullet";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
+import type { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, TooltipHiddenEvent, TooltipShownEvent } from "devextreme/viz/bullet";
 import type { template } from "devextreme/core/templates/template";
 import type * as BaseWidgetTypes from "devextreme/viz/core/base_widget";
 import type * as LocalizationTypes from "devextreme/localization";
-declare type IBulletOptions = React.PropsWithChildren<Properties & IHtmlOptions & {}>;
+declare type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+declare type IBulletOptionsNarrowedEvents = {
+    onDisposing?: ((e: DisposingEvent) => void);
+    onDrawn?: ((e: DrawnEvent) => void);
+    onExported?: ((e: ExportedEvent) => void);
+    onExporting?: ((e: ExportingEvent) => void);
+    onFileSaving?: ((e: FileSavingEvent) => void);
+    onIncidentOccurred?: ((e: IncidentOccurredEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onTooltipHidden?: ((e: TooltipHiddenEvent) => void);
+    onTooltipShown?: ((e: TooltipShownEvent) => void);
+};
+declare type IBulletOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IBulletOptionsNarrowedEvents> & IHtmlOptions & {}>;
 declare class Bullet extends BaseComponent<React.PropsWithChildren<IBulletOptions>> {
     get instance(): dxBullet;
     protected _WidgetClass: typeof dxBullet;
@@ -97,7 +112,7 @@ declare class Size extends NestedOption<ISizeProps> {
 }
 declare type ITooltipProps = React.PropsWithChildren<{
     arrowLength?: number;
-    border?: object | {
+    border?: Record<string, any> | {
         color?: string;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
         opacity?: number;
@@ -106,9 +121,9 @@ declare type ITooltipProps = React.PropsWithChildren<{
     };
     color?: string;
     container?: any | string;
-    contentTemplate?: ((pointsInfo: object, element: any) => string) | template;
+    contentTemplate?: ((pointsInfo: Record<string, any>, element: any) => string) | template;
     cornerRadius?: number;
-    customizeTooltip?: ((pointsInfo: object) => object);
+    customizeTooltip?: ((pointsInfo: Record<string, any>) => Record<string, any>);
     enabled?: boolean;
     font?: BaseWidgetTypes.Font;
     format?: LocalizationTypes.Format;
@@ -116,7 +131,7 @@ declare type ITooltipProps = React.PropsWithChildren<{
     opacity?: number;
     paddingLeftRight?: number;
     paddingTopBottom?: number;
-    shadow?: object | {
+    shadow?: Record<string, any> | {
         blur?: number;
         color?: string;
         offsetX?: number;

package/bullet.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.2-alpha-23114-0308
- * Build date: Mon Apr 24 2023
+ * Version: 23.1.2-beta.2
+ * Build date: Fri May 26 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *