@datorama/core 22.2.4 → 22.5.1

package/fesm5/datorama-core.js

@@ -8549,8 +8549,8 @@ var DatoSelectComponent = /** @class */ (function (_super) {
             }
         }
         this.onChange(this._model);
-        this.datoOverlay.scheduleUpdate();
         this.cdr.markForCheck();
+        this.asyncUpdateDropdownPosition();
     };
     DatoSelectComponent.prototype.reorderOptions = function (newOrder) {
         this._model = newOrder;
@@ -8571,9 +8571,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        if (this.datoOverlay.attached) {
-            this.datoOverlay.scheduleUpdate();
-        }
+        this.asyncUpdateDropdownPosition();
     };
     DatoSelectComponent.prototype.preventBodyScroll = function (event) {
         if (isArrowUpDown(event)) {
@@ -8828,7 +8826,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
                     _this.searchTerm = value;
                     _this.keyManager.setActiveItem(-1);
                     _this.cdr.markForCheck();
-                    _this.datoOverlay && _this.datoOverlay.scheduleUpdate();
+                    _this.asyncUpdateDropdownPosition();
                 });
     };
     /**
@@ -8932,7 +8930,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        this.datoOverlay.scheduleUpdate();
+        this.asyncUpdateDropdownPosition();
     };
     DatoSelectComponent.prototype.activateInfiniteScroll = function () {
         var _this = this;
@@ -8985,6 +8983,14 @@ var DatoSelectComponent = /** @class */ (function (_super) {
             finally { if (e_9) throw e_9.error; }
         }
     };
+    // Make sure the overlay will be update AFTER Change Detection was done
+    // So the items in the input (and its height) is update
+    DatoSelectComponent.prototype.asyncUpdateDropdownPosition = function () {
+        var _this = this;
+        if (this.datoOverlay && this.datoOverlay.attached) {
+            setTimeout(function () { return _this.datoOverlay.scheduleUpdate(); }, 0);
+        }
+    };
     DatoSelectComponent.ctorParameters = function () { return [
         { type: ChangeDetectorRef },
         { type: DatoTranslateService },
@@ -11424,16 +11430,18 @@ var GridQuery = /** @class */ (function (_super) {
     GridQuery.prototype.selectFilter = function () {
         return this.select(function (state) { return state.settings.filter; });
     };
-    GridQuery.prototype.filterChanged = function () {
-        return this.selectFilter().pipe(map$1(function (filter) {
-            return Object.keys(filter).reduce(function (filters, field) {
-                var datoFilter = filter[field];
-                if (datoFilter) {
-                    filters.push({ field: field, filter: datoFilter });
+    GridQuery.prototype.getExternalFilter = function () {
+        var gridFilters = this.getFilter();
+        if (gridFilters) {
+            return Object.keys(gridFilters).reduce(function (filters, field) {
+                var filter = gridFilters[field];
+                if (filter) {
+                    filters.push({ field: field, filter: filter });
                 }
                 return filters;
             }, []);
-        }));
+        }
+        return [];
     };
     GridQuery.prototype.getSearchTerm = function () {
         return this.getValue().settings.searchTerm;
@@ -14205,13 +14213,13 @@ var GridService = /** @class */ (function () {
         }
     };
     GridService.prototype.setGridFilters = function (filters) {
-        var e_2, _a, _b;
+        var e_2, _a;
         if (this.api && filters) {
             var appliedFilter = {};
             try {
                 for (var filters_1 = __values(filters), filters_1_1 = filters_1.next(); !filters_1_1.done; filters_1_1 = filters_1.next()) {
-                    var _c = filters_1_1.value, filter = _c.filter, field = _c.field;
-                    appliedFilter = __assign(__assign({}, appliedFilter), (_b = {}, _b[field] = filter, _b));
+                    var _b = filters_1_1.value, filter = _b.filter, field = _b.field;
+                    appliedFilter[field] = filter;
                 }
             }
             catch (e_2_1) { e_2 = { error: e_2_1 }; }
@@ -15417,8 +15425,12 @@ var DatoGridControllerComponent = /** @class */ (function () {
             var settingsDiff = _this.gridService.getSettingsDiff();
             _this.gridService.updateSettings(settingsDiff);
             var data = _this.getGridData();
-            _this.onGridChange.emit(__assign(__assign({}, settingsDiff), { type: type,
-                data: data }));
+            _this.onGridChange.emit({
+                filter: _this.gridQuery.getExternalFilter(),
+                sort: _this.gridQuery.getSort(),
+                type: type,
+                data: data
+            });
         });
     };
     DatoGridControllerComponent.prototype.listenToStoreSettingsChanges = function () {
@@ -18265,9 +18277,11 @@ var DatoDatePickerContainerComponent = /** @class */ (function (_super) {
                 .subscribe(function (event) {
                 _this.toggle.emit(event);
                 _this.open = false;
+                _this.cdr.detectChanges();
                 _this.input && _this.setInputValue();
             });
             this.open = true;
+            this.cdr.detectChanges();
             this.input && this.handleEnter();
         }
     };
@@ -18321,9 +18335,7 @@ var DatoDatePickerContainerComponent = /** @class */ (function (_super) {
     };
     DatoDatePickerContainerComponent.prototype.handleEnter = function () {
         var _this = this;
-        this.input.keydown$
-            .pipe(filter$1(isEnter), takeUntil(this.toggle))
-            .subscribe(function () {
+        this.input.keydown$.pipe(filter$1(isEnter), takeUntil(this.toggle)).subscribe(function () {
             _this.setInputValue();
             _this.popover.closeById(DATE_PICKER_POPOVER_ID);
             _this.input.blur();
@@ -18388,7 +18400,7 @@ var DatoDatePickerContainerComponent = /** @class */ (function (_super) {
     DatoDatePickerContainerComponent = __decorate([
         Component({
             selector: 'dato-date-picker',
-            template: "<div class=\"d-flex {{ triggerStyle }} items-center dato-date-picker-trigger\" (click)=\"openDatepicker(origin)\" #origin\n     [class.pointer]=\"!viewMode\">\n    <ng-template #defaultView>\n      <dato-icon datoIcon=\"calendarcore\" width=\"16px\" class=\"primary-400-color\"></dato-icon>\n      <div class=\"ellipsis\"\n           [datoTooltip]=\"dateLabel + ' ' + dateRange\"\n           [datoTooltipPosition]=\"labelTooltipPosition\"\n           [datoTooltipOnTextOverflow]=\"true\">\n        <span class=\"dato-note date-label\" *ngIf=\"dateLabel\">{{dateLabel | translate}}&nbsp;</span>\n        <span class=\"dato-note date-range\">{{dateRange}}</span>\n      </div>\n    </ng-template>\n\n    <ng-template [ngTemplateOutlet]=\"triggerTpl ? triggerTpl : defaultView\"\n                 [ngTemplateOutletContext]=\"{label: dateLabel, range: dateRange, icon: 'calendar'}\"></ng-template>\n  </div>\n",
+            template: "<div class=\"d-flex {{ triggerStyle }} items-center dato-date-picker-trigger\" [class.open]=\"open\" (click)=\"openDatepicker(origin)\" #origin\n     [class.pointer]=\"!viewMode\">\n    <ng-template #defaultView>\n      <dato-icon datoIcon=\"calendarcore\" width=\"16px\" class=\"primary-400-color\"></dato-icon>\n      <div class=\"ellipsis\"\n           [datoTooltip]=\"dateLabel + ' ' + dateRange\"\n           [datoTooltipPosition]=\"labelTooltipPosition\"\n           [datoTooltipOnTextOverflow]=\"true\">\n        <span class=\"dato-note date-label\" *ngIf=\"dateLabel\">{{dateLabel | translate}}&nbsp;</span>\n        <span class=\"dato-note date-range\">{{dateRange}}</span>\n      </div>\n    </ng-template>\n\n    <ng-template [ngTemplateOutlet]=\"triggerTpl ? triggerTpl : defaultView\"\n                 [ngTemplateOutletContext]=\"{label: dateLabel, range: dateRange, icon: 'calendar'}\"></ng-template>\n  </div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush
         }),
         __param(0, Self()), __param(0, Optional()),
@@ -25181,7 +25193,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.2.4';
+window.coreVersion = '22.5.1';
 
 /**
  * @license