@refinitiv-ui/efx-grid 6.0.19 → 6.0.21

package/lib/tr-grid-row-dragging/es6/RowDragging.d.ts

@@ -4,27 +4,28 @@ import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
 import Dom from "../../tr-grid-util/es6/Dom.js";
 import { DragUI } from "../../tr-grid-util/es6/DragUI.js";
+import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 declare namespace RowDraggingPlugin {
 
     type Options = {
-        dragBox?: boolean,
-        disabled?: boolean,
-        mouseInput?: boolean,
-        dataTransfer?: boolean,
-        autoScroll?: boolean,
-        dragBoxRenderer?: ((...params: any[]) => any),
-        dragStart?: ((...params: any[]) => any),
-        drag?: ((...params: any[]) => any),
-        dragEnd?: ((...params: any[]) => any),
-        dataMoved?: ((...params: any[]) => any)
+        dragBox?: boolean|null,
+        disabled?: boolean|null,
+        mouseInput?: boolean|null,
+        dataTransfer?: boolean|null,
+        autoScroll?: boolean|null,
+        dragBoxRenderer?: ((...params: any[]) => any)|null,
+        dragStart?: ((...params: any[]) => any)|null,
+        drag?: ((...params: any[]) => any)|null,
+        dragEnd?: ((...params: any[]) => any)|null,
+        dataMoved?: ((...params: any[]) => any)|null
     };
 
 }
 
 declare class RowDraggingPlugin extends GridPlugin {
 
-    constructor(options?: RowDraggingPlugin.Options);
+    constructor(options?: RowDraggingPlugin.Options|null);
 
     public hasMultiTableSupport(): boolean;
 
@@ -38,7 +39,7 @@ declare class RowDraggingPlugin extends GridPlugin {
 
     public getConfigObject(out_obj?: any): any;
 
-    public startDrag(startRef: any, opt_suppressEvent?: boolean): void;
+    public startDrag(startRef: any, opt_suppressEvent?: boolean|null): void;
 
     public stopDrag(): void;
 
@@ -46,11 +47,11 @@ declare class RowDraggingPlugin extends GridPlugin {
 
     public getGuideline(): Element|null;
 
-    public disable(disabled?: boolean): void;
+    public disable(disabled?: boolean|null): void;
 
     public isDisabled(): boolean;
 
-    public disableUIs(disabled?: boolean): void;
+    public disableUIs(disabled?: boolean|null): void;
 
 }
 

package/lib/tr-grid-row-dragging/es6/RowDragging.js

@@ -4,6 +4,7 @@ import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
 import Dom from "../../tr-grid-util/es6/Dom.js";
 import { DragUI } from "../../tr-grid-util/es6/DragUI.js";
+import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 /** @typedef {Object} RowDraggingPlugin~Options
 * @description Available options describing `rowDragging` object specified in grid's option
@@ -198,6 +199,14 @@ RowDraggingPlugin.prototype._autoScroll = true;
 */
 RowDraggingPlugin.prototype._dragUI = null;
 
+/** @private Applied theme color in row dragging and dragUI
+* @param {Object} host core grid instance
+*/
+var _applyStyles = function(host) {
+	RowDraggingPlugin._applyThemeColor(host);
+	DragUI.applyThemeColor(host);
+};
+
 /** Prevent built-in config
 * @public
 * @ignore
@@ -252,12 +261,12 @@ RowDraggingPlugin.prototype.initialize = function (host, options) {
 	});
 
 	// Share dragging styles
-	if(DragUI.stylePromise) {
-		DragUI.applyThemeColor(host);
-	} else {
+	if(!DragUI.stylePromise) {
 		DragUI.stylePromise = ElfUtil.getThemeColors();
 		DragUI.stylePromise.then(this._onThemeLoaded).catch(this._onThemeLoaded);
 	}
+	// TODO: Create a manager to manage styles. Currently, we have to use setTimeout to wait for an element to be created before applying styles
+	setTimeout(_applyStyles.bind(this, host), 0);
 
 	// In case of lazy loading
 	// host.getAllSections("content").forEach(this._registerSection);
@@ -284,10 +293,34 @@ RowDraggingPlugin.prototype.unload = function (host) {
 /** @private
 */
 RowDraggingPlugin.prototype._onThemeLoaded = function() {
+	if(!RowDraggingPlugin._styles) {
+		var styles = [
+			":host .row-dragging .cover-layer .selection-bound", [
+				"border: var(--grid-drag-indicator)"
+			],
+			":host .row-dragging .tr-lg .cell.selected-row", [
+				"background-color: unset;"
+			]
+		];
+		RowDraggingPlugin._styles = prettifyCss(styles);
+	}
+
 	var colors = ElfUtil.getColors();
 	this._dragUI.onThemeLoaded(colors); // TODO : onThemeLoaded should be static function like DragUI.applyThemeColor
 	for(var i = this._hosts.length; --i >= 0;) {
-		DragUI.applyThemeColor(this._hosts[i]);
+		_applyStyles(this._hosts[i]);
+	}
+};
+/** @private
+* @param {Object} grid core grid instance
+*/
+RowDraggingPlugin._applyThemeColor = function(grid) {
+	if(!grid || grid._rowDraggingStyles) {
+		return;
+	}
+	if(RowDraggingPlugin._styles) {
+		grid._rowDraggingStyles = true; // Prevent loading the same style twice
+		injectCss(RowDraggingPlugin._styles, grid.getParent());
 	}
 };
 
@@ -528,7 +561,9 @@ RowDraggingPlugin.prototype._onDragStart = function (e) {
 		// TODO: Just update curser will not gonna work since cell is pointer-events: none;
 		// we should do something to overwrite pointer-events first
 		// then set cursor move will have an effect
-		grid.getElement().classList.add("mouse-dragging");
+		var gridElem = grid.getElement();
+		gridElem.classList.add("mouse-dragging");
+		gridElem.classList.add("row-dragging");
 
 		this._updateGuidePosition();
 
@@ -609,7 +644,10 @@ RowDraggingPlugin.prototype._onDragEnd = function (e) {
 	}
 
 	var srcGrid = this._startingGrid || this._hosts[0];
-	srcGrid.getElement().classList.remove("mouse-dragging");
+
+	var srcGridElem = srcGrid.getElement();
+	srcGridElem.classList.remove("mouse-dragging");
+	srcGridElem.classList.remove("row-dragging");
 
 	var destPos = this._pos; // This can be null
 	if(!this._isDragCancelled()) {

package/lib/tr-grid-row-selection/es6/RowSelection.d.ts

@@ -9,20 +9,20 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 declare namespace RowSelectionPlugin {
 
     type Options = {
-        singleSelection?: boolean,
-        selectionChanged?: ((...params: any[]) => any),
-        beforeSelection?: ((...params: any[]) => any),
-        basedOnContent?: boolean,
-        selectionField?: string,
-        menuClicked?: ((...params: any[]) => any),
-        menuPosition?: string
+        singleSelection?: boolean|null,
+        selectionChanged?: ((...params: any[]) => any)|null,
+        beforeSelection?: ((...params: any[]) => any)|null,
+        basedOnContent?: boolean|null,
+        selectionField?: string|null,
+        menuClicked?: ((...params: any[]) => any)|null,
+        menuPosition?: string|null
     };
 
 }
 
 declare class RowSelectionPlugin extends GridPlugin {
 
-    constructor(options?: RowSelectionPlugin.Options);
+    constructor(options?: RowSelectionPlugin.Options|null);
 
     public getName(): string;
 
@@ -36,11 +36,11 @@ declare class RowSelectionPlugin extends GridPlugin {
 
     public getConfigObject(gridOptions?: any): any;
 
-    public clearAllSelections(preserveAnchor?: boolean, activeGrid?: any): void;
+    public clearAllSelections(preserveAnchor?: boolean|null, activeGrid?: any): void;
 
-    public clearSelectedRows(preserveAnchor?: boolean, activeGrid?: any): void;
+    public clearSelectedRows(preserveAnchor?: boolean|null, activeGrid?: any): void;
 
-    public clearSelection(preserveAnchor?: boolean, activeGrid?: any): void;
+    public clearSelection(preserveAnchor?: boolean|null, activeGrid?: any): void;
 
     public getActiveGrid(): any;
 
@@ -56,19 +56,19 @@ declare class RowSelectionPlugin extends GridPlugin {
 
     public getSelectedRowCount(sectRef?: any): number;
 
-    public setSelectedRow(rowIndex: number, opt_select?: boolean, sectRef?: any): void;
+    public setSelectedRow(rowIndex: number, opt_select?: boolean|null, sectRef?: any): void;
 
     public selectSingleRow(rowIndex: number, sectRef?: any, activeGrid?: any): boolean;
 
     public selectAllRows(activeGrid?: any): void;
 
-    public selectRowRange(rowIndex: number, length: number, sectRef?: any, opt_scrollToRow?: boolean): void;
+    public selectRowRange(rowIndex: number, length: number, sectRef?: any, opt_scrollToRow?: boolean|null): void;
 
-    public disable(disabled?: boolean): void;
+    public disable(disabled?: boolean|null): void;
 
     public isEnabled(): boolean;
 
-    public disableMultiSelection(disabled?: boolean): void;
+    public disableMultiSelection(disabled?: boolean|null): void;
 
     public getSelectedText(): string;
 

package/lib/tr-grid-row-selection/es6/RowSelection.js

@@ -615,7 +615,15 @@ RowSelectionPlugin.prototype._onClick = function (e) {
 		this._dispatchSelectionChanged(e);
 	}
 	if(this._activeGrid != null){
-		this._activeGrid.focus();
+		var selectionText;
+		if(this._isIE) {
+			selectionText = document.selection.createRange().htmlText;
+		} else {
+			selectionText = window.getSelection().toString();
+		}
+		if(!selectionText) { // Doesn't select text, tried to focus
+			this._activeGrid.focus();
+		}
 	}
 };
 /** @private

package/lib/types/es6/ColumnGrouping.d.ts

@@ -38,19 +38,19 @@ declare class ColumnGroupingPlugin extends GridPlugin {
 
     public addColumnToGroup(column: any, groupId: string, colIndex: number): void;
 
-    public addGroup(groupDef: ColumnGroupingPlugin.GroupDefinition|null): boolean;
+    public addGroup(groupDef: ColumnGroupingPlugin.GroupDefinition|null): string;
 
     public addColumnGrouping(groupDef: ColumnGroupingPlugin.GroupDefinition|null): void;
 
-    public removeGroup(groupId: string): any;
+    public removeGroup(groupId: string): ColumnGroupingPlugin.GroupDefinition|null;
 
-    public setGroupDefinitions(groupDefs: ColumnGroupingPlugin.GroupDefinitions|null): void;
+    public getGroupDefinition(groupId: string): ColumnGroupingPlugin.GroupDefinition|null;
 
     public getGroupDefinitions(): ColumnGroupingPlugin.GroupDefinitions;
 
     public setGroupDefinition(groupId: string, newDef: ColumnGroupingPlugin.GroupDefinition|null): void;
 
-    public getGroupDefinition(groupId: string): ColumnGroupingPlugin.GroupDefinition|null;
+    public setGroupDefinitions(groupDefs: ColumnGroupingPlugin.GroupDefinitions|null): void;
 
     public setGroupChildren(groupId: string, newChildList: (string)[]|null): void;
 

package/lib/types/es6/RealtimeGrid/Grid.d.ts

@@ -259,6 +259,12 @@ declare class Grid extends EventDispatcher {
 
     public freezeColumn(colIndex?: number|null, pinnedRightColumns?: number|null): void;
 
+    public pinColumn(colRef: Grid.ColumnReference|(Grid.ColumnReference)[]|null): boolean;
+
+    public unpinColumn(colRef: Grid.ColumnReference|(Grid.ColumnReference)[]|null, dest?: Grid.ColumnReference|null): boolean;
+
+    public unpinAllColumns(): boolean;
+
     public updateColumnTitle(): void;
 
     public isSorting(): boolean;

package/lib/types/es6/RowDragging.d.ts

@@ -4,27 +4,28 @@ import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
 import Dom from "../../tr-grid-util/es6/Dom.js";
 import { DragUI } from "../../tr-grid-util/es6/DragUI.js";
+import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 declare namespace RowDraggingPlugin {
 
     type Options = {
-        dragBox?: boolean,
-        disabled?: boolean,
-        mouseInput?: boolean,
-        dataTransfer?: boolean,
-        autoScroll?: boolean,
-        dragBoxRenderer?: ((...params: any[]) => any),
-        dragStart?: ((...params: any[]) => any),
-        drag?: ((...params: any[]) => any),
-        dragEnd?: ((...params: any[]) => any),
-        dataMoved?: ((...params: any[]) => any)
+        dragBox?: boolean|null,
+        disabled?: boolean|null,
+        mouseInput?: boolean|null,
+        dataTransfer?: boolean|null,
+        autoScroll?: boolean|null,
+        dragBoxRenderer?: ((...params: any[]) => any)|null,
+        dragStart?: ((...params: any[]) => any)|null,
+        drag?: ((...params: any[]) => any)|null,
+        dragEnd?: ((...params: any[]) => any)|null,
+        dataMoved?: ((...params: any[]) => any)|null
     };
 
 }
 
 declare class RowDraggingPlugin extends GridPlugin {
 
-    constructor(options?: RowDraggingPlugin.Options);
+    constructor(options?: RowDraggingPlugin.Options|null);
 
     public hasMultiTableSupport(): boolean;
 
@@ -38,7 +39,7 @@ declare class RowDraggingPlugin extends GridPlugin {
 
     public getConfigObject(out_obj?: any): any;
 
-    public startDrag(startRef: any, opt_suppressEvent?: boolean): void;
+    public startDrag(startRef: any, opt_suppressEvent?: boolean|null): void;
 
     public stopDrag(): void;
 
@@ -46,11 +47,11 @@ declare class RowDraggingPlugin extends GridPlugin {
 
     public getGuideline(): Element|null;
 
-    public disable(disabled?: boolean): void;
+    public disable(disabled?: boolean|null): void;
 
     public isDisabled(): boolean;
 
-    public disableUIs(disabled?: boolean): void;
+    public disableUIs(disabled?: boolean|null): void;
 
 }
 

package/lib/types/es6/RowGrouping.d.ts

@@ -29,6 +29,7 @@ declare namespace RowGroupingPlugin {
         colorTag?: boolean|null,
         predefinedColors?: any,
         groupColors?: any,
+        defaultCollapse?: boolean|null,
         clicked?: ((...params: any[]) => any)|null,
         groupAdded?: ((...params: any[]) => any)|null,
         beforeGroupAdded?: ((...params: any[]) => any)|null,
@@ -84,6 +85,10 @@ declare class RowGroupingPlugin extends GridPlugin {
 
     public setPredefinedColors(predefinedColors: any): void;
 
+    public setDefaultCollapse(collapse: boolean): void;
+
+    public getDefaultCollapse(): boolean;
+
     public sortGroups(): void;
 
     public updateHeaders(): void;

package/lib/types/es6/RowSelection.d.ts

@@ -9,20 +9,20 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 declare namespace RowSelectionPlugin {
 
     type Options = {
-        singleSelection?: boolean,
-        selectionChanged?: ((...params: any[]) => any),
-        beforeSelection?: ((...params: any[]) => any),
-        basedOnContent?: boolean,
-        selectionField?: string,
-        menuClicked?: ((...params: any[]) => any),
-        menuPosition?: string
+        singleSelection?: boolean|null,
+        selectionChanged?: ((...params: any[]) => any)|null,
+        beforeSelection?: ((...params: any[]) => any)|null,
+        basedOnContent?: boolean|null,
+        selectionField?: string|null,
+        menuClicked?: ((...params: any[]) => any)|null,
+        menuPosition?: string|null
     };
 
 }
 
 declare class RowSelectionPlugin extends GridPlugin {
 
-    constructor(options?: RowSelectionPlugin.Options);
+    constructor(options?: RowSelectionPlugin.Options|null);
 
     public getName(): string;
 
@@ -36,11 +36,11 @@ declare class RowSelectionPlugin extends GridPlugin {
 
     public getConfigObject(gridOptions?: any): any;
 
-    public clearAllSelections(preserveAnchor?: boolean, activeGrid?: any): void;
+    public clearAllSelections(preserveAnchor?: boolean|null, activeGrid?: any): void;
 
-    public clearSelectedRows(preserveAnchor?: boolean, activeGrid?: any): void;
+    public clearSelectedRows(preserveAnchor?: boolean|null, activeGrid?: any): void;
 
-    public clearSelection(preserveAnchor?: boolean, activeGrid?: any): void;
+    public clearSelection(preserveAnchor?: boolean|null, activeGrid?: any): void;
 
     public getActiveGrid(): any;
 
@@ -56,19 +56,19 @@ declare class RowSelectionPlugin extends GridPlugin {
 
     public getSelectedRowCount(sectRef?: any): number;
 
-    public setSelectedRow(rowIndex: number, opt_select?: boolean, sectRef?: any): void;
+    public setSelectedRow(rowIndex: number, opt_select?: boolean|null, sectRef?: any): void;
 
     public selectSingleRow(rowIndex: number, sectRef?: any, activeGrid?: any): boolean;
 
     public selectAllRows(activeGrid?: any): void;
 
-    public selectRowRange(rowIndex: number, length: number, sectRef?: any, opt_scrollToRow?: boolean): void;
+    public selectRowRange(rowIndex: number, length: number, sectRef?: any, opt_scrollToRow?: boolean|null): void;
 
-    public disable(disabled?: boolean): void;
+    public disable(disabled?: boolean|null): void;
 
     public isEnabled(): boolean;
 
-    public disableMultiSelection(disabled?: boolean): void;
+    public disableMultiSelection(disabled?: boolean|null): void;
 
     public getSelectedText(): string;
 

package/lib/versions.json

@@ -9,8 +9,8 @@
 	"tr-grid-checkbox": "1.0.60",
 	"tr-grid-column-fitter": "1.0.39",
 	"tr-grid-column-formatting": "0.9.34",
-	"tr-grid-column-grouping": "1.0.35",
-	"tr-grid-column-resizing": "1.0.26",
+	"tr-grid-column-grouping": "1.0.37",
+	"tr-grid-column-resizing": "1.0.28",
 	"tr-grid-column-selection": "1.0.25",
 	"tr-grid-column-stack": "1.0.48",
 	"tr-grid-conditional-coloring": "1.0.57",
@@ -23,15 +23,15 @@
 	"tr-grid-percent-bar": "1.0.22",
 	"tr-grid-printer": "1.0.16",
 	"tr-grid-range-bar": "1.0.9",
-	"tr-grid-row-dragging": "1.0.23",
+	"tr-grid-row-dragging": "1.0.24",
 	"tr-grid-row-filtering": "1.0.55",
 	"tr-grid-row-grouping": "1.0.80",
-	"tr-grid-row-selection": "1.0.21",
+	"tr-grid-row-selection": "1.0.22",
 	"tr-grid-rowcoloring": "1.0.21",
 	"tr-grid-textformatting": "1.0.44",
 	"tr-grid-titlewrap": "1.0.19",
 	"@grid/formatters": "1.0.49",
-	"@grid/column-selection-dialog": "4.0.45",
-	"@grid/filter-dialog": "4.0.55",
+	"@grid/column-selection-dialog": "4.0.46",
+	"@grid/filter-dialog": "4.0.56",
 	"@grid/column-format-dialog": "4.0.43"
 }

package/package.json

@@ -23,6 +23,9 @@
 			],
 			"grid": [
 				"lib/grid/lib/efx-grid.d.ts"
+			],
+			"*": [
+				"lib/types/index.d.ts"
 			]
 		}
 	},
@@ -58,5 +61,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "6.0.19"
+	"version": "6.0.21"
 }