@datorama/core 22.12.5 → 22.12.7-beta.1

package/bundles/datorama-core.umd.js

@@ -12110,18 +12110,25 @@
     var defaultEditableColumnRenderer = function (params) {
         return params && params.value ? "<div class=\"value-wrapper ellipsis\">" + params.value + "</div>" : null;
     };
-    var editableCellRendererWithSearchHighlight = function (params, searchTerm) {
+    var editableCellRendererWithSearchHighlight = function (params, searchTerm, allowHTML) {
         if (!params || !params.value) {
             return null;
         }
-        return "<div class=\"value-wrapper ellipsis\">" + searchHighlightCellRenderer(params, searchTerm) + "</div>";
+        return "<div class=\"value-wrapper ellipsis\">" + searchHighlightCellRenderer(params, searchTerm, allowHTML) + "</div>";
     };
-    var searchHighlightCellRenderer = function (params, searchTerm) {
+    var searchHighlightCellRenderer = function (params, searchTerm, allowHTML) {
+        if (allowHTML === void 0) { allowHTML = true; }
+        var cellValue = (params.valueFormatted || params.value || '').toString();
+        if (!allowHTML) {
+            cellValue = escape(cellValue);
+        }
+        else {
+            cellValue = DOMPurify.sanitize(cellValue);
+        }
         searchTerm = (searchTerm || '').trim();
-        var value = (params.valueFormatted || params.value || '').toString();
-        return searchTerm
-            ? value.replace(new RegExp(searchTerm, 'gi'), function (str) { return "<span class=\"search-highlight\">" + str + "</span>"; })
-            : value;
+        return searchTerm ?
+            cellValue.replace(new RegExp(searchTerm, 'gi'), function (str) { return "<span class=\"search-highlight\">" + str + "</span>"; }) :
+            cellValue;
     };
 
     (function (GridMinWidths) {
@@ -13792,7 +13799,7 @@
             type: exports.DatoGridColumnTypes.String,
             menuTabs: ['filterMenuTab'],
             headerComponentFramework: DatoGridColumnHeaderComponent
-        }, suppressCellSelection: true, suppressPropertyNamesCheck: true, rowHeight: 35, headerHeight: 30, rowSelection: exports.GridRowSelectionType.MULTIPLE, rowDeselection: true, unSortIcon: true, animateRows: true, rememberGroupStateWhenNewData: true, groupMultiAutoColumn: true, groupDefaultExpanded: -1, usePivotGridStyle: false }, (isTestEnv() ? { suppressColumnVirtualisation: true, rowBuffer: 99999 } : {}));
+        }, suppressCellSelection: true, suppressPropertyNamesCheck: true, rowHeight: 35, headerHeight: 30, rowSelection: exports.GridRowSelectionType.MULTIPLE, rowDeselection: true, unSortIcon: true, animateRows: true, rememberGroupStateWhenNewData: true, groupMultiAutoColumn: true, groupDefaultExpanded: -1, usePivotGridStyle: false, disabledHTMLRenderingFields: [] }, (isTestEnv() ? { suppressColumnVirtualisation: true, rowBuffer: 99999 } : {}));
     var DEFAULT_GRID_SEARCH_DEBOUNCE_TIME = {
         CLIENT: 200,
         SERVER: 250
@@ -14480,11 +14487,13 @@
                 !this.hasCellRenderer(normalized, gridOptions) &&
                 gridOptions.enableSearchHighlight) {
                 normalized.cellRenderer = function (params) {
+                    var colField = getColField(params.colDef);
+                    var allowHTML = !gridOptions.disabledHTMLRenderingFields || !gridOptions.disabledHTMLRenderingFields.includes(colField);
                     var isEditable = (isFunction(normalized.editable) && normalized.editable(params)) ||
                         (!isFunction(normalized.editable) && normalized.editable);
                     return isEditable
-                        ? editableCellRendererWithSearchHighlight(params, _this.gridQuery.getSearchTerm())
-                        : searchHighlightCellRenderer(params, _this.gridQuery.getSearchTerm());
+                        ? editableCellRendererWithSearchHighlight(params, _this.gridQuery.getSearchTerm(), allowHTML)
+                        : searchHighlightCellRenderer(params, _this.gridQuery.getSearchTerm(), allowHTML);
                 };
             }
         };
@@ -15797,6 +15806,7 @@
                 }
                 var gridApi = { grid: api, columns: columnApi };
                 _this.gridService._setApi(gridApi, agGrid);
+                debugger;
                 _this.gridQuery._setApi(gridApi, agGrid);
                 _this.gridService.initSettings(savedSettings || {});
                 _this.registerSettingsListeners(gridApi, agGrid);
@@ -15825,7 +15835,7 @@
                 rowActions: this.rowActions
             };
             var normalized = this.gridService.normalizeOptions(params);
-            var defaults = __assign(__assign(__assign({}, defaultGridOptions), (this.gridOptions.treeData ? defaultTreeOptions : {})), { icons: this.getGridIcons() });
+            var defaults = __assign(__assign(__assign({}, defaultGridOptions), (this.gridOptions.treeData ? defaultTreeOptions : {})), { icons: this.getGridIcons(), disabledHTMLRenderingFields: normalized.disabledHTMLRenderingFields || defaultGridOptions.disabledHTMLRenderingFields });
             return deepmerge(defaults, normalized);
         };
         DatoGridControllerComponent.prototype.setGridRows = function (data) {
@@ -16037,18 +16047,20 @@
             var textOverflow = cell.offsetWidth < cell.scrollWidth;
             if (textOverflow) {
                 clearTimeout(this.cellMouseOutTimer);
-                var params = { cell: cell, value: cell.innerText };
+                var colField = getColField(event.colDef);
+                var allowHTML = !this.gridOptions.disabledHTMLRenderingFields || !this.gridOptions.disabledHTMLRenderingFields.includes(colField);
+                var params = { cell: cell, value: cell.innerText, allowHTML: allowHTML };
                 isNil(this.tooltip) ? this.createAndShowTooltip(params) : this.updateTooltip(params);
             }
         };
         DatoGridControllerComponent.prototype.createAndShowTooltip = function (_a) {
-            var cell = _a.cell, value = _a.value;
+            var cell = _a.cell, value = _a.value, allowHTML = _a.allowHTML;
             this.tooltip = new Tooltip(cell, {
                 placement: 'top',
                 container: document.body,
                 trigger: 'manual',
-                title: DOMPurify.sanitize(value),
-                html: true,
+                title: allowHTML ? DOMPurify.sanitize(value) : value,
+                html: allowHTML,
                 popperOptions: {
                     modifiers: {
                         preventOverflow: { enabled: false }
@@ -25130,7 +25142,7 @@
         DatoProgressBarComponent = __decorate([
             core.Component({
                 selector: 'dato-progress-bar',
-                template: "<div class=\"bar d-flex width-100 overflow-hidden\"\n     [style.width]=\"width\"\n     [class]=\"barColor + '-background-color'\">\n    <div *ngFor=\"let part of parts; index as i\"\n         class=\"part height-100\"\n         [ngClass]=\"part.color ? part.color + '-background-color' : ''\"\n         [style.width]=\"i > 0 ? 'calc(' + part.percent + '% + 8px)' : part.percent + '%'\"\n         [style.z-index]=\"100 - i\"\n         [datoTooltipV2]=\"part.tooltip\">\n    </div>\n</div>\n\n<ng-content></ng-content>\n\n<div *ngIf=\"showLegend\" class=\"d-flex mt-12\">\n    <div *ngFor=\"let part of parts; index as i\" class=\"d-flex mr-16\">\n        <div class=\"d-flex items-center dato-note primary-400-color\">\n            <div class=\"legend-color mr-4\" [ngClass]=\"part.color ? part.color + '-background-color' : ''\"></div>\n            <div>{{ part.legendLabel || part.tooltip }}</div>\n            <div class=\"primary-300-color ml-3\" *ngIf=\"part.legendSecondaryLabel\">{{ part.legendSecondaryLabel }}</div>\n        </div>\n    </div>\n</div>\n",
+                template: "<div class=\"bar d-flex width-100 overflow-hidden\"\n     [style.width]=\"width\"\n     [class]=\"barColor + '-background-color'\">\n    <div *ngFor=\"let part of parts; index as i\"\n         class=\"part height-100\"\n         [ngClass]=\"part.color ? part.color + '-background-color' : ''\"\n         [style.width]=\"i > 0 ? 'calc(' + part.percent + '% + 8px)' : part.percent + '%'\"\n         [style.z-index]=\"100 - i\"\n         [datoTooltipV2]=\"part.tooltip\">\n    </div>\n</div>\n\n<ng-content></ng-content>\n\n<div *ngIf=\"showLegend\" class=\"d-flex mt-12\">\n    <div *ngFor=\"let part of parts; index as i\" class=\"d-flex mr-16\">\n        <div *ngIf=\"part.legendLabel || part.tooltip\" class=\"d-flex items-center dato-note primary-400-color\">\n            <div class=\"legend-color mr-4\" [ngClass]=\"part.color ? part.color + '-background-color' : ''\"></div>\n            <div>{{ part.legendLabel || part.tooltip }}</div>\n            <div class=\"primary-300-color ml-3\" *ngIf=\"part.legendSecondaryLabel\">{{ part.legendSecondaryLabel }}</div>\n        </div>\n    </div>\n</div>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 encapsulation: core.ViewEncapsulation.None,
                 styles: ["dato-progress-bar .bar{height:8px;border-radius:4px}dato-progress-bar .part{border-radius:0 4px 4px 0}dato-progress-bar .part:not(:first-child){margin-left:-8px}dato-progress-bar .legend-color{width:8px;height:8px;min-width:8px;border-radius:50%}"]
@@ -25687,7 +25699,7 @@
         };
     }
 
-    window.coreVersion = '22.12.5';
+    window.coreVersion = '22.12.7';
 
     exports.APP_TRANSLATE = APP_TRANSLATE;
     exports.AceService = AceService;