@datorama/core 22.2.4 → 22.5.1

package/fesm2015/datorama-core.js

@@ -7592,8 +7592,8 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
             }
         }
         this.onChange(this._model);
-        this.datoOverlay.scheduleUpdate();
         this.cdr.markForCheck();
+        this.asyncUpdateDropdownPosition();
     }
     reorderOptions(newOrder) {
         this._model = newOrder;
@@ -7613,9 +7613,7 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
         updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        if (this.datoOverlay.attached) {
-            this.datoOverlay.scheduleUpdate();
-        }
+        this.asyncUpdateDropdownPosition();
     }
     preventBodyScroll(event) {
         if (isArrowUpDown(event)) {
@@ -7812,7 +7810,7 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
                     this.searchTerm = value;
                     this.keyManager.setActiveItem(-1);
                     this.cdr.markForCheck();
-                    this.datoOverlay && this.datoOverlay.scheduleUpdate();
+                    this.asyncUpdateDropdownPosition();
                 });
     }
     /**
@@ -7900,7 +7898,7 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
         updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        this.datoOverlay.scheduleUpdate();
+        this.asyncUpdateDropdownPosition();
     }
     activateInfiniteScroll() {
         this.infiniteSubscription = fromEvent(document.querySelector('.dato-select__dropdown'), 'scroll')
@@ -7941,6 +7939,13 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
             }
         }
     }
+    // Make sure the overlay will be update AFTER Change Detection was done
+    // So the items in the input (and its height) is update
+    asyncUpdateDropdownPosition() {
+        if (this.datoOverlay && this.datoOverlay.attached) {
+            setTimeout(() => this.datoOverlay.scheduleUpdate(), 0);
+        }
+    }
 };
 DatoSelectComponent.ctorParameters = () => [
     { type: ChangeDetectorRef },
@@ -10139,16 +10144,18 @@ let GridQuery = class GridQuery extends Query {
     selectFilter() {
         return this.select(state => state.settings.filter);
     }
-    filterChanged() {
-        return this.selectFilter().pipe(map$1(filter => {
-            return Object.keys(filter).reduce((filters, field) => {
-                const datoFilter = filter[field];
-                if (datoFilter) {
-                    filters.push({ field, filter: datoFilter });
+    getExternalFilter() {
+        const gridFilters = this.getFilter();
+        if (gridFilters) {
+            return Object.keys(gridFilters).reduce((filters, field) => {
+                const filter = gridFilters[field];
+                if (filter) {
+                    filters.push({ field, filter });
                 }
                 return filters;
             }, []);
-        }));
+        }
+        return [];
     }
     getSearchTerm() {
         return this.getValue().settings.searchTerm;
@@ -12683,7 +12690,7 @@ let GridService = class GridService {
         if (this.api && filters) {
             let appliedFilter = {};
             for (const { filter, field } of filters) {
-                appliedFilter = Object.assign(Object.assign({}, appliedFilter), { [field]: filter });
+                appliedFilter[field] = filter;
             }
             this.updateSettings({ filter: appliedFilter });
             this.api.grid.onFilterChanged();
@@ -13773,8 +13780,12 @@ let DatoGridControllerComponent = class DatoGridControllerComponent {
             const settingsDiff = this.gridService.getSettingsDiff();
             this.gridService.updateSettings(settingsDiff);
             const data = this.getGridData();
-            this.onGridChange.emit(Object.assign(Object.assign({}, settingsDiff), { type,
-                data }));
+            this.onGridChange.emit({
+                filter: this.gridQuery.getExternalFilter(),
+                sort: this.gridQuery.getSort(),
+                type,
+                data
+            });
         });
     }
     listenToStoreSettingsChanges() {
@@ -16302,9 +16313,11 @@ let DatoDatePickerContainerComponent = class DatoDatePickerContainerComponent ex
                 .subscribe(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();
         }
     }
@@ -16357,9 +16370,7 @@ let DatoDatePickerContainerComponent = class DatoDatePickerContainerComponent ex
         this.initialInputValue = currentValue;
     }
     handleEnter() {
-        this.input.keydown$
-            .pipe(filter$1(isEnter), takeUntil(this.toggle))
-            .subscribe(() => {
+        this.input.keydown$.pipe(filter$1(isEnter), takeUntil(this.toggle)).subscribe(() => {
             this.setInputValue();
             this.popover.closeById(DATE_PICKER_POPOVER_ID);
             this.input.blur();
@@ -16425,7 +16436,7 @@ __decorate([
 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()),
@@ -22644,7 +22655,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.2.4';
+window.coreVersion = '22.5.1';
 
 /**
  * @license