devextreme-react 21.2.1-alpha-21243-0310 → 21.2.3

package/accordion.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxAccordion, { IOptions } 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";
-interface IAccordionOptions extends IOptions, IHtmlOptions {
+interface IAccordionOptions extends Properties, IHtmlOptions {
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
     itemKeyFn?: (data: any) => string;

package/accordion.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -103,17 +103,11 @@ Accordion.propTypes = {
     onContentReady: PropTypes.func,
     onDisposing: PropTypes.func,
     onInitialized: PropTypes.func,
-    onItemClick: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string
-    ]),
+    onItemClick: PropTypes.func,
     onItemContextMenu: PropTypes.func,
     onItemHold: PropTypes.func,
     onItemRendered: PropTypes.func,
-    onItemTitleClick: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string
-    ]),
+    onItemTitleClick: PropTypes.func,
     onOptionChanged: PropTypes.func,
     onSelectionChanged: PropTypes.func,
     repaintChangesOnly: PropTypes.bool,

package/action-sheet.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxActionSheet, { IOptions } 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";
-interface IActionSheetOptions extends IOptions, IHtmlOptions {
+interface IActionSheetOptions extends Properties, IHtmlOptions {
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
     itemKeyFn?: (data: any) => string;
@@ -51,6 +51,7 @@ interface IItemProps {
     html?: any;
     icon?: any;
     onClick?: any;
+    stylingMode?: any;
     template?: any;
     text?: any;
     type?: any;

package/action-sheet.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -81,17 +81,11 @@ ActionSheet.propTypes = {
     hoverStateEnabled: PropTypes.bool,
     itemHoldTimeout: PropTypes.number,
     items: PropTypes.array,
-    onCancelClick: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string
-    ]),
+    onCancelClick: PropTypes.func,
     onContentReady: PropTypes.func,
     onDisposing: PropTypes.func,
     onInitialized: PropTypes.func,
-    onItemClick: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string
-    ]),
+    onItemClick: PropTypes.func,
     onItemContextMenu: PropTypes.func,
     onItemHold: PropTypes.func,
     onItemRendered: PropTypes.func,

package/autocomplete.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxAutocomplete, { IOptions } from "devextreme/ui/autocomplete";
+import dxAutocomplete, { Properties } from "devextreme/ui/autocomplete";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IAutocompleteOptions extends IOptions, IHtmlOptions {
+interface IAutocompleteOptions extends Properties, IHtmlOptions {
     dropDownButtonRender?: (...params: any) => React.ReactNode;
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
@@ -127,11 +127,14 @@ interface IDropDownOptionsProps {
     copyRootClassesToWrapper?: any;
     deferRendering?: any;
     disabled?: any;
+    dragAndResizeArea?: any;
     dragEnabled?: any;
+    dragOutsideBoundary?: any;
     elementAttr?: any;
     focusStateEnabled?: any;
     fullScreen?: any;
     height?: any;
+    hideOnParentScroll?: any;
     hint?: any;
     hoverStateEnabled?: any;
     maxHeight?: any;
@@ -154,6 +157,7 @@ interface IDropDownOptionsProps {
     onTitleRendered?: any;
     position?: any;
     resizeEnabled?: any;
+    restorePosition?: any;
     rtlEnabled?: any;
     shading?: any;
     shadingColor?: any;

package/autocomplete.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -37,7 +37,7 @@ var Autocomplete = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this._WidgetClass = autocomplete_1.default;
         _this.subscribableOptions = ["opened", "value"];
-        _this.independentEvents = ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onPaste"];
+        _this.independentEvents = ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"];
         _this._defaults = {
             defaultOpened: "opened",
             defaultValue: "value"
@@ -100,6 +100,12 @@ Autocomplete.propTypes = {
     hoverStateEnabled: PropTypes.bool,
     isValid: PropTypes.bool,
     items: PropTypes.array,
+    label: PropTypes.string,
+    labelMode: PropTypes.oneOf([
+        "static",
+        "floating",
+        "hidden"
+    ]),
     maxItemCount: PropTypes.number,
     maxLength: PropTypes.oneOfType([
         PropTypes.number,

package/bar-gauge.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxBarGauge, { IOptions } from "devextreme/viz/bar_gauge";
+import dxBarGauge, { Properties } from "devextreme/viz/bar_gauge";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IBarGaugeOptions extends IOptions, IHtmlOptions {
+interface IBarGaugeOptions extends Properties, IHtmlOptions {
     defaultLoadingIndicator?: any;
     defaultValues?: any;
     onLoadingIndicatorChange?: (value: any) => void;

package/bar-gauge.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxBox, { IOptions } 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";
-interface IBoxOptions extends IOptions, IHtmlOptions {
+interface IBoxOptions extends Properties, IHtmlOptions {
     itemRender?: (...params: any) => React.ReactNode;
     itemComponent?: React.ComponentType<any>;
     itemKeyFn?: (data: any) => string;

package/box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -98,10 +98,7 @@ Box.propTypes = {
     onContentReady: PropTypes.func,
     onDisposing: PropTypes.func,
     onInitialized: PropTypes.func,
-    onItemClick: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string
-    ]),
+    onItemClick: PropTypes.func,
     onItemContextMenu: PropTypes.func,
     onItemHold: PropTypes.func,
     onItemRendered: PropTypes.func,

package/bullet.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxBullet, { IOptions } from "devextreme/viz/bullet";
+import dxBullet, { Properties } from "devextreme/viz/bullet";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IBulletOptions extends IOptions, IHtmlOptions {
+interface IBulletOptions extends Properties, IHtmlOptions {
 }
 declare class Bullet extends BaseComponent<IBulletOptions> {
     get instance(): dxBullet;

package/bullet.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/button-group.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxButtonGroup, { IOptions } from "devextreme/ui/button_group";
+import dxButtonGroup, { Properties } from "devextreme/ui/button_group";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IButtonGroupOptions extends IOptions, IHtmlOptions {
+interface IButtonGroupOptions extends Properties, IHtmlOptions {
     buttonRender?: (...params: any) => React.ReactNode;
     buttonComponent?: React.ComponentType<any>;
     buttonKeyFn?: (data: any) => string;

package/button-group.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -92,7 +92,8 @@ ButtonGroup.propTypes = {
     selectedItems: PropTypes.array,
     selectionMode: PropTypes.oneOf([
         "multiple",
-        "single"
+        "single",
+        "none"
     ]),
     stylingMode: PropTypes.oneOf([
         "text",

package/button.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,9 +12,9 @@
  */
 
 /// <reference types="react" />
-import dxButton, { IOptions } from "devextreme/ui/button";
+import dxButton, { Properties } from "devextreme/ui/button";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-interface IButtonOptions extends IOptions, IHtmlOptions {
+interface IButtonOptions extends Properties, IHtmlOptions {
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;

package/button.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/calendar.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,9 +12,9 @@
  */
 
 /// <reference types="react" />
-import dxCalendar, { IOptions } from "devextreme/ui/calendar";
+import dxCalendar, { Properties } from "devextreme/ui/calendar";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-interface ICalendarOptions extends IOptions, IHtmlOptions {
+interface ICalendarOptions extends Properties, IHtmlOptions {
     cellRender?: (...params: any) => React.ReactNode;
     cellComponent?: React.ComponentType<any>;
     cellKeyFn?: (data: any) => string;

package/calendar.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -36,7 +36,7 @@ var Calendar = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this._WidgetClass = calendar_1.default;
         _this.subscribableOptions = ["value", "zoomLevel"];
-        _this.independentEvents = ["onDisposing", "onInitialized"];
+        _this.independentEvents = ["onDisposing", "onInitialized", "onValueChanged"];
         _this._defaults = {
             defaultValue: "value",
             defaultZoomLevel: "zoomLevel"

package/chart.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxChart, { IOptions } from "devextreme/viz/chart";
+import dxChart, { Properties } from "devextreme/viz/chart";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IChartOptions extends IOptions, IHtmlOptions {
+interface IChartOptions extends Properties, IHtmlOptions {
     defaultArgumentAxis?: any;
     defaultLoadingIndicator?: any;
     defaultValueAxis?: any;

package/chart.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -119,10 +119,7 @@ Chart.propTypes = {
     maxBubbleSize: PropTypes.number,
     minBubbleSize: PropTypes.number,
     negativesAsZeroes: PropTypes.bool,
-    onArgumentAxisClick: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string
-    ]),
+    onArgumentAxisClick: PropTypes.func,
     onDisposing: PropTypes.func,
     onDone: PropTypes.func,
     onDrawn: PropTypes.func,
@@ -131,21 +128,12 @@ Chart.propTypes = {
     onFileSaving: PropTypes.func,
     onIncidentOccurred: PropTypes.func,
     onInitialized: PropTypes.func,
-    onLegendClick: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string
-    ]),
+    onLegendClick: PropTypes.func,
     onOptionChanged: PropTypes.func,
-    onPointClick: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string
-    ]),
+    onPointClick: PropTypes.func,
     onPointHoverChanged: PropTypes.func,
     onPointSelectionChanged: PropTypes.func,
-    onSeriesClick: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string
-    ]),
+    onSeriesClick: PropTypes.func,
     onSeriesHoverChanged: PropTypes.func,
     onSeriesSelectionChanged: PropTypes.func,
     onTooltipHidden: PropTypes.func,

package/check-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,9 +11,9 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-import dxCheckBox, { IOptions } from "devextreme/ui/check_box";
+import dxCheckBox, { Properties } from "devextreme/ui/check_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-interface ICheckBoxOptions extends IOptions, IHtmlOptions {
+interface ICheckBoxOptions extends Properties, IHtmlOptions {
     defaultValue?: any;
     onValueChange?: (value: any) => void;
 }

package/check-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -36,7 +36,7 @@ var CheckBox = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this._WidgetClass = check_box_1.default;
         _this.subscribableOptions = ["value"];
-        _this.independentEvents = ["onContentReady", "onDisposing", "onInitialized"];
+        _this.independentEvents = ["onContentReady", "onDisposing", "onInitialized", "onValueChanged"];
         _this._defaults = {
             defaultValue: "value"
         };

package/circular-gauge.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxCircularGauge, { IOptions } from "devextreme/viz/circular_gauge";
+import dxCircularGauge, { Properties } from "devextreme/viz/circular_gauge";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface ICircularGaugeOptions extends IOptions, IHtmlOptions {
+interface ICircularGaugeOptions extends Properties, IHtmlOptions {
     defaultLoadingIndicator?: any;
     defaultSubvalues?: any;
     defaultValue?: any;

package/circular-gauge.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/color-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,10 +12,10 @@
  */
 
 /// <reference types="react" />
-import dxColorBox, { IOptions } from "devextreme/ui/color_box";
+import dxColorBox, { Properties } from "devextreme/ui/color_box";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-interface IColorBoxOptions extends IOptions, IHtmlOptions {
+interface IColorBoxOptions extends Properties, IHtmlOptions {
     dropDownButtonRender?: (...params: any) => React.ReactNode;
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
@@ -120,11 +120,14 @@ interface IDropDownOptionsProps {
     copyRootClassesToWrapper?: any;
     deferRendering?: any;
     disabled?: any;
+    dragAndResizeArea?: any;
     dragEnabled?: any;
+    dragOutsideBoundary?: any;
     elementAttr?: any;
     focusStateEnabled?: any;
     fullScreen?: any;
     height?: any;
+    hideOnParentScroll?: any;
     hint?: any;
     hoverStateEnabled?: any;
     maxHeight?: any;
@@ -147,6 +150,7 @@ interface IDropDownOptionsProps {
     onTitleRendered?: any;
     position?: any;
     resizeEnabled?: any;
+    restorePosition?: any;
     rtlEnabled?: any;
     shading?: any;
     shadingColor?: any;

package/color-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 21.2.1-alpha-21243-0310
- * Build date: Tue Aug 31 2021
+ * Version: 21.2.3
+ * Build date: Thu Oct 28 2021
  *
  * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -37,7 +37,7 @@ var ColorBox = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this._WidgetClass = color_box_1.default;
         _this.subscribableOptions = ["opened", "value"];
-        _this.independentEvents = ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onPaste"];
+        _this.independentEvents = ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onPaste", "onValueChanged"];
         _this._defaults = {
             defaultOpened: "opened",
             defaultValue: "value"
@@ -95,6 +95,12 @@ ColorBox.propTypes = {
     hoverStateEnabled: PropTypes.bool,
     isValid: PropTypes.bool,
     keyStep: PropTypes.number,
+    label: PropTypes.string,
+    labelMode: PropTypes.oneOf([
+        "static",
+        "floating",
+        "hidden"
+    ]),
     name: PropTypes.string,
     onChange: PropTypes.func,
     onClosed: PropTypes.func,