devextreme-react 23.2.1-alpha-23255-1813 → 23.2.2-beta

package/cjs/core/template-wrapper.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,21 +12,6 @@
  */
 
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -46,95 +31,106 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TemplateWrapper = void 0;
-var events = __importStar(require("devextreme/events"));
 var React = __importStar(require("react"));
-var ReactDOM = __importStar(require("react-dom"));
+var events = __importStar(require("devextreme/events"));
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
 var component_base_1 = require("./component-base");
-var removalListenerStyle = { display: 'none' };
-var TableNodeNames;
-(function (TableNodeNames) {
-    TableNodeNames["TABLE"] = "tbody";
-    TableNodeNames["TBODY"] = "tr";
-})(TableNodeNames || (TableNodeNames = {}));
-var TemplateWrapper = /** @class */ (function (_super) {
-    __extends(TemplateWrapper, _super);
-    function TemplateWrapper(props) {
-        var _this = _super.call(this, props) || this;
-        _this._removalListenerRef = React.createRef();
-        _this.state = { removalListenerRequired: false };
-        _this._onDxRemove = _this._onDxRemove.bind(_this);
-        _this.getPreviousSiblingNode = _this.getPreviousSiblingNode.bind(_this);
-        return _this;
+var helpers_1 = require("./helpers");
+var createHiddenNode = function (containerNodeName, ref, defaultElement) {
+    var style = { display: 'none' };
+    switch (containerNodeName) {
+        case 'TABLE':
+            return React.createElement("tbody", { style: style, ref: ref });
+        case 'TBODY':
+            return React.createElement("tr", { style: style, ref: ref });
+        default:
+            return React.createElement(defaultElement, { style: style, ref: ref });
     }
-    TemplateWrapper.prototype.componentDidMount = function () {
-        var _a, _b;
-        this._subscribeOnRemove();
-        (_b = (_a = this.props).onDidMount) === null || _b === void 0 ? void 0 : _b.call(_a);
-    };
-    TemplateWrapper.prototype.componentDidUpdate = function () {
-        this._subscribeOnRemove();
-    };
-    TemplateWrapper.prototype.componentWillUnmount = function () {
-        // Let React remove it itself
-        var node = this.element;
-        var hiddenNode = this.hiddenElement;
-        var container = this.props.container;
-        if (node) {
-            container.appendChild(node);
+};
+var TemplateWrapperComponent = function (_a) {
+    var templateFactory = _a.templateFactory, data = _a.data, index = _a.index, container = _a.container, onRemoved = _a.onRemoved, onRendered = _a.onRendered;
+    var _b = __read(react_1.useState(false), 2), removalListenerRequired = _b[0], setRemovalListenerRequired = _b[1];
+    var isRemovalLocked = react_1.useRef(false);
+    var removalLocker = react_1.useMemo(function () { return ({
+        lock: function () { isRemovalLocked.current = true; },
+        unlock: function () { isRemovalLocked.current = false; },
+    }); }, []);
+    var element = react_1.useRef();
+    var hiddenNodeElement = react_1.useRef();
+    var removalListenerElement = react_1.useRef();
+    var onTemplateRemoved = react_1.useCallback(function (_, args) {
+        if ((args === null || args === void 0 ? void 0 : args.isUnmounting) || isRemovalLocked) {
+            return;
         }
-        if (hiddenNode) {
-            container.appendChild(hiddenNode);
+        if (element.current) {
+            events.off(element.current, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
         }
-        if (this._listenerElement) {
-            container.appendChild(this._listenerElement);
+        if (removalListenerElement.current) {
+            events.off(removalListenerElement.current, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
         }
-    };
-    Object.defineProperty(TemplateWrapper.prototype, "_listenerElement", {
-        get: function () {
-            return this._removalListenerRef.current;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    TemplateWrapper.prototype.getPreviousSiblingNode = function (node) {
-        this.hiddenElement = node;
-        this.element = node === null || node === void 0 ? void 0 : node.previousSibling;
-    };
-    TemplateWrapper.prototype._subscribeOnRemove = function () {
-        var node = this.element;
-        var removalListenerRequired = this.state.removalListenerRequired;
-        if (node && node.nodeType === Node.ELEMENT_NODE) {
-            this._subscribeOnElementRemoval(node);
-            return;
+        onRemoved();
+    }, [onRemoved]);
+    react_1.useLayoutEffect(function () {
+        var el = element.current;
+        if (el) {
+            events.off(el, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
+            events.on(el, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
         }
         if (!removalListenerRequired) {
-            this.setState({ removalListenerRequired: true });
-            return;
+            setRemovalListenerRequired(true);
         }
-        if (this._listenerElement) {
-            this._subscribeOnElementRemoval(this._listenerElement);
+        else if (removalListenerElement.current) {
+            events.off(removalListenerElement.current, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
+            events.on(removalListenerElement.current, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
         }
-    };
-    TemplateWrapper.prototype._subscribeOnElementRemoval = function (element) {
-        events.off(element, component_base_1.DX_REMOVE_EVENT, this._onDxRemove);
-        events.one(element, component_base_1.DX_REMOVE_EVENT, this._onDxRemove);
-    };
-    TemplateWrapper.prototype._onDxRemove = function () {
-        var onRemoved = this.props.onRemoved;
-        onRemoved();
-    };
-    TemplateWrapper.prototype.render = function () {
-        var removalListenerRequired = this.state.removalListenerRequired;
-        var _a = this.props, content = _a.content, container = _a.container;
-        var removalListener = removalListenerRequired
-            ? React.createElement('span', { style: removalListenerStyle, ref: this._removalListenerRef })
-            : undefined;
-        var nodeName = TableNodeNames[container.nodeName] || 'div';
-        // @ts-expect-error TS2322
-        return ReactDOM.createPortal(React.createElement(React.Fragment, null, content, content && React.createElement(nodeName, { style: { display: 'none' }, ref: this.getPreviousSiblingNode }), removalListener), container);
-    };
-    return TemplateWrapper;
-}(React.PureComponent));
-exports.TemplateWrapper = TemplateWrapper;
+        return function () {
+            if (element.current) {
+                container.appendChild(element.current);
+            }
+            if (hiddenNodeElement.current) {
+                container.appendChild(hiddenNodeElement.current);
+            }
+            if (removalListenerElement.current) {
+                container.appendChild(removalListenerElement.current);
+            }
+            if (el) {
+                events.off(el, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
+            }
+        };
+    }, [onTemplateRemoved, removalListenerRequired, container]);
+    react_1.useEffect(function () {
+        onRendered();
+    }, [onRendered]);
+    var hiddenNode = createHiddenNode(container === null || container === void 0 ? void 0 : container.nodeName, function (node) {
+        hiddenNodeElement.current = node;
+        element.current = node === null || node === void 0 ? void 0 : node.previousSibling;
+    }, 'div');
+    var removalListener = removalListenerRequired
+        ? createHiddenNode(container === null || container === void 0 ? void 0 : container.nodeName, function (node) { removalListenerElement.current = node; }, 'span')
+        : undefined;
+    return react_dom_1.createPortal(React.createElement(React.Fragment, null,
+        React.createElement(helpers_1.RemovalLockerContext.Provider, { value: removalLocker },
+            templateFactory({ data: data, index: index, onRendered: onRendered }),
+            hiddenNode,
+            removalListener)), container);
+};
+exports.TemplateWrapper = react_1.memo(TemplateWrapperComponent);

package/cjs/core/template.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/template.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/types.d.ts

@@ -0,0 +1,59 @@
+/*!
+ * devextreme-react
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
+ *
+ * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+ *
+ * This software may be modified and distributed under the terms
+ * of the MIT license. See the LICENSE file in the root of the project for details.
+ *
+ * https://github.com/DevExpress/devextreme-react
+ */
+
+import { ITemplate } from './configuration/config-node';
+interface DXTemplate {
+    render: RenderFunc;
+}
+declare type RenderFunc = (arg: RenderArgs) => HTMLElement;
+interface TemplateArgs {
+    data: any;
+    index?: number;
+    onRendered: () => void;
+}
+export interface RenderArgs {
+    model?: any;
+    container: any;
+    index?: any;
+    onRendered?: () => void;
+}
+export interface UpdateLocker {
+    lock: () => void;
+    unlock: () => void;
+}
+export declare type DXTemplateCollection = Record<string, DXTemplate>;
+export interface TemplateWrapperProps {
+    templateFactory: TemplateFunc;
+    data: any;
+    index: number;
+    container: HTMLElement;
+    onRendered: () => void;
+    onRemoved: () => void;
+}
+export declare type TemplateFunc = (arg: TemplateArgs) => JSX.Element;
+export declare type DXTemplateCreator = (templateOptions: Record<string, ITemplate>, callback?: () => void) => DXTemplateCollection;
+export interface TemplateManagerProps {
+    init: (getDXTemplates: DXTemplateCreator, clearInstantiationModels: () => void) => void;
+}
+export interface TemplateInstantiationModel {
+    templateKey: string;
+    componentKey: string;
+    index: any;
+    onRendered: () => void;
+    onRemoved: () => void;
+}
+export declare type GetRenderFuncFn = (templateKey: string) => RenderFunc;
+export interface DXRemoveCustomArgs {
+    isUnmounting: boolean;
+}
+export {};

package/cjs/core/types.js

@@ -0,0 +1,15 @@
+/*!
+ * devextreme-react
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
+ *
+ * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+ *
+ * This software may be modified and distributed under the terms
+ * of the MIT license. See the LICENSE file in the root of the project for details.
+ *
+ * https://github.com/DevExpress/devextreme-react
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/core/widget-config.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/core/widget-config.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/data-grid.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,17 +16,17 @@ 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, 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 { 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, ColumnButtonClickEvent, 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 { DataSourceOptions } from "devextreme/data/data_source";
 import type { Store } from "devextreme/data/abstract_store";
 import type { PositionConfig } from "devextreme/animation/position";
 import type { dxPopupOptions, dxPopupToolbarItem } from "devextreme/ui/popup";
+import type { event, EventInfo } from "devextreme/events/index";
 import type { Component } from "devextreme/core/component";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
 import type dxOverlay from "devextreme/ui/overlay";
@@ -318,14 +318,7 @@ declare type IButtonProps = React.PropsWithChildren<{
     hint?: string;
     icon?: string;
     name?: "cancel" | "delete" | "edit" | "save" | "undelete";
-    onClick?: ((e: {
-        column: dxDataGridColumn;
-        component: dxDataGrid;
-        element: any;
-        event: event;
-        model: Record<string, any>;
-        row: dxDataGridRowObject;
-    }) => void);
+    onClick?: ((e: ColumnButtonClickEvent) => void);
     template?: ((cellElement: any, cellInfo: {
         column: dxDataGridColumn;
         columnIndex: number;

package/cjs/data-grid.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/date-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/date-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -140,7 +141,8 @@ DateBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
     maxLength: PropTypes.oneOfType([

package/cjs/date-range-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/date-range-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -140,7 +141,8 @@ DateRangeBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
     multiView: PropTypes.bool,

package/cjs/defer-rendering.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/defer-rendering.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/diagram.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/diagram.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/draggable.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/draggable.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/drawer.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/drawer.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/drop-down-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/drop-down-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -128,7 +129,8 @@ DropDownBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
     maxLength: PropTypes.oneOfType([

package/cjs/drop-down-button.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *