devextreme-react 24.1.2-beta → 24.1.3

package/esm/core/component-base.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,76 +11,42 @@
  * 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;
-};
-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));
-};
 import * as React from 'react';
 import * as events from 'devextreme/events';
 import { useContext, useImperativeHandle, forwardRef, useRef, useLayoutEffect, useCallback, useState, } from 'react';
 import { requestAnimationFrame } from 'devextreme/animation/frame';
 import { deferUpdate } from 'devextreme/core/utils/common';
+import config from 'devextreme/core/config';
 import { createPortal } from 'react-dom';
 import { RemovalLockerContext, RestoreTreeContext } from './helpers';
 import { OptionsManager, scheduleGuards, unscheduleGuards } from './options-manager';
 import { elementPropNames, getClassName } from './widget-config';
 import { buildConfigTree } from './configuration/react/tree';
 import { TemplateManager } from './template-manager';
-var DX_REMOVE_EVENT = 'dxremove';
-var ComponentBase = forwardRef(function (props, ref) {
-    var _a = props.templateProps, templateProps = _a === void 0 ? [] : _a, _b = props.defaults, defaults = _b === void 0 ? {} : _b, _c = props.expectedChildren, expectedChildren = _c === void 0 ? {} : _c, _d = props.isPortalComponent, isPortalComponent = _d === void 0 ? false : _d, _e = props.useRequestAnimationFrameFlag, useRequestAnimationFrameFlag = _e === void 0 ? false : _e, _f = props.subscribableOptions, subscribableOptions = _f === void 0 ? [] : _f, WidgetClass = props.WidgetClass, _g = props.independentEvents, independentEvents = _g === void 0 ? [] : _g, renderChildren = props.renderChildren, _h = props.beforeCreateWidget, beforeCreateWidget = _h === void 0 ? function () { return undefined; } : _h, _j = props.afterCreateWidget, afterCreateWidget = _j === void 0 ? function () { return undefined; } : _j;
-    var _k = __read(useState(0), 2), setForceUpdateToken = _k[1];
-    var removalLocker = useContext(RemovalLockerContext);
-    var restoreParentLink = useContext(RestoreTreeContext);
-    var instance = useRef();
-    var element = useRef();
-    var portalContainer = useRef();
-    var useDeferUpdateForTemplates = useRef(false);
-    var guardsUpdateScheduled = useRef(false);
-    var childElementsDetached = useRef(false);
-    var optionsManager = useRef(new OptionsManager());
-    var childNodes = useRef();
-    var createDXTemplates = useRef();
-    var clearInstantiationModels = useRef();
-    var updateTemplates = useRef();
-    var prevPropsRef = useRef();
-    var restoreTree = useCallback(function () {
-        var _a;
-        var _b;
-        if (((_b = childNodes.current) === null || _b === void 0 ? void 0 : _b.length) && element.current) {
-            (_a = element.current).append.apply(_a, __spreadArray([], __read(childNodes.current), false));
+const DX_REMOVE_EVENT = 'dxremove';
+config({
+    buyNowLink: 'https://go.devexpress.com/Licensing_Installer_Watermark_DevExtremeReact.aspx',
+});
+const ComponentBase = forwardRef((props, ref) => {
+    const { templateProps = [], defaults = {}, expectedChildren = {}, isPortalComponent = false, useRequestAnimationFrameFlag = false, subscribableOptions = [], WidgetClass, independentEvents = [], renderChildren, beforeCreateWidget = () => undefined, afterCreateWidget = () => undefined, } = props;
+    const [, setForceUpdateToken] = useState(0);
+    const removalLocker = useContext(RemovalLockerContext);
+    const restoreParentLink = useContext(RestoreTreeContext);
+    const instance = useRef();
+    const element = useRef();
+    const portalContainer = useRef();
+    const useDeferUpdateForTemplates = useRef(false);
+    const guardsUpdateScheduled = useRef(false);
+    const childElementsDetached = useRef(false);
+    const optionsManager = useRef(new OptionsManager());
+    const childNodes = useRef();
+    const createDXTemplates = useRef();
+    const clearInstantiationModels = useRef();
+    const updateTemplates = useRef();
+    const prevPropsRef = useRef();
+    const restoreTree = useCallback(() => {
+        if (childNodes.current?.length && element.current) {
+            element.current.append(...childNodes.current);
             childElementsDetached.current = false;
         }
         if (restoreParentLink && element.current && !element.current.isConnected) {
@@ -92,49 +58,45 @@ var ComponentBase = forwardRef(function (props, ref) {
         childElementsDetached.current,
         restoreParentLink,
     ]);
-    var updateCssClasses = useCallback(function (prevProps, newProps) {
-        var _a, _b;
-        var _c, _d;
-        var prevClassName = prevProps ? getClassName(prevProps) : undefined;
-        var newClassName = getClassName(newProps);
+    const updateCssClasses = useCallback((prevProps, newProps) => {
+        const prevClassName = prevProps ? getClassName(prevProps) : undefined;
+        const newClassName = getClassName(newProps);
         if (prevClassName === newClassName) {
             return;
         }
         if (prevClassName) {
-            var classNames = prevClassName.split(' ').filter(function (c) { return c; });
+            const classNames = prevClassName.split(' ').filter((c) => c);
             if (classNames.length) {
-                (_c = element.current) === null || _c === void 0 ? void 0 : (_a = _c.classList).remove.apply(_a, __spreadArray([], __read(classNames), false));
+                element.current?.classList.remove(...classNames);
             }
         }
         if (newClassName) {
-            var classNames = newClassName.split(' ').filter(function (c) { return c; });
+            const classNames = newClassName.split(' ').filter((c) => c);
             if (classNames.length) {
-                (_d = element.current) === null || _d === void 0 ? void 0 : (_b = _d.classList).add.apply(_b, __spreadArray([], __read(classNames), false));
+                element.current?.classList.add(...classNames);
             }
         }
     }, [element.current]);
-    var setInlineStyles = useCallback(function (styles) {
+    const setInlineStyles = useCallback((styles) => {
         if (element.current) {
-            var el_1 = element.current;
-            Object.entries(styles).forEach(function (_a) {
-                var _b = __read(_a, 2), name = _b[0], value = _b[1];
-                el_1.style[name] = value;
+            const el = element.current;
+            Object.entries(styles).forEach(([name, value]) => {
+                el.style[name] = value;
             });
         }
     }, [element.current]);
-    var getConfig = useCallback(function () { return buildConfigTree({
+    const getConfig = useCallback(() => buildConfigTree({
         templates: templateProps,
         initialValuesProps: defaults,
         predefinedValuesProps: {},
-        expectedChildren: expectedChildren,
-    }, props); }, [
+        expectedChildren,
+    }, props), [
         templateProps,
         defaults,
         expectedChildren,
         props,
     ]);
-    var setTemplateManagerHooks = useCallback(function (_a) {
-        var createDXTemplatesFn = _a.createDXTemplates, clearInstantiationModelsFn = _a.clearInstantiationModels, updateTemplatesFn = _a.updateTemplates;
+    const setTemplateManagerHooks = useCallback(({ createDXTemplates: createDXTemplatesFn, clearInstantiationModels: clearInstantiationModelsFn, updateTemplates: updateTemplatesFn, }) => {
         createDXTemplates.current = createDXTemplatesFn;
         clearInstantiationModels.current = clearInstantiationModelsFn;
         updateTemplates.current = updateTemplatesFn;
@@ -143,31 +105,30 @@ var ComponentBase = forwardRef(function (props, ref) {
         clearInstantiationModels.current,
         updateTemplates.current,
     ]);
-    var getElementProps = useCallback(function () {
-        var elementProps = {
-            ref: function (el) {
+    const getElementProps = useCallback(() => {
+        const elementProps = {
+            ref: (el) => {
                 if (el) {
                     element.current = el;
                 }
             },
         };
-        elementPropNames.forEach(function (name) {
+        elementPropNames.forEach((name) => {
             if (name in props) {
                 elementProps[name] = props[name];
             }
         });
         return elementProps;
     }, [element.current]);
-    var scheduleTemplatesUpdate = useCallback(function () {
+    const scheduleTemplatesUpdate = useCallback(() => {
         if (guardsUpdateScheduled.current) {
             return;
         }
         guardsUpdateScheduled.current = true;
-        var updateFunc = useDeferUpdateForTemplates.current ? deferUpdate : requestAnimationFrame;
-        updateFunc(function () {
-            var _a;
+        const updateFunc = useDeferUpdateForTemplates.current ? deferUpdate : requestAnimationFrame;
+        updateFunc(() => {
             guardsUpdateScheduled.current = false;
-            (_a = updateTemplates.current) === null || _a === void 0 ? void 0 : _a.call(updateTemplates, function () { return scheduleGuards(); });
+            updateTemplates.current?.(() => scheduleGuards());
         });
         unscheduleGuards();
     }, [
@@ -175,25 +136,30 @@ var ComponentBase = forwardRef(function (props, ref) {
         useDeferUpdateForTemplates.current,
         updateTemplates.current,
     ]);
-    var createWidget = useCallback(function (el) {
-        var _a, _b;
+    const createWidget = useCallback((el) => {
         beforeCreateWidget();
         el = el || element.current;
-        var config = getConfig();
-        var options = __assign({ templatesRenderAsynchronously: true }, optionsManager.current.getInitialOptions(config));
-        var templateOptions = optionsManager.current.getTemplateOptions(config);
-        var dxTemplates = (_a = createDXTemplates.current) === null || _a === void 0 ? void 0 : _a.call(createDXTemplates, templateOptions);
+        const widgetConfig = getConfig();
+        let options = {
+            templatesRenderAsynchronously: true,
+            ...optionsManager.current.getInitialOptions(widgetConfig),
+        };
+        const templateOptions = optionsManager.current.getTemplateOptions(widgetConfig);
+        const dxTemplates = createDXTemplates.current?.(templateOptions);
         if (dxTemplates && Object.keys(dxTemplates).length) {
-            options = __assign(__assign({}, options), { integrationOptions: {
+            options = {
+                ...options,
+                integrationOptions: {
                     templates: dxTemplates,
-                } });
+                },
+            };
         }
-        (_b = clearInstantiationModels.current) === null || _b === void 0 ? void 0 : _b.call(clearInstantiationModels);
+        clearInstantiationModels.current?.();
         instance.current = new WidgetClass(el, options);
         if (!useRequestAnimationFrameFlag) {
             useDeferUpdateForTemplates.current = instance.current.option('integrationOptions.useDeferUpdateForTemplates');
         }
-        optionsManager.current.setInstance(instance.current, config, subscribableOptions, independentEvents);
+        optionsManager.current.setInstance(instance.current, widgetConfig, subscribableOptions, independentEvents);
         instance.current.on('optionChanged', optionsManager.current.onOptionChanged);
         afterCreateWidget();
     }, [
@@ -211,16 +177,15 @@ var ComponentBase = forwardRef(function (props, ref) {
         independentEvents,
         getConfig,
     ]);
-    var onComponentUpdated = useCallback(function () {
-        var _a, _b;
-        if (!((_a = optionsManager.current) === null || _a === void 0 ? void 0 : _a.isInstanceSet)) {
+    const onComponentUpdated = useCallback(() => {
+        if (!optionsManager.current?.isInstanceSet) {
             return;
         }
         updateCssClasses(prevPropsRef.current, props);
-        var config = getConfig();
-        var templateOptions = optionsManager.current.getTemplateOptions(config);
-        var dxTemplates = ((_b = createDXTemplates.current) === null || _b === void 0 ? void 0 : _b.call(createDXTemplates, templateOptions)) || {};
-        optionsManager.current.update(config, dxTemplates);
+        const widgetConfig = getConfig();
+        const templateOptions = optionsManager.current.getTemplateOptions(widgetConfig);
+        const dxTemplates = createDXTemplates.current?.(templateOptions) || {};
+        optionsManager.current.update(widgetConfig, dxTemplates);
         scheduleTemplatesUpdate();
         prevPropsRef.current = props;
     }, [
@@ -232,14 +197,13 @@ var ComponentBase = forwardRef(function (props, ref) {
         getConfig,
         props,
     ]);
-    var onComponentMounted = useCallback(function () {
-        var _a, _b;
-        var style = props.style;
+    const onComponentMounted = useCallback(() => {
+        const { style } = props;
         if (childElementsDetached.current) {
             restoreTree();
         }
-        else if ((_a = element.current) === null || _a === void 0 ? void 0 : _a.childNodes.length) {
-            childNodes.current = Array.from((_b = element.current) === null || _b === void 0 ? void 0 : _b.childNodes);
+        else if (element.current?.childNodes.length) {
+            childNodes.current = Array.from(element.current?.childNodes);
         }
         updateCssClasses(undefined, props);
         if (style) {
@@ -254,12 +218,11 @@ var ComponentBase = forwardRef(function (props, ref) {
         setInlineStyles,
         props,
     ]);
-    var onComponentUnmounted = useCallback(function () {
-        var _a;
-        removalLocker === null || removalLocker === void 0 ? void 0 : removalLocker.lock();
+    const onComponentUnmounted = useCallback(() => {
+        removalLocker?.lock();
         if (instance.current) {
-            var dxRemoveArgs = { isUnmounting: true };
-            (_a = childNodes.current) === null || _a === void 0 ? void 0 : _a.forEach(function (child) { var _a; return (_a = child.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(child); });
+            const dxRemoveArgs = { isUnmounting: true };
+            childNodes.current?.forEach((child) => child.parentNode?.removeChild(child));
             childElementsDetached.current = true;
             if (element.current) {
                 events.triggerHandler(element.current, DX_REMOVE_EVENT, dxRemoveArgs);
@@ -267,7 +230,7 @@ var ComponentBase = forwardRef(function (props, ref) {
             instance.current.dispose();
         }
         optionsManager.current.dispose();
-        removalLocker === null || removalLocker === void 0 ? void 0 : removalLocker.unlock();
+        removalLocker?.unlock();
     }, [
         removalLocker,
         instance.current,
@@ -276,41 +239,41 @@ var ComponentBase = forwardRef(function (props, ref) {
         optionsManager.current,
         childElementsDetached.current,
     ]);
-    useLayoutEffect(function () {
+    useLayoutEffect(() => {
         onComponentMounted();
-        return function () {
+        return () => {
             onComponentUnmounted();
         };
     }, []);
-    useLayoutEffect(function () {
+    useLayoutEffect(() => {
         onComponentUpdated();
     });
-    useImperativeHandle(ref, function () { return ({
-        getInstance: function () {
+    useImperativeHandle(ref, () => ({
+        getInstance() {
             return instance.current;
         },
-        getElement: function () {
+        getElement() {
             return element.current;
         },
-        createWidget: function (el) {
+        createWidget(el) {
             createWidget(el);
         },
-    }); }, [instance.current, element.current, createWidget]);
-    var _renderChildren = useCallback(function () {
+    }), [instance.current, element.current, createWidget]);
+    const _renderChildren = useCallback(() => {
         if (renderChildren) {
             return renderChildren();
         }
         // @ts-expect-error TS2339
-        var children = props.children;
+        const { children } = props;
         return children;
     }, [props, renderChildren]);
-    var renderPortal = useCallback(function () { return portalContainer.current && createPortal(_renderChildren(), portalContainer.current); }, [portalContainer.current, _renderChildren]);
-    var renderContent = useCallback(function () {
+    const renderPortal = useCallback(() => portalContainer.current && createPortal(_renderChildren(), portalContainer.current), [portalContainer.current, _renderChildren]);
+    const renderContent = useCallback(() => {
         // @ts-expect-error TS2339
-        var children = props.children;
+        const { children } = props;
         return isPortalComponent && children
             ? React.createElement('div', {
-                ref: function (node) {
+                ref: (node) => {
                     if (node && portalContainer.current !== node) {
                         portalContainer.current = node;
                         setForceUpdateToken(Math.random());

package/esm/core/component.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,43 +11,31 @@
  * 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);
-};
 import * as React from 'react';
 import { useImperativeHandle, forwardRef, useRef, useLayoutEffect, useCallback, } from 'react';
 import { ComponentBase } from './component-base';
 import { elementIsExtension } from './extension-component';
-var Component = forwardRef(function (props, ref) {
-    var componentBaseRef = useRef(null);
-    var extensionCreators = useRef([]);
-    var registerExtension = useCallback(function (creator) {
+const Component = forwardRef((props, ref) => {
+    const componentBaseRef = useRef(null);
+    const extensionCreators = useRef([]);
+    const registerExtension = useCallback((creator) => {
         extensionCreators.current.push(creator);
     }, [extensionCreators.current]);
-    var createExtensions = useCallback(function () {
-        extensionCreators.current.forEach(function (creator) { var _a; return creator((_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getElement()); });
+    const createExtensions = useCallback(() => {
+        extensionCreators.current.forEach((creator) => creator(componentBaseRef.current?.getElement()));
     }, [extensionCreators.current, componentBaseRef.current]);
-    var renderChildren = useCallback(function () { return React.Children.map(
+    const renderChildren = useCallback(() => React.Children.map(
     // @ts-expect-error TS2339
-    props.children, function (child) {
+    props.children, (child) => {
         if (child && elementIsExtension(child)) {
             return React.cloneElement(child, { onMounted: registerExtension });
         }
         return child;
-    }); }, [props, registerExtension]);
-    var createWidget = useCallback(function (el) {
-        var _a;
-        (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.createWidget(el);
+    }), [props, registerExtension]);
+    const createWidget = useCallback((el) => {
+        componentBaseRef.current?.createWidget(el);
     }, [componentBaseRef.current]);
-    var clearExtensions = useCallback(function () {
+    const clearExtensions = useCallback(() => {
         if (props.clearExtensions) {
             props.clearExtensions();
         }
@@ -56,29 +44,27 @@ var Component = forwardRef(function (props, ref) {
         extensionCreators.current,
         props.clearExtensions,
     ]);
-    useLayoutEffect(function () {
+    useLayoutEffect(() => {
         createWidget();
         createExtensions();
-        return function () {
+        return () => {
             clearExtensions();
         };
     }, []);
-    useImperativeHandle(ref, function () { return ({
-        getInstance: function () {
-            var _a;
-            return (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+    useImperativeHandle(ref, () => ({
+        getInstance() {
+            return componentBaseRef.current?.getInstance();
         },
-        getElement: function () {
-            var _a;
-            return (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getElement();
+        getElement() {
+            return componentBaseRef.current?.getElement();
         },
-        createWidget: function (el) {
+        createWidget(el) {
             createWidget(el);
         },
-        clearExtensions: function () {
+        clearExtensions() {
             clearExtensions();
         },
-    }); }, [componentBaseRef.current, createWidget, clearExtensions]);
-    return (React.createElement(ComponentBase, __assign({ ref: componentBaseRef, renderChildren: renderChildren }, props)));
+    }), [componentBaseRef.current, createWidget, clearExtensions]);
+    return (React.createElement(ComponentBase, { ref: componentBaseRef, renderChildren: renderChildren, ...props }));
 });
 export { Component, };

package/esm/core/config.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,22 +11,11 @@
  * 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 config = {
+let config = {
     useLegacyTemplateEngine: false,
 };
 function setOptions(options) {
-    config = __assign(__assign({}, config), options);
+    config = { ...config, ...options };
 }
 function getOption(optionName) {
     return config[optionName];

package/esm/core/configuration/comparer.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -14,24 +14,24 @@
 import { buildNode, buildTemplates } from './tree';
 import { mergeNameParts } from './utils';
 function compareTemplates(current, prev, changesAccum) {
-    var currentTemplatesOptions = {};
-    var currentTemplates = {};
-    var prevTemplatesOptions = {};
-    var prevTemplates = {};
+    const currentTemplatesOptions = {};
+    const currentTemplates = {};
+    const prevTemplatesOptions = {};
+    const prevTemplates = {};
     buildTemplates(current, currentTemplatesOptions, currentTemplates);
     buildTemplates(prev, prevTemplatesOptions, prevTemplates);
     changesAccum.addRemovedValues(currentTemplatesOptions, prevTemplatesOptions, current.fullName);
     // TODO: support switching to default templates
     // appendRemovedValues(currentTemplates, prevTemplates, "", changesAccum.templates);
-    Object.keys(currentTemplatesOptions).forEach(function (key) {
+    Object.keys(currentTemplatesOptions).forEach((key) => {
         if (currentTemplatesOptions[key] === prevTemplatesOptions[key]) {
             return;
         }
         changesAccum.options[mergeNameParts(current.fullName, key)] = currentTemplatesOptions[key];
     });
-    Object.keys(currentTemplates).forEach(function (key) {
-        var currentTemplate = currentTemplates[key];
-        var prevTemplate = prevTemplates[key];
+    Object.keys(currentTemplates).forEach((key) => {
+        const currentTemplate = currentTemplates[key];
+        const prevTemplate = prevTemplates[key];
         if (prevTemplate && currentTemplate.content === prevTemplate.content) {
             return;
         }
@@ -48,10 +48,10 @@ function compare(current, prev, changesAccum) {
     changesAccum.addRemovedValues(current.configs, prev.configs, current.fullName);
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
     compareCollections(current, prev, changesAccum);
-    Object.keys(current.configs).forEach(function (key) {
+    Object.keys(current.configs).forEach((key) => {
         compare(current.configs[key], prev.configs[key], changesAccum);
     });
-    Object.keys(current.options).forEach(function (key) {
+    Object.keys(current.options).forEach((key) => {
         if (current.options[key] === prev.options[key]) {
             return;
         }
@@ -60,17 +60,17 @@ function compare(current, prev, changesAccum) {
     compareTemplates(current, prev, changesAccum);
 }
 function appendRemovedValues(current, prev, path, changesAccum) {
-    var removedKeys = Object.keys(prev).filter(function (key) { return !Object.keys(current).includes(key); });
-    removedKeys.forEach(function (key) {
+    const removedKeys = Object.keys(prev).filter((key) => !Object.keys(current).includes(key));
+    removedKeys.forEach((key) => {
         changesAccum.push(mergeNameParts(path, key));
     });
 }
 function getChanges(current, prev) {
-    var changesAccum = {
+    const changesAccum = {
         options: {},
         removedOptions: [],
         templates: {},
-        addRemovedValues: function (currentOptions, prevOptions, path) {
+        addRemovedValues(currentOptions, prevOptions, path) {
             appendRemovedValues(currentOptions, prevOptions, path, this.removedOptions);
         },
     };
@@ -78,19 +78,19 @@ function getChanges(current, prev) {
     return changesAccum;
 }
 function compareCollections(current, prev, changesAccum) {
-    Object.keys(current.configCollections).forEach(function (key) {
-        var currentCollection = current.configCollections[key];
-        var prevCollection = prev.configCollections[key] || [];
+    Object.keys(current.configCollections).forEach((key) => {
+        const currentCollection = current.configCollections[key];
+        const prevCollection = prev.configCollections[key] || [];
         if (!currentCollection || currentCollection.length !== prevCollection.length) {
-            var updatedCollection_1 = [];
-            currentCollection.forEach(function (item) {
-                var config = buildNode(item, changesAccum.templates, true);
-                updatedCollection_1.push(config);
+            const updatedCollection = [];
+            currentCollection.forEach((item) => {
+                const config = buildNode(item, changesAccum.templates, true);
+                updatedCollection.push(config);
             });
-            changesAccum.options[mergeNameParts(current.fullName, key)] = updatedCollection_1;
+            changesAccum.options[mergeNameParts(current.fullName, key)] = updatedCollection;
             return;
         }
-        for (var i = 0; i < currentCollection.length; i += 1) {
+        for (let i = 0; i < currentCollection.length; i += 1) {
             compare(currentCollection[i], prevCollection[i], changesAccum);
         }
     });

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

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