devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/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
  *
@@ -12,38 +12,78 @@
  */
 
 "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 __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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExtensionComponent = void 0;
+exports.elementIsExtension = exports.ExtensionComponent = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
 var component_base_1 = require("./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);
+}
+exports.elementIsExtension = elementIsExtension;
+var ExtensionComponent = (0, react_1.forwardRef)(function (props, ref) {
+    var componentBaseRef = (0, react_1.useRef)(null);
+    var createWidget = (0, react_1.useCallback)(function (el) {
+        var _a;
+        (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.createWidget(el);
+    }, [componentBaseRef.current]);
+    (0, react_1.useLayoutEffect)(function () {
+        var onMounted = props.onMounted;
         if (onMounted) {
-            onMounted(this._createWidget);
+            onMounted(createWidget);
         }
         else {
-            this._createWidget();
+            createWidget();
         }
-    };
-    return ExtensionComponent;
-}(component_base_1.ComponentBase));
+    }, []);
+    (0, react_1.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(component_base_1.ComponentBase, __assign({ ref: componentBaseRef }, props)));
+});
 exports.ExtensionComponent = ExtensionComponent;

package/cjs/core/helpers.d.ts

@@ -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
  *
@@ -13,7 +13,8 @@
 
 /// <reference types="react" />
 import { TemplateInstantiationModel, UpdateLocker } from './types';
-export declare const RemovalLockerContext: import("react").Context<UpdateLocker>;
+export declare const RemovalLockerContext: import("react").Context<UpdateLocker | undefined>;
+export declare const RestoreTreeContext: import("react").Context<(() => void) | undefined>;
 export declare function generateID(): string;
 export declare class DoubleKeyMap<TKey1, TKey2, TValue> {
     private _map;

package/cjs/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
  *
@@ -33,7 +33,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,13 +82,12 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.capitalizeFirstLetter = exports.TemplateInstantiationModels = exports.DoubleKeyMap = exports.generateID = exports.RemovalLockerContext = void 0;
+exports.capitalizeFirstLetter = exports.TemplateInstantiationModels = exports.DoubleKeyMap = exports.generateID = exports.RestoreTreeContext = exports.RemovalLockerContext = void 0;
 /* eslint-disable max-classes-per-file, no-restricted-syntax */
 var react_1 = require("react");
-exports.RemovalLockerContext = react_1.createContext({
-    lock: function () { return undefined; },
-    unlock: function () { return undefined; },
-});
+exports.RemovalLockerContext = (0, react_1.createContext)(undefined);
+// eslint-disable-next-line @typescript-eslint/no-extra-parens
+exports.RestoreTreeContext = (0, react_1.createContext)(undefined);
 function generateID() {
     return Math.random().toString(36).substring(2);
 }
@@ -203,7 +202,7 @@ var TemplateInstantiationModels = /** @class */ (function (_super) {
 exports.TemplateInstantiationModels = TemplateInstantiationModels;
 function capitalizeFirstLetter(text) {
     if (text.length) {
-        return "" + text[0].toUpperCase() + text.substr(1);
+        return "".concat(text[0].toUpperCase()).concat(text.substr(1));
     }
     return '';
 }

package/cjs/core/nested-option.d.ts

@@ -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,8 +18,6 @@ interface INestedOptionMeta {
     updateFunc: (newProps: any, prevProps: any) => void;
     makeDirty: () => void;
 }
-declare class NestedOption<P> extends React.PureComponent<P, any> {
-    render(): React.ReactNode;
-}
+declare const NestedOption: <P>(props: P) => React.ReactElement | null;
 export default NestedOption;
 export { INestedOptionMeta, };

package/cjs/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
  *
@@ -12,24 +12,13 @@
  */
 
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -49,20 +38,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var element_1 = require("./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 = element_1.getElementInfo(child);
-            return childElementInfo.type === element_1.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 = (0, element_1.getElementInfo)(child);
+        return childElementInfo.type === element_1.ElementType.Option ? child : null;
+    });
+    return React.createElement(React.Fragment, {}, children);
+};
 exports.default = NestedOption;

package/cjs/core/options-manager.d.ts

@@ -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,6 +32,7 @@ declare class OptionsManager {
         fullName: string;
         value: unknown;
     }): void;
+    get isInstanceSet(): boolean;
     dispose(): void;
     private isOptionSubscribable;
     private isIndependentEvent;

package/cjs/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
  *
@@ -28,10 +28,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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionsManager = exports.scheduleGuards = exports.unscheduleGuards = void 0;
@@ -61,7 +65,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);
     }
@@ -70,10 +73,11 @@ 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;
-        var config = tree_1.buildConfig(rootNode, false);
+        var config = (0, tree_1.buildConfig)(rootNode, false);
         var options = {};
         Object.keys(config.options).forEach(function (key) {
             options[key] = _this.wrapOptionValue(key, config.options[key]);
@@ -81,7 +85,7 @@ var OptionsManager = /** @class */ (function () {
         return options;
     };
     OptionsManager.prototype.getTemplateOptions = function (rootNode) {
-        var config = tree_1.buildConfig(rootNode, false);
+        var config = (0, tree_1.buildConfig)(rootNode, false);
         return config.templates;
     };
     OptionsManager.prototype.update = function (config, dxtemplates) {
@@ -92,7 +96,7 @@ var OptionsManager = /** @class */ (function () {
             changedOptions.push([fullName, value]);
         };
         this.instance.on('optionChanged', optionChangedHandler);
-        var changes = comparer_1.getChanges(config, this.currentConfig);
+        var changes = (0, comparer_1.getChanges)(config, this.currentConfig);
         if (!changes.options && !changes.templates && !changes.removedOptions.length) {
             return;
         }
@@ -128,11 +132,11 @@ var OptionsManager = /** @class */ (function () {
         if (this.isUpdating) {
             return;
         }
-        var valueDescriptor = tree_1.findValue(this.currentConfig, e.fullName.split('.'));
+        var valueDescriptor = (0, tree_1.findValue)(this.currentConfig, e.fullName.split('.'));
         if (!valueDescriptor || valueDescriptor.value !== e.value) {
             this.callOptionChangeHandler(e.fullName, e.value);
         }
-        valueDescriptor = tree_1.findValue(this.currentConfig, e.fullName.split('.'));
+        valueDescriptor = (0, tree_1.findValue)(this.currentConfig, e.fullName.split('.'));
         if (!valueDescriptor) {
             return;
         }
@@ -151,7 +155,7 @@ var OptionsManager = /** @class */ (function () {
                 if (value[key] === ((_a = e.value) === null || _a === void 0 ? void 0 : _a[key])) {
                     return;
                 }
-                _this.addGuard(utils_1.mergeNameParts(e.fullName, key), value[key]);
+                _this.addGuard((0, utils_1.mergeNameParts)(e.fullName, key), value[key]);
             });
         }
         else {
@@ -159,19 +163,27 @@ var OptionsManager = /** @class */ (function () {
             var valuesAreEqualObjects = !valuesAreEqual
                 && value instanceof Object
                 && e.value instanceof Object
-                && utils_1.shallowEquals(value, e.value);
+                && (0, utils_1.shallowEquals)(value, e.value);
             if (valuesAreEqual || valuesAreEqualObjects || this.instance.skipOptionsRollBack) {
                 return;
             }
             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);
@@ -188,14 +200,14 @@ var OptionsManager = /** @class */ (function () {
         if (propName.startsWith('on')) {
             return;
         }
-        var eventName = "on" + helpers_1.capitalizeFirstLetter(propName) + "Change";
+        var eventName = "on".concat((0, helpers_1.capitalizeFirstLetter)(propName), "Change");
         parts[parts.length - 1] = eventName;
-        var changeEvent = tree_1.findValue(this.currentConfig, parts);
+        var changeEvent = (0, tree_1.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);
     };
@@ -208,7 +220,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/cjs/core/template-manager.d.ts

@@ -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/cjs/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
  *
@@ -25,7 +25,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -68,7 +72,7 @@ var helpers_1 = require("./helpers");
 var component_base_1 = require("./component-base");
 var config_1 = require("./config");
 function normalizeProps(props) {
-    if (config_1.getOption('useLegacyTemplateEngine')) {
+    if ((0, config_1.getOption)('useLegacyTemplateEngine')) {
         var model = props.data;
         if (model && Object.prototype.hasOwnProperty.call(model, 'key')) {
             model.dxkey = model.key;
@@ -79,24 +83,24 @@ function normalizeProps(props) {
 }
 var TemplateManager = function (_a) {
     var init = _a.init;
-    var _b = __read(react_1.useState(new helpers_1.TemplateInstantiationModels()), 2), instantiationModels = _b[0], setInstantiationModels = _b[1];
-    var _c = __read(react_1.useState(), 2), updateContext = _c[0], setUpdateContext = _c[1];
-    var widgetId = react_1.useRef('');
-    var templateFactories = react_1.useRef({});
-    var subscribeOnRemoval = react_1.useCallback(function (container, onRemoved) {
+    var _b = __read((0, react_1.useState)(new helpers_1.TemplateInstantiationModels()), 2), instantiationModels = _b[0], setInstantiationModels = _b[1];
+    var _c = __read((0, react_1.useState)(), 2), updateContext = _c[0], setUpdateContext = _c[1];
+    var widgetId = (0, react_1.useRef)('');
+    var templateFactories = (0, react_1.useRef)({});
+    var subscribeOnRemoval = (0, react_1.useCallback)(function (container, onRemoved) {
         if (container.nodeType === Node.ELEMENT_NODE) {
             events.on(container, component_base_1.DX_REMOVE_EVENT, onRemoved);
         }
     }, []);
-    var unsubscribeOnRemoval = react_1.useCallback(function (container, onRemoved) {
+    var unsubscribeOnRemoval = (0, react_1.useCallback)(function (container, onRemoved) {
         if (container.nodeType === Node.ELEMENT_NODE) {
             events.off(container, component_base_1.DX_REMOVE_EVENT, onRemoved);
         }
     }, []);
-    var unwrapElement = react_1.useCallback(function (element) { return (element.get ? element.get(0) : element); }, []);
-    var createMapKey = react_1.useCallback(function (key1, key2) { return ({ key1: key1, key2: key2 }); }, []);
-    var getRandomId = react_1.useCallback(function () { return "" + helpers_1.generateID() + helpers_1.generateID() + helpers_1.generateID(); }, []);
-    var getRenderFunc = react_1.useCallback(function (templateKey) { return function (_a) {
+    var unwrapElement = (0, react_1.useCallback)(function (element) { return (element.get ? element.get(0) : element); }, []);
+    var createMapKey = (0, react_1.useCallback)(function (key1, key2) { return ({ key1: key1, key2: key2 }); }, []);
+    var getRandomId = (0, react_1.useCallback)(function () { return "".concat((0, helpers_1.generateID)()).concat((0, helpers_1.generateID)()).concat((0, helpers_1.generateID)()); }, []);
+    var getRenderFunc = (0, react_1.useCallback)(function (templateKey) { return function (_a) {
         var data = _a.model, index = _a.index, container = _a.container, onRendered = _a.onRendered;
         var containerElement = unwrapElement(container);
         var key = createMapKey(data, containerElement);
@@ -128,7 +132,7 @@ var TemplateManager = function (_a) {
         });
         return containerElement;
     }; }, [unsubscribeOnRemoval, createMapKey]);
-    react_1.useMemo(function () {
+    (0, react_1.useMemo)(function () {
         function getTemplateFunction(template) {
             switch (template.type) {
                 case 'children': return function () { return template.content; };
@@ -167,7 +171,7 @@ var TemplateManager = function (_a) {
         }
         init({ createDXTemplates: createDXTemplates, clearInstantiationModels: clearInstantiationModels, updateTemplates: updateTemplates });
     }, [init, getRenderFunc]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (updateContext) {
             updateContext.onUpdated();
         }

package/cjs/core/template-wrapper.d.ts

@@ -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/cjs/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
  *
@@ -14,7 +14,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -68,16 +72,16 @@ var createHiddenNode = function (containerNodeName, ref, defaultElement) {
 };
 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 ({
+    var _b = __read((0, react_1.useState)(false), 2), removalListenerRequired = _b[0], setRemovalListenerRequired = _b[1];
+    var isRemovalLocked = (0, react_1.useRef)(false);
+    var removalLocker = (0, 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) {
+    var element = (0, react_1.useRef)();
+    var hiddenNodeElement = (0, react_1.useRef)();
+    var removalListenerElement = (0, react_1.useRef)();
+    var onTemplateRemoved = (0, react_1.useCallback)(function (_, args) {
         if ((args === null || args === void 0 ? void 0 : args.isUnmounting) || isRemovalLocked.current) {
             return;
         }
@@ -89,7 +93,7 @@ var TemplateWrapperComponent = function (_a) {
         }
         onRemoved();
     }, [onRemoved]);
-    react_1.useLayoutEffect(function () {
+    (0, react_1.useLayoutEffect)(function () {
         var el = element.current;
         if (el && el.nodeType === Node.ELEMENT_NODE) {
             events.off(el, component_base_1.DX_REMOVE_EVENT, onTemplateRemoved);
@@ -117,7 +121,7 @@ var TemplateWrapperComponent = function (_a) {
             }
         };
     }, [onTemplateRemoved, removalListenerRequired, container]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         onRendered();
     }, [onRendered]);
     var hiddenNode = createHiddenNode(container === null || container === void 0 ? void 0 : container.nodeName, function (node) {
@@ -127,10 +131,10 @@ var TemplateWrapperComponent = function (_a) {
     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,
+    return (0, 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);
+exports.TemplateWrapper = (0, react_1.memo)(TemplateWrapperComponent);

package/cjs/core/template.d.ts

@@ -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
  *
@@ -16,21 +16,17 @@ interface ITemplateMeta {
     tmplOption: string;
     component: string;
     render: string;
-    keyFn: string;
 }
 interface ITemplateProps {
     name: string;
     component?: any;
     render?: any;
     children?: any;
-    keyFn?: (data: any) => string;
 }
 interface ITemplateArgs {
     data: any;
     index?: number;
 }
-declare class Template extends React.PureComponent<ITemplateProps, any> {
-    render(): React.ReactNode;
-}
+declare const Template: React.FC<ITemplateProps>;
 declare function findProps(child: React.ReactElement): ITemplateProps | undefined;
 export { ITemplateMeta, ITemplateProps, ITemplateArgs, Template, findProps, };