devextreme-react 24.1.2-beta → 24.1.3

package/cjs/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
  *
@@ -12,17 +12,6 @@
  */
 
 "use strict";
-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);
@@ -46,68 +35,48 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-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));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DX_REMOVE_EVENT = exports.ComponentBase = void 0;
-var React = __importStar(require("react"));
-var events = __importStar(require("devextreme/events"));
-var react_1 = require("react");
-var frame_1 = require("devextreme/animation/frame");
-var common_1 = require("devextreme/core/utils/common");
-var react_dom_1 = require("react-dom");
-var helpers_1 = require("./helpers");
-var options_manager_1 = require("./options-manager");
-var widget_config_1 = require("./widget-config");
-var tree_1 = require("./configuration/react/tree");
-var template_manager_1 = require("./template-manager");
-var DX_REMOVE_EVENT = 'dxremove';
+const React = __importStar(require("react"));
+const events = __importStar(require("devextreme/events"));
+const react_1 = require("react");
+const frame_1 = require("devextreme/animation/frame");
+const common_1 = require("devextreme/core/utils/common");
+const config_1 = __importDefault(require("devextreme/core/config"));
+const react_dom_1 = require("react-dom");
+const helpers_1 = require("./helpers");
+const options_manager_1 = require("./options-manager");
+const widget_config_1 = require("./widget-config");
+const tree_1 = require("./configuration/react/tree");
+const template_manager_1 = require("./template-manager");
+const DX_REMOVE_EVENT = 'dxremove';
 exports.DX_REMOVE_EVENT = DX_REMOVE_EVENT;
-var ComponentBase = (0, react_1.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((0, react_1.useState)(0), 2), setForceUpdateToken = _k[1];
-    var removalLocker = (0, react_1.useContext)(helpers_1.RemovalLockerContext);
-    var restoreParentLink = (0, react_1.useContext)(helpers_1.RestoreTreeContext);
-    var instance = (0, react_1.useRef)();
-    var element = (0, react_1.useRef)();
-    var portalContainer = (0, react_1.useRef)();
-    var useDeferUpdateForTemplates = (0, react_1.useRef)(false);
-    var guardsUpdateScheduled = (0, react_1.useRef)(false);
-    var childElementsDetached = (0, react_1.useRef)(false);
-    var optionsManager = (0, react_1.useRef)(new options_manager_1.OptionsManager());
-    var childNodes = (0, react_1.useRef)();
-    var createDXTemplates = (0, react_1.useRef)();
-    var clearInstantiationModels = (0, react_1.useRef)();
-    var updateTemplates = (0, react_1.useRef)();
-    var prevPropsRef = (0, react_1.useRef)();
-    var restoreTree = (0, react_1.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));
+(0, config_1.default)({
+    buyNowLink: 'https://go.devexpress.com/Licensing_Installer_Watermark_DevExtremeReact.aspx',
+});
+const ComponentBase = (0, react_1.forwardRef)((props, ref) => {
+    const { templateProps = [], defaults = {}, expectedChildren = {}, isPortalComponent = false, useRequestAnimationFrameFlag = false, subscribableOptions = [], WidgetClass, independentEvents = [], renderChildren, beforeCreateWidget = () => undefined, afterCreateWidget = () => undefined, } = props;
+    const [, setForceUpdateToken] = (0, react_1.useState)(0);
+    const removalLocker = (0, react_1.useContext)(helpers_1.RemovalLockerContext);
+    const restoreParentLink = (0, react_1.useContext)(helpers_1.RestoreTreeContext);
+    const instance = (0, react_1.useRef)();
+    const element = (0, react_1.useRef)();
+    const portalContainer = (0, react_1.useRef)();
+    const useDeferUpdateForTemplates = (0, react_1.useRef)(false);
+    const guardsUpdateScheduled = (0, react_1.useRef)(false);
+    const childElementsDetached = (0, react_1.useRef)(false);
+    const optionsManager = (0, react_1.useRef)(new options_manager_1.OptionsManager());
+    const childNodes = (0, react_1.useRef)();
+    const createDXTemplates = (0, react_1.useRef)();
+    const clearInstantiationModels = (0, react_1.useRef)();
+    const updateTemplates = (0, react_1.useRef)();
+    const prevPropsRef = (0, react_1.useRef)();
+    const restoreTree = (0, react_1.useCallback)(() => {
+        if (childNodes.current?.length && element.current) {
+            element.current.append(...childNodes.current);
             childElementsDetached.current = false;
         }
         if (restoreParentLink && element.current && !element.current.isConnected) {
@@ -119,49 +88,45 @@ var ComponentBase = (0, react_1.forwardRef)(function (props, ref) {
         childElementsDetached.current,
         restoreParentLink,
     ]);
-    var updateCssClasses = (0, react_1.useCallback)(function (prevProps, newProps) {
-        var _a, _b;
-        var _c, _d;
-        var prevClassName = prevProps ? (0, widget_config_1.getClassName)(prevProps) : undefined;
-        var newClassName = (0, widget_config_1.getClassName)(newProps);
+    const updateCssClasses = (0, react_1.useCallback)((prevProps, newProps) => {
+        const prevClassName = prevProps ? (0, widget_config_1.getClassName)(prevProps) : undefined;
+        const newClassName = (0, widget_config_1.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 = (0, react_1.useCallback)(function (styles) {
+    const setInlineStyles = (0, react_1.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 = (0, react_1.useCallback)(function () { return (0, tree_1.buildConfigTree)({
+    const getConfig = (0, react_1.useCallback)(() => (0, tree_1.buildConfigTree)({
         templates: templateProps,
         initialValuesProps: defaults,
         predefinedValuesProps: {},
-        expectedChildren: expectedChildren,
-    }, props); }, [
+        expectedChildren,
+    }, props), [
         templateProps,
         defaults,
         expectedChildren,
         props,
     ]);
-    var setTemplateManagerHooks = (0, react_1.useCallback)(function (_a) {
-        var createDXTemplatesFn = _a.createDXTemplates, clearInstantiationModelsFn = _a.clearInstantiationModels, updateTemplatesFn = _a.updateTemplates;
+    const setTemplateManagerHooks = (0, react_1.useCallback)(({ createDXTemplates: createDXTemplatesFn, clearInstantiationModels: clearInstantiationModelsFn, updateTemplates: updateTemplatesFn, }) => {
         createDXTemplates.current = createDXTemplatesFn;
         clearInstantiationModels.current = clearInstantiationModelsFn;
         updateTemplates.current = updateTemplatesFn;
@@ -170,31 +135,30 @@ var ComponentBase = (0, react_1.forwardRef)(function (props, ref) {
         clearInstantiationModels.current,
         updateTemplates.current,
     ]);
-    var getElementProps = (0, react_1.useCallback)(function () {
-        var elementProps = {
-            ref: function (el) {
+    const getElementProps = (0, react_1.useCallback)(() => {
+        const elementProps = {
+            ref: (el) => {
                 if (el) {
                     element.current = el;
                 }
             },
         };
-        widget_config_1.elementPropNames.forEach(function (name) {
+        widget_config_1.elementPropNames.forEach((name) => {
             if (name in props) {
                 elementProps[name] = props[name];
             }
         });
         return elementProps;
     }, [element.current]);
-    var scheduleTemplatesUpdate = (0, react_1.useCallback)(function () {
+    const scheduleTemplatesUpdate = (0, react_1.useCallback)(() => {
         if (guardsUpdateScheduled.current) {
             return;
         }
         guardsUpdateScheduled.current = true;
-        var updateFunc = useDeferUpdateForTemplates.current ? common_1.deferUpdate : frame_1.requestAnimationFrame;
-        updateFunc(function () {
-            var _a;
+        const updateFunc = useDeferUpdateForTemplates.current ? common_1.deferUpdate : frame_1.requestAnimationFrame;
+        updateFunc(() => {
             guardsUpdateScheduled.current = false;
-            (_a = updateTemplates.current) === null || _a === void 0 ? void 0 : _a.call(updateTemplates, function () { return (0, options_manager_1.scheduleGuards)(); });
+            updateTemplates.current?.(() => (0, options_manager_1.scheduleGuards)());
         });
         (0, options_manager_1.unscheduleGuards)();
     }, [
@@ -202,25 +166,30 @@ var ComponentBase = (0, react_1.forwardRef)(function (props, ref) {
         useDeferUpdateForTemplates.current,
         updateTemplates.current,
     ]);
-    var createWidget = (0, react_1.useCallback)(function (el) {
-        var _a, _b;
+    const createWidget = (0, react_1.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();
     }, [
@@ -238,16 +207,15 @@ var ComponentBase = (0, react_1.forwardRef)(function (props, ref) {
         independentEvents,
         getConfig,
     ]);
-    var onComponentUpdated = (0, react_1.useCallback)(function () {
-        var _a, _b;
-        if (!((_a = optionsManager.current) === null || _a === void 0 ? void 0 : _a.isInstanceSet)) {
+    const onComponentUpdated = (0, react_1.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;
     }, [
@@ -259,14 +227,13 @@ var ComponentBase = (0, react_1.forwardRef)(function (props, ref) {
         getConfig,
         props,
     ]);
-    var onComponentMounted = (0, react_1.useCallback)(function () {
-        var _a, _b;
-        var style = props.style;
+    const onComponentMounted = (0, react_1.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) {
@@ -281,12 +248,11 @@ var ComponentBase = (0, react_1.forwardRef)(function (props, ref) {
         setInlineStyles,
         props,
     ]);
-    var onComponentUnmounted = (0, react_1.useCallback)(function () {
-        var _a;
-        removalLocker === null || removalLocker === void 0 ? void 0 : removalLocker.lock();
+    const onComponentUnmounted = (0, react_1.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);
@@ -294,7 +260,7 @@ var ComponentBase = (0, react_1.forwardRef)(function (props, ref) {
             instance.current.dispose();
         }
         optionsManager.current.dispose();
-        removalLocker === null || removalLocker === void 0 ? void 0 : removalLocker.unlock();
+        removalLocker?.unlock();
     }, [
         removalLocker,
         instance.current,
@@ -303,41 +269,41 @@ var ComponentBase = (0, react_1.forwardRef)(function (props, ref) {
         optionsManager.current,
         childElementsDetached.current,
     ]);
-    (0, react_1.useLayoutEffect)(function () {
+    (0, react_1.useLayoutEffect)(() => {
         onComponentMounted();
-        return function () {
+        return () => {
             onComponentUnmounted();
         };
     }, []);
-    (0, react_1.useLayoutEffect)(function () {
+    (0, react_1.useLayoutEffect)(() => {
         onComponentUpdated();
     });
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        getInstance: function () {
+    (0, react_1.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 = (0, react_1.useCallback)(function () {
+    }), [instance.current, element.current, createWidget]);
+    const _renderChildren = (0, react_1.useCallback)(() => {
         if (renderChildren) {
             return renderChildren();
         }
         // @ts-expect-error TS2339
-        var children = props.children;
+        const { children } = props;
         return children;
     }, [props, renderChildren]);
-    var renderPortal = (0, react_1.useCallback)(function () { return portalContainer.current && (0, react_dom_1.createPortal)(_renderChildren(), portalContainer.current); }, [portalContainer.current, _renderChildren]);
-    var renderContent = (0, react_1.useCallback)(function () {
+    const renderPortal = (0, react_1.useCallback)(() => portalContainer.current && (0, react_dom_1.createPortal)(_renderChildren(), portalContainer.current), [portalContainer.current, _renderChildren]);
+    const renderContent = (0, react_1.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/cjs/core/component.d.ts

@@ -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
  *

package/cjs/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
  *
@@ -12,17 +12,6 @@
  */
 
 "use strict";
-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);
@@ -48,32 +37,31 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Component = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var component_base_1 = require("./component-base");
-var extension_component_1 = require("./extension-component");
-var Component = (0, react_1.forwardRef)(function (props, ref) {
-    var componentBaseRef = (0, react_1.useRef)(null);
-    var extensionCreators = (0, react_1.useRef)([]);
-    var registerExtension = (0, react_1.useCallback)(function (creator) {
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const component_base_1 = require("./component-base");
+const extension_component_1 = require("./extension-component");
+const Component = (0, react_1.forwardRef)((props, ref) => {
+    const componentBaseRef = (0, react_1.useRef)(null);
+    const extensionCreators = (0, react_1.useRef)([]);
+    const registerExtension = (0, react_1.useCallback)((creator) => {
         extensionCreators.current.push(creator);
     }, [extensionCreators.current]);
-    var createExtensions = (0, react_1.useCallback)(function () {
-        extensionCreators.current.forEach(function (creator) { var _a; return creator((_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getElement()); });
+    const createExtensions = (0, react_1.useCallback)(() => {
+        extensionCreators.current.forEach((creator) => creator(componentBaseRef.current?.getElement()));
     }, [extensionCreators.current, componentBaseRef.current]);
-    var renderChildren = (0, react_1.useCallback)(function () { return React.Children.map(
+    const renderChildren = (0, react_1.useCallback)(() => React.Children.map(
     // @ts-expect-error TS2339
-    props.children, function (child) {
+    props.children, (child) => {
         if (child && (0, extension_component_1.elementIsExtension)(child)) {
             return React.cloneElement(child, { onMounted: registerExtension });
         }
         return child;
-    }); }, [props, registerExtension]);
-    var createWidget = (0, react_1.useCallback)(function (el) {
-        var _a;
-        (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.createWidget(el);
+    }), [props, registerExtension]);
+    const createWidget = (0, react_1.useCallback)((el) => {
+        componentBaseRef.current?.createWidget(el);
     }, [componentBaseRef.current]);
-    var clearExtensions = (0, react_1.useCallback)(function () {
+    const clearExtensions = (0, react_1.useCallback)(() => {
         if (props.clearExtensions) {
             props.clearExtensions();
         }
@@ -82,29 +70,27 @@ var Component = (0, react_1.forwardRef)(function (props, ref) {
         extensionCreators.current,
         props.clearExtensions,
     ]);
-    (0, react_1.useLayoutEffect)(function () {
+    (0, react_1.useLayoutEffect)(() => {
         createWidget();
         createExtensions();
-        return function () {
+        return () => {
             clearExtensions();
         };
     }, []);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        getInstance: function () {
-            var _a;
-            return (_a = componentBaseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+    (0, react_1.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(component_base_1.ComponentBase, __assign({ ref: componentBaseRef, renderChildren: renderChildren }, props)));
+    }), [componentBaseRef.current, createWidget, clearExtensions]);
+    return (React.createElement(component_base_1.ComponentBase, { ref: componentBaseRef, renderChildren: renderChildren, ...props }));
 });
 exports.Component = Component;

package/cjs/core/config.d.ts

@@ -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
  *

package/cjs/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
  *
@@ -12,24 +12,13 @@
  */
 
 "use strict";
-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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOption = void 0;
-var config = {
+let config = {
     useLegacyTemplateEngine: false,
 };
 function setOptions(options) {
-    config = __assign(__assign({}, config), options);
+    config = { ...config, ...options };
 }
 function getOption(optionName) {
     return config[optionName];

package/cjs/core/configuration/comparer.d.ts

@@ -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
  *