igniteui-angular 12.2.6 → 12.2.7

package/bundles/igniteui-angular.umd.js

@@ -1336,6 +1336,18 @@
         }
         return result;
     };
+    /**
+     * Creates an object with prototype from provided source and copies
+     * all properties descriptors from provided source
+     *
+     * @param obj Source to copy prototype and descriptors from
+     * @returns New object with cloned prototype and property descriptors
+     */
+    var copyDescriptors = function (obj) {
+        if (obj) {
+            return Object.create(Object.getPrototypeOf(obj), Object.getOwnPropertyDescriptors(obj));
+        }
+    };
     /**
      * Deep clones all first level keys of Obj2 and merges them to Obj1
      *
@@ -1423,7 +1435,7 @@
      * @returns true if provided variable is Object
      * @hidden
      */
-    var isObject = function (value) { return value && value.toString() === '[object Object]'; };
+    var isObject = function (value) { return !!(value && value.toString() === '[object Object]'); };
     /**
      * Checks if provided variable is Date
      *
@@ -2498,6 +2510,15 @@
         TransactionEventOrigin["END"] = "endPending";
     })(exports.TransactionEventOrigin || (exports.TransactionEventOrigin = {}));
 
+    var DefaultDataCloneStrategy = /** @class */ (function () {
+        function DefaultDataCloneStrategy() {
+        }
+        DefaultDataCloneStrategy.prototype.clone = function (data) {
+            return cloneValue(data);
+        };
+        return DefaultDataCloneStrategy;
+    }());
+
     /**
      * @hidden
      */
@@ -2612,13 +2633,14 @@
          * @param deleteRows Should delete rows with DELETE transaction type from data
          * @returns Provided data collections updated with all provided transactions
          */
-        DataUtil.mergeTransactions = function (data, transactions, primaryKey, deleteRows) {
+        DataUtil.mergeTransactions = function (data, transactions, primaryKey, cloneStrategy, deleteRows) {
+            if (cloneStrategy === void 0) { cloneStrategy = new DefaultDataCloneStrategy(); }
             if (deleteRows === void 0) { deleteRows = false; }
             data.forEach(function (item, index) {
                 var rowId = primaryKey ? item[primaryKey] : item;
                 var transaction = transactions.find(function (t) { return t.id === rowId; });
                 if (transaction && transaction.type === exports.TransactionType.UPDATE) {
-                    data[index] = transaction.newValue;
+                    data[index] = mergeObjects(cloneStrategy.clone(data[index]), transaction.newValue);
                 }
             });
             if (deleteRows) {
@@ -2646,8 +2668,9 @@
          * @param deleteRows Should delete rows with DELETE transaction type from data
          * @returns Provided data collections updated with all provided transactions
          */
-        DataUtil.mergeHierarchicalTransactions = function (data, transactions, childDataKey, primaryKey, deleteRows) {
+        DataUtil.mergeHierarchicalTransactions = function (data, transactions, childDataKey, primaryKey, cloneStrategy, deleteRows) {
             var e_1, _a;
+            if (cloneStrategy === void 0) { cloneStrategy = new DefaultDataCloneStrategy(); }
             if (deleteRows === void 0) { deleteRows = false; }
             var _loop_1 = function (transaction) {
                 if (transaction.path) {
@@ -2664,7 +2687,7 @@
                         case exports.TransactionType.UPDATE:
                             var updateIndex = collection.findIndex(function (x) { return x[primaryKey] === transaction.id; });
                             if (updateIndex !== -1) {
-                                collection[updateIndex] = mergeObjects(cloneValue(collection[updateIndex]), transaction.newValue);
+                                collection[updateIndex] = mergeObjects(cloneStrategy.clone(collection[updateIndex]), transaction.newValue);
                             }
                             break;
                         case exports.TransactionType.DELETE:
@@ -7180,7 +7203,8 @@
             var rowInEditMode = grid.gridAPI.crudService.row;
             row.newData = value !== null && value !== void 0 ? value : rowInEditMode.transactionState;
             if (rowInEditMode && row.id === rowInEditMode.id) {
-                row.data = Object.assign(Object.assign({}, row.data), rowInEditMode.transactionState);
+                // do not use spread operator here as it will copy everything over an empty object with no descriptors
+                row.data = Object.assign(copyDescriptors(row.data), row.data, rowInEditMode.transactionState);
                 // TODO: Workaround for updating a row in edit mode through the API
             }
             else if (this.grid.transactions.enabled) {
@@ -7453,7 +7477,7 @@
             }
             if (!data) {
                 if (grid.transactions.enabled) {
-                    data = DataUtil.mergeTransactions(cloneArray(grid.data), grid.transactions.getAggregatedChanges(true), grid.primaryKey);
+                    data = DataUtil.mergeTransactions(cloneArray(grid.data), grid.transactions.getAggregatedChanges(true), grid.primaryKey, grid.dataCloneStrategy);
                     var deletedRows = grid.transactions.getTransactionLog().filter(function (t) { return t.type === exports.TransactionType.DELETE; }).map(function (t) { return t.id; });
                     deletedRows.forEach(function (rowID) {
                         var tempData = grid.primaryKey ? data.map(function (rec) { return rec[grid.primaryKey]; }) : data;
@@ -8601,7 +8625,7 @@
              */
             get: function () {
                 if (this.inEditMode) {
-                    return mergeWith__default['default'](cloneValue(this._rowData), this.grid.transactions.getAggregatedValue(this.rowID, false), function (objValue, srcValue) {
+                    return mergeWith__default['default'](this.grid.dataCloneStrategy.clone(this._rowData), this.grid.transactions.getAggregatedValue(this.rowID, false), function (objValue, srcValue) {
                         if (Array.isArray(srcValue)) {
                             return objValue = srcValue;
                         }
@@ -16860,7 +16884,23 @@
             this._isPending = false;
             this._pendingTransactions = [];
             this._pendingStates = new Map();
+            this._cloneStrategy = new DefaultDataCloneStrategy();
         }
+        Object.defineProperty(IgxBaseTransactionService.prototype, "cloneStrategy", {
+            /**
+             * @inheritdoc
+             */
+            get: function () {
+                return this._cloneStrategy;
+            },
+            set: function (strategy) {
+                if (strategy) {
+                    this._cloneStrategy = strategy;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IgxBaseTransactionService.prototype, "canRedo", {
             /**
              * @inheritdoc
@@ -16988,7 +17028,7 @@
                 }
             }
             else {
-                state = { value: cloneValue(transaction.newValue), recordRef: recordRef, type: transaction.type };
+                state = { value: this.cloneStrategy.clone(transaction.newValue), recordRef: recordRef, type: transaction.type };
                 states.set(transaction.id, state);
             }
         };
@@ -17010,7 +17050,7 @@
          */
         IgxBaseTransactionService.prototype.mergeValues = function (first, second) {
             if (isObject(first) || isObject(second)) {
-                return mergeObjects(cloneValue(first), second);
+                return mergeObjects(this.cloneStrategy.clone(first), second);
             }
             else {
                 return second ? second : first;
@@ -17336,7 +17376,7 @@
                 }
             }
             else {
-                state = { value: cloneValue(transaction.newValue), recordRef: recordRef, type: transaction.type };
+                state = { value: this.cloneStrategy.clone(transaction.newValue), recordRef: recordRef, type: transaction.type };
                 states.set(transaction.id, state);
             }
             //  should not clean pending state. This will happen automatically on endPending call
@@ -17427,7 +17467,7 @@
             var _this = this;
             var result = [];
             this._states.forEach(function (state, key) {
-                var value = mergeChanges ? _this.mergeValues(state.recordRef, state.value) : cloneValue(state.value);
+                var value = mergeChanges ? _this.mergeValues(state.recordRef, state.value) : _this.cloneStrategy.clone(state.value);
                 _this.clearArraysFromObject(value);
                 result.push({ id: key, path: state.path, newValue: value, type: state.type });
             });
@@ -17439,7 +17479,7 @@
                 if (id !== undefined) {
                     transactions = transactions.filter(function (t) { return t.id === id; });
                 }
-                DataUtil.mergeHierarchicalTransactions(data, transactions, childDataKey, primaryKeyOrId, true);
+                DataUtil.mergeHierarchicalTransactions(data, transactions, childDataKey, primaryKeyOrId, this.cloneStrategy, true);
                 this.clear(id);
             }
             else {
@@ -17545,7 +17585,6 @@
             switch (type) {
                 case ("Base" /* Base */):
                     return new IgxHierarchicalTransactionService();
-                    ;
                 default:
                     return new IgxBaseTransactionService();
             }
@@ -48809,7 +48848,7 @@
             var summaryIDs = [];
             var data = this.grid.data;
             if (this.grid.transactions.enabled) {
-                data = DataUtil.mergeTransactions(cloneArray(this.grid.data), this.grid.transactions.getAggregatedChanges(true), this.grid.primaryKey);
+                data = DataUtil.mergeTransactions(cloneArray(this.grid.data), this.grid.transactions.getAggregatedChanges(true), this.grid.primaryKey, this.grid.dataCloneStrategy);
             }
             var rowData = this.grid.primaryKey ? data.find(function (rec) { return rec[_this.grid.primaryKey] === rowID; }) : rowID;
             var id = '{ ';
@@ -55058,6 +55097,7 @@
                 outlet: _this.rowOutletDirective,
                 positionStrategy: _this.rowEditPositioningStrategy
             };
+            _this._dataCloneStrategy = new DefaultDataCloneStrategy();
             _this.transactionChange$ = new rxjs.Subject();
             _this._rendered = false;
             _this.DRAG_SCROLL_DELTA = 10;
@@ -55080,6 +55120,7 @@
             _this.currencyPipe = new i2.CurrencyPipe(_this.locale);
             _this.percentPipe = new i2.PercentPipe(_this.locale);
             _this._transactions = _this.transactionFactory.create("None" /* None */);
+            _this._transactions.cloneStrategy = _this.dataCloneStrategy;
             _this.cdr.detach();
             return _this;
         }
@@ -55090,6 +55131,27 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IgxGridBaseDirective.prototype, "dataCloneStrategy", {
+            /**
+             * Gets/Sets the data clone strategy of the grid when in edit mode.
+             *
+             * @example
+             * ```html
+             *  <igx-grid #grid [data]="localData" [dataCloneStrategy]="customCloneStrategy"></igx-grid>
+             * ```
+             */
+            get: function () {
+                return this._dataCloneStrategy;
+            },
+            set: function (strategy) {
+                if (strategy) {
+                    this._dataCloneStrategy = strategy;
+                    this._transactions.cloneStrategy = strategy;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IgxGridBaseDirective.prototype, "headerContainer", {
             get: function () {
                 return this.theadRow.headerContainer;
@@ -59766,6 +59828,9 @@
             else {
                 this._transactions = this.transactionFactory.create("None" /* None */);
             }
+            if (this.dataCloneStrategy) {
+                this._transactions.cloneStrategy = this.dataCloneStrategy;
+            }
         };
         IgxGridBaseDirective.prototype.subscribeToTransactions = function () {
             this.transactionChange$.next();
@@ -61152,6 +61217,7 @@
         primaryKey: [{ type: i0.Input }],
         uniqueColumnValuesStrategy: [{ type: i0.Input }],
         excelStyleFilteringComponents: [{ type: i0.ContentChildren, args: [IgxGridExcelStyleFilteringComponent, { read: IgxGridExcelStyleFilteringComponent, descendants: false },] }],
+        dataCloneStrategy: [{ type: i0.Input }],
         cellClick: [{ type: i0.Output }],
         selected: [{ type: i0.Output }],
         rowSelected: [{ type: i0.Output }],
@@ -61400,7 +61466,7 @@
             get: function () {
                 var _a, _b;
                 if (this.inEditMode) {
-                    return mergeWith__default['default'](cloneValue((_a = this._data) !== null && _a !== void 0 ? _a : this.grid.dataView[this.index]), this.grid.transactions.getAggregatedValue(this.key, false), function (objValue, srcValue) {
+                    return mergeWith__default['default'](this.grid.dataCloneStrategy.clone((_a = this._data) !== null && _a !== void 0 ? _a : this.grid.dataView[this.index]), this.grid.transactions.getAggregatedValue(this.key, false), function (objValue, srcValue) {
                         if (Array.isArray(srcValue)) {
                             return objValue = srcValue;
                         }
@@ -61760,7 +61826,7 @@
             get: function () {
                 var _a;
                 if (this.inEditMode) {
-                    return mergeWith__default['default'](cloneValue((_a = this._data) !== null && _a !== void 0 ? _a : this.grid.dataView[this.index]), this.grid.transactions.getAggregatedValue(this.key, false), function (objValue, srcValue) {
+                    return mergeWith__default['default'](this.grid.dataCloneStrategy.clone((_a = this._data) !== null && _a !== void 0 ? _a : this.grid.dataView[this.index]), this.grid.transactions.getAggregatedValue(this.key, false), function (objValue, srcValue) {
                         if (Array.isArray(srcValue)) {
                             return objValue = srcValue;
                         }
@@ -64114,7 +64180,7 @@
         IgxGridTransactionPipe.prototype.transform = function (collection, _id, _pipeTrigger) {
             var grid = this.gridAPI.grid;
             if (grid.transactions.enabled) {
-                var result = DataUtil.mergeTransactions(cloneArray(collection), grid.transactions.getAggregatedChanges(true), grid.primaryKey);
+                var result = DataUtil.mergeTransactions(cloneArray(collection), grid.transactions.getAggregatedChanges(true), grid.primaryKey, grid.dataCloneStrategy);
                 return result;
             }
             return collection;
@@ -73920,11 +73986,11 @@
                     var childDataKey = grid.childDataKey;
                     if (foreignKey) {
                         var flatDataClone = cloneArray(collection);
-                        return DataUtil.mergeTransactions(flatDataClone, aggregatedChanges, grid.primaryKey);
+                        return DataUtil.mergeTransactions(flatDataClone, aggregatedChanges, grid.primaryKey, grid.dataCloneStrategy);
                     }
                     else if (childDataKey) {
                         var hierarchicalDataClone = cloneHierarchicalArray(collection, childDataKey);
-                        return DataUtil.mergeHierarchicalTransactions(hierarchicalDataClone, aggregatedChanges, childDataKey, grid.primaryKey);
+                        return DataUtil.mergeHierarchicalTransactions(hierarchicalDataClone, aggregatedChanges, childDataKey, grid.primaryKey, grid.dataCloneStrategy);
                     }
                 }
             }
@@ -85560,6 +85626,7 @@
     exports.DEFAULT_OWNER = DEFAULT_OWNER;
     exports.DataUtil = DataUtil;
     exports.DateRangePickerFormatPipe = DateRangePickerFormatPipe;
+    exports.DefaultDataCloneStrategy = DefaultDataCloneStrategy;
     exports.DefaultSortingStrategy = DefaultSortingStrategy;
     exports.DisplayDensity = DisplayDensity;
     exports.DisplayDensityBase = DisplayDensityBase;