devextreme-react 23.2.1-alpha-23255-1813 → 23.2.3

package/esm/core/template-manager.js

@@ -0,0 +1,159 @@
+/*!
+ * devextreme-react
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 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
+ */
+
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import * as React from 'react';
+import * as events from 'devextreme/events';
+import { useState, useMemo, useCallback, useEffect, useRef, } from 'react';
+import { TemplateWrapper } from './template-wrapper';
+import { TemplateInstantiationModels, generateID } from './helpers';
+import { DX_REMOVE_EVENT } from './component-base';
+import { getOption as getConfigOption } from './config';
+function normalizeProps(props) {
+    if (getConfigOption('useLegacyTemplateEngine')) {
+        var model = props.data;
+        if (model && Object.prototype.hasOwnProperty.call(model, 'key')) {
+            model.dxkey = model.key;
+        }
+        return model;
+    }
+    return props;
+}
+export var TemplateManager = function (_a) {
+    var init = _a.init;
+    var _b = __read(useState(new TemplateInstantiationModels()), 2), instantiationModels = _b[0], setInstantiationModels = _b[1];
+    var _c = __read(useState(), 2), updateContext = _c[0], setUpdateContext = _c[1];
+    var widgetId = useRef('');
+    var templateFactories = useRef({});
+    var subscribeOnRemoval = useCallback(function (container, onRemoved) {
+        if (container.nodeType === Node.ELEMENT_NODE) {
+            events.on(container, DX_REMOVE_EVENT, onRemoved);
+        }
+    }, []);
+    var unsubscribeOnRemoval = useCallback(function (container, onRemoved) {
+        if (container.nodeType === Node.ELEMENT_NODE) {
+            events.off(container, DX_REMOVE_EVENT, onRemoved);
+        }
+    }, []);
+    var createMapKey = useCallback(function (key1, key2) { return ({ key1: key1, key2: key2 }); }, []);
+    var getRandomId = useCallback(function () { return "" + generateID() + generateID() + generateID(); }, []);
+    var getRenderFunc = useCallback(function (templateKey) { return function (_a) {
+        var data = _a.model, index = _a.index, container = _a.container, onRendered = _a.onRendered;
+        var key = createMapKey(data, container);
+        var onRemoved = function () {
+            setInstantiationModels(function (currentInstantiationModels) {
+                var template = currentInstantiationModels.get(key);
+                if (template) {
+                    currentInstantiationModels.delete(key);
+                    return currentInstantiationModels.shallowCopy();
+                }
+                return currentInstantiationModels;
+            });
+        };
+        var hostWidgetId = widgetId.current;
+        setInstantiationModels(function (currentInstantiationModels) {
+            currentInstantiationModels.set(key, {
+                templateKey: templateKey,
+                index: index,
+                componentKey: getRandomId(),
+                onRendered: function () {
+                    unsubscribeOnRemoval(container, onRemoved);
+                    if (hostWidgetId === widgetId.current) {
+                        onRendered === null || onRendered === void 0 ? void 0 : onRendered();
+                    }
+                },
+                onRemoved: onRemoved,
+            });
+            return currentInstantiationModels.shallowCopy();
+        });
+        return container;
+    }; }, [unsubscribeOnRemoval, createMapKey]);
+    useMemo(function () {
+        function getTemplateFunction(template) {
+            switch (template.type) {
+                case 'children': return function () { return template.content; };
+                case 'render': return function (props) {
+                    normalizeProps(props);
+                    return template.content(props.data, props.index);
+                };
+                case 'component': return function (props) {
+                    props = normalizeProps(props);
+                    return React.createElement.bind(null, template.content)(props);
+                };
+                default: return function () { return React.createElement(React.Fragment); };
+            }
+        }
+        function createDXTemplates(templateOptions) {
+            var factories = Object.entries(templateOptions)
+                .reduce(function (res, _a) {
+                var _b;
+                var _c = __read(_a, 2), key = _c[0], template = _c[1];
+                return (__assign(__assign({}, res), (_b = {}, _b[key] = getTemplateFunction(template), _b)));
+            }, {});
+            templateFactories.current = factories;
+            var dxTemplates = Object.keys(factories)
+                .reduce(function (templates, templateKey) {
+                templates[templateKey] = { render: getRenderFunc(templateKey) };
+                return templates;
+            }, {});
+            return dxTemplates;
+        }
+        function clearInstantiationModels() {
+            widgetId.current = getRandomId();
+            setInstantiationModels(new TemplateInstantiationModels());
+        }
+        function updateTemplates(onUpdated) {
+            setUpdateContext({ onUpdated: onUpdated });
+        }
+        init({ createDXTemplates: createDXTemplates, clearInstantiationModels: clearInstantiationModels, updateTemplates: updateTemplates });
+    }, [init, getRenderFunc]);
+    useEffect(function () {
+        if (updateContext) {
+            updateContext.onUpdated();
+        }
+    }, [updateContext]);
+    if (instantiationModels.empty) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null, Array.from(instantiationModels).map(function (_a) {
+        var _b = __read(_a, 2), _c = _b[0], data = _c.key1, container = _c.key2, _d = _b[1], index = _d.index, templateKey = _d.templateKey, componentKey = _d.componentKey, onRendered = _d.onRendered, onRemoved = _d.onRemoved;
+        subscribeOnRemoval(container, onRemoved);
+        return React.createElement(TemplateWrapper, { key: componentKey, templateFactory: templateFactories.current[templateKey], data: data, index: index, container: container, onRemoved: onRemoved, onRendered: onRendered });
+    })));
+};

package/esm/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.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,108 +11,104 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-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 __());
-    };
-})();
-import * as events from 'devextreme/events';
+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;
+};
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import * as events from 'devextreme/events';
+import { useCallback, useLayoutEffect, useEffect, useState, useRef, useMemo, memo, } from 'react';
+import { createPortal } from 'react-dom';
 import { DX_REMOVE_EVENT } from './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;
+import { RemovalLockerContext } from './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(useState(false), 2), removalListenerRequired = _b[0], setRemovalListenerRequired = _b[1];
+    var isRemovalLocked = useRef(false);
+    var removalLocker = useMemo(function () { return ({
+        lock: function () { isRemovalLocked.current = true; },
+        unlock: function () { isRemovalLocked.current = false; },
+    }); }, []);
+    var element = useRef();
+    var hiddenNodeElement = useRef();
+    var removalListenerElement = useRef();
+    var onTemplateRemoved = useCallback(function (_, args) {
+        if ((args === null || args === void 0 ? void 0 : args.isUnmounting) || isRemovalLocked.current) {
+            return;
         }
-        if (hiddenNode) {
-            container.appendChild(hiddenNode);
+        if (element.current) {
+            events.off(element.current, DX_REMOVE_EVENT, onTemplateRemoved);
         }
-        if (this._listenerElement) {
-            container.appendChild(this._listenerElement);
+        if (removalListenerElement.current) {
+            events.off(removalListenerElement.current, 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]);
+    useLayoutEffect(function () {
+        var el = element.current;
+        if (el && el.nodeType === Node.ELEMENT_NODE) {
+            events.off(el, DX_REMOVE_EVENT, onTemplateRemoved);
+            events.on(el, DX_REMOVE_EVENT, onTemplateRemoved);
         }
-        if (!removalListenerRequired) {
-            this.setState({ removalListenerRequired: true });
-            return;
+        else if (!removalListenerRequired) {
+            setRemovalListenerRequired(true);
         }
-        if (this._listenerElement) {
-            this._subscribeOnElementRemoval(this._listenerElement);
+        else if (removalListenerElement.current) {
+            events.off(removalListenerElement.current, DX_REMOVE_EVENT, onTemplateRemoved);
+            events.on(removalListenerElement.current, DX_REMOVE_EVENT, onTemplateRemoved);
         }
-    };
-    TemplateWrapper.prototype._subscribeOnElementRemoval = function (element) {
-        events.off(element, DX_REMOVE_EVENT, this._onDxRemove);
-        events.one(element, 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));
-export { 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, DX_REMOVE_EVENT, onTemplateRemoved);
+            }
+        };
+    }, [onTemplateRemoved, removalListenerRequired, container]);
+    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 createPortal(React.createElement(React.Fragment, null,
+        React.createElement(RemovalLockerContext.Provider, { value: removalLocker },
+            templateFactory({ data: data, index: index, onRendered: onRendered }),
+            hiddenNode,
+            removalListener)), container);
+};
+export var TemplateWrapper = memo(TemplateWrapperComponent);

package/esm/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.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/esm/core/types.js

@@ -0,0 +1,14 @@
+/*!
+ * devextreme-react
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 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
+ */
+
+export {};

package/esm/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.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/esm/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.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||

package/esm/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.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -114,13 +115,24 @@ DateBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
+    max: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     maxLength: PropTypes.oneOfType([
         PropTypes.number,
         PropTypes.string
     ]),
+    min: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     name: PropTypes.string,
     onChange: PropTypes.func,
     onClosed: PropTypes.func,
@@ -203,6 +215,11 @@ DateBox.propTypes = {
             "pending"
         ])
     ]),
+    value: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     valueChangeEvent: PropTypes.string,
     visible: PropTypes.bool,
     width: PropTypes.oneOfType([

package/esm/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.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -92,6 +93,11 @@ DateRangeBox.propTypes = {
     ]),
     dropDownOptions: PropTypes.object,
     elementAttr: PropTypes.object,
+    endDate: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     endDateLabel: PropTypes.string,
     endDateName: PropTypes.string,
     endDateOutOfRangeMessage: PropTypes.string,
@@ -114,9 +120,20 @@ DateRangeBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
+    max: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    min: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     multiView: PropTypes.bool,
     onChange: PropTypes.func,
     onClosed: PropTypes.func,
@@ -142,6 +159,11 @@ DateRangeBox.propTypes = {
     showClearButton: PropTypes.bool,
     showDropDownButton: PropTypes.bool,
     spellcheck: PropTypes.bool,
+    startDate: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     startDateLabel: PropTypes.string,
     startDateName: PropTypes.string,
     startDateOutOfRangeMessage: PropTypes.string,

package/esm/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.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||

package/esm/diagram.js

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

package/esm/draggable.js

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

package/esm/drawer.js

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

package/esm/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.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -102,7 +103,8 @@ DropDownBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
     maxLength: PropTypes.oneOfType([