devextreme-react 23.2.6 → 24.1.2-beta

package/esm/core/configuration/comparer.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/esm/core/configuration/config-node.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/esm/core/configuration/react/element.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,7 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-import { Template as TemplateComp } from '../../template';
+import { Template as TemplateComponent } from '../../template';
 var ElementType;
 (function (ElementType) {
     ElementType[ElementType["Option"] = 0] = "Option";
@@ -25,7 +25,7 @@ function getElementInfo(element, parentExpectedChildren) {
             type: ElementType.Unknown,
         };
     }
-    if (reactElement.type === TemplateComp) {
+    if (reactElement.type === TemplateComponent) {
         return {
             type: ElementType.Template,
             props: reactElement.props,
@@ -46,7 +46,7 @@ function getElementInfo(element, parentExpectedChildren) {
             type: ElementType.Option,
             descriptor: {
                 name: name_1,
-                isCollection: isCollectionItem,
+                isCollection: !!isCollectionItem,
                 templates: elementDescriptor.TemplateProps || [],
                 initialValuesProps: elementDescriptor.DefaultsProps || {},
                 predefinedValuesProps: elementDescriptor.PredefinedProps || {},

package/esm/core/configuration/react/templates.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -18,7 +18,6 @@ function getAnonymousTemplate(props, templateMeta, hasTranscludedContent) {
             isAnonymous: true,
             type: 'children',
             content: props.children,
-            keyFn: props[templateMeta.keyFn],
         };
     }
     if (props[templateMeta.render]) {
@@ -27,7 +26,6 @@ function getAnonymousTemplate(props, templateMeta, hasTranscludedContent) {
             isAnonymous: true,
             type: 'render',
             content: props[templateMeta.render],
-            keyFn: props[templateMeta.keyFn],
         };
     }
     if (props[templateMeta.component]) {
@@ -36,7 +34,6 @@ function getAnonymousTemplate(props, templateMeta, hasTranscludedContent) {
             isAnonymous: true,
             type: 'component',
             content: props[templateMeta.component],
-            keyFn: props[templateMeta.keyFn],
         };
     }
     return null;
@@ -51,7 +48,6 @@ function getNamedTemplate(props) {
             isAnonymous: false,
             type: 'component',
             content: props.component,
-            keyFn: props.keyFn,
         };
     }
     if (props.render) {
@@ -60,7 +56,6 @@ function getNamedTemplate(props) {
             isAnonymous: false,
             type: 'render',
             content: props.render,
-            keyFn: props.keyFn,
         };
     }
     return {
@@ -68,7 +63,6 @@ function getNamedTemplate(props) {
         isAnonymous: false,
         type: 'children',
         content: props.children,
-        keyFn: props.keyFn,
     };
 }
 export { getAnonymousTemplate, getNamedTemplate, };

package/esm/core/configuration/react/tree.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -54,7 +54,7 @@ export function processChildren(parentElement, parentFullName) {
                 configCollections[element.descriptor.name] = collection;
             }
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
-            var collectionItem = createConfigNode(element, mergeNameParts(parentFullName, element.descriptor.name) + "[" + collection.length + "]");
+            var collectionItem = createConfigNode(element, "".concat(mergeNameParts(parentFullName, element.descriptor.name), "[").concat(collection.length, "]"));
             collection.push(collectionItem);
             return;
         }

package/esm/core/configuration/tree.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/esm/core/configuration/utils.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/esm/core/extension-component.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,36 +11,52 @@
  * 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 __());
+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);
+};
+import * as React from 'react';
+import { useImperativeHandle, forwardRef, useRef, useLayoutEffect, useCallback, } from 'react';
 import { ComponentBase } from './component-base';
-var ExtensionComponent = /** @class */ (function (_super) {
-    __extends(ExtensionComponent, _super);
-    function ExtensionComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ExtensionComponent.prototype.componentDidMount = function () {
-        var onMounted = this.props.onMounted;
+function elementIsExtension(el) {
+    var _a;
+    return !!((_a = el.type) === null || _a === void 0 ? void 0 : _a.isExtensionComponent);
+}
+var ExtensionComponent = forwardRef(function (props, ref) {
+    var componentBaseRef = useRef(null);
+    var createWidget = useCallback(function (el) {
+        var _a;
+        (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.createWidget(el);
+    }, [componentBaseRef.current]);
+    useLayoutEffect(function () {
+        var onMounted = props.onMounted;
         if (onMounted) {
-            onMounted(this._createWidget);
+            onMounted(createWidget);
         }
         else {
-            this._createWidget();
+            createWidget();
         }
-    };
-    return ExtensionComponent;
-}(ComponentBase));
-export { ExtensionComponent, };
+    }, []);
+    useImperativeHandle(ref, function () { return ({
+        getInstance: function () {
+            var _a;
+            return (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+        },
+        getElement: function () {
+            var _a;
+            return (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getElement();
+        },
+        createWidget: function (el) {
+            createWidget(el);
+        },
+    }); }, [componentBaseRef.current, createWidget]);
+    return (React.createElement(ComponentBase, __assign({ ref: componentBaseRef }, props)));
+});
+export { ExtensionComponent, elementIsExtension, };

package/esm/core/helpers.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -32,7 +32,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -82,10 +82,9 @@ var __read = (this && this.__read) || function (o, n) {
 };
 /* eslint-disable max-classes-per-file, no-restricted-syntax */
 import { createContext } from 'react';
-export var RemovalLockerContext = createContext({
-    lock: function () { return undefined; },
-    unlock: function () { return undefined; },
-});
+export var RemovalLockerContext = createContext(undefined);
+// eslint-disable-next-line @typescript-eslint/no-extra-parens
+export var RestoreTreeContext = createContext(undefined);
 export function generateID() {
     return Math.random().toString(36).substring(2);
 }
@@ -199,7 +198,7 @@ var TemplateInstantiationModels = /** @class */ (function (_super) {
 export { TemplateInstantiationModels };
 export function capitalizeFirstLetter(text) {
     if (text.length) {
-        return "" + text[0].toUpperCase() + text.substr(1);
+        return "".concat(text[0].toUpperCase()).concat(text.substr(1));
     }
     return '';
 }

package/esm/core/nested-option.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,37 +11,15 @@
  * 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 React from 'react';
 import { ElementType, getElementInfo } from './configuration/react/element';
-var NestedOption = /** @class */ (function (_super) {
-    __extends(NestedOption, _super);
-    function NestedOption() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    NestedOption.prototype.render = function () {
-        // @ts-expect-error TS2339
-        var stateChildren = this.props.children;
-        var children = React.Children.map(stateChildren, function (child) {
-            var childElementInfo = getElementInfo(child);
-            return childElementInfo.type === ElementType.Option ? child : null;
-        });
-        return React.createElement(React.Fragment, {}, children);
-    };
-    return NestedOption;
-}(React.PureComponent));
+var NestedOption = function (props) {
+    // @ts-expect-error TS2339
+    var stateChildren = props.children;
+    var children = React.Children.map(stateChildren, function (child) {
+        var childElementInfo = getElementInfo(child);
+        return childElementInfo.type === ElementType.Option ? child : null;
+    });
+    return React.createElement(React.Fragment, {}, children);
+};
 export default NestedOption;

package/esm/core/options-manager.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -27,10 +27,14 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 /* eslint-disable no-restricted-globals */
 import { getChanges } from './configuration/comparer';
@@ -56,7 +60,6 @@ var OptionsManager = /** @class */ (function () {
     function OptionsManager() {
         this.guards = {};
         this.isUpdating = false;
-        optionsManagers.add(this);
         this.onOptionChanged = this.onOptionChanged.bind(this);
         this.wrapOptionValue = this.wrapOptionValue.bind(this);
     }
@@ -65,6 +68,7 @@ var OptionsManager = /** @class */ (function () {
         this.currentConfig = config;
         this.subscribableOptions = new Set(subscribableOptions);
         this.independentEvents = new Set(independentEvents);
+        optionsManagers.add(this);
     };
     OptionsManager.prototype.getInitialOptions = function (rootNode) {
         var _this = this;
@@ -161,12 +165,20 @@ var OptionsManager = /** @class */ (function () {
             this.addGuard(e.fullName, value);
         }
     };
+    Object.defineProperty(OptionsManager.prototype, "isInstanceSet", {
+        get: function () {
+            return !!this.instance;
+        },
+        enumerable: false,
+        configurable: true
+    });
     OptionsManager.prototype.dispose = function () {
         var _this = this;
         optionsManagers.delete(this);
         Object.keys(this.guards).forEach(function (optionName) {
             delete _this.guards[optionName];
         });
+        this.instance = null;
     };
     OptionsManager.prototype.isOptionSubscribable = function (optionName) {
         return this.subscribableOptions.has(optionName);
@@ -183,14 +195,14 @@ var OptionsManager = /** @class */ (function () {
         if (propName.startsWith('on')) {
             return;
         }
-        var eventName = "on" + capitalizeFirstLetter(propName) + "Change";
+        var eventName = "on".concat(capitalizeFirstLetter(propName), "Change");
         parts[parts.length - 1] = eventName;
         var changeEvent = findValue(this.currentConfig, parts);
         if (!changeEvent) {
             return;
         }
         if (typeof changeEvent.value !== 'function') {
-            throw new Error("Invalid value for the " + eventName + " property.\n                " + eventName + " must be a function.");
+            throw new Error("Invalid value for the ".concat(eventName, " property.\n                ").concat(eventName, " must be a function."));
         }
         changeEvent.value(optionValue);
     };
@@ -203,7 +215,7 @@ var OptionsManager = /** @class */ (function () {
                     args[_i] = arguments[_i];
                 }
                 if (!_this.isUpdating || _this.isIndependentEvent(name)) {
-                    value.apply(void 0, __spreadArray([], __read(args)));
+                    value.apply(void 0, __spreadArray([], __read(args), false));
                 }
             };
         }

package/esm/core/template-manager.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -73,7 +73,7 @@ export var TemplateManager = function (_a) {
     }, []);
     var unwrapElement = useCallback(function (element) { return (element.get ? element.get(0) : element); }, []);
     var createMapKey = useCallback(function (key1, key2) { return ({ key1: key1, key2: key2 }); }, []);
-    var getRandomId = useCallback(function () { return "" + generateID() + generateID() + generateID(); }, []);
+    var getRandomId = useCallback(function () { return "".concat(generateID()).concat(generateID()).concat(generateID()); }, []);
     var getRenderFunc = useCallback(function (templateKey) { return function (_a) {
         var data = _a.model, index = _a.index, container = _a.container, onRendered = _a.onRendered;
         var containerElement = unwrapElement(container);

package/esm/core/template-wrapper.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/esm/core/template.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,45 +11,8 @@
  * 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 PropTypes from 'prop-types';
-import * as React from 'react';
-var Template = /** @class */ (function (_super) {
-    __extends(Template, _super);
-    function Template() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Template.prototype.render = function () {
-        return null;
-    };
-    return Template;
-}(React.PureComponent));
-var requiredPropsCheck = function (props) {
-    if (!props.component && !props.render && !props.children) {
-        return new Error('The Template component requires \'component\' or \'render\' property');
-    }
-    return null;
-};
-Template.propTypes = {
-    name: PropTypes.string.isRequired,
-    component: requiredPropsCheck,
-    render: requiredPropsCheck,
-    children: requiredPropsCheck,
-};
+import { memo } from 'react';
+var Template = memo(function () { return null; });
 function findProps(child) {
     if (child.type !== Template) {
         return undefined;
@@ -59,7 +22,6 @@ function findProps(child) {
         render: child.props.render,
         component: child.props.component,
         children: child.props.children,
-        keyFn: child.props.keyFn,
     };
 }
 export { Template, findProps, };

package/esm/core/types.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/esm/core/widget-config.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -14,14 +14,31 @@
 var elementPropNames = ['style', 'id'];
 var classNamePropName = 'className';
 var refPropName = ['dropZone', 'dialogTrigger'];
+var internalProps = {
+    WidgetClass: {},
+    isPortalComponent: false,
+    defaults: {},
+    templateProps: [],
+    expectedChildren: {},
+    subscribableOptions: [],
+    independentEvents: [],
+    useRequestAnimationFrameFlag: false,
+    clearExtensions: function () { return undefined; },
+    renderChildren: function () { return undefined; },
+    beforeCreateWidget: function () { return undefined; },
+    afterCreateWidget: function () { return undefined; },
+};
 function isIgnoredProp(name) {
-    return name === 'children' || name === classNamePropName || elementPropNames.includes(name);
+    return name === 'children'
+        || name === classNamePropName
+        || elementPropNames.includes(name)
+        || Object.prototype.hasOwnProperty.call(internalProps, name);
 }
 function getRefElement(value) {
-    var _a;
+    var _a, _b;
     if (value === null || value === void 0 ? void 0 : value.current) {
-        if ((_a = value.current.instance) === null || _a === void 0 ? void 0 : _a.element()) {
-            return value.current.instance.element();
+        if ((_b = (_a = value.current).instance) === null || _b === void 0 ? void 0 : _b.call(_a).element()) {
+            return value.current.instance().element();
         }
         return value.current;
     }