fix encoded symbols when exporting csv

Author: OS-giulianasilva

src/OutSystems/GridAPI/ColumnManager.ts

@@ -26,7 +26,7 @@ namespace OutSystems.GridAPI.ColumnManager {
 			'ColumnManager.AddColumnToGroupPanel-end'
 		);
 
-		return JSON.stringify(result);
+		return result;
 	}
 
 	/**

src/Providers/DataGrid/Wijmo/Features/Export.ts

@@ -46,7 +46,7 @@ namespace Providers.DataGrid.Wijmo.Feature {
 			this._grid.features.pagination.changePageSize(0);
 		}
 
-		private _showLoadingMessage() {
+		private _showLoadingMessage(): void {
 			const parentPlaceholder = OSFramework.DataGrid.Helper.GetElementByUniqueId(
 				this._grid.uniqueId
 			).parentElement;
@@ -58,6 +58,12 @@ namespace Providers.DataGrid.Wijmo.Feature {
 			parentPlaceholder.appendChild(createdDivElem);
 		}
 
+		// Workaround for HTML tags being exported in CSV with Grouped Columns
+		private _stripHtmlTags(htmlString: string): string {
+			if (!htmlString) return '';
+			return htmlString.replace(/<(?!>)[a-zA-Z0-9/][^>]*>/g, '');
+		}
+
 		public build(): void {
 			return;
 		}
@@ -101,7 +107,7 @@ namespace Providers.DataGrid.Wijmo.Feature {
 			this._resetPagination();
 
 			const params = { fileName: this._handleFilename(filename, true) };
-			const result = this._grid.provider.getClipString(this._getFullCellRange(), true, true);
+			const result = this._stripHtmlTags(this._grid.provider.getClipString(this._getFullCellRange(), true, true));
 
 			this._reApplyPagination();
 			wijmo.saveFile(result, params.fileName);

src/Providers/DataGrid/Wijmo/Features/GroupPanel.ts

@@ -38,7 +38,7 @@ namespace Providers.DataGrid.Wijmo.Feature {
 			OSFramework.DataGrid.Interface.IBuilder,
 			OSFramework.DataGrid.Interface.IDisposable
 	{
-		private _currGroupDescription: Array<wijmo.collections.PropertyGroupDescription>;
+		private _currGroupDescription = new Array<wijmo.collections.PropertyGroupDescription>();
 		private _grid: Grid.IGridWijmo;
 		private _groupPanel: wijmo.grid.grouppanel.GroupPanel;
 		private _panelId: string;
@@ -104,11 +104,33 @@ namespace Providers.DataGrid.Wijmo.Feature {
 					o: wijmo.collections.ObservableArray /*,
                     e: wijmo.collections.NotifyCollectionChangedEventArgs*/
 				) => {
+					const grid = this._grid;
+
 					//Add and close to the Stack the global value with the last config
-					this._grid.features.undoStack.startAction(
-						new GroupPanelAction(this._grid.provider, this._currGroupDescription)
+					grid.features.undoStack.startAction(
+						new GroupPanelAction(grid.provider, this._currGroupDescription)
 					);
-					this._grid.features.undoStack.closeAction(GroupPanelAction);
+					grid.features.undoStack.closeAction(GroupPanelAction);
+
+					const newGroupedDescriptions = o.filter((gd) => !this._currGroupDescription.includes(gd));
+					const ungroupedDescriptions = this._currGroupDescription.filter((gd) => !o.includes(gd));
+
+					// Workaround for HTML tags and encoded symbols being exported in CSV when the Grid present Grouped Columns.
+					// Loop through the columns just added to the Group Panel and set isContentHtml to true.
+					newGroupedDescriptions.forEach(function (groupDesc: wijmo.collections.PropertyGroupDescription) {
+						const col = grid.provider.getColumn(groupDesc.propertyName);
+						if (col) {
+							col.isContentHtml = true;
+						}
+					});
+
+					// Loop through the group descriptions just removed from the Group Panel and set isContentHtml to false.
+					ungroupedDescriptions.forEach(function (groupDesc: wijmo.collections.PropertyGroupDescription) {
+						const col = grid.provider.getColumn(groupDesc.propertyName);
+						if (col) {
+							col.isContentHtml = false;
+						}
+					});
 
 					//Updates the global variable wih the current config
 					this._currGroupDescription = o.slice();