@datorama/core 22.12.6 → 22.12.7-beta.1

package/fesm5/datorama-core.js

@@ -11911,18 +11911,25 @@ var DATO_GRID_STORAGE_API = new InjectionToken('DATO_GRID_STORAGE_API');
 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;
 };
 var GridMinWidths;
 (function (GridMinWidths) {
@@ -13593,7 +13600,7 @@ var defaultGridOptions = __assign({
         type: DatoGridColumnTypes.String,
         menuTabs: ['filterMenuTab'],
         headerComponentFramework: DatoGridColumnHeaderComponent
-    }, suppressCellSelection: true, suppressPropertyNamesCheck: true, rowHeight: 35, headerHeight: 30, rowSelection: 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: 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
@@ -14281,11 +14288,13 @@ var GridService = /** @class */ (function () {
             !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);
             };
         }
     };
@@ -15598,6 +15607,7 @@ var DatoGridControllerComponent = /** @class */ (function () {
             }
             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);
@@ -15626,7 +15636,7 @@ var DatoGridControllerComponent = /** @class */ (function () {
             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) {
@@ -15838,18 +15848,20 @@ var DatoGridControllerComponent = /** @class */ (function () {
         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 }
@@ -25488,7 +25500,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.12.6';
+window.coreVersion = '22.12.7';
 
 /**
  * @license