@datorama/core 21.4.0-rc.4 → 21.4.0-rc.5

package/bundle.scss

@@ -14386,7 +14386,6 @@ dato-grid-v2 ag-grid-angular.pivot-mode .ag-header-row .ag-header-group-cell .ag
 
 dato-grid-v2 ag-grid-angular.pivot-mode .ag-header-row .ag-header-group-cell .ag-header-group-cell-label {
     align-items: center;
-    justify-content: center;
 }
 
 dato-grid-v2 ag-grid-angular.pivot-mode .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
@@ -14402,6 +14401,14 @@ dato-grid-v2 ag-grid-angular.pivot-mode .ag-header-row .ag-header-group-cell.ag-
     border-right: 1px solid themify(primary-200);
 }
 
+dato-grid-v2 ag-grid-angular.pivot-mode .ag-header-row .ag-header-group-cell.ag-header-group-cell-with-group.empty-pivot-header {
+    display: none;
+}
+
+dato-grid-v2 ag-grid-angular.pivot-mode .ag-header-row .ag-header-group-cell.ag-header-group-cell-with-group.group-pivot-cell .ag-header-group-cell-label {
+    justify-content: center;
+}
+
 .ag-dnd-ghost {
     box-shadow: 0 0 10px -1px themify(primary-700, 0.3);
     background-color: themify(primary-100) !important;

package/bundles/datorama-core.umd.js

@@ -11606,6 +11606,17 @@
         GridQuery.prototype.selectFilter = function () {
             return this.select(function (state) { return state.settings.filter; });
         };
+        GridQuery.prototype.filterChanged = function () {
+            return this.selectFilter().pipe(operators.map(function (filter) {
+                return Object.keys(filter).reduce(function (filters, key) {
+                    if (filter[key]) {
+                        var _a = filter[key], conditional = _a.conditional, pivotFieldsMap = _a.pivotFieldsMap;
+                        filters.push({ column: key, filter: conditional, pivotFieldsMap: pivotFieldsMap });
+                    }
+                    return filters;
+                }, []);
+            }));
+        };
         GridQuery.prototype.getSearchTerm = function () {
             return this.getValue().settings.searchTerm;
         };
@@ -11758,7 +11769,7 @@
     function validateStringCondition(rowValue, _a) {
         var condition = _a.condition, filterValue = _a.value;
         var filterTextLowerCase = filterValue ? filterValue.toLowerCase() : '';
-        var valueLowerCase = rowValue ? rowValue.toLowerCase() : '';
+        var valueLowerCase = rowValue ? ("" + rowValue).toLowerCase() : '';
         switch (condition) {
             case exports.DatoFilterConditions.EQUALS:
                 return valueLowerCase === filterTextLowerCase;
@@ -11849,7 +11860,7 @@
                 var currentRowPivotKeys = row.parent.childrenMapped && getRowPivotKeys(row.parent.childrenMapped);
                 var rowValue = api.getValue(filter, row);
                 /** If value is under a pivoted column but doesn't match the filter pivot */
-                if (pivotKeys && !isArrayValuesEqual(pivotKeys, currentRowPivotKeys)) {
+                if (pivotKeys && pivotKeys.length > 0 && !isArrayValuesEqual(pivotKeys, currentRowPivotKeys)) {
                     return { value: true };
                 }
                 if (conditional) {
@@ -12940,11 +12951,15 @@
             return this.columnValues.filter(function (value) { return !includedSet.has(value); });
         };
         DatoGridFilterComponent.prototype.buildFilter = function () {
+            var _this = this;
             var _a = this.filterForm.value, byValue = _a.byValue, conditional = _a.conditional;
             var filter = {};
             filter.pivotKeys = this.pivotKeys;
             if (this.pivotColumn) {
-                filter.pivotFields = this.getPivotFields(this.pivotColumn.getParent());
+                filter.pivotFieldsMap = this.getPivotFields(this.pivotColumn.getParent()).reduce(function (fieldMap, field, index) {
+                    fieldMap[field] = _this.pivotKeys[index];
+                    return fieldMap;
+                }, {});
             }
             if (this.filterSections.Conditional) {
                 this.setConditionalFilter(filter, conditional);
@@ -13280,10 +13295,11 @@
         DatoGridFilterComponent.prototype.getPivotFields = function (parent, fields) {
             if (fields === void 0) { fields = []; }
             var grandParent = parent.getParent();
+            var headerClass = parent.getOriginalColumnGroup().getColGroupDef().headerClass;
             if (grandParent) {
                 this.getPivotFields(grandParent, fields);
             }
-            fields.push(parent.getOriginalColumnGroup().getColGroupDef().headerClass);
+            headerClass && fields.push(headerClass[0]);
             return fields;
         };
         DatoGridFilterComponent.ctorParameters = function () { return [
@@ -14883,8 +14899,22 @@
             gridOptions.processSecondaryColGroupDef = function (colGroupDef) {
                 if (colGroupDef.headerName) {
                     var _a = JSON.parse(colGroupDef.headerName), field = _a.field, value = _a.value;
-                    colGroupDef.headerClass = field;
+                    colGroupDef.headerClass = [field];
                     colGroupDef.headerName = value;
+                    if (colGroupDef.children && colGroupDef.children.length > 1) {
+                        colGroupDef.headerClass.push('group-pivot-cell');
+                    }
+                }
+                else if (colGroupDef.children) {
+                    var _b = __read(colGroupDef.children, 1), colChild = _b[0];
+                    var pivotTotalColumnIds = colChild && colChild.pivotTotalColumnIds;
+                    if (pivotTotalColumnIds && pivotTotalColumnIds.length > 0) {
+                        colGroupDef.headerClass = ['total-pivot-cell'];
+                        colGroupDef.headerName = 'Total';
+                    }
+                }
+                else {
+                    colGroupDef.headerClass = ['empty-pivot-header'];
                 }
                 if (colGroupDef.pivotKeys) {
                     colGroupDef.pivotKeys = colGroupDef.pivotKeys.map(function (key) { return JSON.parse(key).value; });
@@ -15428,7 +15458,7 @@
             this.gridService.setRows(data);
         };
         DatoGridControllerComponent.prototype.onFilterChanged = function () {
-            return this.gridQuery.selectFilter();
+            return this.gridQuery.filterChanged();
         };
         DatoGridControllerComponent.prototype.onSortChanged = function () {
             return this.gridQuery.selectSort();