Adding keyboard shortcuts for column resizing in slickgrid (#21100)

* Adding column resize keyboard shortcuts in slickgrid

* Switching to standard keyboard evt

* Adding comment for the functionality

* Cleaning up code and adding more comments

* Using quick input to get column resize width

* Adding check for negative sizes

* Fixing some stuff

src/sql/workbench/services/notebook/browser/outputs/mimemodel.ts

@@ -6,6 +6,7 @@
 import { IRenderMime } from 'sql/workbench/services/notebook/browser/outputs/renderMimeInterfaces';
 import { ReadonlyJSONObject } from 'sql/workbench/services/notebook/common/jsonext';
 import { IAccessibilityService } from 'vs/platform/accessibility/common/accessibility';
+import { IQuickInputService } from 'vs/platform/quickinput/common/quickInput';
 import { IThemeService } from 'vs/platform/theme/common/themeService';
 
 /**
@@ -22,6 +23,7 @@ export class MimeModel implements IRenderMime.IMimeModel {
 		this._callback = options.callback;
 		this._themeService = options.themeService;
 		this._accessibilityService = options.accessibilityService;
+		this._quickInputService = options.quickInputService;
 	}
 
 	/**
@@ -51,6 +53,10 @@ export class MimeModel implements IRenderMime.IMimeModel {
 		return this._accessibilityService;
 	}
 
+	get quickInputService(): IQuickInputService {
+		return this._quickInputService;
+	}
+
 	/**
 	 * Set the data associated with the model.
 	 *
@@ -69,6 +75,7 @@ export class MimeModel implements IRenderMime.IMimeModel {
 	private _metadata: ReadonlyJSONObject;
 	private _themeService: IThemeService;
 	private _accessibilityService: IAccessibilityService;
+	private _quickInputService: IQuickInputService;
 }
 
 /**
@@ -105,5 +112,7 @@ export namespace MimeModel {
 		themeService?: IThemeService;
 
 		accessibilityService?: IAccessibilityService;
+
+		quickInputService?: IQuickInputService;
 	}
 }

src/sql/workbench/services/notebook/browser/outputs/renderMimeInterfaces.ts

@@ -5,6 +5,7 @@
 import { IThemeService } from 'vs/platform/theme/common/themeService';
 import { ReadonlyJSONObject } from 'sql/workbench/services/notebook/common/jsonext';
 import { IAccessibilityService } from 'vs/platform/accessibility/common/accessibility';
+import { IQuickInputService } from 'vs/platform/quickinput/common/quickInput';
 
 /**
  * A namespace for rendermime associated interfaces.
@@ -45,6 +46,7 @@ export namespace IRenderMime {
 		readonly themeService: IThemeService;
 
 		readonly accessibilityService: IAccessibilityService;
+		readonly quickInputService: IQuickInputService;
 	}
 
 	/**

src/sql/workbench/services/notebook/browser/outputs/tableRenderers.ts

@@ -17,6 +17,7 @@ import { AdditionalKeyBindings } from 'sql/base/browser/ui/table/plugins/additio
 import { RESULTS_GRID_DEFAULTS } from 'sql/workbench/common/constants';
 import { values } from 'vs/base/common/collections';
 import { IAccessibilityService } from 'vs/platform/accessibility/common/accessibility';
+import { IQuickInputService } from 'vs/platform/quickinput/common/quickInput';
 
 /**
  * Render DataResource as a grid into a host node.
@@ -56,7 +57,7 @@ export function renderDataResource(
 	let transformedData = transformData(sourceObject.data, columnsTransformed);
 	tableResultsData.push(transformedData);
 
-	let detailTable = new Table(tableContainer, options.accessibilityService, {
+	let detailTable = new Table(tableContainer, options.accessibilityService, options.quickInputService, {
 		dataProvider: tableResultsData, columns: columnsTransformed
 	}, {
 		rowHeight: RESULTS_GRID_DEFAULTS.rowHeight,
@@ -141,5 +142,10 @@ export namespace renderDataResource {
 		 * Accessibility service used to get screen reader optimization flag state
 		 */
 		accessibilityService: IAccessibilityService;
+
+		/**
+		 * quickInput service is used to get user's input in column resizing.
+		 */
+		quickInputService?: IQuickInputService;
 	}
 }

src/sql/workbench/services/notebook/browser/outputs/widgets.ts

@@ -402,7 +402,8 @@ export class RenderedDataResource extends RenderedCommon {
 			host: this.node,
 			source: JSON.stringify(model.data[this.mimeType]),
 			themeService: model.themeService,
-			accessibilityService: model.accessibilityService
+			accessibilityService: model.accessibilityService,
+			quickInputService: model.quickInputService
 		});
 	}
 }