@coolon/angular-ui-powerups 2.0.0-alpha.19 → 2.0.0-alpha.20

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [2.0.0-alpha.20](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.19...v2.0.0-alpha.20) (2020-08-11)
+
+
+### Features
+
+* added support for mutable cell renderers for live table editing ([ce4e932](https://bitbucket.org/coolon/angular-ui-powerups/commit/ce4e93233a4240403b78a8c4b234744f140c202e))
+
 ## [2.0.0-alpha.19](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.18...v2.0.0-alpha.19) (2020-08-11)
 
 

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -1860,6 +1860,7 @@
     var noop = function () {
     };
     var ɵ0 = noop;
+    var CELL_RENDERER_COMPONENT_ROW_CACHE = Symbol("aup-cell-renderer:row-data-cache");
     var ColumnModel = /** @class */ (function () {
         function ColumnModel(columnId, defaults) {
             this.columnId = columnId;
@@ -1977,6 +1978,35 @@
             }));
             return this;
         };
+        PropertyColumnModel.prototype.mutableCellRenderer = function (componentType, options) {
+            var _this = this;
+            this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, function (component, rowData, firstTime) {
+                // keep a local copy most recent row value so it's available to teh
+                // edit callback without having to add/remove subscribers all the time.
+                component[CELL_RENDERER_COMPONENT_ROW_CACHE] = rowData.row;
+                var disableEditCallback = false;
+                if (firstTime) {
+                    if (___default__default.isFunction(options === null || options === void 0 ? void 0 : options.onComponentInit)) {
+                        options.onComponentInit(component);
+                    }
+                    // install our edit callback
+                    component.onValueEdited(function (is, was) {
+                        if (!disableEditCallback) {
+                            options.onValueEdit(component[CELL_RENDERER_COMPONENT_ROW_CACHE], is, was);
+                        }
+                    });
+                }
+                // now push the value the component and disable the callback just incase the component misbehaves
+                // and fires a value change during the operation.
+                disableEditCallback = true;
+                component.value = rowData.row[_this.property];
+                disableEditCallback = false;
+                if (!___default__default.isFunction(options) && ___default__default.isFunction(options === null || options === void 0 ? void 0 : options.onRowUpdate)) {
+                    options.onRowUpdate(component, rowData.row);
+                }
+            }));
+            return this;
+        };
         PropertyColumnModel.prototype.cellEditor = function (editor, validatorsOrInitialiser, onComponentInit) {
             var _this = this;
             var validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;