devextreme-react 24.1.2-beta → 24.1.3

package/esm/core/helpers.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,104 +11,32 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        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]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-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;
-};
 /* eslint-disable max-classes-per-file, no-restricted-syntax */
 import { createContext } from 'react';
-export var RemovalLockerContext = createContext(undefined);
+export const RemovalLockerContext = createContext(undefined);
 // eslint-disable-next-line @typescript-eslint/no-extra-parens
-export var RestoreTreeContext = createContext(undefined);
+export const RestoreTreeContext = createContext(undefined);
 export function generateID() {
     return Math.random().toString(36).substring(2);
 }
-var DoubleKeyMap = /** @class */ (function () {
-    function DoubleKeyMap() {
+export class DoubleKeyMap {
+    constructor() {
         this._map = new Map();
     }
-    DoubleKeyMap.prototype.set = function (_a, value) {
-        var key1 = _a.key1, key2 = _a.key2;
-        var innerMap = this._map.get(key1);
+    set({ key1, key2 }, value) {
+        let innerMap = this._map.get(key1);
         if (!innerMap) {
             innerMap = new Map();
             this._map.set(key1, innerMap);
         }
         innerMap.set(key2, value);
-    };
-    DoubleKeyMap.prototype.get = function (_a) {
-        var key1 = _a.key1, key2 = _a.key2;
-        var innerMap = this._map.get(key1);
+    }
+    get({ key1, key2 }) {
+        const innerMap = this._map.get(key1);
         return innerMap ? innerMap.get(key2) : undefined;
-    };
-    DoubleKeyMap.prototype.delete = function (_a) {
-        var key1 = _a.key1, key2 = _a.key2;
-        var innerMap = this._map.get(key1);
+    }
+    delete({ key1, key2 }) {
+        const innerMap = this._map.get(key1);
         if (!innerMap) {
             return;
         }
@@ -116,89 +44,28 @@ var DoubleKeyMap = /** @class */ (function () {
         if (innerMap.size === 0) {
             this._map.delete(key1);
         }
-    };
-    Object.defineProperty(DoubleKeyMap.prototype, "empty", {
-        get: function () {
-            return this._map.size === 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DoubleKeyMap.prototype.shallowCopy = function () {
-        var copy = new DoubleKeyMap();
+    }
+    get empty() {
+        return this._map.size === 0;
+    }
+    shallowCopy() {
+        const copy = new DoubleKeyMap();
         copy._map = this._map;
         return copy;
-    };
-    DoubleKeyMap.prototype[Symbol.iterator] = function () {
-        var _a, _b, _c, key1, innerMap, innerMap_1, innerMap_1_1, _d, key2, value, e_1_1, e_2_1;
-        var e_2, _e, e_1, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
-                case 0:
-                    _g.trys.push([0, 11, 12, 13]);
-                    _a = __values(this._map), _b = _a.next();
-                    _g.label = 1;
-                case 1:
-                    if (!!_b.done) return [3 /*break*/, 10];
-                    _c = __read(_b.value, 2), key1 = _c[0], innerMap = _c[1];
-                    _g.label = 2;
-                case 2:
-                    _g.trys.push([2, 7, 8, 9]);
-                    innerMap_1 = (e_1 = void 0, __values(innerMap)), innerMap_1_1 = innerMap_1.next();
-                    _g.label = 3;
-                case 3:
-                    if (!!innerMap_1_1.done) return [3 /*break*/, 6];
-                    _d = __read(innerMap_1_1.value, 2), key2 = _d[0], value = _d[1];
-                    return [4 /*yield*/, [{ key1: key1, key2: key2 }, value]];
-                case 4:
-                    _g.sent();
-                    _g.label = 5;
-                case 5:
-                    innerMap_1_1 = innerMap_1.next();
-                    return [3 /*break*/, 3];
-                case 6: return [3 /*break*/, 9];
-                case 7:
-                    e_1_1 = _g.sent();
-                    e_1 = { error: e_1_1 };
-                    return [3 /*break*/, 9];
-                case 8:
-                    try {
-                        if (innerMap_1_1 && !innerMap_1_1.done && (_f = innerMap_1.return)) _f.call(innerMap_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                    return [7 /*endfinally*/];
-                case 9:
-                    _b = _a.next();
-                    return [3 /*break*/, 1];
-                case 10: return [3 /*break*/, 13];
-                case 11:
-                    e_2_1 = _g.sent();
-                    e_2 = { error: e_2_1 };
-                    return [3 /*break*/, 13];
-                case 12:
-                    try {
-                        if (_b && !_b.done && (_e = _a.return)) _e.call(_a);
-                    }
-                    finally { if (e_2) throw e_2.error; }
-                    return [7 /*endfinally*/];
-                case 13: return [2 /*return*/];
+    }
+    *[Symbol.iterator]() {
+        for (const [key1, innerMap] of this._map) {
+            for (const [key2, value] of innerMap) {
+                yield [{ key1, key2 }, value];
             }
-        });
-    };
-    return DoubleKeyMap;
-}());
-export { DoubleKeyMap };
-var TemplateInstantiationModels = /** @class */ (function (_super) {
-    __extends(TemplateInstantiationModels, _super);
-    function TemplateInstantiationModels() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        }
     }
-    return TemplateInstantiationModels;
-}(DoubleKeyMap));
-export { TemplateInstantiationModels };
+}
+export class TemplateInstantiationModels extends DoubleKeyMap {
+}
 export function capitalizeFirstLetter(text) {
     if (text.length) {
-        return "".concat(text[0].toUpperCase()).concat(text.substr(1));
+        return `${text[0].toUpperCase()}${text.substr(1)}`;
     }
     return '';
 }

package/esm/core/nested-option.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
  *
@@ -13,11 +13,11 @@
 
 import * as React from 'react';
 import { ElementType, getElementInfo } from './configuration/react/element';
-var NestedOption = function (props) {
+const NestedOption = (props) => {
     // @ts-expect-error TS2339
-    var stateChildren = props.children;
-    var children = React.Children.map(stateChildren, function (child) {
-        var childElementInfo = getElementInfo(child);
+    const { children: stateChildren } = props;
+    const children = React.Children.map(stateChildren, (child) => {
+        const childElementInfo = getElementInfo(child);
         return childElementInfo.type === ElementType.Option ? child : null;
     });
     return React.createElement(React.Fragment, {}, children);

package/esm/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
  *
@@ -11,123 +11,92 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-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));
-};
 /* eslint-disable no-restricted-globals */
 import { getChanges } from './configuration/comparer';
 import { buildConfig, findValue, ValueType } from './configuration/tree';
 import { mergeNameParts, shallowEquals } from './configuration/utils';
 import { capitalizeFirstLetter } from './helpers';
-var optionsManagers = new Set();
-var guardTimeoutHandler = -1;
-var innerGuardTimeoutHandler = -1;
+const optionsManagers = new Set();
+let guardTimeoutHandler = -1;
+let innerGuardTimeoutHandler = -1;
 export function unscheduleGuards() {
     clearTimeout(guardTimeoutHandler);
     clearTimeout(innerGuardTimeoutHandler);
 }
 export 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());
         });
     });
 }
-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 = buildConfig(rootNode, false);
-        var options = {};
-        Object.keys(config.options).forEach(function (key) {
-            options[key] = _this.wrapOptionValue(key, config.options[key]);
+    }
+    getInitialOptions(rootNode) {
+        const config = 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 = buildConfig(rootNode, false);
+    }
+    getTemplateOptions(rootNode) {
+        const config = 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 = getChanges(config, this.currentConfig);
+        const changes = 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 = findValue(this.currentConfig, e.fullName.split('.'));
+        let valueDescriptor = findValue(this.currentConfig, e.fullName.split('.'));
         if (!valueDescriptor || valueDescriptor.value !== e.value) {
             this.callOptionChangeHandler(e.fullName, e.value);
         }
@@ -135,27 +104,26 @@ var OptionsManager = /** @class */ (function () {
         if (!valueDescriptor) {
             return;
         }
-        var value = valueDescriptor.value, type = valueDescriptor.type;
+        const { value, type } = valueDescriptor;
         if (value instanceof Array && type === 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 === 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(mergeNameParts(e.fullName, key), value[key]);
+                this.addGuard(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
                 && shallowEquals(value, e.value);
@@ -164,88 +132,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(capitalizeFirstLetter(propName), "Change");
+        const eventName = `on${capitalizeFirstLetter(propName)}Change`;
         parts[parts.length - 1] = eventName;
-        var changeEvent = findValue(this.currentConfig, parts);
+        const changeEvent = 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;
-}());
+    }
+}
 export { OptionsManager, };