@datorama/core 22.11.1 → 22.12.0

package/fesm5/datorama-core.js

@@ -8231,6 +8231,91 @@ function isTestEnv() {
     return !!window.Cypress;
 }
 
+/**
+ * @license
+ * Copyright Datorama. All Rights Reserved.
+ *
+ * Use of this source code is governed by an Apache License 2.0 license that can be
+ * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
+ */
+var DatoTriggerSingle = /** @class */ (function () {
+    function DatoTriggerSingle(cdr) {
+        this.cdr = cdr;
+        this._placeholder = '';
+    }
+    Object.defineProperty(DatoTriggerSingle.prototype, "placeholder", {
+        set: function (value) {
+            this._placeholder = value;
+            this.cdr.detectChanges();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DatoTriggerSingle.prototype, "context", {
+        set: function (value) {
+            this._model = { $implicit: value };
+            this.cdr.detectChanges();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DatoTriggerSingle.prototype, "hidePlaceholder", {
+        get: function () {
+            return !this._model || !this._model.$implicit;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DatoTriggerSingle.prototype.ngOnInit = function () {
+        this.cdr.detach();
+    };
+    Object.defineProperty(DatoTriggerSingle.prototype, "getLabel", {
+        get: function () {
+            return this._model && this._model.$implicit && this._model.$implicit[this.labelKey];
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DatoTriggerSingle.prototype.triggerChangeDetection = function () {
+        this.cdr.detectChanges();
+    };
+    DatoTriggerSingle.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", TemplateRef)
+    ], DatoTriggerSingle.prototype, "loadingTemplate", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", DatoSelectActiveDirective)
+    ], DatoTriggerSingle.prototype, "active", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], DatoTriggerSingle.prototype, "placeholder", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], DatoTriggerSingle.prototype, "labelKey", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], DatoTriggerSingle.prototype, "context", null);
+    DatoTriggerSingle = __decorate([
+        Component({
+            selector: 'dato-trigger-single',
+            template: "<ng-template *ngIf=\"loadingTemplate\" [ngTemplateOutlet]=\"loadingTemplate\"></ng-template>\n<ng-container\n        *ngIf=\"active && !hidePlaceholder\"\n        [ngTemplateOutlet]=\"active.tpl\"\n        [ngTemplateOutletContext]=\"_model\">\n</ng-container>\n<ng-container *ngIf=\"!active\">{{getLabel | translate}}</ng-container>\n<span class=\"dato-select__placeholder\" *ngIf=\"hidePlaceholder\">{{_placeholder}}</span>\n<dato-icon datoIcon=\"arrow-down\" datoSize=\"sm\" class=\"dato-select__single__arrow\"></dato-icon>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [":host{display:block;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host dato-icon{position:absolute;top:50%;transform:translateY(-50%);right:10px}"]
+        }),
+        __metadata("design:paramtypes", [ChangeDetectorRef])
+    ], DatoTriggerSingle);
+    return DatoTriggerSingle;
+}());
+
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -9112,6 +9197,9 @@ var DatoSelectComponent = /** @class */ (function (_super) {
             setTimeout(function () { return _this.datoOverlay.scheduleUpdate(); }, 0);
         }
     };
+    DatoSelectComponent.prototype.triggerChangeDetectionInDatoSingle = function () {
+        this.datoTriggerSingle.triggerChangeDetection();
+    };
     DatoSelectComponent.ctorParameters = function () { return [
         { type: ChangeDetectorRef },
         { type: DatoTranslateService },
@@ -9121,6 +9209,10 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         { type: undefined, decorators: [{ type: Attribute, args: ['datoSize',] }] },
         { type: String, decorators: [{ type: Attribute, args: ['width',] }] }
     ]; };
+    __decorate([
+        ViewChild('datoTriggerSingle'),
+        __metadata("design:type", DatoTriggerSingle)
+    ], DatoSelectComponent.prototype, "datoTriggerSingle", void 0);
     __decorate([
         ViewChild('dropdown'),
         __metadata("design:type", TemplateRef)
@@ -9287,7 +9379,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
     DatoSelectComponent = __decorate([
         Component({
             selector: 'dato-select',
-            template: "<section class=\"dato-select__trigger\" [class.dato-select--naked]=\"_naked\" [class.dato-select--disabled]=\"_disabled\">\n\n  <div class=\"dato-select__single\" *ngIf=\"isSingle\" [ngClass]=\"_dropdownClass\">\n    <dato-input [class.force-hide]=\"(!open && isCombo) || !isCombo\" [placeholder]=\"searchPlaceholder | translate\"\n      (keyup)=\"keyup($event)\" [isFocused]=\"_focus\" [isLoading]=\"isLoading\" [formControl]=\"searchControl\" type=\"search\">\n    </dato-input>\n\n    <dato-trigger-single [loadingTemplate]=\"loadingTemplate\" [active]=\"active\" datoErrorValidationBorderAnchor tabindex=\"0\" [labelKey]=\"labelKey\"\n      [context]=\"_model[0]\" [class.force-hide]=\"open && isCombo\" [placeholder]=\"placeholder | translate\"\n      class=\"ontop-overlay\" (keydown)=\"preventBodyScroll($event)\" (keyup)=\"keyup($event)\" (click)=\"openDropdown()\">\n    </dato-trigger-single>\n  </div>\n\n  <dato-trigger-multi [loadingTemplate]=\"loadingTemplate\" [options]=\"_model\" datoErrorValidationBorderAnchor [control]=\"searchControl\"\n    [placeholder]=\"placeholder | translate\" [labelKey]=\"labelKey\" [idKey]=\"idKey\" (keyup)=\"keyup($event)\"\n    [isLoading]=\"isLoading\" [keepFocus]=\"keepFocus\" [limitTo]=\"limitTo\" [clickOutside]=\"_clickOutside\" [isSortable]=\"isSortable\"\n                      [selectAllChipTxt]=\"selectAllChipTxt\"\n                      [showSelectAllChip]=\"selectAllChipTxt && showSelectAllChip\"\n                      (unselectAll)=\"checkAll(false)\"\n    (removeOption)=\"removeOption($event)\" (reorderOptions)=\"reorderOptions($event)\" *ngIf=\"isMulti\"\n    (click)=\"openDropdown($event)\"></dato-trigger-multi>\n\n</section>\n\n<ng-template #dropdown>\n  <section class=\"dato-select__dropdown-container\" tabindex=\"0\" (keyup)=\"keyup($event)\">\n\n    <!-- HEADER -->\n\n    <header class=\"dato-select__header dato-select__option dato-select__option--simple\" data-is-floating\n      *ngIf=\"isMulti && allowSelectAll\" [class.force-hide]=\"_showEmptyResults\" [class.ml-10]=\"containsGroups\">\n      <dato-checkbox [checked]=\"_isAllChecked\" (check)=\"checkAll($event)\"\n        [indeterminatelyChecked]=\"_isIndeterminatelyChecked\">\n        {{'core.select-all' | translate}}<span class=\"primary-300-color note-italic ml-5\">{{_count}}</span>\n      </dato-checkbox>\n    </header>\n\n    <!-- END HEADER -->\n\n    <!-- DROPDOWN -->\n\n    <div class=\"dato-select__dropdown\">\n\n      <ng-content></ng-content>\n\n      <dato-select-empty [show]=\"_showEmptyResults\">{{_noItemsLabel}}</dato-select-empty>\n      <div class=\"dato-select__option dato-select-infinite-spinner\" data-is-floating *ngIf=\"infiniteScrollLoading\">\n        <span class=\"dato-input__spinner\"></span>\n      </div>\n\n    </div>\n\n    <!-- END DROPDOWN -->\n\n\n    <!-- FOOTER -->\n\n    <footer class=\"dato-select__footer d-flex\" [class.with-actions]=\"_withActions\">\n\n      <ng-content select=\"[datoSelectFooter]\"></ng-content>\n\n      <ng-container *ngIf=\"_withActions\">\n        <dato-link class=\"mr-20\" datoType=\"secondary\" (click)=\"close()\">Cancel</dato-link>\n        <dato-button datoSize=\"sm\" (click)=\"save.emit(); close();\">Save</dato-button>\n      </ng-container>\n\n    </footer>\n\n    <!-- END FOOTER -->\n\n  </section>\n\n</ng-template>\n",
+            template: "<section class=\"dato-select__trigger\" [class.dato-select--naked]=\"_naked\" [class.dato-select--disabled]=\"_disabled\">\n\n  <div class=\"dato-select__single\" *ngIf=\"isSingle\" [ngClass]=\"_dropdownClass\">\n    <dato-input [class.force-hide]=\"(!open && isCombo) || !isCombo\" [placeholder]=\"searchPlaceholder | translate\"\n      (keyup)=\"keyup($event)\" [isFocused]=\"_focus\" [isLoading]=\"isLoading\" [formControl]=\"searchControl\" type=\"search\">\n    </dato-input>\n\n    <dato-trigger-single #datoTriggerSingle [loadingTemplate]=\"loadingTemplate\" [active]=\"active\" datoErrorValidationBorderAnchor tabindex=\"0\" [labelKey]=\"labelKey\"\n      [context]=\"_model[0]\" [class.force-hide]=\"open && isCombo\" [placeholder]=\"placeholder | translate\"\n      class=\"ontop-overlay\" (keydown)=\"preventBodyScroll($event)\" (keyup)=\"keyup($event)\" (click)=\"openDropdown()\">\n    </dato-trigger-single>\n  </div>\n\n  <dato-trigger-multi [loadingTemplate]=\"loadingTemplate\" [options]=\"_model\" datoErrorValidationBorderAnchor [control]=\"searchControl\"\n    [placeholder]=\"placeholder | translate\" [labelKey]=\"labelKey\" [idKey]=\"idKey\" (keyup)=\"keyup($event)\"\n    [isLoading]=\"isLoading\" [keepFocus]=\"keepFocus\" [limitTo]=\"limitTo\" [clickOutside]=\"_clickOutside\" [isSortable]=\"isSortable\"\n                      [selectAllChipTxt]=\"selectAllChipTxt\"\n                      [showSelectAllChip]=\"selectAllChipTxt && showSelectAllChip\"\n                      (unselectAll)=\"checkAll(false)\"\n    (removeOption)=\"removeOption($event)\" (reorderOptions)=\"reorderOptions($event)\" *ngIf=\"isMulti\"\n    (click)=\"openDropdown($event)\"></dato-trigger-multi>\n\n</section>\n\n<ng-template #dropdown>\n  <section class=\"dato-select__dropdown-container\" tabindex=\"0\" (keyup)=\"keyup($event)\">\n\n    <!-- HEADER -->\n\n    <header class=\"dato-select__header dato-select__option dato-select__option--simple\" data-is-floating\n      *ngIf=\"isMulti && allowSelectAll\" [class.force-hide]=\"_showEmptyResults\" [class.ml-10]=\"containsGroups\">\n      <dato-checkbox [checked]=\"_isAllChecked\" (check)=\"checkAll($event)\"\n        [indeterminatelyChecked]=\"_isIndeterminatelyChecked\">\n        {{'core.select-all' | translate}}<span class=\"primary-300-color note-italic ml-5\">{{_count}}</span>\n      </dato-checkbox>\n    </header>\n\n    <!-- END HEADER -->\n\n    <!-- DROPDOWN -->\n\n    <div class=\"dato-select__dropdown\">\n\n      <ng-content></ng-content>\n\n      <dato-select-empty [show]=\"_showEmptyResults\">{{_noItemsLabel}}</dato-select-empty>\n      <div class=\"dato-select__option dato-select-infinite-spinner\" data-is-floating *ngIf=\"infiniteScrollLoading\">\n        <span class=\"dato-input__spinner\"></span>\n      </div>\n\n    </div>\n\n    <!-- END DROPDOWN -->\n\n\n    <!-- FOOTER -->\n\n    <footer class=\"dato-select__footer d-flex\" [class.with-actions]=\"_withActions\">\n\n      <ng-content select=\"[datoSelectFooter]\"></ng-content>\n\n      <ng-container *ngIf=\"_withActions\">\n        <dato-link class=\"mr-20\" datoType=\"secondary\" (click)=\"close()\">Cancel</dato-link>\n        <dato-button datoSize=\"sm\" (click)=\"save.emit(); close();\">Save</dato-button>\n      </ng-container>\n\n    </footer>\n\n    <!-- END FOOTER -->\n\n  </section>\n\n</ng-template>\n",
             preserveWhitespaces: false,
             providers: [valueAccessor$3, DatoOverlay],
             encapsulation: ViewEncapsulation.None,
@@ -9305,88 +9397,6 @@ var DatoSelectComponent = /** @class */ (function (_super) {
     return DatoSelectComponent;
 }(BaseCustomControl));
 
-/**
- * @license
- * Copyright Datorama. All Rights Reserved.
- *
- * Use of this source code is governed by an Apache License 2.0 license that can be
- * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
- */
-var DatoTriggerSingle = /** @class */ (function () {
-    function DatoTriggerSingle(cdr) {
-        this.cdr = cdr;
-        this._placeholder = '';
-    }
-    Object.defineProperty(DatoTriggerSingle.prototype, "placeholder", {
-        set: function (value) {
-            this._placeholder = value;
-            this.cdr.detectChanges();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DatoTriggerSingle.prototype, "context", {
-        set: function (value) {
-            this._model = { $implicit: value };
-            this.cdr.detectChanges();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DatoTriggerSingle.prototype, "hidePlaceholder", {
-        get: function () {
-            return !this._model || !this._model.$implicit;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DatoTriggerSingle.prototype.ngOnInit = function () {
-        this.cdr.detach();
-    };
-    Object.defineProperty(DatoTriggerSingle.prototype, "getLabel", {
-        get: function () {
-            return this._model && this._model.$implicit && this._model.$implicit[this.labelKey];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DatoTriggerSingle.ctorParameters = function () { return [
-        { type: ChangeDetectorRef }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", TemplateRef)
-    ], DatoTriggerSingle.prototype, "loadingTemplate", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", DatoSelectActiveDirective)
-    ], DatoTriggerSingle.prototype, "active", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], DatoTriggerSingle.prototype, "placeholder", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], DatoTriggerSingle.prototype, "labelKey", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], DatoTriggerSingle.prototype, "context", null);
-    DatoTriggerSingle = __decorate([
-        Component({
-            selector: 'dato-trigger-single',
-            template: "<ng-template *ngIf=\"loadingTemplate\" [ngTemplateOutlet]=\"loadingTemplate\"></ng-template>\n<ng-container\n        *ngIf=\"active && !hidePlaceholder\"\n        [ngTemplateOutlet]=\"active.tpl\"\n        [ngTemplateOutletContext]=\"_model\">\n</ng-container>\n<ng-container *ngIf=\"!active\">{{getLabel | translate}}</ng-container>\n<span class=\"dato-select__placeholder\" *ngIf=\"hidePlaceholder\">{{_placeholder}}</span>\n<dato-icon datoIcon=\"arrow-down\" datoSize=\"sm\" class=\"dato-select__single__arrow\"></dato-icon>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{display:block;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host dato-icon{position:absolute;top:50%;transform:translateY(-50%);right:10px}"]
-        }),
-        __metadata("design:paramtypes", [ChangeDetectorRef])
-    ], DatoTriggerSingle);
-    return DatoTriggerSingle;
-}());
-
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -11317,6 +11327,8 @@ var GridQuery = /** @class */ (function (_super) {
         //@internal
         _this._serverDataLoaded = new Subject();
         _this.serverDataLoaded$ = _this._serverDataLoaded.asObservable();
+        _this._rowActionVisibilityChanged = new Subject();
+        _this.rowActionVisibilityChanged$ = _this._rowActionVisibilityChanged.asObservable();
         _this.rowDataChanged$ = _this.waitForGrid(function () {
             return merge$1(_this.gridRef.rowDataChanged, _this.gridRef.rowDataUpdated, _this.gridRef.filterChanged, _this.serverDataLoaded$);
         });
@@ -14955,6 +14967,9 @@ var GridService = /** @class */ (function () {
             this.setServerSidePagination({ selectAllRowsEnabled: false, excludedFromSelectAll: [] });
         }
     };
+    GridService.prototype.resolveRowActionsVisibility = function () {
+        this.gridQuery._rowActionVisibilityChanged.next();
+    };
     /**
      * When pivoting,
      * we add the field name to the column header class in order to access it through the auto generated pivot column.
@@ -16774,7 +16789,7 @@ var DatoGridV2ToolbarComponent = /** @class */ (function () {
     DatoGridV2ToolbarComponent.prototype.ngOnInit = function () {
         var _this = this;
         var dataChanges = this.gridController.gridQuery.waitForGrid(function () {
-            return merge$1(_this.gridQuery.gridRef.cellValueChanged, _this.gridQuery.gridRef.rowDataUpdated).pipe(debounceTime(100), untilDestroyed(_this));
+            return merge$1(_this.gridQuery.gridRef.cellValueChanged, _this.gridQuery.gridRef.rowDataUpdated, _this.gridQuery.rowActionVisibilityChanged$).pipe(debounceTime(100), untilDestroyed(_this));
         });
         var gridInit = this.gridQuery.gridReady$.pipe(take(1));
         gridInit.pipe(untilDestroyed(this)).subscribe(function () {
@@ -25402,7 +25417,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.11.1';
+window.coreVersion = '22.12.0';
 
 /**
  * @license