nuxeo-development-framework 5.6.8 → 5.7.0

package/bundles/nuxeo-development-framework.umd.js

@@ -15148,7 +15148,7 @@
       return DynamicColumnComponent;
   }());
   DynamicColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicColumnComponent, deps: [{ token: ExtensionService }, { token: ColumnRendererRegistryService }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  DynamicColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicColumnComponent, selector: "cts-dynamic-column", inputs: { id: "id", context: "context", column: "column" }, host: { classAttribute: "cts-dynamic-column" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: i0.ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: " <ng-container #content></ng-container> ", isInline: true, styles: ["\n\t\t\t.cts-dynamic-column {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t"], encapsulation: i0__namespace.ViewEncapsulation.None });
+  DynamicColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicColumnComponent, selector: "cts-dynamic-column", inputs: { id: "id", context: "context", column: "column" }, host: { classAttribute: "cts-dynamic-column" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: i0.ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: " <ng-container #content></ng-container> ", isInline: true, styles: ["\n\t\t\t.cts-dynamic-column {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: var(--dynamic-column-align, center);\n\t\t\t\tjustify-content: var(--dynamic-column-justity, flex-start);\n\t\t\t\twidth: var(--dynamic-column-width, 100%);\n\t\t\t\tpadding :var(--dynamic-column-padding, unset);\n\t\t\t}\n\t\t"], encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicColumnComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -15157,7 +15157,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       host: { class: 'cts-dynamic-column' },
                       styles: [
-                          "\n\t\t\t.cts-dynamic-column {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t"
+                          "\n\t\t\t.cts-dynamic-column {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: var(--dynamic-column-align, center);\n\t\t\t\tjustify-content: var(--dynamic-column-justity, flex-start);\n\t\t\t\twidth: var(--dynamic-column-width, 100%);\n\t\t\t\tpadding :var(--dynamic-column-padding, unset);\n\t\t\t}\n\t\t"
                       ]
                   }]
           }], ctorParameters: function () { return [{ type: ExtensionService }, { type: ColumnRendererRegistryService }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { content: [{
@@ -18587,7 +18587,7 @@
           _this.sourceState$ = _this._sourceState.asObservable().pipe(operators.filter(function (data) { return !!(data === null || data === void 0 ? void 0 : data.fieldConfig) && !!data.aggregation; }));
           _this.renderOptions$ = _this.sourceState$.pipe(operators.map(function (data) { var _a, _b; return (_b = (_a = data.fieldConfig) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.options; }), operators.filter(Boolean));
           _this._optionsSub = new rxjs.BehaviorSubject([]);
-          _this.options$ = _this.sourceState$.pipe(operators.switchMap(function (res) { return _this._aggregationService.prepareAggregationFiled(res); }), operators.filter(function (data) { return !!(data === null || data === void 0 ? void 0 : data.length); }), operators.tap(function (options) {
+          _this.options$ = _this.sourceState$.pipe(operators.switchMap(function (res) { return _this._aggregationService.prepareAggregationFiled(res); }), operators.tap(function (options) {
               _this._optionsSub.next(options);
           }));
           return _this;
@@ -20562,9 +20562,9 @@
               return;
           }
           Object.keys(changes).forEach(function (key) {
-              _this._componentRef.instance[key] = changes[key].currentValue;
+              _this._componentRef.instance[key] = ___default["default"].cloneDeep(changes[key].currentValue);
           });
-          this._componentRef.changeDetectorRef.markForCheck();
+          this._componentRef.changeDetectorRef.detectChanges();
       };
       BaseField.prototype.ngOnDestroy = function () {
           if (this._componentRef) {
@@ -20680,9 +20680,11 @@
               (_d = (_c = this.handlers)[componentType]) === null || _d === void 0 ? void 0 : _d.call(_c);
           }
       };
+      AggregationFieldComponent.prototype.ngOnChanges = function (changes) {
+          _super.prototype.ngOnChanges.call(this, changes);
+      };
       AggregationFieldComponent.prototype._prepareField = function () {
-          var instance = this._componentRef
-              .instance;
+          var instance = this._componentRef.instance;
           instance.aggregation = this.aggregation;
           instance.fieldConfig = this.fieldConfig;
           if (this.contentTemplate) {
@@ -20696,14 +20698,14 @@
           {
               provide: i2.NG_VALUE_ACCESSOR,
               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-              multi: true,
+              multi: true
           },
           {
               provide: i2.NG_VALIDATORS,
               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-              multi: true,
-          },
-      ], usesInheritance: true, ngImport: i0__namespace, template: '<ng-container #dynamicContainer></ng-container>', isInline: true, styles: [""], encapsulation: i0__namespace.ViewEncapsulation.None });
+              multi: true
+          }
+      ], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: '<ng-container #dynamicContainer></ng-container>', isInline: true, styles: [""], encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -20715,17 +20717,17 @@
                           {
                               provide: i2.NG_VALUE_ACCESSOR,
                               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-                              multi: true,
+                              multi: true
                           },
                           {
                               provide: i2.NG_VALIDATORS,
                               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-                              multi: true,
-                          },
+                              multi: true
+                          }
                       ],
                       host: {
-                          '[class]': "'aggregation-field' + '  aggregation-field__fieldConfig?.render?.type' ",
-                      },
+                          '[class]': "'aggregation-field' + '  aggregation-field__fieldConfig?.render?.type' "
+                      }
                   }]
           }], propDecorators: { aggregation: [{
                   type: i0.Input
@@ -22537,18 +22539,15 @@
           this.baseAppUrl = baseAppUrl;
           this.configService = configService;
           this.isFeatureEnabled = false;
+          this.isEnabled = false;
           this.editorConfig = (_a = this.configService.myConfiguration) === null || _a === void 0 ? void 0 : _a.configEditor;
           this.isFeatureEnabled = environment.configEditor === 'YES';
       }
-      Object.defineProperty(EditorButtonComponent.prototype, "isEnabled", {
-          get: function () {
-              var _a, _b, _c, _d;
-              return ((_a = this.editorConfig) === null || _a === void 0 ? void 0 : _a.enabled) && ((_d = (_c = (_b = this.editorConfig) === null || _b === void 0 ? void 0 : _b.types) === null || _c === void 0 ? void 0 : _c[this.type]) === null || _d === void 0 ? void 0 : _d.enabled);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      EditorButtonComponent.prototype.ngOnInit = function () { };
+      EditorButtonComponent.prototype.ngOnChanges = function (changes) {
+          var _a, _b, _c, _d;
+          this.typeConfig = (_b = (_a = this.editorConfig) === null || _a === void 0 ? void 0 : _a.types) === null || _b === void 0 ? void 0 : _b[this.type];
+          this.isEnabled = this.isFeatureEnabled && ((_c = this.editorConfig) === null || _c === void 0 ? void 0 : _c.enabled) && ((_d = this.typeConfig) === null || _d === void 0 ? void 0 : _d.enabled);
+      };
       EditorButtonComponent.prototype.navigate = function () {
           var _e;
           var _a;
@@ -22571,12 +22570,12 @@
       return EditorButtonComponent;
   }());
   EditorButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditorButtonComponent, deps: [{ token: 'environment' }, { token: i1__namespace$5.Router }, { token: PROJECT_BASE_HREF }, { token: AppConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  EditorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorButtonComponent, selector: "app-editor-button", inputs: { type: "type", key: "key" }, ngImport: i0__namespace, template: "\n\t\t<ng-container *ngIf=\"isFeatureEnabled && isEnabled\">\n\t\t\t<button\n\t\t\t\tmat-stroked-button\n\t\t\t\t[matTooltip]=\"'JSON_EDITOR.navigateToEditor' | translate\"\n\t\t\t\t(click)=\"navigate()\"\n\t\t\t\t*permission=\"{ name: item?.permission }\"\n\t\t\t>\n\t\t\t\t<mat-icon>edit</mat-icon>\n\t\t\t</button>\n\t\t</ng-container>\n\t", isInline: true, components: [{ type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i7__namespace.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  EditorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorButtonComponent, selector: "app-editor-button", inputs: { type: "type", key: "key" }, usesOnChanges: true, ngImport: i0__namespace, template: "\n\t\t<ng-container *ngIf=\"isEnabled\">\n\t\t\t<button\n\t\t\t\tmat-stroked-button\n\t\t\t\t[matTooltip]=\"'JSON_EDITOR.navigateToEditor' | translate\"\n\t\t\t\t(click)=\"navigate()\"\n\t\t\t\t*permission=\"{ name: typeConfig?.permission }\"\n\t\t\t>\n\t\t\t\t<mat-icon>edit</mat-icon>\n\t\t\t</button>\n\t\t</ng-container>\n\t", isInline: true, components: [{ type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i7__namespace.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditorButtonComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'app-editor-button',
-                      template: "\n\t\t<ng-container *ngIf=\"isFeatureEnabled && isEnabled\">\n\t\t\t<button\n\t\t\t\tmat-stroked-button\n\t\t\t\t[matTooltip]=\"'JSON_EDITOR.navigateToEditor' | translate\"\n\t\t\t\t(click)=\"navigate()\"\n\t\t\t\t*permission=\"{ name: item?.permission }\"\n\t\t\t>\n\t\t\t\t<mat-icon>edit</mat-icon>\n\t\t\t</button>\n\t\t</ng-container>\n\t"
+                      template: "\n\t\t<ng-container *ngIf=\"isEnabled\">\n\t\t\t<button\n\t\t\t\tmat-stroked-button\n\t\t\t\t[matTooltip]=\"'JSON_EDITOR.navigateToEditor' | translate\"\n\t\t\t\t(click)=\"navigate()\"\n\t\t\t\t*permission=\"{ name: typeConfig?.permission }\"\n\t\t\t>\n\t\t\t\t<mat-icon>edit</mat-icon>\n\t\t\t</button>\n\t\t</ng-container>\n\t"
                   }]
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
@@ -47205,7 +47204,8 @@
           _this.isPanelOpened = false;
           _this.isLoadingResult = false;
           _this.isExpanded = false;
-          _this.activeQuery = {};
+          // activeQuery: Record<string, any> = {};
+          _this._activeQuerySub = new rxjs.BehaviorSubject(null);
           _this._activeFiltersQuerySub = new rxjs.ReplaySubject();
           _this.activeFiltersQuery$ = _this._activeFiltersQuerySub.asObservable();
           _this._configSubject = new rxjs.BehaviorSubject(null);
@@ -47228,6 +47228,14 @@
           });
           return _this;
       }
+      Object.defineProperty(NdfReportsComponent.prototype, "activeQuery", {
+          get: function () {
+              var _a;
+              return (_a = this._activeQuerySub.getValue()) === null || _a === void 0 ? void 0 : _a.current;
+          },
+          enumerable: false,
+          configurable: true
+      });
       Object.defineProperty(NdfReportsComponent.prototype, "showDetails", {
           get: function () {
               return !!this._reportDetailsSubject.getValue();
@@ -47374,8 +47382,8 @@
           return this._filtersMapper.preparePayload(fields, criteria);
       };
       NdfReportsComponent.prototype._stringifyValues = function (criteria) {
-          return Object.entries(criteria).reduce(function (acc, _d) {
-              var _e = __read(_d, 2), key = _e[0], value = _e[1];
+          return Object.entries(criteria).reduce(function (acc, _g) {
+              var _h = __read(_g, 2), key = _h[0], value = _h[1];
               acc[key] = Array.isArray(value) ? JSON.stringify(value) : value;
               return acc;
           }, {});
@@ -47389,8 +47397,8 @@
           ]).pipe(operators.tap(function () {
               _this.isLoadingResult = true;
               _this._cdr.detectChanges();
-          }), operators.switchMap(function (_d) {
-              var _e = __read(_d, 2), criteria = _e[0], config = _e[1];
+          }), operators.switchMap(function (_g) {
+              var _h = __read(_g, 2), criteria = _h[0], config = _h[1];
               var request = config === null || config === void 0 ? void 0 : config.request;
               if (!request) {
                   return rxjs.of(null);
@@ -47406,8 +47414,8 @@
                   _this._cdr.detectChanges();
               }));
               return rxjs.forkJoin([rxjs.of(config), data$]);
-          }), operators.map(function (_d) {
-              var _e = __read(_d, 2), config = _e[0], response = _e[1];
+          }), operators.map(function (_g) {
+              var _h = __read(_g, 2), config = _h[0], response = _h[1];
               _this._prepareAggregations(response === null || response === void 0 ? void 0 : response.aggregations);
               return {
                   config: config,
@@ -47433,23 +47441,59 @@
               };
       };
       NdfReportsComponent.prototype._updateActiveQuery = function (query) {
-          this.activeQuery = query;
+          this._activeQuerySub.next({
+              previous: this.activeQuery,
+              current: query
+          });
           this._activeFiltersQuerySub.next({
               query: query,
               emitEvent: false
           });
       };
       NdfReportsComponent.prototype._prepareAggregations = function (aggregations) {
-          var _a;
+          var _a, _b, _c;
           if (this._isConfigChanged && this.aggregations) {
               this.aggregations = null;
           }
-          if (this.aggregations && ((_a = this.config.filters) === null || _a === void 0 ? void 0 : _a.reloadStrategy) === 'never') {
+          var reloadStrategy = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.reload) === null || _c === void 0 ? void 0 : _c.strategy;
+          if (this.aggregations && reloadStrategy === 'never') {
               return;
           }
-          this.aggregations = aggregations;
+          if (this.aggregations && reloadStrategy === 'onChange') {
+              if (this._shouldReloadOnChange()) {
+                  this._updateAggregations(aggregations);
+              }
+              return;
+          }
+          this._updateAggregations(aggregations);
           this._isConfigChanged = false;
       };
+      NdfReportsComponent.prototype._shouldReloadOnChange = function () {
+          var _a, _b, _c, _d, _e, _f;
+          if (((_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.reload) === null || _c === void 0 ? void 0 : _c.strategy) !== 'onChange') {
+              return false;
+          }
+          var triggerFields = (_f = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.filters) === null || _e === void 0 ? void 0 : _e.reload) === null || _f === void 0 ? void 0 : _f.triggerFields;
+          if (!Array.isArray(triggerFields)) {
+              return false;
+          }
+          var validFields = triggerFields.filter(Boolean);
+          if (!validFields.length) {
+              return false;
+          }
+          var activatedQuery = this._activeQuerySub.getValue();
+          var currentValue = (activatedQuery === null || activatedQuery === void 0 ? void 0 : activatedQuery.current) || {};
+          var previousValue = (activatedQuery === null || activatedQuery === void 0 ? void 0 : activatedQuery.previous) || {};
+          var changedKeys = this._getChangedKeys(previousValue, currentValue);
+          return validFields.some(function (field) { return changedKeys.includes(field); });
+      };
+      NdfReportsComponent.prototype._getChangedKeys = function (previous, current) {
+          var allKeys = ___default["default"].union(___default["default"].keys(previous), ___default["default"].keys(current));
+          return allKeys.filter(function (key) { return !___default["default"].isEqual(previous[key], current[key]); });
+      };
+      NdfReportsComponent.prototype._updateAggregations = function (aggregations) {
+          this.aggregations = ___default["default"].cloneDeep(aggregations);
+      };
       NdfReportsComponent.prototype._checkConfigChange = function (value) {
           var activeQuery = value.activeQuery, config = __rest(value, ["activeQuery"]);
           var _a = this._configSubject.getValue() || {}, aq = _a.activeQuery, currentConfig = __rest(_a, ["activeQuery"]);