@sumaris-net/ngx-components 1.12.4 → 1.12.8

package/bundles/sumaris-net.ngx-components.umd.js

@@ -4386,6 +4386,21 @@
         { type: FormErrorTranslator },
         { type: i0.ChangeDetectorRef }
     ]; };
+    var FormControlGetPipe = /** @class */ (function () {
+        function FormControlGetPipe() {
+        }
+        FormControlGetPipe.prototype.transform = function (form, path) {
+            return form.get(path);
+        };
+        return FormControlGetPipe;
+    }());
+    FormControlGetPipe.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function FormControlGetPipe_Factory() { return new FormControlGetPipe(); }, token: FormControlGetPipe, providedIn: "root" });
+    FormControlGetPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'formGet'
+                },] },
+        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+    ];
 
     var SharedPipesModule = /** @class */ (function () {
         function SharedPipesModule() {
@@ -4431,7 +4446,8 @@
                         TranslateContextPipe,
                         TranslatablePipe,
                         NgInitDirective,
-                        FormErrorTranslatePipe
+                        FormErrorTranslatePipe,
+                        FormControlGetPipe
                     ],
                     exports: [
                         PropertyGetPipe,
@@ -4465,7 +4481,8 @@
                         TranslateContextPipe,
                         TranslatablePipe,
                         NgInitDirective,
-                        FormErrorTranslatePipe
+                        FormErrorTranslatePipe,
+                        FormControlGetPipe
                     ]
                 },] }
     ];
@@ -25365,9 +25382,15 @@
             return false;
         };
         AppTable.prototype.cancelOrDelete = function (event, row, opts) {
+            // Delete new row
             if (row.id === -1) {
                 this.deleteNewRow(event, row);
             }
+            // Delete existing (bu not editing) row
+            else if (!row.editing) {
+                this.deleteExistingRow(event, row, opts);
+            }
+            // Cancel existing (and editing) row
             else {
                 this.cancelExistingRow(event, row, opts);
             }
@@ -25532,6 +25555,7 @@
          * @param event
          * @param row
          * @param opts Use interactive=false to avoid user interaction (e.g. user confirmation)
+         *  Use skipIfLoading=false to force deletion even if table is busy
          */
         AppTable.prototype.deleteRow = function (event, row, opts) {
             return __awaiter(this, void 0, void 0, function () {
@@ -25551,6 +25575,7 @@
          * @param event
          * @param rows
          * @param opts Use interactive=false to avoid user interaction (e.g. user confirmation)
+         *    Use skipIfLoading=false to force deletion even if table is busy
          */
         AppTable.prototype.deleteRows = function (event, rows, opts) {
             var _a;
@@ -25566,10 +25591,12 @@
                             if (event === null || event === void 0 ? void 0 : event.defaultPrevented)
                                 return [2 /*return*/, 0]; // SKip
                             event === null || event === void 0 ? void 0 : event.preventDefault();
-                            if (!this._enabled)
-                                return [2 /*return*/, 0];
-                            if (this.loading || isEmptyArray(rows))
-                                return [2 /*return*/, 0];
+                            if (!this._enabled || isEmptyArray(rows))
+                                return [2 /*return*/, 0]; // Skip is disabled, or no rows to delete
+                            if (this.loading && (!opts || opts.skipIfLoading !== false)) {
+                                console.warn('[app-table] Skip deleteRows() because table is busy (loading). Use opts.skipLoading = false to force deletion');
+                                return [2 /*return*/, 0]; // Skip if loading
+                            }
                             // Make sure to keep newly created row
                             if (((_a = this.editedRow) === null || _a === void 0 ? void 0 : _a.id) === -1 && this.editedRow.editing && !rows.includes(this.editedRow)) {
                                 confirmed = this.confirmEditCreate();
@@ -25587,25 +25614,27 @@
                             rows = rows.slice()
                                 .sort(function (a, b) { return a.id > b.id ? -1 : 1; });
                             if (!this.saveBeforeDelete) return [3 /*break*/, 3];
-                            // Cancel invalid rows (because of save() will fail, if invalid rows exists)
-                            rows = rows.reduce(function (res, row) {
+                            // Exclude invalid rows (because of save() will fail, when exists some invalid rows)
+                            rows = rows.filter(function (row) {
                                 if (row.validator && !row.validator.valid) {
                                     // When deleted (= newly created row) : decrement counter
                                     if (row.id === -1 || !row.editing) {
                                         row.delete();
                                         _this.visibleRowCount--;
                                         _this.totalRowCount--;
-                                        return res;
+                                        return false; // Remove this row to the list, because already deleted
                                     }
-                                    // Mark row as pristine, to avoid row to be saved
+                                    // Mark row as pristine, to avoid row to be saved even if still invalid
                                     else {
-                                        row.cancelOrDelete(); // Will cancel only (delete will always go into the previous 'if')
-                                        row.validator.markAsPristine();
+                                        // Will cancel only (delete will always go into the previous 'if')
+                                        row.cancelOrDelete();
+                                        // Mark row as pristine (if possible)
+                                        _this.checkIfRowPristine(row, { emitEvent: false, onlySelf: true /*avoid propagation to table*/ });
                                         // Continue: the row will be deleted after the save
                                     }
                                 }
-                                return res.concat(row);
-                            }, []);
+                                return true;
+                            });
                             if (!isNotEmptyArray(rows)) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.saveBeforeAction('delete')];
                         case 2:
@@ -25821,6 +25850,7 @@
             }); });
         };
         AppTable.prototype.escapeEditingRow = function (event, row) {
+            var _this = this;
             row = row || this.editedRow;
             if (!row || !row.editing)
                 return;
@@ -25831,21 +25861,31 @@
                 event.preventDefault();
                 event.stopPropagation();
             }
-            // If new row is invalid: delete silently
-            if (row.id === -1 && row.validator.invalid) {
-                this.deleteNewRow(event, row);
+            // If new row (no id)
+            if (row.id === -1) {
+                if (row.validator) {
+                    // If pending: Wait end of validation, then loop
+                    if (row.validator.pending) {
+                        AppFormUtils.waitWhilePending(row.validator).then(function () { return _this.escapeEditingRow(event, row); });
+                        return;
+                    }
+                    // Row is invalid: delete the row
+                    if (row.validator.invalid) {
+                        this.deleteNewRow(event, row);
+                        return;
+                    }
+                }
             }
-            // If exists
+            // If the row exists (has an id)
             else {
-                // cancel (if confirmation)
+                // need to call cancel function (if confirmation will be call before before)
                 if (this.confirmBeforeCancel) {
                     this.cancelExistingRow(event, row, { keepEditing: false });
-                }
-                // Or validate, if no confirmation
-                else {
-                    this.confirmEditCreate(event, row);
+                    return;
                 }
             }
+            // By default, try to confirm the row
+            this.confirmEditCreate(event, row);
         };
         AppTable.prototype.translateControlPath = function (path) {
             // Can be override by subclasses, to resolve all field name
@@ -26342,6 +26382,8 @@
             }
         };
         AppTable.prototype.deleteNewRow = function (event, row) {
+            if (row.id !== -1)
+                throw new Error('Row must have id = -1');
             event === null || event === void 0 ? void 0 : event.stopPropagation();
             this.selection.clear();
             this.editedRow = undefined; // unselect row
@@ -26351,9 +26393,21 @@
             this.totalRowCount--;
             this.visibleRowCount--;
         };
+        AppTable.prototype.deleteExistingRow = function (event, row, opts) {
+            // Make sure row will be cancelled, and NOT deleted
+            if (row.id === -1)
+                throw new Error('Row must have an id');
+            if (event === null || event === void 0 ? void 0 : event.defaultPrevented)
+                return 0; // SKip
+            event === null || event === void 0 ? void 0 : event.preventDefault();
+            this.deleteRow(null, row, opts);
+        };
         AppTable.prototype.cancelExistingRow = function (event, row, opts) {
             var _this = this;
-            var _a, _b, _c;
+            var _a;
+            // Make sure row will be cancelled, and NOT deleted
+            if (row.id === -1 || !row.editing)
+                throw new Error('Row cannot be canceling, but only deleting');
             var confirmed = (!opts || opts.interactive !== false);
             // Ask user confirmation, if cancel
             if (!confirmed && ((_a = row.validator) === null || _a === void 0 ? void 0 : _a.dirty) && (this.confirmBeforeCancel || this.onBeforeCancelRows.observers.length > 0)) {
@@ -26371,17 +26425,32 @@
             this._dataSource.cancelOrDelete(row);
             this.onCancelOrDeleteRow.next(row);
             // Mark row as pristine
-            var markRowAsPristine = ((_b = this.dataSource) === null || _b === void 0 ? void 0 : _b.options.keepOriginalDataAfterConfirm) === true;
-            if (markRowAsPristine) {
-                (_c = row.validator) === null || _c === void 0 ? void 0 : _c.markAsPristine();
-                // Check if table is now pristine
-                this.checkIfPristine();
-            }
+            this.checkIfRowPristine(row);
             // Restore editing state
             if (keepEditing) {
                 this.editRow(undefined, row);
             }
         };
+        AppTable.prototype.checkIfRowPristine = function (row, opts) {
+            var _a, _b;
+            return __awaiter(this, void 0, void 0, function () {
+                var markRowAsPristine;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            markRowAsPristine = ((_a = this.dataSource) === null || _a === void 0 ? void 0 : _a.options.keepOriginalDataAfterConfirm) === true;
+                            if (!markRowAsPristine) return [3 /*break*/, 2];
+                            (_b = row.validator) === null || _b === void 0 ? void 0 : _b.markAsPristine();
+                            if (!(!opts || opts.onlySelf !== true)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.checkIfPristine(opts)];
+                        case 1:
+                            _e.sent();
+                            _e.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
         AppTable.prototype.checkIfPristine = function (opts) {
             return __awaiter(this, void 0, void 0, function () {
                 var rows, pristine;
@@ -30692,6 +30761,7 @@
     exports.FormArrayHelper = FormArrayHelper;
     exports.FormButtonsBarComponent = FormButtonsBarComponent;
     exports.FormButtonsBarToken = FormButtonsBarToken;
+    exports.FormControlGetPipe = FormControlGetPipe;
     exports.FormErrorTranslatePipe = FormErrorTranslatePipe;
     exports.FormErrorTranslator = FormErrorTranslator;
     exports.FormFieldValuesHolder = FormFieldValuesHolder;