@datorama/core 22.13.0-beta.10 → 22.13.0-beta.12

package/bundle.scss

@@ -8236,6 +8236,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -8366,6 +8370,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -8481,16 +8489,31 @@ dato-grid-header span {
     line-height: 19px;
 }
 
-.ag-dato-core .ag-menu .ag-menu-option-icon span {
-    margin-top: 0;
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option {
+    padding-left: 15px;
 }
 
-.ag-dato-core .ag-menu .ag-menu-option-icon span.context-item-icon {
-    width: 18px;
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-icon {
+    display: none;
+}
+
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer {
+    width: 20px;
+}
+
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer .ag-icon-small-right {
+    height: 12px;
+    background-position-y: center;
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDEwIiBmaWxsPSIjOWNhMGEwIj48cGF0aCBkPSJNMC45Miw5LjQxQTAuNSwwLjUsMCwwLDEsLjU3LDguNTZMNC4yMyw1LDAuNTcsMS40NkEwLjUsMC41LDAsMSwxLDEuMjcuNzRsNCwzLjkxYTAuNSwwLjUsMCwwLDEsMCwuNzJsLTQsMy45MUEwLjUsMC41LDAsMCwxLC45Miw5LjQxWiIvPjwvc3ZnPg==");
+}
+
+.ag-dato-core .ag-menu .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer .ag-icon-small-right:before {
+    display: none;
 }
 
 .ag-dato-core .ag-menu .ag-menu-separator {
     border-top: themify(primary-200) 1px solid;
+    height: unset;
 }
 
 .ag-dato-core .ag-menu .ag-menu-separator .ag-menu-separator-cell {
@@ -8558,11 +8581,6 @@ dato-grid-header span {
     padding: 8px 0;
 }
 
-.ag-dato-core .ag-menu-list .ag-menu-option .ag-menu-option-popup-pointer.ag-icon-small-right {
-    background-position-y: center;
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDEwIiBmaWxsPSIjOWNhMGEwIj48cGF0aCBkPSJNMC45Miw5LjQxQTAuNSwwLjUsMCwwLDEsLjU3LDguNTZMNC4yMyw1LDAuNTcsMS40NkEwLjUsMC41LDAsMSwxLDEuMjcuNzRsNCwzLjkxYTAuNSwwLjUsMCwwLDEsMCwuNzJsLTQsMy45MUEwLjUsMC41LDAsMCwxLC45Miw5LjQxWiIvPjwvc3ZnPg==");
-}
-
 .ag-dato-core .ag-filter {
     /* CAUTION: IE hackery ahead */
 }
@@ -8690,6 +8708,10 @@ dato-grid-header span {
     fill: themify(primary-200);
 }
 
+.ag-dato-core .ag-filter .ag-filter-filter {
+    margin: 0;
+}
+
 .ag-dato-core .ag-filter select.ag-filter-select {
     -webkit-appearance: none;
     appearance: none;
@@ -8757,6 +8779,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-filter .ag-filter-checkbox .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-filter .ag-filter-checkbox .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-filter .ag-filter-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -8916,6 +8942,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-column-select-panel .ag-column-select-header .ag-column-tool-panel .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-column-select-panel .ag-column-select-header .ag-column-tool-panel .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-column-select-panel .ag-column-select-header .ag-column-tool-panel .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -9009,6 +9039,10 @@ dato-grid-header span {
     display: block;
 }
 
+.ag-dato-core .ag-column-select-panel .ag-column-container .ag-column-select-column .ag-column-select-checkbox > span .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .ag-dato-core .ag-column-select-panel .ag-column-container .ag-column-select-column .ag-column-select-checkbox > span .ag-icon.ag-icon-checkbox-unchecked,
 .ag-dato-core .ag-column-select-panel .ag-column-container .ag-column-select-column .ag-column-select-checkbox > span .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -14799,6 +14833,10 @@ dato-input input:disabled:hover {
     flex-grow: 1;
 }
 
+.dato-grid .ag-menu .ag-menu-separator {
+    height: unset;
+}
+
 .dato-grid .ag-menu .ag-menu-separator > span {
     height: 1px;
     margin: 7px 0;
@@ -14866,6 +14904,10 @@ dato-input input:disabled:hover {
     display: block;
 }
 
+.dato-grid .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .dato-grid .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-unchecked,
 .dato-grid .ag-header .ag-header-cell .ag-header-select-all .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -15003,6 +15045,10 @@ dato-input input:disabled:hover {
     display: block;
 }
 
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked,
 .dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
@@ -15028,10 +15074,6 @@ dato-input input:disabled:hover {
     margin-left: 0;
 }
 
-.dato-grid .ag-cell .ag-selection-checkbox .ag-icon-checkbox-checked:before {
-    display: none;
-}
-
 .dato-grid .ag-cell .search-highlight {
     background-color: #FDF2CF;
 }

package/bundles/datorama-core.umd.js

@@ -3946,19 +3946,11 @@
         return DatoDisableControlDirective;
     }());
 
-    function copyToClipboard(value) {
-        var el = createElement('textarea');
-        el.value = value;
-        // Set non-editable to avoid focus and move outside of view
-        el.setAttribute('readonly', '');
-        setStyles(el, { position: 'absolute', left: '-9999px' });
-        var remove = appendToBody(el);
-        // Select text inside element
-        el.select();
-        // Copy text to clipboard
-        document.execCommand('copy');
-        // Remove temporary element
-        remove();
+    function writeToClipboard(value) {
+        navigator.clipboard.writeText(value);
+    }
+    function readFromClipboard() {
+        return navigator.clipboard.readText();
     }
     var DatoClipboardDirective = /** @class */ (function () {
         function DatoClipboardDirective() {
@@ -3972,7 +3964,7 @@
             configurable: true
         });
         DatoClipboardDirective.prototype.onClick = function () {
-            copyToClipboard(this.value);
+            writeToClipboard(this.value);
             this.copied.emit(this.value);
         };
         __decorate([
@@ -5955,7 +5947,8 @@
             this.gridColumnApi = event.columnApi;
             if (this.gridColumnApi.getRowGroupColumns().length >= 1) {
                 this.gridComponent.rowGroupOpened.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function (event) { return _this.rowGroupStateChange(event); });
-                this.paginationComponent.toggleRowGroup.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function () { return _this.toggleCollapseState(); });
+                this.paginationComponent &&
+                    this.paginationComponent.toggleRowGroup.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function () { return _this.toggleCollapseState(); });
             }
             this.cdr.detectChanges();
             this.gridReady.emit(event);
@@ -14361,26 +14354,41 @@
                 this.loadSavedSettings(savedSettings);
             }
         };
+        GridService.prototype.initGridOptions = function (gridOptions) {
+            var options = __assign({}, gridOptions);
+            if (typeof gridOptions.enableSearch === 'undefined') {
+                options.enableSearch = options.enableV2_1;
+            }
+            if (typeof gridOptions.enableBackground === 'undefined') {
+                options.enableBackground = options.enableV2_1;
+            }
+            if (typeof gridOptions.showMultiSelectionCheckboxes === 'undefined') {
+                options.showMultiSelectionCheckboxes =
+                    gridOptions.enableV2_1 && options.rowSelection !== exports.GridRowSelectionType.SINGLE;
+            }
+            if (typeof gridOptions.enableSearchHighlight === 'undefined') {
+                options.enableSearchHighlight = options.enableSearch && defaultGridOptions.enableSearchHighlight;
+            }
+            if (gridOptions.usePivotGridStyle) {
+                var rowHeight_1 = 30;
+                options.rowHeight = rowHeight_1;
+                options.defaultColDef = __assign(__assign({}, options.defaultColDef), { cellClassRules: this.getPivotModeCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this), cellStyle: function (params) {
+                        var style = { lineHeight: rowHeight_1 + "px" };
+                        if (params.colDef.type === exports.DatoGridColumnTypes.Number) {
+                            style.textAlign = 'end';
+                        }
+                        return style;
+                    } });
+                options.autoGroupColumnDef = __assign(__assign({}, options.autoGroupColumnDef), { cellClassRules: this.getPivotModeCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this) });
+            }
+            return options;
+        };
         GridService.prototype.normalizeOptions = function (params) {
             var _this = this;
             this.customHeadersTemplates = params.customHeadersTemplates;
             var headerComponentParams = { gridService: this, gridQuery: this.gridQuery };
             params.gridOptions.autoGroupColumnDef = __assign(__assign({}, headerComponentParams), params.gridOptions.autoGroupColumnDef);
             params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { headerComponentParams: headerComponentParams });
-            if (typeof params.gridOptions.enableSearch === 'undefined') {
-                params.gridOptions.enableSearch = params.gridOptions.enableV2_1;
-            }
-            if (typeof params.gridOptions.enableBackground === 'undefined') {
-                params.gridOptions.enableBackground = params.gridOptions.enableV2_1;
-            }
-            if (typeof params.gridOptions.showMultiSelectionCheckboxes === 'undefined') {
-                params.gridOptions.showMultiSelectionCheckboxes =
-                    params.gridOptions.enableV2_1 && params.gridOptions.rowSelection !== exports.GridRowSelectionType.SINGLE;
-            }
-            if (typeof params.gridOptions.enableSearchHighlight === 'undefined') {
-                params.gridOptions.enableSearchHighlight =
-                    params.gridOptions.enableSearch && defaultGridOptions.enableSearchHighlight;
-            }
             params.gridOptions.columnDefs = this.normalizeColumns(params.gridOptions.columnDefs, params.gridOptions);
             /** Add core filters */
             params.gridOptions.isExternalFilterPresent = function () { return true; };
@@ -14419,18 +14427,6 @@
                 this.initPivotSecondaryColsProcess(params);
                 params.gridOptions.saveSettings = false;
             }
-            if (params.gridOptions.usePivotGridStyle) {
-                var rowHeight_1 = 30;
-                params.gridOptions.rowHeight = rowHeight_1;
-                params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { cellClassRules: this.getPivotModeCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this), cellStyle: function (params) {
-                        var style = { lineHeight: rowHeight_1 + "px" };
-                        if (params.colDef.type === exports.DatoGridColumnTypes.Number) {
-                            style.textAlign = 'end';
-                        }
-                        return style;
-                    } });
-                params.gridOptions.autoGroupColumnDef = __assign(__assign({}, params.gridOptions.autoGroupColumnDef), { cellClassRules: this.getPivotModeCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this) });
-            }
             return params.gridOptions;
         };
         GridService.prototype.getPivotHeaderClass = function (params) {
@@ -14868,7 +14864,7 @@
                         var rawValue = _this.api.grid.getValue(column.getColId(), row);
                         var formatter = column.getColDef().valueFormatter;
                         var value = formatter && typeof formatter !== 'string' ? formatter(rawValue) : rawValue;
-                        copyToClipboard(value);
+                        writeToClipboard(value);
                     };
                     if (node.isSelected()) {
                         selected = _this.gridQuery.getSelectedRowNodes();
@@ -15744,8 +15740,8 @@
             this.onGridChange = new core.EventEmitter();
             this.rowActions = [];
             this.gridActions = [];
-            this.contentInit = new rxjs.Subject();
             this.gridReady$ = this.gridQuery.gridReady$;
+            this.contentInit = new rxjs.Subject();
             this.gridElements = {
                 centerViewport: null,
                 centerContainer: null,
@@ -15758,7 +15754,7 @@
                 return this._gridOptions;
             },
             set: function (gridOptions) {
-                this._gridOptions = gridOptions;
+                this._gridOptions = this.gridService.initGridOptions(gridOptions);
                 this.gridService.treeData = gridOptions.treeData;
                 this.gridService.isPivotMode = gridOptions.pivotMode;
                 if (this.agGridEl) {
@@ -25965,7 +25961,6 @@
     exports.compose = compose;
     exports.convertFromTreeData = convertFromTreeData;
     exports.convertToTreeData = convertToTreeData;
-    exports.copyToClipboard = copyToClipboard;
     exports.createComponent = createComponent;
     exports.createElement = createElement;
     exports.createGUID = createGUID;
@@ -26081,6 +26076,7 @@
     exports.queryAll = queryAll;
     exports.random = random;
     exports.rawDiff = rawDiff;
+    exports.readFromClipboard = readFromClipboard;
     exports.reject = reject;
     exports.relativeDateTypes = relativeDateTypes;
     exports.removeClass = removeClass;
@@ -26130,6 +26126,7 @@
     exports.validateStringCondition = validateStringCondition;
     exports.values = values;
     exports.workerMap = workerMap;
+    exports.writeToClipboard = writeToClipboard;
     exports.zoneStable = zoneStable;
     exports.ɵ0 = ɵ0$2;
     exports.ɵ1 = ɵ1$2;