devextreme-react 20.2.4-build-20310-0313 → 20.2.4

package/core/configuration/react/templates.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/configuration/react/tree.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/configuration/react/tree.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/configuration/tree.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/configuration/tree.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/configuration/utils.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/configuration/utils.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/dx-template.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/dx-template.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/extension-component.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/extension-component.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/helpers.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/helpers.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/nested-option.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/nested-option.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/options-manager.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -14,26 +14,27 @@
 import TemplatesManager from './templates-manager';
 import { IConfigNode } from './configuration/config-node';
 declare class OptionsManager {
-    private readonly _guards;
-    private readonly _updatedOptions;
-    private _templatesManager;
-    private _instance;
-    private _isUpdating;
-    private _currentConfig;
+    private readonly guards;
+    private templatesManager;
+    private instance;
+    private isUpdating;
+    private currentConfig;
+    private subscribableOptions;
     constructor(templatesManager: TemplatesManager);
-    setInstance(instance: unknown, config: IConfigNode): void;
-    getInitialOptions(rootNode: IConfigNode): Record<string, any>;
+    setInstance(instance: unknown, config: IConfigNode, subscribableOptions: string[]): void;
+    getInitialOptions(rootNode: IConfigNode): Record<string, unknown>;
     update(config: IConfigNode): void;
     onOptionChanged(e: {
         name: string;
         fullName: string;
-        value: any;
+        value: unknown;
     }): void;
     dispose(): void;
-    private _callOptionChangeHandler;
-    private _wrapOptionValue;
-    private _setGuard;
-    private _resetOption;
-    private _setValue;
+    private isOptionSubscribable;
+    private callOptionChangeHandler;
+    private wrapOptionValue;
+    private setGuard;
+    private resetOption;
+    private setValue;
 }
 export { OptionsManager, };

package/core/options-manager.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -20,73 +20,70 @@ var utils_1 = require("./configuration/utils");
 var helpers_1 = require("./helpers");
 var OptionsManager = /** @class */ (function () {
     function OptionsManager(templatesManager) {
-        this._guards = {};
-        this._updatedOptions = new Set();
-        this._isUpdating = false;
-        this._templatesManager = templatesManager;
+        this.guards = {};
+        this.isUpdating = false;
+        this.templatesManager = templatesManager;
         this.onOptionChanged = this.onOptionChanged.bind(this);
-        this._wrapOptionValue = this._wrapOptionValue.bind(this);
+        this.wrapOptionValue = this.wrapOptionValue.bind(this);
     }
-    OptionsManager.prototype.setInstance = function (instance, config) {
-        this._instance = instance;
-        this._currentConfig = config;
+    OptionsManager.prototype.setInstance = function (instance, config, subscribableOptions) {
+        this.instance = instance;
+        this.currentConfig = config;
+        this.subscribableOptions = new Set(subscribableOptions);
     };
     OptionsManager.prototype.getInitialOptions = function (rootNode) {
         var _this = this;
         var config = tree_1.buildConfig(rootNode, false);
         Object.keys(config.templates).forEach(function (key) {
-            _this._templatesManager.add(key, config.templates[key]);
+            _this.templatesManager.add(key, config.templates[key]);
         });
         var options = {};
         Object.keys(config.options).forEach(function (key) {
-            options[key] = _this._wrapOptionValue(key, config.options[key]);
+            options[key] = _this.wrapOptionValue(key, config.options[key]);
         });
-        if (this._templatesManager.templatesCount > 0) {
+        if (this.templatesManager.templatesCount > 0) {
             options.integrationOptions = {
-                templates: this._templatesManager.templates,
+                templates: this.templatesManager.templates,
             };
         }
         return options;
     };
     OptionsManager.prototype.update = function (config) {
         var _this = this;
-        var changes = comparer_1.getChanges(config, this._currentConfig);
+        var changes = comparer_1.getChanges(config, this.currentConfig);
         if (!changes.options && !changes.templates && !changes.removedOptions.length) {
             return;
         }
-        this._instance.beginUpdate();
-        this._isUpdating = true;
+        this.instance.beginUpdate();
+        this.isUpdating = true;
         changes.removedOptions.forEach(function (optionName) {
-            _this._resetOption(optionName);
+            _this.resetOption(optionName);
         });
         Object.keys(changes.templates).forEach(function (key) {
-            _this._templatesManager.add(key, changes.templates[key]);
+            _this.templatesManager.add(key, changes.templates[key]);
         });
-        if (this._templatesManager.templatesCount > 0) {
-            this._setValue('integrationOptions', {
-                templates: this._templatesManager.templates,
+        if (this.templatesManager.templatesCount > 0) {
+            this.setValue('integrationOptions', {
+                templates: this.templatesManager.templates,
             });
         }
         Object.keys(changes.options).forEach(function (key) {
-            _this._updatedOptions.add(key);
-            _this._setValue(key, changes.options[key]);
+            _this.setValue(key, changes.options[key]);
         });
-        this._isUpdating = false;
-        this._instance.endUpdate();
-        this._currentConfig = config;
+        this.isUpdating = false;
+        this.instance.endUpdate();
+        this.currentConfig = config;
     };
     OptionsManager.prototype.onOptionChanged = function (e) {
         var _this = this;
-        if (this._isUpdating) {
+        if (this.isUpdating) {
             return;
         }
-        if (this._updatedOptions.has(e.fullName)) {
-            this._updatedOptions.delete(e.fullName);
+        var valueDescriptor = tree_1.findValue(this.currentConfig, e.fullName.split('.'));
+        if (!valueDescriptor || valueDescriptor.value !== e.value) {
+            this.callOptionChangeHandler(e.fullName, e.value);
         }
-        else {
-            this._callOptionChangeHandler(e.fullName, e.value);
-        }
-        var valueDescriptor = tree_1.findValue(this._currentConfig, e.fullName.split('.'));
+        valueDescriptor = tree_1.findValue(this.currentConfig, e.fullName.split('.'));
         if (!valueDescriptor) {
             return;
         }
@@ -96,24 +93,30 @@ var OptionsManager = /** @class */ (function () {
                 if (value[key] === e.value[key]) {
                     return;
                 }
-                _this._setGuard(utils_1.mergeNameParts(e.fullName, key), value[key]);
+                _this.setGuard(utils_1.mergeNameParts(e.fullName, key), value[key]);
             });
         }
         else {
             if (value === e.value) {
                 return;
             }
-            this._setGuard(e.fullName, value);
+            this.setGuard(e.fullName, value);
         }
     };
     OptionsManager.prototype.dispose = function () {
         var _this = this;
-        Object.keys(this._guards).forEach(function (optionName) {
-            window.clearTimeout(_this._guards[optionName]);
-            delete _this._guards[optionName];
+        Object.keys(this.guards).forEach(function (optionName) {
+            window.clearTimeout(_this.guards[optionName]);
+            delete _this.guards[optionName];
         });
     };
-    OptionsManager.prototype._callOptionChangeHandler = function (optionName, optionValue) {
+    OptionsManager.prototype.isOptionSubscribable = function (optionName) {
+        return this.subscribableOptions.has(optionName);
+    };
+    OptionsManager.prototype.callOptionChangeHandler = function (optionName, optionValue) {
+        if (!this.isOptionSubscribable(optionName)) {
+            return;
+        }
         var parts = optionName.split('.');
         var propName = parts[parts.length - 1];
         if (propName.startsWith('on')) {
@@ -121,7 +124,7 @@ var OptionsManager = /** @class */ (function () {
         }
         var eventName = "on" + helpers_1.capitalizeFirstLetter(propName) + "Change";
         parts[parts.length - 1] = eventName;
-        var changeEvent = tree_1.findValue(this._currentConfig, parts);
+        var changeEvent = tree_1.findValue(this.currentConfig, parts);
         if (!changeEvent) {
             return;
         }
@@ -130,7 +133,7 @@ var OptionsManager = /** @class */ (function () {
         }
         changeEvent.value(optionValue);
     };
-    OptionsManager.prototype._wrapOptionValue = function (name, value) {
+    OptionsManager.prototype.wrapOptionValue = function (name, value) {
         var _this = this;
         if (name.substr(0, 2) === 'on' && typeof value === 'function') {
             return function () {
@@ -138,34 +141,34 @@ var OptionsManager = /** @class */ (function () {
                 for (var _i = 0; _i < arguments.length; _i++) {
                     args[_i] = arguments[_i];
                 }
-                if (!_this._isUpdating) {
+                if (!_this.isUpdating) {
                     value.apply(void 0, args);
                 }
             };
         }
         return value;
     };
-    OptionsManager.prototype._setGuard = function (optionName, optionValue) {
+    OptionsManager.prototype.setGuard = function (optionName, optionValue) {
         var _this = this;
-        if (this._guards[optionName] !== undefined) {
+        if (this.guards[optionName] !== undefined) {
             return;
         }
         var guardId = window.setTimeout(function () {
-            _this._setValue(optionName, optionValue);
+            _this.setValue(optionName, optionValue);
             window.clearTimeout(guardId);
-            delete _this._guards[optionName];
+            delete _this.guards[optionName];
         });
-        this._guards[optionName] = guardId;
+        this.guards[optionName] = guardId;
     };
-    OptionsManager.prototype._resetOption = function (name) {
-        this._instance.resetOption(name);
+    OptionsManager.prototype.resetOption = function (name) {
+        this.instance.resetOption(name);
     };
-    OptionsManager.prototype._setValue = function (name, value) {
-        if (this._guards[name]) {
-            window.clearTimeout(this._guards[name]);
-            delete this._guards[name];
+    OptionsManager.prototype.setValue = function (name, value) {
+        if (this.guards[name]) {
+            window.clearTimeout(this.guards[name]);
+            delete this.guards[name];
         }
-        this._instance.option(name, this._wrapOptionValue(name, value));
+        this.instance.option(name, this.wrapOptionValue(name, value));
     };
     return OptionsManager;
 }());

package/core/template-wrapper.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/template-wrapper.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/template.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/template.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/templates-manager.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/templates-manager.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/templates-renderer.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/templates-renderer.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/templates-store.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/templates-store.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/widget-config.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/core/widget-config.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/data-grid.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -45,6 +45,7 @@ interface IDataGridOptions extends IOptions, IHtmlOptions {
 declare class DataGrid extends BaseComponent<IDataGridOptions> {
     get instance(): dxDataGrid;
     protected _WidgetClass: typeof dxDataGrid;
+    protected subscribableOptions: string[];
     protected _defaults: {
         defaultColumns: string;
         defaultEditing: string;

package/data-grid.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -36,6 +36,7 @@ var DataGrid = /** @class */ (function (_super) {
     function DataGrid() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this._WidgetClass = data_grid_1.default;
+        _this.subscribableOptions = ["columns", "editing", "filterPanel", "filterValue", "focusedColumnIndex", "focusedRowIndex", "focusedRowKey", "paging", "searchPanel", "selectedRowKeys", "selectionFilter"];
         _this._defaults = {
             defaultColumns: "columns",
             defaultEditing: "editing",

package/date-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -27,6 +27,7 @@ interface IDateBoxOptions extends IOptions, IHtmlOptions {
 declare class DateBox extends BaseComponent<IDateBoxOptions> {
     get instance(): dxDateBox;
     protected _WidgetClass: typeof dxDateBox;
+    protected subscribableOptions: string[];
     protected _defaults: {
         defaultOpened: string;
         defaultValue: string;

package/date-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -36,6 +36,7 @@ var DateBox = /** @class */ (function (_super) {
     function DateBox() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this._WidgetClass = date_box_1.default;
+        _this.subscribableOptions = ["opened", "value"];
         _this._defaults = {
             defaultOpened: "opened",
             defaultValue: "value"

package/defer-rendering.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 20.2.4-build-20310-0313
- * Build date: Thu Nov 05 2020
+ * Version: 20.2.4
+ * Build date: Tue Dec 01 2020
  *
  * Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
  *