devextreme-react 24.1.2-beta → 24.1.3

package/cjs/core/options-manager.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,41 +12,16 @@
  */
 
 "use strict";
-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));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionsManager = exports.scheduleGuards = exports.unscheduleGuards = void 0;
 /* eslint-disable no-restricted-globals */
-var comparer_1 = require("./configuration/comparer");
-var tree_1 = require("./configuration/tree");
-var utils_1 = require("./configuration/utils");
-var helpers_1 = require("./helpers");
-var optionsManagers = new Set();
-var guardTimeoutHandler = -1;
-var innerGuardTimeoutHandler = -1;
+const comparer_1 = require("./configuration/comparer");
+const tree_1 = require("./configuration/tree");
+const utils_1 = require("./configuration/utils");
+const helpers_1 = require("./helpers");
+const optionsManagers = new Set();
+let guardTimeoutHandler = -1;
+let innerGuardTimeoutHandler = -1;
 function unscheduleGuards() {
     clearTimeout(guardTimeoutHandler);
     clearTimeout(innerGuardTimeoutHandler);
@@ -54,85 +29,79 @@ function unscheduleGuards() {
 exports.unscheduleGuards = unscheduleGuards;
 function scheduleGuards() {
     unscheduleGuards();
-    guardTimeoutHandler = window.setTimeout(function () {
-        innerGuardTimeoutHandler = window.setTimeout(function () {
-            optionsManagers.forEach(function (optionManager) { return optionManager.execGuards(); });
+    guardTimeoutHandler = window.setTimeout(() => {
+        innerGuardTimeoutHandler = window.setTimeout(() => {
+            optionsManagers.forEach((optionManager) => optionManager.execGuards());
         });
     });
 }
 exports.scheduleGuards = scheduleGuards;
-var OptionsManager = /** @class */ (function () {
-    function OptionsManager() {
+class OptionsManager {
+    constructor() {
         this.guards = {};
         this.isUpdating = false;
         this.onOptionChanged = this.onOptionChanged.bind(this);
         this.wrapOptionValue = this.wrapOptionValue.bind(this);
     }
-    OptionsManager.prototype.setInstance = function (instance, config, subscribableOptions, independentEvents) {
+    setInstance(instance, config, subscribableOptions, independentEvents) {
         this.instance = instance;
         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 = (0, tree_1.buildConfig)(rootNode, false);
-        var options = {};
-        Object.keys(config.options).forEach(function (key) {
-            options[key] = _this.wrapOptionValue(key, config.options[key]);
+    }
+    getInitialOptions(rootNode) {
+        const config = (0, tree_1.buildConfig)(rootNode, false);
+        const options = {};
+        Object.keys(config.options).forEach((key) => {
+            options[key] = this.wrapOptionValue(key, config.options[key]);
         });
         return options;
-    };
-    OptionsManager.prototype.getTemplateOptions = function (rootNode) {
-        var config = (0, tree_1.buildConfig)(rootNode, false);
+    }
+    getTemplateOptions(rootNode) {
+        const config = (0, tree_1.buildConfig)(rootNode, false);
         return config.templates;
-    };
-    OptionsManager.prototype.update = function (config, dxtemplates) {
-        var _this = this;
-        var changedOptions = [];
-        var optionChangedHandler = function (_a) {
-            var value = _a.value, fullName = _a.fullName;
+    }
+    update(config, dxtemplates) {
+        const changedOptions = [];
+        const optionChangedHandler = ({ value, fullName }) => {
             changedOptions.push([fullName, value]);
         };
         this.instance.on('optionChanged', optionChangedHandler);
-        var changes = (0, comparer_1.getChanges)(config, this.currentConfig);
+        const changes = (0, comparer_1.getChanges)(config, this.currentConfig);
         if (!changes.options && !changes.templates && !changes.removedOptions.length) {
             return;
         }
         this.instance.beginUpdate();
         this.isUpdating = true;
-        changes.removedOptions.forEach(function (optionName) {
-            _this.resetOption(optionName);
+        changes.removedOptions.forEach((optionName) => {
+            this.resetOption(optionName);
         });
         if (Object.keys(dxtemplates).length > 0) {
             this.setValue('integrationOptions', {
                 templates: dxtemplates,
             });
         }
-        Object.keys(changes.options).forEach(function (key) {
-            _this.setValue(key, changes.options[key]);
+        Object.keys(changes.options).forEach((key) => {
+            this.setValue(key, changes.options[key]);
         });
         this.isUpdating = false;
         this.instance.off('optionChanged', optionChangedHandler);
         this.currentConfig = config;
-        changedOptions.forEach(function (_a) {
-            var _b = __read(_a, 2), name = _b[0], value = _b[1];
-            var currentPropValue = config.options[name];
+        changedOptions.forEach(([name, value]) => {
+            const currentPropValue = config.options[name];
             if (Object.prototype.hasOwnProperty.call(config.options, name)
                 && currentPropValue !== value) {
-                _this.setValue(name, currentPropValue);
+                this.setValue(name, currentPropValue);
             }
         });
         this.instance.endUpdate();
-    };
-    OptionsManager.prototype.onOptionChanged = function (e) {
-        var _this = this;
-        var _a;
+    }
+    onOptionChanged(e) {
         if (this.isUpdating) {
             return;
         }
-        var valueDescriptor = (0, tree_1.findValue)(this.currentConfig, e.fullName.split('.'));
+        let valueDescriptor = (0, tree_1.findValue)(this.currentConfig, e.fullName.split('.'));
         if (!valueDescriptor || valueDescriptor.value !== e.value) {
             this.callOptionChangeHandler(e.fullName, e.value);
         }
@@ -140,27 +109,26 @@ var OptionsManager = /** @class */ (function () {
         if (!valueDescriptor) {
             return;
         }
-        var value = valueDescriptor.value, type = valueDescriptor.type;
+        const { value, type } = valueDescriptor;
         if (value instanceof Array && type === tree_1.ValueType.Array) {
-            for (var i = 0; i < value.length; i += 1) {
-                if (value[i] !== ((_a = e.value) === null || _a === void 0 ? void 0 : _a[i])) {
+            for (let i = 0; i < value.length; i += 1) {
+                if (value[i] !== e.value?.[i]) {
                     this.addGuard(e.fullName, value);
                     return;
                 }
             }
         }
         else if (type === tree_1.ValueType.Complex && value instanceof Object) {
-            Object.keys(value).forEach(function (key) {
-                var _a;
-                if (value[key] === ((_a = e.value) === null || _a === void 0 ? void 0 : _a[key])) {
+            Object.keys(value).forEach((key) => {
+                if (value[key] === e.value?.[key]) {
                     return;
                 }
-                _this.addGuard((0, utils_1.mergeNameParts)(e.fullName, key), value[key]);
+                this.addGuard((0, utils_1.mergeNameParts)(e.fullName, key), value[key]);
             });
         }
         else {
-            var valuesAreEqual = value === e.value;
-            var valuesAreEqualObjects = !valuesAreEqual
+            const valuesAreEqual = value === e.value;
+            const valuesAreEqualObjects = !valuesAreEqual
                 && value instanceof Object
                 && e.value instanceof Object
                 && (0, utils_1.shallowEquals)(value, e.value);
@@ -169,88 +137,77 @@ 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;
+    }
+    get isInstanceSet() {
+        return !!this.instance;
+    }
+    dispose() {
         optionsManagers.delete(this);
-        Object.keys(this.guards).forEach(function (optionName) {
-            delete _this.guards[optionName];
+        Object.keys(this.guards).forEach((optionName) => {
+            delete this.guards[optionName];
         });
         this.instance = null;
-    };
-    OptionsManager.prototype.isOptionSubscribable = function (optionName) {
+    }
+    isOptionSubscribable(optionName) {
         return this.subscribableOptions.has(optionName);
-    };
-    OptionsManager.prototype.isIndependentEvent = function (optionName) {
+    }
+    isIndependentEvent(optionName) {
         return this.independentEvents.has(optionName);
-    };
-    OptionsManager.prototype.callOptionChangeHandler = function (optionName, optionValue) {
+    }
+    callOptionChangeHandler(optionName, optionValue) {
         if (!this.isOptionSubscribable(optionName)) {
             return;
         }
-        var parts = optionName.split('.');
-        var propName = parts[parts.length - 1];
+        const parts = optionName.split('.');
+        const propName = parts[parts.length - 1];
         if (propName.startsWith('on')) {
             return;
         }
-        var eventName = "on".concat((0, helpers_1.capitalizeFirstLetter)(propName), "Change");
+        const eventName = `on${(0, helpers_1.capitalizeFirstLetter)(propName)}Change`;
         parts[parts.length - 1] = eventName;
-        var changeEvent = (0, tree_1.findValue)(this.currentConfig, parts);
+        const changeEvent = (0, tree_1.findValue)(this.currentConfig, parts);
         if (!changeEvent) {
             return;
         }
         if (typeof changeEvent.value !== 'function') {
-            throw new Error("Invalid value for the ".concat(eventName, " property.\n                ").concat(eventName, " must be a function."));
+            throw new Error(`Invalid value for the ${eventName} property.
+                ${eventName} must be a function.`);
         }
         changeEvent.value(optionValue);
-    };
-    OptionsManager.prototype.wrapOptionValue = function (name, value) {
-        var _this = this;
+    }
+    wrapOptionValue(name, value) {
         if (name.substr(0, 2) === 'on' && typeof value === 'function') {
-            return function () {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                if (!_this.isUpdating || _this.isIndependentEvent(name)) {
-                    value.apply(void 0, __spreadArray([], __read(args), false));
+            return (...args) => {
+                if (!this.isUpdating || this.isIndependentEvent(name)) {
+                    value(...args);
                 }
             };
         }
         return value;
-    };
-    OptionsManager.prototype.addGuard = function (optionName, optionValue) {
-        var _this = this;
+    }
+    addGuard(optionName, optionValue) {
         if (this.guards[optionName] !== undefined) {
             return;
         }
-        var handler = function () {
-            _this.setValue(optionName, optionValue);
-            delete _this.guards[optionName];
+        const handler = () => {
+            this.setValue(optionName, optionValue);
+            delete this.guards[optionName];
         };
         this.guards[optionName] = handler;
         scheduleGuards();
-    };
-    OptionsManager.prototype.execGuards = function () {
+    }
+    execGuards() {
         Object.values(this.guards)
-            .forEach(function (handler) { return handler(); });
-    };
-    OptionsManager.prototype.resetOption = function (name) {
+            .forEach((handler) => handler());
+    }
+    resetOption(name) {
         this.instance.resetOption(name);
-    };
-    OptionsManager.prototype.setValue = function (name, value) {
+    }
+    setValue(name, value) {
         if (this.guards[name]) {
             delete this.guards[name];
         }
         this.instance.option(name, this.wrapOptionValue(name, value));
-    };
-    return OptionsManager;
-}());
+    }
+}
 exports.OptionsManager = OptionsManager;

package/cjs/core/template-manager.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/template-manager.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,34 +35,18 @@ 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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TemplateManager = void 0;
-var React = __importStar(require("react"));
-var events = __importStar(require("devextreme/events"));
-var react_1 = require("react");
-var template_wrapper_1 = require("./template-wrapper");
-var helpers_1 = require("./helpers");
-var component_base_1 = require("./component-base");
-var config_1 = require("./config");
+const React = __importStar(require("react"));
+const events = __importStar(require("devextreme/events"));
+const react_1 = require("react");
+const template_wrapper_1 = require("./template-wrapper");
+const helpers_1 = require("./helpers");
+const component_base_1 = require("./component-base");
+const config_1 = require("./config");
 function normalizeProps(props) {
     if ((0, config_1.getOption)('useLegacyTemplateEngine')) {
-        var model = props.data;
+        const model = props.data;
         if (model && Object.prototype.hasOwnProperty.call(model, 'key')) {
             model.dxkey = model.key;
         }
@@ -81,32 +54,30 @@ function normalizeProps(props) {
     }
     return props;
 }
-var TemplateManager = function (_a) {
-    var init = _a.init;
-    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) {
+const TemplateManager = ({ init }) => {
+    const [instantiationModels, setInstantiationModels] = (0, react_1.useState)(new helpers_1.TemplateInstantiationModels());
+    const [updateContext, setUpdateContext] = (0, react_1.useState)();
+    const widgetId = (0, react_1.useRef)('');
+    const templateFactories = (0, react_1.useRef)({});
+    const subscribeOnRemoval = (0, react_1.useCallback)((container, onRemoved) => {
         if (container.nodeType === Node.ELEMENT_NODE) {
             events.on(container, component_base_1.DX_REMOVE_EVENT, onRemoved);
         }
     }, []);
-    var unsubscribeOnRemoval = (0, react_1.useCallback)(function (container, onRemoved) {
+    const unsubscribeOnRemoval = (0, react_1.useCallback)((container, onRemoved) => {
         if (container.nodeType === Node.ELEMENT_NODE) {
             events.off(container, component_base_1.DX_REMOVE_EVENT, onRemoved);
         }
     }, []);
-    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);
-        var onRemoved = function () {
-            setInstantiationModels(function (currentInstantiationModels) {
-                var template = currentInstantiationModels.get(key);
+    const unwrapElement = (0, react_1.useCallback)((element) => (element.get ? element.get(0) : element), []);
+    const createMapKey = (0, react_1.useCallback)((key1, key2) => ({ key1, key2 }), []);
+    const getRandomId = (0, react_1.useCallback)(() => `${(0, helpers_1.generateID)()}${(0, helpers_1.generateID)()}${(0, helpers_1.generateID)()}`, []);
+    const getRenderFunc = (0, react_1.useCallback)((templateKey) => ({ model: data, index, container, onRendered, }) => {
+        const containerElement = unwrapElement(container);
+        const key = createMapKey(data, containerElement);
+        const onRemoved = () => {
+            setInstantiationModels((currentInstantiationModels) => {
+                const template = currentInstantiationModels.get(key);
                 if (template) {
                     currentInstantiationModels.delete(key);
                     return currentInstantiationModels.shallowCopy();
@@ -114,49 +85,48 @@ var TemplateManager = function (_a) {
                 return currentInstantiationModels;
             });
         };
-        var hostWidgetId = widgetId.current;
-        setInstantiationModels(function (currentInstantiationModels) {
+        const hostWidgetId = widgetId.current;
+        setInstantiationModels((currentInstantiationModels) => {
             currentInstantiationModels.set(key, {
-                templateKey: templateKey,
-                index: index,
+                templateKey,
+                index,
                 componentKey: getRandomId(),
-                onRendered: function () {
+                onRendered: () => {
                     unsubscribeOnRemoval(containerElement, onRemoved);
                     if (hostWidgetId === widgetId.current) {
-                        onRendered === null || onRendered === void 0 ? void 0 : onRendered();
+                        onRendered?.();
                     }
                 },
-                onRemoved: onRemoved,
+                onRemoved,
             });
             return currentInstantiationModels.shallowCopy();
         });
         return containerElement;
-    }; }, [unsubscribeOnRemoval, createMapKey]);
-    (0, react_1.useMemo)(function () {
+    }, [unsubscribeOnRemoval, createMapKey]);
+    (0, react_1.useMemo)(() => {
         function getTemplateFunction(template) {
             switch (template.type) {
-                case 'children': return function () { return template.content; };
-                case 'render': return function (props) {
+                case 'children': return () => template.content;
+                case 'render': return (props) => {
                     normalizeProps(props);
                     return template.content(props.data, props.index);
                 };
-                case 'component': return function (props) {
+                case 'component': return (props) => {
                     props = normalizeProps(props);
                     return React.createElement.bind(null, template.content)(props);
                 };
-                default: return function () { return React.createElement(React.Fragment); };
+                default: return () => React.createElement(React.Fragment);
             }
         }
         function createDXTemplates(templateOptions) {
-            var factories = Object.entries(templateOptions)
-                .reduce(function (res, _a) {
-                var _b;
-                var _c = __read(_a, 2), key = _c[0], template = _c[1];
-                return (__assign(__assign({}, res), (_b = {}, _b[key] = getTemplateFunction(template), _b)));
-            }, {});
+            const factories = Object.entries(templateOptions)
+                .reduce((res, [key, template]) => ({
+                ...res,
+                [key]: getTemplateFunction(template),
+            }), {});
             templateFactories.current = factories;
-            var dxTemplates = Object.keys(factories)
-                .reduce(function (templates, templateKey) {
+            const dxTemplates = Object.keys(factories)
+                .reduce((templates, templateKey) => {
                 templates[templateKey] = { render: getRenderFunc(templateKey) };
                 return templates;
             }, {});
@@ -167,11 +137,11 @@ var TemplateManager = function (_a) {
             setInstantiationModels(new helpers_1.TemplateInstantiationModels());
         }
         function updateTemplates(onUpdated) {
-            setUpdateContext({ onUpdated: onUpdated });
+            setUpdateContext({ onUpdated });
         }
-        init({ createDXTemplates: createDXTemplates, clearInstantiationModels: clearInstantiationModels, updateTemplates: updateTemplates });
+        init({ createDXTemplates, clearInstantiationModels, updateTemplates });
     }, [init, getRenderFunc]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (updateContext) {
             updateContext.onUpdated();
         }
@@ -179,10 +149,9 @@ var TemplateManager = function (_a) {
     if (instantiationModels.empty) {
         return null;
     }
-    return (React.createElement(React.Fragment, null, Array.from(instantiationModels).map(function (_a) {
-        var _b = __read(_a, 2), _c = _b[0], data = _c.key1, container = _c.key2, _d = _b[1], index = _d.index, templateKey = _d.templateKey, componentKey = _d.componentKey, onRendered = _d.onRendered, onRemoved = _d.onRemoved;
+    return (React.createElement(React.Fragment, null, Array.from(instantiationModels).map(([{ key1: data, key2: container }, { index, templateKey, componentKey, onRendered, onRemoved, }]) => {
         subscribeOnRemoval(container, onRemoved);
-        var factory = templateFactories.current[templateKey];
+        const factory = templateFactories.current[templateKey];
         if (factory) {
             return React.createElement(template_wrapper_1.TemplateWrapper, { key: componentKey, templateFactory: factory, data: data, index: index, container: container, onRemoved: onRemoved, onRendered: onRendered });
         }

package/cjs/core/template-wrapper.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
  *