@datorama/core 22.10.9-rc.5 → 22.11.1

package/bundle.scss

@@ -14319,6 +14319,10 @@ dato-input input:disabled:hover {
        */
 }
 
+.dato-grid.pivot-mode .ag-row.ag-row-group .bottom-border {
+    border-bottom: 1px solid themify(primary-200);
+}
+
 .dato-grid.pivot-mode .ag-row.ag-row-group:not(.ag-row-hover) {
     background-color: themify(primary-50);
 }
@@ -14333,7 +14337,6 @@ dato-input input:disabled:hover {
 
 .dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell {
     border: none;
-    border-top: 1px solid themify(primary-200);
 }
 
 .dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell dato-grid-column-header {
@@ -14349,6 +14352,10 @@ dato-input input:disabled:hover {
     color: themify(primary-500);
 }
 
+.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell.top-border {
+    border-top: 1px solid themify(primary-200);
+}
+
 .dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell-resize {
     height: 100%;
     margin: 0;

package/bundles/datorama-core.umd.js

@@ -8748,8 +8748,9 @@
         DatoSelectComponent.prototype.writeValue = function (activeOptions) {
             this._model = activeOptions ? akita.coerceArray(activeOptions) : [];
             if (this.options) {
+                var overTheLimit = this.limitSelectedTo && this.isMulti && this._model.length >= this.limitSelectedTo;
                 this.markAsActive(this._model, { deselectAll: true });
-                this.limitSelectedTo && this.updateDisabledState();
+                overTheLimit && this.updateDisabledState();
             }
             /** For later updates */
             this.cdr.markForCheck();
@@ -8877,6 +8878,7 @@
         };
         DatoSelectComponent.prototype.removeOption = function (option) {
             var _this = this;
+            var updateDisabled = this.limitSelectedTo && this._model.length === this.limitSelectedTo;
             this._model = this._model.filter(function (current) { return current[_this.idKey] !== option[_this.idKey]; });
             var optionToRemove = this.options.find(function (datoOption) { return datoOption.option && datoOption.option[_this.idKey] === option[_this.idKey]; });
             /**
@@ -8886,7 +8888,7 @@
             if (optionToRemove) {
                 optionToRemove.active = false;
             }
-            this.limitSelectedTo && this.updateDisabledState();
+            updateDisabled && this.updateDisabledState();
             this.onChange(this._model);
             this.cdr.markForCheck();
             this.asyncUpdateDropdownPosition();
@@ -9234,6 +9236,9 @@
             if (!datoOption) {
                 return;
             }
+            var modelLength = this._model.length;
+            var updateDisabled = this.limitSelectedTo &&
+                (modelLength === this.limitSelectedTo || (modelLength === this.limitSelectedTo - 1 && !datoOption.active));
             datoOption.active = !datoOption.active;
             var rawOption = datoOption.option;
             if (datoOption.active) {
@@ -9242,7 +9247,7 @@
             else {
                 this._model = this._model.filter(function (current) { return current[_this.idKey] !== rawOption[_this.idKey]; });
             }
-            this.limitSelectedTo && this.updateDisabledState();
+            updateDisabled && this.updateDisabledState();
             this.onChange(this._model);
             this.cdr.markForCheck();
             this.asyncUpdateDropdownPosition();
@@ -11717,6 +11722,7 @@
             return this.select(function (state) { return state.serverSidePagination.selectAllRowsEnabled; });
         };
         GridQuery.prototype.getSecondaryColumn = function (colId) {
+            /** Use getPivotResultColumns from ver 28 */
             var secondaryColumns = this.api.columns.getSecondaryColumns();
             if (secondaryColumns) {
                 return secondaryColumns.find(function (col) { return col.getColId() === colId; });
@@ -12047,7 +12053,7 @@
         return contextActions;
     }
 
-    var DATO_GRID_STORAGE_API = new core.InjectionToken('DATO_GRID_STORAGE_AP');
+    var DATO_GRID_STORAGE_API = new core.InjectionToken('DATO_GRID_STORAGE_API');
 
     var defaultEditableColumnRenderer = function (params) {
         return params && params.value ? "<div class=\"value-wrapper ellipsis\">" + params.value + "</div>" : null;
@@ -12960,6 +12966,7 @@
             var filtersConfig = colDef.filtersConfig || this.colDef.filtersConfig || {};
             var colFilter = filter || colDef.filter;
             var filterOptions = DatoGridFilterOptionsMap[colFilter];
+            /** Use getPivotResultColumn from ver 28 */
             this.pivotColumn = gridQuery.api.columns.getSecondaryPivotColumn(pivotKeys, pivotValueColumn);
             this.inputConditionsOperator = filtersConfig.inputConditionsOperator;
             if (!isNil(filtersConfig.showClearFiltersButton)) {
@@ -14336,11 +14343,24 @@
                 this.initPivotSecondaryColsProcess(params);
                 params.gridOptions.enableV2_1 = true;
                 params.gridOptions.saveSettings = false;
-                params.gridOptions.defaultColDef.cellClass = this.getPivotCellClass.bind(this);
-                params.gridOptions.autoGroupColumnDef.cellClass = this.getPivotCellClass.bind(this);
+                params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
+                params.gridOptions.autoGroupColumnDef = __assign(__assign({}, params.gridOptions.autoGroupColumnDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
             }
             return params.gridOptions;
         };
+        GridService.prototype.getPivotHeaderClass = function (params) {
+            var gridQuery = params.colDef.headerComponentParams.gridQuery;
+            var cellClass = '';
+            if (gridQuery && gridQuery.api) {
+                var columns = gridQuery.api.columns;
+                /** Use getPivotResultColumns from ver 28 */
+                var pivotColumns = columns.getSecondaryColumns();
+                if (pivotColumns && pivotColumns.length > 0) {
+                    cellClass += 'top-border';
+                }
+            }
+            return cellClass;
+        };
         GridService.prototype.getPivotCellClass = function (params) {
             var _a = params.node, leafGroup = _a.leafGroup, childIndex = _a.childIndex, rowGroupIndex = _a.rowGroupIndex;
             var gridQuery = params.colDef.headerComponentParams.gridQuery;
@@ -14356,11 +14376,11 @@
                     if (leafGroup) {
                         if (childIndex % 2 === 0) {
                             /** If row is even */
-                            cellClass += ' primary-100-background-color';
+                            cellClass += ' primary-0-background-color';
                         }
                     }
                     else {
-                        cellClass += 'primary-0-background-color pointer dato-simple-bold';
+                        cellClass += 'bottom-border primary-100-background-color pointer dato-simple-bold';
                     }
                 }
             }
@@ -14669,8 +14689,7 @@
             this.updateSettings({ gridAlignment: gridAlignment, columnsSizes: null });
         };
         GridService.prototype.saveSettingsToServer = function (settings) {
-            var isGlobal = this.gridQuery.getGridOptions().isGlobalSettings;
-            this.storageAPI.set(this.gridName, settings, isGlobal);
+            this.storageAPI.set(this.gridName, settings);
         };
         /**
          * @internal used to log grid events to the platform's logging service
@@ -15142,6 +15161,7 @@
         GridService.prototype.initPivotSecondaryColsProcess = function (_a) {
             var _this = this;
             var gridOptions = _a.gridOptions;
+            /** Use processPivotResultColDef from ver 28 */
             gridOptions.processSecondaryColDef = function (colDef) {
                 var userProvidedColDef = colDef.pivotValueColumn && colDef.pivotValueColumn.getUserProvidedColDef();
                 if (userProvidedColDef) {
@@ -15154,6 +15174,7 @@
                     });
                 }
             };
+            /** Use processPivotResultColGroupDe from ver 28 */
             gridOptions.processSecondaryColGroupDef = function (colGroupDef) {
                 if (colGroupDef.headerName) {
                     var parsedValue = tryParsePivotValue(colGroupDef.headerName);
@@ -15675,10 +15696,7 @@
                 .pipe(operators.switchMap(function () {
                 _this.gridOptions = _this.normalizeOptions();
                 agGrid.gridOptions = _this.gridOptions;
-                var isGlobal = _this.gridOptions.isGlobalSettings;
-                var settingsLoader = _this.gridOptions.saveSettings === false
-                    ? rxjs.of(null)
-                    : _this.storageAPI.get(_this.gridOptions.gridName, isGlobal);
+                var settingsLoader = _this.gridOptions.saveSettings === false ? rxjs.of(null) : _this.storageAPI.get(_this.gridOptions.gridName);
                 return rxjs.combineLatest([agGrid.gridReady, settingsLoader]);
             }), ngxTakeUntilDestroy.untilDestroyed(this))
                 .subscribe(function (_a) {
@@ -16973,18 +16991,6 @@
             this.registerGroupListeners();
             this.subscribeRowsSelectionData();
         };
-        DatoGridV2ToolbarComponent.prototype.getCellValueChangeEvent = function () {
-            var _this = this;
-            return this.gridController.gridQuery.waitForGrid(function () {
-                return _this.gridQuery.gridRef.cellValueChanged.pipe(operators.debounceTime(100), ngxTakeUntilDestroy.untilDestroyed(_this));
-            });
-        };
-        DatoGridV2ToolbarComponent.prototype.getRowDataUpdatedEvent = function () {
-            var _this = this;
-            return this.gridController.gridQuery.waitForGrid(function () {
-                return _this.gridQuery.gridRef.rowDataUpdated.pipe(operators.debounceTime(100), ngxTakeUntilDestroy.untilDestroyed(_this));
-            });
-        };
         DatoGridV2ToolbarComponent.prototype.onActionClick = function (action) {
             if (isFunction(action.onClick)) {
                 var selectedRowsCount = this.gridController.gridQuery.getSelectedRowsCount();
@@ -21472,40 +21478,6 @@
      * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
      */
 
-    var RichTextService = /** @class */ (function () {
-        function RichTextService(http, config) {
-            this.http = http;
-            this.config = config;
-        }
-        RichTextService.prototype.getLib = function (appendScriptFunc, appendStyleFunc) {
-            if (!this.richTextScript$) {
-                this.initLib(appendScriptFunc, appendStyleFunc);
-            }
-            return this.richTextScript$;
-        };
-        RichTextService.prototype.initLib = function (appendScriptFunc, appendStyleFunc) {
-            this.richTextScript$ = rxjs.combineLatest([
-                this.http
-                    .get(this.config.paths.richText + "/index.js", { responseType: 'text' })
-                    .pipe(operators.tap(function (lib) { return appendScriptFunc(lib, 'rich-text-editor'); })),
-                this.http
-                    .get(this.config.paths.richText + "/plugins/autocomplete/plugin.css", { responseType: 'text' })
-                    .pipe(operators.tap(function (style) { return appendStyleFunc(style, 'tinymce-autocomplete'); }))
-            ]).pipe(operators.shareReplay(1));
-        };
-        RichTextService.ctorParameters = function () { return [
-            { type: http.HttpClient },
-            { type: undefined, decorators: [{ type: core.Inject, args: [DATO_CORE_CONFIG,] }] }
-        ]; };
-        RichTextService.ɵprov = core.ɵɵdefineInjectable({ factory: function RichTextService_Factory() { return new RichTextService(core.ɵɵinject(http.HttpClient), core.ɵɵinject(DATO_CORE_CONFIG)); }, token: RichTextService, providedIn: "root" });
-        RichTextService = __decorate([
-            core.Injectable({ providedIn: 'root' }),
-            __param(1, core.Inject(DATO_CORE_CONFIG)),
-            __metadata("design:paramtypes", [http.HttpClient, Object])
-        ], RichTextService);
-        return RichTextService;
-    }());
-
     /**
      * @license
      * Copyright Datorama. All Rights Reserved.
@@ -21519,20 +21491,20 @@
     var ɵ0$3 = getTinymce;
     var DatoRichTextDirective = /** @class */ (function (_super) {
         __extends(DatoRichTextDirective, _super);
-        function DatoRichTextDirective(ngZone, richTextService, config, host) {
+        function DatoRichTextDirective(ngZone, http, host, config) {
             var _this = _super.call(this) || this;
             _this.ngZone = ngZone;
-            _this.richTextService = richTextService;
-            _this.config = config;
+            _this.http = http;
             _this.host = host;
+            _this.config = config;
             _this.autocompleteOptions = {};
             _this.forcePlainTextPasting = false;
             _this.format = 'html';
             _this.isOneLine = false;
             _this.initialValue = '';
-            _this.defaultPlugins = 'link fullscreen image lists table autocomplete';
+            _this.defaultPlugins = 'link fullscreen textcolor colorpicker image lists table textpattern autocomplete';
             _this.defaultToolbar = [
-                'fontfamily fontsize forecolor backcolor bold italic underline link',
+                'fontselect fontsizeselect forecolor backcolor bold italic underline link',
                 'alignleft aligncenter alignright alignjustify outdent indent | table numlist bullist  | image fullscreen'
             ];
             return _this;
@@ -21558,11 +21530,28 @@
                 base: this.config.paths.richText,
                 query: ''
             };
-            this.richTextService
-                .getLib(appendScript, appendStyle)
-                .pipe(ngxTakeUntilDestroy.untilDestroyed(this))
-                .subscribe(function () {
-                _this.init.call(_this);
+            /**
+             * We support only one instance in load time
+             */
+            if (window.tinymce) {
+                this.init.call(this);
+            }
+            else {
+                this.loadLib().subscribe(function (lib) {
+                    appendScript(lib, 'rich-text-editor');
+                    _this.init.call(_this);
+                    _this.loadAutoCompleteStyle();
+                });
+            }
+        };
+        DatoRichTextDirective.prototype.loadLib = function () {
+            return this.http.get(this.config.paths.richText + "/index.js", { responseType: 'text' });
+        };
+        DatoRichTextDirective.prototype.loadAutoCompleteStyle = function () {
+            this.http
+                .get(this.config.paths.richText + "/plugins/autocomplete/plugin.css", { responseType: 'text' })
+                .subscribe(function (style) {
+                appendStyle(style, 'tinymce-autocomplete');
             });
         };
         DatoRichTextDirective.prototype.initEditor = function (_, editor) {
@@ -21586,6 +21575,8 @@
                 target: this.host.nativeElement,
                 width: this.width || 600,
                 height: this.height || 300,
+                force_br_newlines: true,
+                force_p_newlines: false,
                 resize: 'both',
                 branding: false,
                 inline: this.inline,
@@ -21593,12 +21584,10 @@
                 readonly: this.disabled,
                 plugins: this.plugins || this.defaultPlugins,
                 toolbar: isNil(this.toolbar) ? this.defaultToolbar : this.toolbar,
-                font_size_formats: '8px 10px 12px 14px 18px 24px 36px',
+                fontsize_formats: '8px 10px 12px 14px 18px 24px 36px',
                 min_width: 480,
                 menubar: false,
                 autocomplete: this.autocompleteOptions,
-                suffix: '.min',
-                skin: 'tinymce-5',
                 setup: function (editor) {
                     _this.editor = editor;
                     editor.on('init', function (e) {
@@ -21655,9 +21644,9 @@
         var DatoRichTextDirective_1;
         DatoRichTextDirective.ctorParameters = function () { return [
             { type: core.NgZone },
-            { type: RichTextService },
-            { type: undefined, decorators: [{ type: core.Inject, args: [DATO_CORE_CONFIG,] }] },
-            { type: core.ElementRef }
+            { type: http.HttpClient },
+            { type: core.ElementRef },
+            { type: undefined, decorators: [{ type: core.Inject, args: [DATO_CORE_CONFIG,] }] }
         ]; };
         __decorate([
             core.Input(),
@@ -21723,9 +21712,10 @@
                     }
                 ]
             }),
-            __param(2, core.Inject(DATO_CORE_CONFIG)),
+            __param(3, core.Inject(DATO_CORE_CONFIG)),
             __metadata("design:paramtypes", [core.NgZone,
-                RichTextService, Object, core.ElementRef])
+                http.HttpClient,
+                core.ElementRef, Object])
         ], DatoRichTextDirective);
         return DatoRichTextDirective;
     }(BaseCustomControl));
@@ -24248,9 +24238,7 @@
         };
         DatoBreadcrumbsComponent.prototype.initEditableHeader = function () {
             var _this = this;
-            this.headerControl.valueChanges
-                .pipe(operators.debounceTime(300), ngxTakeUntilDestroy.untilDestroyed(this))
-                .subscribe(function (res) {
+            this.headerControl.valueChanges.pipe(operators.debounceTime(300), ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function (res) {
                 _this.updateEditableText.emit(res);
                 _this.cdr.detectChanges();
             });
@@ -25613,7 +25601,7 @@
         };
     }
 
-    window.coreVersion = '22.10.9-rc.';
+    window.coreVersion = '22.11.1';
 
     exports.APP_TRANSLATE = APP_TRANSLATE;
     exports.AceService = AceService;
@@ -26055,7 +26043,6 @@
     exports.ɵl = DatoGridItemsCountCellComponent;
     exports.ɵm = DatoGridV2ToolbarMoreMenuComponent;
     exports.ɵn = DatoGridSearchBarComponent;
-    exports.ɵo = RichTextService;
 
     Object.defineProperty(exports, '__esModule', { value: true });