nuxeo-development-framework 6.1.2 → 6.1.3

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

@@ -16191,21 +16191,22 @@
           this._ndfTransformService = _ndfTransformService;
       }
       AggregationFieldService.prototype.prepareAggregationFiled = function (data) {
-          var _a, _b;
+          var _a;
           return !!((_a = data.fieldConfig) === null || _a === void 0 ? void 0 : _a.dataTransformer)
-              ? this._transformData(data.aggregation, (_b = data.fieldConfig) === null || _b === void 0 ? void 0 : _b.dataTransformer)
+              ? this._transformData(data.aggregation, data.fieldConfig)
               : this._prepareOptions(data);
       };
-      AggregationFieldService.prototype._prepareOptions = function (_c) {
+      AggregationFieldService.prototype._prepareOptions = function (_b) {
           var _this = this;
-          var fieldConfig = _c.fieldConfig, aggregation = _c.aggregation;
+          var fieldConfig = _b.fieldConfig, aggregation = _b.aggregation;
           return rxjs.of(aggregation).pipe(operators.map(function (aggregation) {
               var _items = ___default["default"].get(aggregation, (fieldConfig === null || fieldConfig === void 0 ? void 0 : fieldConfig.propertyPath) || 'buckets') || [];
               return _items.map(function (item) { return _this._mapOption(item, fieldConfig); });
           }));
       };
-      AggregationFieldService.prototype._transformData = function (aggregation, transformer) {
+      AggregationFieldService.prototype._transformData = function (aggregation, config) {
           var _this = this;
+          var transformer = config.dataTransformer;
           var _key = function (k) { return ("" + k).split('/').pop(); };
           var createMappedData = function (res, aggregation) {
               return res.map(function (item) {
@@ -16216,7 +16217,7 @@
           };
           var dataMappers = {
               subject: function (res, aggregation) { return createMappedData(res, aggregation); },
-              format: function (res, aggregation) { return createMappedData(res, aggregation); }
+              format: function (res, aggregation) { return createMappedData(res, aggregation); },
           };
           if (!this._ndfTransformService.has(transformer)) {
               throw new Error("No transformer defined for type: " + transformer);
@@ -16235,13 +16236,14 @@
       };
       AggregationFieldService.prototype._createFilterOption = function (item, docCount) {
           var code = item.code || item.id;
-          return {
+          var option = {
               id: code,
               label: item.code,
               value: code,
               count: docCount,
-              localizedLabel: { ar: item.arabicTitle, en: item.englishTitle }
+              localizedLabel: { ar: item.arabicTitle, en: item.englishTitle },
           };
+          return option;
       };
       AggregationFieldService.prototype._mapOption = function (item, config) {
           var prefix = (config === null || config === void 0 ? void 0 : config.prefix) || '';
@@ -16255,22 +16257,31 @@
               localizedLabel: config.bindLabel
                   ? {
                       ar: ___default["default"].get(item, config === null || config === void 0 ? void 0 : config.bindLabel.ar),
-                      en: ___default["default"].get(item, config === null || config === void 0 ? void 0 : config.bindLabel.en)
+                      en: ___default["default"].get(item, config === null || config === void 0 ? void 0 : config.bindLabel.en),
                   }
-                  : null
+                  : null,
           };
           if (config === null || config === void 0 ? void 0 : config.tooltip) {
               var _a = config === null || config === void 0 ? void 0 : config.tooltip, properties = _a.properties, tooltipConfig = __rest(_a, ["properties"]);
               option.tooltip = {
                   config: tooltipConfig,
-                  values: this._prepareTooltip(item, config === null || config === void 0 ? void 0 : config.tooltip) || null
+                  values: this._prepareTooltip(item, config === null || config === void 0 ? void 0 : config.tooltip) || null,
+              };
+          }
+          var keys = Object.keys(item);
+          if (keys.includes('from') || keys.includes('to')) {
+              option.constraints = {
+                  range: {
+                      from: item === null || item === void 0 ? void 0 : item.from,
+                      to: item.to,
+                  },
               };
           }
           return option;
       };
       AggregationFieldService.prototype._prepareTooltip = function (item, config) {
-          return Object.entries(config.properties).reduce(function (acc, _c) {
-              var _d = __read(_c, 1), key = _d[0];
+          return Object.entries(config.properties).reduce(function (acc, _b) {
+              var _c = __read(_b, 1), key = _c[0];
               var val = ___default["default"].get(item, key);
               if (val) {
                   acc[key] = val;
@@ -16285,7 +16296,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldService, decorators: [{
               type: i0.Injectable,
               args: [{
-                      providedIn: 'root'
+                      providedIn: 'root',
                   }]
           }], ctorParameters: function () { return [{ type: NdfTransformService }]; } });
 
@@ -19677,11 +19688,16 @@
           }
       };
       AggregationDateListComponent.prototype._initValue = function (obj) {
+          var _a;
           if (!isFieldValueObject(obj)) {
               this._handleSelection(obj);
               return;
           }
           var min = obj.min, max = obj.max, value = obj.value;
+          if ((_a = this.renderOptions) === null || _a === void 0 ? void 0 : _a.convertTime) {
+              this._handleConvertedTime(this._dateToTimestamp(min), this._dateToTimestamp(max));
+              return;
+          }
           if (min || max) {
               this.minMaxDateCtrl.patchValue({ min: min, max: max }, { emitEvent: false });
           }
@@ -19689,12 +19705,19 @@
               this._handleSelection(value);
           }
       };
+      AggregationDateListComponent.prototype._handleConvertedTime = function (from, to) {
+          var options = this._optionsSub.getValue();
+          var option = this.findByRange(options, { from: from, to: to });
+          if (option) {
+              this.selectionModel.select(option === null || option === void 0 ? void 0 : option.value);
+          }
+      };
       AggregationDateListComponent.prototype._handleSelection = function (values) {
-          var _b;
+          var _c;
           this.internalValue = values;
           if (this._isList()) {
               var selectedValues = Array.isArray(values) ? values : [values];
-              (_b = this.selectionModel).select.apply(_b, __spreadArray([], __read(selectedValues)));
+              (_c = this.selectionModel).select.apply(_c, __spreadArray([], __read(selectedValues)));
           }
       };
       AggregationDateListComponent.prototype.ngOnInit = function () {
@@ -19704,13 +19727,31 @@
           this._updateVisibility();
       };
       AggregationDateListComponent.prototype.updateValueSelection = function (value) {
-          var _a;
-          this._onChange(value);
+          var _a, _b;
+          this._onChange(!!((_a = this.renderOptions) === null || _a === void 0 ? void 0 : _a.convertTime) ? this._convertToTime(value) : value);
           if (this.renderOptions.minMax) {
-              var _emitEvent = ((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.sendMode) === FIELD_SEND_MODE.queryParam;
+              var _emitEvent = ((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.sendMode) === FIELD_SEND_MODE.queryParam;
               this._resetMinMaxCtrl(_emitEvent);
           }
       };
+      AggregationDateListComponent.prototype._convertToTime = function (value) {
+          var _a;
+          var _c = __read(value, 1), _val = _c[0];
+          var options = this._optionsSub.getValue();
+          var option = options.find(function (opt) { return opt.value === _val; });
+          if (option && ((_a = option.constraints) === null || _a === void 0 ? void 0 : _a.range)) {
+              var _d = option.constraints.range, from = _d.from, to = _d.to;
+              var _val_1 = {
+                  min: this._toEndOfDayISO(from),
+                  max: this._toEndOfDayISO(to),
+              };
+              if (this._isValueObject()) {
+                  return this._prepareValueRange(_val_1);
+              }
+              return _val_1;
+          }
+          return value;
+      };
       AggregationDateListComponent.prototype.updateSelectValue = function (value) {
           this.updateValueSelection([value]);
       };
@@ -19723,13 +19764,15 @@
           this._internalReset();
           this._isFieldDirty = !!_hasData;
           if (this._isValueObject()) {
-              var _operator = NxQL._getRangeOperator(value);
-              var _val = NxQL._getValueRange(value, 'DATE', _operator);
-              this._onChange(_val);
+              this._onChange(this._prepareValueRange(value));
               return;
           }
           this._onChange(value);
       };
+      AggregationDateListComponent.prototype._prepareValueRange = function (value) {
+          var _operator = NxQL._getRangeOperator(value);
+          return NxQL._getValueRange(value, 'DATE', _operator);
+      };
       AggregationDateListComponent.prototype.updateValue = function (value) {
           this.internalValue = value;
           this._onChange(value);
@@ -19746,7 +19789,9 @@
           }
           if (this._isSendAsQueryParams()) {
               formGroup.addControl(this.fieldConfig.aggregation + "__minMaxDate", this.minMaxDateCtrl);
-              this.minMaxDateCtrl.valueChanges.pipe(operators.takeUntil(this.destroy$)).subscribe(function (_) {
+              this.minMaxDateCtrl.valueChanges
+                  .pipe(operators.takeUntil(this.destroy$))
+                  .subscribe(function (_) {
                   _this._internalReset();
                   _this.updateValue(null);
               });
@@ -19765,23 +19810,21 @@
       };
       AggregationDateListComponent.prototype._addSelectionListener = function () {
           var _this = this;
-          if (!!this.renderOptions.view && this.renderOptions.view !== DATE_LIST_VIEW.list) {
+          if (!!this.renderOptions.view &&
+              this.renderOptions.view !== DATE_LIST_VIEW.list) {
               return;
           }
           this.selectionModel.changed
               .asObservable()
               .pipe(operators.map(function (data) { return data.source.selected; }), operators.takeUntil(this.destroy$))
               .subscribe(function (value) {
-              if (_this.renderOptions.minMax) {
-                  _this._resetMinMaxCtrl(false);
-              }
               _this.updateValueSelection(value);
           });
       };
       AggregationDateListComponent.prototype._resetMinMaxCtrl = function (emitEvent) {
           if (emitEvent === void 0) { emitEvent = true; }
           this.minMaxDateCtrl.reset(null, {
-              emitEvent: emitEvent
+              emitEvent: emitEvent,
           });
       };
       AggregationDateListComponent.prototype._internalReset = function () {
@@ -19816,6 +19859,27 @@
               }
           });
       };
+      AggregationDateListComponent.prototype._toEndOfDayISO = function (timestamp) {
+          moment__default$1["default"].locale('en');
+          return moment__default$1["default"](timestamp).format('YYYY-MM-DDTHH:mm:ssZ');
+      };
+      AggregationDateListComponent.prototype._dateToTimestamp = function (date) {
+          moment__default$1["default"].locale('en');
+          return moment__default$1["default"].parseZone(date).valueOf();
+      };
+      AggregationDateListComponent.prototype.normalize = function (ts) {
+          return moment__default$1["default"](ts).startOf('second').valueOf();
+      };
+      AggregationDateListComponent.prototype.findByRange = function (list, range) {
+          var _this = this;
+          var from = this.normalize(range.from);
+          var to = this.normalize(range.to);
+          return list.find(function (item) {
+              var itemFrom = _this.normalize(item.constraints.range.from);
+              var itemTo = _this.normalize(item.constraints.range.to);
+              return itemFrom === from && itemTo === to;
+          });
+      };
       return AggregationDateListComponent;
   }(BaseAggregationField));
   AggregationDateListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationDateListComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
@@ -19823,13 +19887,13 @@
           {
               provide: i2.NG_VALUE_ACCESSOR,
               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-              multi: true
+              multi: true,
           },
           {
               provide: i2.NG_VALIDATORS,
               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-              multi: true
-          }
+              multi: true,
+          },
       ], usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"options$ | async as options\">\r\n\t<field-header *ngIf=\"fieldConfig.label && !renderOptions?.hideLabel\" class=\"filter-date-list__label\">{{\r\n\t\tfieldConfig.label | translate\r\n\t}}</field-header>\r\n\r\n\t<div class=\"filter-date-list__wrapper\">\r\n\t\t<ng-container *ngIf=\"!renderOptions?.view || renderOptions.view === viewLayout.list\">\r\n\t\t\t<mat-radio-button\r\n\t\t\t\tclass=\"filter-date-list__item\"\r\n\t\t\t\t*ngFor=\"let option of options; index as index\"\r\n\t\t\t\t[checked]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t(change)=\"selectionModel.toggle(option.value)\"\r\n\t\t\t\t[class.checkedBox]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t[class.unCheckedBox]=\"!selectionModel.isSelected(option.value)\"\r\n\t\t\t>\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t[ngTemplateOutlet]=\"contentTemplate || defaultTemplate\"\r\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: option, fieldConfig, aggregation }\"\r\n\t\t\t\t></ng-container>\r\n\r\n\t\t\t\t<ng-template #defaultTemplate>\r\n\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t[option]=\"option\"\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</mat-radio-button>\r\n\r\n\t\t\t<button *ngIf=\"selectionModel.hasValue()\" mat-flat-button class=\"mb-2\" (click)=\"clearSelected()\">\r\n\t\t\t\t{{ 'FILTERS.clear' | translate }}\r\n\t\t\t</button>\r\n\t\t</ng-container>\r\n\r\n\t\t<ng-container *ngIf=\"renderOptions.view === viewLayout.dropdown\">\r\n\t\t\t<ng-select\r\n\t\t\t\tclass=\"filter-date-list__select\"\r\n\t\t\t\t[items]=\"options\"\r\n\t\t\t\tbindValue=\"value\"\r\n\t\t\t\t[multiple]=\"false\"\r\n\t\t\t\t[ngModel]=\"internalValue\"\r\n\t\t\t\t(ngModelChange)=\"updateSelectValue($event)\"\r\n\t\t\t\t[notFoundText]=\"emptyPlaceholder || 'SELECT.notFoundText' | translate\"\r\n\t\t\t\t[placeholder]=\"'SELECT.placeholder' | translate\"\r\n\t\t\t\t[clearAllText]=\"'SELECT.clearAllText' | translate\"\r\n\t\t\t\t[typeToSearchText]=\"'SELECT.typeToSearchText' | translate\"\r\n\t\t\t\t[searchable]=\"false\"\r\n\t\t\t>\r\n\t\t\t\t<ng-template ng-option-tmp let-item=\"item\">\r\n\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t[ngTemplateOutlet]=\"contentTemplate || defaultTemplate\"\r\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item, fieldConfig, aggregation }\"\r\n\t\t\t\t\t></ng-container>\r\n\r\n\t\t\t\t\t<ng-template #defaultTemplate>\r\n\t\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t\t[option]=\"item\"\r\n\t\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\r\n\t\t\t\t\t<div *ngFor=\"let item of items\" class=\"ng-value\">\r\n\t\t\t\t\t\t<span class=\"ng-value-label\">{{ item | localizedLabel : language }}</span>\r\n\t\t\t\t\t\t<button class=\"ng-value-icon left\" (click)=\"clear(item)\" aria-hidden=\"true\">\u00D7</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<ng-template ng-label-tmp let-item=\"item\">\r\n\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t[option]=\"item\"\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-select>\r\n\t\t</ng-container>\r\n\r\n\t\t<filter-date-range\r\n\t\t\tclass=\"filter-date-list__range\"\r\n\t\t\t*ngIf=\"renderOptions?.minMax\"\r\n\t\t\t[formControl]=\"minMaxDateCtrl\"\r\n\t\t></filter-date-range>\r\n\t</div>\r\n</div>\r\n", styles: [".filter-date-list{display:var(--fdl-display, block)}.filter-date-list__label{display:var(--fdl-label-display, block);margin-block:var(--fdl-label-margin-block, 0 .5rem);margin-inline:var(--fdl-label-margin-inline, 0 .2rem);padding:var(--fdl-padding, .2rem);font-weight:var(--fdl-weight, 600)}.filter-date-list__wrapper{display:var(--fdl-wrapper-display, flex);flex-direction:var(--fdl-wrapper-direction, column)}.filter-date-list__item{padding-inline-start:.5rem;margin-bottom:var(--fdl-row-margin-bottom, .3rem)}.filter-date-list__item .mat-radio-label{display:flex}.filter-date-list__item .mat-radio-label .mat-radio-label-content{flex-grow:1}.filter-date-list__select{margin-bottom:var(--fdl-row-margin-bottom, .3rem)}.filter-date-list__range{margin-top:var(--fdl-range-margin-top, .5rem);display:var(--fdl-range-display, flex);flex-direction:var(--fdl-range-direction, column)}\n"], components: [{ type: FieldHeaderComponent, selector: "field-header" }, { type: i2__namespace$5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: FilterOptionTextComponent, selector: "filter-option-text", inputs: ["option", "showCount", "language"] }, { 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: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: FilterDateRangeComponent, selector: "filter-date-range" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5__namespace.ɵf, selector: "[ng-option-tmp]" }, { type: i5__namespace.ɵi, selector: "[ng-multi-label-tmp]" }, { type: i5__namespace.ɵh, selector: "[ng-label-tmp]" }, { type: i2__namespace$4.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe, "localizedLabel": LocalizedLabelPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationDateListComponent, decorators: [{
               type: i0.Component,
@@ -19843,17 +19907,17 @@
                           {
                               provide: i2.NG_VALUE_ACCESSOR,
                               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-                              multi: true
+                              multi: true,
                           },
                           {
                               provide: i2.NG_VALIDATORS,
                               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-                              multi: true
-                          }
+                              multi: true,
+                          },
                       ],
                       host: {
-                          class: 'filter-date-list'
-                      }
+                          class: 'filter-date-list',
+                      },
                   }]
           }], propDecorators: { _controlContainer: [{
                   type: i0.Optional