@datorama/core 21.4.0-rc.12 → 21.4.0-rc.15

package/fesm5/datorama-core.js

@@ -12480,12 +12480,12 @@ var mapToValue = function (_a) {
 var ɵ0$1 = mapToValue;
 var mapToListItem = function (val) { return ({ id: val, label: isNil(val) ? "(Empty)" : ("" + val).trim(), value: val }); };
 var ɵ1$1 = mapToListItem;
-var mapToListItemWithFormatted = function (_a) {
+var mapToListItemWithFormatted = function (_a, key) {
     var value = _a.value, formattedValue = _a.formattedValue;
     return ({
-        id: value,
-        label: isNil(formattedValue) ? "(Empty)" : ("" + formattedValue).trim(),
-        value: value
+        id: key && value ? value[key] : value,
+        label: isNil(formattedValue) ? "(Empty)" : ("" + (key ? formattedValue[key] : formattedValue)).trim(),
+        value: key && value ? value[key] : value
     });
 };
 var ɵ2$1 = mapToListItemWithFormatted;
@@ -12624,15 +12624,18 @@ var DatoGridFilterComponent = /** @class */ (function () {
         var _this = this;
         var _b = this.popover.data, gridService = _b.gridService, gridQuery = _b.gridQuery;
         var _c = this.colDef, filter = _c.filter, _d = _c.filtersConfig, filtersConfig = _d === void 0 ? {} : _d, pivotValueColumn = _c.pivotValueColumn, pivotKeys = _c.pivotKeys;
+        var colDefs = gridQuery.api.columns.getAllColumns().map(function (column) { return column.getColDef(); });
         this.colField = getColField(this.colDef);
+        var colDef = colDefs.find(function (colDef) { return colDef.field === _this.colField; });
         this.pivotColumn = gridQuery.api.columns.getSecondaryPivotColumn(pivotKeys, pivotValueColumn);
         if (filtersConfig.sections) {
             this.filterSections = (_a = {}, _a[filtersConfig.sections] = true, _a);
         }
         this.keepPredefinedListOriginalOrder =
             filtersConfig.keepPredefinedListOriginalOrder && !isEmpty(filtersConfig.predefinedListValues);
-        var filterOptions = DatoGridFilterOptionsMap[filter];
-        this.filterType = filterOptions ? filter : DatoGridFilterTypes.String;
+        var colFilter = filter || colDef.filter;
+        var filterOptions = DatoGridFilterOptionsMap[colFilter];
+        this.filterType = filterOptions ? colFilter : DatoGridFilterTypes.String;
         this.listLabelType = this.filterType.toLowerCase();
         this.listSortByKey = this.filterType === DatoGridFilterTypes.Number && this.colDef.valueFormatter ? 'id' : 'label';
         this.gridQuery = gridQuery;
@@ -12667,9 +12670,11 @@ var DatoGridFilterComponent = /** @class */ (function () {
                     var columnValues = this.getColumnValues();
                     this.columnValues = columnValues.map(function (_a) {
                         var value = _a.value;
-                        return _this.pivotColumn ? value[_this.colField] : value;
+                        return !isNil(_this.pivotColumn) && value ? value[_this.colField] : value;
+                    });
+                    this.listOptions = columnValues.map(function (colValue) {
+                        return mapToListItemWithFormatted(colValue, !isNil(_this.pivotColumn) && _this.colField);
                     });
-                    this.listOptions = columnValues.map(mapToListItemWithFormatted);
                 }
             }
             else {
@@ -14710,27 +14715,14 @@ var GridService = /** @class */ (function () {
     /**
      * When pivoting,
      * we add the field name to the column header class in order to access it through the auto generated pivot column.
-     * @private
      */
     GridService.prototype.initPivotSecondaryColsProcess = function (_a) {
         var _this = this;
         var gridOptions = _a.gridOptions;
         gridOptions.processSecondaryColDef = function (colDef) {
-            var api = colDef.headerComponentParams && colDef.headerComponentParams.gridQuery.api;
-            if (api) {
-                var valueColumns = colDef.headerComponentParams.gridQuery.api.columns.getValueColumns();
-                var originalColDef = valueColumns
-                    .map(function (_a) {
-                    var userProvidedColDef = _a.userProvidedColDef;
-                    return userProvidedColDef;
-                })
-                    .find(function (_a) {
-                    var colId = _a.colId;
-                    return colId === colDef.pivotValueColumn.getColId();
-                });
-                if (originalColDef) {
-                    colDef.filter = originalColDef.filter;
-                }
+            var userProvidedColDef = colDef.pivotValueColumn.getUserProvidedColDef();
+            if (userProvidedColDef) {
+                colDef.filter = userProvidedColDef.filter;
             }
             if (colDef.pivotKeys) {
                 colDef.pivotKeys = colDef.pivotKeys.map(function (key) {