@refinitiv-ui/efx-grid 6.0.4 → 6.0.6

package/lib/column-dragging/es6/ColumnDragging.d.ts

@@ -8,20 +8,20 @@ import { DragUI } from "../../tr-grid-util/es6/DragUI.js";
 declare namespace ColumnDraggingPlugin {
 
     type Options = {
-        dragStart?: ((...params: any[]) => any),
-        drag?: ((...params: any[]) => any),
-        dragEnd?: ((...params: any[]) => any),
-        preColumnMoved?: ((...params: any[]) => any),
-        columnMoved?: ((...params: any[]) => any),
-        dragInterval?: ((...params: any[]) => any),
-        dragBoxRenderer?: ((...params: any[]) => any)
+        dragStart?: ((...params: any[]) => any)|null,
+        drag?: ((...params: any[]) => any)|null,
+        dragEnd?: ((...params: any[]) => any)|null,
+        preColumnMoved?: ((...params: any[]) => any)|null,
+        columnMoved?: ((...params: any[]) => any)|null,
+        dragInterval?: ((...params: any[]) => any)|null,
+        dragBoxRenderer?: ((...params: any[]) => any)|null
     };
 
 }
 
 declare class ColumnDraggingPlugin extends GridPlugin {
 
-    constructor(options?: ColumnDraggingPlugin.Options);
+    constructor(options?: ColumnDraggingPlugin.Options|null);
 
     public getName(): string;
 
@@ -37,11 +37,13 @@ declare class ColumnDraggingPlugin extends GridPlugin {
 
     public lockFrozenColumn(lock: boolean): void;
 
-    public disable(opt_disabled?: boolean): void;
+    public disable(disabled?: boolean|null): void;
 
-    public disableMoving(opt_disabled?: boolean): void;
+    public isDisabled(): boolean;
 
-    public disableDragBox(opt_disabled?: boolean): void;
+    public disableMoving(disabled?: boolean|null): void;
+
+    public disableDragBox(disabled?: boolean|null): void;
 
 }
 

package/lib/column-dragging/es6/ColumnDragging.js

@@ -226,7 +226,7 @@ ColumnDraggingPlugin.prototype.initialize = function (host, options) {
 		DragUI.applyThemeColor(host);
 	} else {
 		DragUI.stylePromise = ElfUtil.getThemeColors();
-		DragUI.stylePromise.then(this._onThemeLoaded);
+		DragUI.stylePromise.then(this._onThemeLoaded).catch(this._onThemeLoaded);
 	}
 };
 /** @public
@@ -252,9 +252,9 @@ ColumnDraggingPlugin.prototype.unload = function (host) {
 };
 
 /** @private
-* @param {Object} colors
 */
-ColumnDraggingPlugin.prototype._onThemeLoaded = function(colors) {
+ColumnDraggingPlugin.prototype._onThemeLoaded = function() {
+	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]);
@@ -320,24 +320,30 @@ ColumnDraggingPlugin.prototype.lockFrozenColumn = function(lock) {
 
 /** Disable this plugin entirely
 * @public
-* @param {boolean=} opt_disabled
+* @param {boolean=} disabled
 */
-ColumnDraggingPlugin.prototype.disable = function(opt_disabled) {
-	this._disabled = opt_disabled !== false;
+ColumnDraggingPlugin.prototype.disable = function(disabled) {
+	this._disabled = disabled !== false;
+};
+/** @public
+* @return {boolean}
+*/
+ColumnDraggingPlugin.prototype.isDisabled = function() {
+	return this._disabled;
 };
 /** Disable column moving. Only cursor is showing and events are fired. No real column moving.
 * @public
-* @param {boolean=} opt_disabled
+* @param {boolean=} disabled
 */
-ColumnDraggingPlugin.prototype.disableMoving = function(opt_disabled) {
-	this._noColumnMoving = opt_disabled !== false;
+ColumnDraggingPlugin.prototype.disableMoving = function(disabled) {
+	this._noColumnMoving = disabled !== false;
 };
 /** Disable column moving. Only cursor is showing and events are fired. No real column moving.
 * @public
-* @param {boolean=} opt_disabled
+* @param {boolean=} disabled
 */
-ColumnDraggingPlugin.prototype.disableDragBox = function(opt_disabled) {
-	this._noDragBox = opt_disabled !== false;
+ColumnDraggingPlugin.prototype.disableDragBox = function(disabled) {
+	this._noDragBox = disabled !== false;
 };
 
 /** @private
@@ -384,7 +390,7 @@ ColumnDraggingPlugin.prototype._onMouseDown = function (e) {
 		return; // Only start dragging when mouse is down on the grid
 	}
 
-	var section = /** @type{ILayoutGrid} */(this._pos["section"]);
+	var section = this._pos["section"];
 	if(!section) {
 		return; // The section that is not in the target section list cannot be dragged
 	} else if(this._pos["sectionType"] !== "title") {
@@ -433,7 +439,7 @@ ColumnDraggingPlugin.prototype._onMouseUp = function (e) {
 ColumnDraggingPlugin.prototype._onDragStart = function (e) {
 	if(this._disabled || this._isDragging) { return; }
 	if (this.hasListener("dragStart")) {
-		this._dispatch("dragStart", /** @type{!Object} */(this._pos));
+		this._dispatch("dragStart", this._pos);
 	}
 
 	if (this._pos["cancel"]) {
@@ -644,7 +650,7 @@ ColumnDraggingPlugin.prototype._onDragEnd = function (e) {
 ColumnDraggingPlugin.prototype._onDragPulse = function() {
 	if(!this._isDragging || !this._pos) { return; }
 
-	this._dispatch("dragInterval", /** @type{!Object} */(this._pos));
+	this._dispatch("dragInterval", this._pos);
 
 	var host = this._clickedGrid;
 	if(!host || !host.getHScrollbar().isActive()) { return; }

package/lib/column-format-dialog/lib/column-format-dialog.d.ts

@@ -67,7 +67,7 @@ declare global {
 	}
 	namespace JSX {
 		interface IntrinsicElements {
-			"column-format-dialog": ColumnFormatDialog | JSXInterface.HTMLAttributes;
+			"column-format-dialog": ColumnFormatDialog & JSXInterface.HTMLAttributes;
 		}
 	}
 }

package/lib/column-format-dialog/lib/column-format-dialog.js

@@ -164,7 +164,7 @@ class ColumnFormatDialog extends BasicElement {
 		};
 		this._atLeastOneBidOffer = false;
 
-		ElfUtil.getThemeColors().then(this._onThemeLoaded);
+		ElfUtil.getThemeColors().then(this._onThemeLoaded).catch(this._onThemeLoaded);
 		ElementObserver.addLanguageListener(this);
 	}
 
@@ -660,10 +660,9 @@ class ColumnFormatDialog extends BasicElement {
 
 	/**
 	 * @private
-	 * @param {Object} colors
 	 */
-	_onThemeLoaded(colors) {
-		this._colors = colors;
+	_onThemeLoaded() {
+		this._colors = ElfUtil.getColors();
 	}
 
 	/**

package/lib/column-format-dialog/lib/preview-table.js

@@ -175,7 +175,7 @@ var PreviewTable = function (elem) {
 
 	this._numberFormatter = new NumberFormatter();
 
-	ElfUtil.getThemeColors().then(this._onThemeLoaded);
+	ElfUtil.getThemeColors().then(this._onThemeLoaded).catch(this._onThemeLoaded);
 	setInterval(this._onIntervalUpdate, 1500);
 
 	this._formatSampleValue();
@@ -985,10 +985,9 @@ PreviewTable.prototype._updateValueFormatExample = function (val) {
 
 /**
  * @private
- * @param {Object} colors
  */
-PreviewTable.prototype._onThemeLoaded = function (colors) {
-	this._configUpdateStyleValue.colors = colors;
+PreviewTable.prototype._onThemeLoaded = function () {
+	this._configUpdateStyleValue.colors = ElfUtil.getColors();
 };
 
 export default PreviewTable;

package/lib/column-selection-dialog/lib/column-selection-dialog.d.ts

@@ -2,7 +2,7 @@ import { customElement } from "@refinitiv-ui/core/decorators/custom-element.js";
 import { JSXInterface } from "../../tr-grid-util/es6/jsx";
 import { BasicElement, html } from "@refinitiv-ui/core";
 import "@refinitiv-ui/elements/button";
-import { DefaultRenderer } from "@refinitiv-ui/elements/tree";
+import { TreeRenderer as DefaultRenderer } from "@refinitiv-ui/elements/tree";
 import "@refinitiv-ui/elements/dialog";
 import "@refinitiv-ui/elements/search-field";
 import translation from "./locale/translation.js";
@@ -45,7 +45,7 @@ declare global {
 	}
 	namespace JSX {
 		interface IntrinsicElements {
-			"column-selection-dialog": ColumnSelectionDialog | JSXInterface.HTMLAttributes;
+			"column-selection-dialog": ColumnSelectionDialog & JSXInterface.HTMLAttributes;
 		}
 	}
 }

package/lib/column-selection-dialog/lib/column-selection-dialog.js

@@ -1,7 +1,7 @@
 import { customElement } from "@refinitiv-ui/core/decorators/custom-element.js";
 import { BasicElement, html } from "@refinitiv-ui/core";
 import "@refinitiv-ui/elements/button";
-import { DefaultRenderer } from "@refinitiv-ui/elements/tree";
+import { TreeRenderer as DefaultRenderer } from "@refinitiv-ui/elements/tree";
 import "@refinitiv-ui/elements/dialog";
 import "@refinitiv-ui/elements/search-field";
 import translation from "./locale/translation.js";
@@ -19,7 +19,7 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
  * @property {number=} excludedColumns Deprecated, Alias wigh excludedLeftColumns.
  * @property {number=} excludedLeftColumns Number of columns on the left side that should be hidden from Visible Columns.
  * @property {number=} excludedRightColumns Number of columns on the right side that should be hidden from Visible Columns.
- * @property {number=} unmovableColumns Number of columns that is unmovable in Visible Columns.
+ * @property {number=} unmovableColumns Depricated, Alias with stationary column option. Number of columns that is unmovable in Visible Columns.
  * @property {boolean=} descriptionBox Show description box
 */
 
@@ -283,7 +283,8 @@ const _toCoralTreeItem = function (colObj, parent) {
 			strGroup: parent,
 			value: currentId,
 			selected: false,
-			disabled: colObj.disabled == true
+			disabled: colObj.disabled == true,
+			stationary: colObj.stationary == true
 		};
 	}
 };
@@ -298,7 +299,8 @@ const _toCoralItem = function(item) {
 		label: item.label,
 		value: item.value,
 		selected: false,
-		disabled: item.disabled
+		disabled: item.disabled,
+		stationary: item.stationary
 	};
 };
 /** Valid item must have an id or a field
@@ -848,13 +850,27 @@ class ColumnSelectionDialog extends BasicElement {
 			this._excludedRightColumns = _ensurePositiveNumber(itemCount - this._excludedLeftColumns);
 		}
 
-		this._unmovableColumns = _ensurePositiveNumber(config.unmovableColumns);
-		this._unmovableColumns += autoGeneratedColumnCount - this._excludedLeftColumns;
-
 		this._initialColumnMap = _createMapping(allItems, 'id');
 		this._excludedLeftVisibleColumnList = visibleItems.slice(0, this._excludedLeftColumns);
 		this._excludedRightVisibleColumnList = visibleItems.slice(itemCount - this._excludedRightColumns);
 
+		var stationaryLeftColumnIndex = -1;
+		for(i = allItems.length - 1; i >= 0; i--) {
+			item = allItems[i];
+
+			if(i < stationaryLeftColumnIndex) {
+				item.disabled = true;
+			} else {
+				if(item.stationary || i < config.unmovableColumns) {
+					stationaryLeftColumnIndex = i + 1; // unmoveable count by columns so we need to add 1 to index for backward compatibility
+					item.disabled = true;
+					this._unmovableColumns = _ensurePositiveNumber(stationaryLeftColumnIndex);
+					this._unmovableColumns += autoGeneratedColumnCount - this._excludedLeftColumns;
+				}
+			}
+
+		}
+
 		this._allColumnList = allItems.map(function (obj) {
 			return _toCoralTreeItem(obj);
 		});