@refinitiv-ui/efx-grid 6.0.5 → 6.0.7

package/lib/tr-grid-cell-selection/es6/CellSelection.js

@@ -623,39 +623,44 @@ CellSelectionPlugin.prototype._setScrollInterval = function (dirVectors) {
 
     var scrollToTop = isYPositive ? currentScrollTop + cellWidth : currentScrollTop - cellWidth;
     var scrollToLeft = isXPositive ? currentScrollLeft + cellHeight : currentScrollLeft - cellHeight;
-    var addCount = 1;
 
     if (dirVectors.y !== 0) {
       // updates scroll position
       this._hosts[0].setScrollTop(scrollToTop);
 
-      var vScrollView = this._hosts[0].getVScrollView();
+      var vScrollbar = this._hosts[0].getVScrollbar();
+
+      var rowVirtualizer = this._hosts[0].getRowVirtualizer();
 
       var isEndOfVerticalScroll = this._isEndOfVerticalScroll();
 
+      var vTrackHeight = vScrollbar.getHeight();
+      var scrollViewOffset = rowVirtualizer.getViewOffset(); // scrolling down
+
       if (isYPositive) {
-        var nextBottomVal = vScrollView.lastFullRow;
-
-        if (!!(this._prevRect && this._prevRect.bottom > nextBottomVal) && !isEndOfVerticalScroll) {
-          tgtRect.top = nextBottomVal;
-        } else {
-          if (isEndOfVerticalScroll) {
-            tgtRect.bottom = this._hosts[0].getRowCount();
-          } else {
-            tgtRect.bottom = nextBottomVal;
+        var nextBottomRowEndPos = rowVirtualizer.getContentStart(tgtRect.bottom + 1) - scrollViewOffset; //end position of next bottom row
+
+        if (nextBottomRowEndPos <= vTrackHeight) {
+          // while next row is in scroll view, extend to next bottom row
+          while (nextBottomRowEndPos <= vTrackHeight) {
+            tgtRect.bottom += 1;
+            nextBottomRowEndPos = rowVirtualizer.getContentStart(tgtRect.bottom + 1) - scrollViewOffset;
           }
+        } else if (isEndOfVerticalScroll) {
+          tgtRect.bottom = this._hosts[0].getRowCount();
         }
-      } else {
-        var nextTopVal = vScrollView.firstFullRow + 2;
-
-        if (!!(this._prevRect && this._prevRect.top < nextTopVal) && !isEndOfVerticalScroll) {
-          tgtRect.bottom = nextTopVal + addCount;
-        } else {
-          if (isEndOfVerticalScroll) {
-            tgtRect.top = 1;
-          } else {
-            tgtRect.top = nextTopVal;
+      } // scrolling up
+      else {
+        var nextTopRowStartPos = rowVirtualizer.getContentStart(tgtRect.top - 1) - scrollViewOffset; //start position of next top row
+
+        if (nextTopRowStartPos >= 0) {
+          // while next row is in scroll view, extend to next top row
+          while (nextTopRowStartPos >= 0) {
+            tgtRect.top -= 1;
+            nextTopRowStartPos = rowVirtualizer.getContentStart(tgtRect.top - 1) - scrollViewOffset;
           }
+        } else if (isEndOfVerticalScroll) {
+          tgtRect.top = 1;
         }
       }
     }
@@ -666,47 +671,38 @@ CellSelectionPlugin.prototype._setScrollInterval = function (dirVectors) {
 
       var isEndOfHorizontalScroll = this._isEndOfHorizontalScroll();
 
-      var gridWidth = this._hosts[0].getWidth();
+      var hScrollbar = this._hosts[0].getHScrollbar();
 
-      var curColumnWidth = this._hosts[0].getColumnWidth(tgtRect.right + addCount);
+      var hTrackWidth = hScrollbar.getTrackSize(); // scrolling right
 
       if (isXPositive) {
-        var leftColumnPosition = this._hosts[0].getColumnLeft(tgtRect.right + addCount);
-
-        var rightColPos = this._hosts[0].getColumnLeft(tgtRect.right);
+        var leftPinnedWidth = 0;
 
-        var rightSps = this._hosts[0].getColumnRight(tgtRect.left + 2);
+        var leftPinnedCount = this._hosts[0].getPinnedLeftColumnCount(); // getting width of left pinned columns
 
-        var rightPosition = gridWidth - curColumnWidth;
 
-        if (leftColumnPosition < rightPosition) {
-          do {
-            tgtRect.right += addCount;
-          } while (this._hosts[0].getColumnLeft(tgtRect.right + addCount) < rightPosition);
-        } else {
-          if (rightColPos - cellWidth - gridWidth > 0 && leftColumnPosition > rightColPos && rightSps < gridWidth) {
-            do {
-              tgtRect.left += addCount;
-            } while (this._hosts[0].getColumnLeft(tgtRect.right + addCount) > rightColPos);
-          } else if (isEndOfHorizontalScroll) {
-            tgtRect.right = this._hosts[0].getColumnCount();
-          }
+        if (leftPinnedCount) {
+          leftPinnedWidth = this._hosts[0].getContentWidth() - hScrollbar.getContentWidth();
         }
-      } else {
-        var rightColumnPosition = this._hosts[0].getColumnRight(tgtRect.left - addCount);
 
-        var leftColPos = this._hosts[0].getColumnRight(tgtRect.left);
+        var nextRightColEndPos = this._hosts[0].getColumnRight(tgtRect.right) - leftPinnedWidth; //end position of next right column
+        // if next column is in scroll view, extend to next right column
 
-        var colPos = this._hosts[0].getColumnRight(tgtRect.right - 2);
+        if (nextRightColEndPos <= hTrackWidth) {
+          tgtRect.right += 1;
+        } else if (isEndOfHorizontalScroll) {
+          tgtRect.right = this._hosts[0].getColumnCount();
+        }
+      } // scrolling left
+      else {
+        var nextLeftColStartPos = this._hosts[0].getColumnLeft(tgtRect.left - 1); //start position of next left column
+        // if next column is in scroll view, extend to next left column
 
-        if (rightColumnPosition - curColumnWidth > 0) {
-          tgtRect.left -= addCount;
-        } else {
-          if (leftColPos - cellWidth < 0 && rightColumnPosition < leftColPos && colPos > curColumnWidth * 2) {
-            tgtRect.right -= addCount;
-          } else if (isEndOfHorizontalScroll) {
-            tgtRect.left = 0;
-          }
+
+        if (nextLeftColStartPos >= 0) {
+          tgtRect.left -= 1;
+        } else if (isEndOfHorizontalScroll) {
+          tgtRect.left = 0;
         }
       }
     }
@@ -732,9 +728,9 @@ CellSelectionPlugin.prototype._isEndOfVerticalScroll = function () {
 
 
 CellSelectionPlugin.prototype._isEndOfHorizontalScroll = function () {
-  var getScrollTop = this._hosts[0].getScrollLeft();
+  var hScrollbar = this._hosts[0].getHScrollbar();
 
-  return getScrollTop === 0 || getScrollTop + this._hosts[0].getWidth() > this._hosts[0].getScrollWidth();
+  return hScrollbar.isEndOfHorizontalScroll() || this._hosts[0].getScrollLeft() == 0;
 };
 /** Fire when draging was end.
 * @private

package/lib/tr-grid-checkbox/es6/Checkbox.d.ts

@@ -6,25 +6,25 @@ import {injectCss, prettifyCss} from "../../tr-grid-util/es6/Util.js";
 declare namespace CheckboxPlugin {
 
     type Options = {
-        rowSelection?: boolean,
-        field?: string,
-        disablingField?: string,
-        checkboxCreated?: ((...params: any[]) => any),
-        checkboxBinding?: ((...params: any[]) => any),
-        clicked?: ((...params: any[]) => any),
-        width?: number,
-        topCheckboxHandler?: boolean
+        rowSelection?: boolean|null,
+        field?: string|null,
+        disablingField?: string|null,
+        checkboxCreated?: ((...params: any[]) => any)|null,
+        checkboxBinding?: ((...params: any[]) => any)|null,
+        clicked?: ((...params: any[]) => any)|null,
+        width?: number|null,
+        topCheckboxHandler?: boolean|null
     };
 
     type ColumnOptions = {
-        checkboxColumn?: boolean
+        checkboxColumn?: boolean|null
     };
 
 }
 
 declare class CheckboxPlugin extends GridPlugin {
 
-    constructor(options?: CheckboxPlugin.Options);
+    constructor(options?: CheckboxPlugin.Options|null);
 
     public getName(): string;
 
@@ -52,17 +52,19 @@ declare class CheckboxPlugin extends GridPlugin {
 
     public setAllCheckStates(checked: boolean): void;
 
-    public selectAllPages(checked?: boolean): void;
+    public selectAllPages(checked?: boolean|null): void;
 
-    public disableCheckbox(rowRef: number|string, disabled: boolean): void;
+    public disableCheckbox(rowRef: number|string|null, disabled: boolean): void;
 
-    public enableCheckbox(rowRef: number|string): void;
+    public enableCheckbox(rowRef: number|string|null): void;
 
-    public getAllCheckedIndices(sectionRef: any, state?: string): (number)[];
+    public getAllCheckedIndices(sectionRef: any, state?: string|null): (number)[];
 
-    public getFilteredSelectedData(field?: string): any[];
+    public getFilteredSelectedData(field?: string|null): any[];
 
-    public getAllSelectedData(field?: string): any[];
+    public getAllSelectedData(field?: string|null): any[];
+
+    public getSelectedRowData(field?: string|null): any[];
 
 }
 

package/lib/tr-grid-checkbox/es6/Checkbox.js

@@ -846,6 +846,7 @@ CheckboxPlugin.prototype.getAllSelectedData = function (field) {
 
 /** Alias of {@link CheckboxPlugin#getAllSelectedData}
 * @public
+* @function
 * @param {string=} field="" When field is not provided, entire rowData is returned. If field is specified, field values will be returned. Use "ROW_ID" as the field for retrieving internal row ids.
 * @return {!Array} Returns selected rows
 */

package/lib/tr-grid-column-formatting/es6/ColumnFormatting.d.ts

@@ -5,48 +5,48 @@ import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
 declare namespace ColumnFormattingPlugin {
 
     type HeatmapOption = {
-        midPoint?: string,
-        mode?: string
+        midPoint?: string|null,
+        mode?: string|null
     };
 
     type ConditionalColorOption = {
-        conditions?: (any)[],
-        field?: string
+        conditions?: (any)[]|null,
+        field?: string|null
     };
 
     type BarOption = {
-        useMovementColor?: boolean,
-        showValues?: boolean,
-        alignment?: string,
-        field?: string,
-        textHidden?: boolean,
-        textWidth?: (number|string),
-        barColor?: string,
-        padding?: number,
-        percentageLabel?: boolean,
-        autoTextSizing?: boolean,
-        autoFitting?: boolean,
-        zeroValueHidden?: boolean
+        useMovementColor?: boolean|null,
+        showValues?: boolean|null,
+        alignment?: string|null,
+        field?: string|null,
+        textHidden?: boolean|null,
+        textWidth?: (number|string)|null,
+        barColor?: string|null,
+        padding?: number|null,
+        percentageLabel?: boolean|null,
+        autoTextSizing?: boolean|null,
+        autoFitting?: boolean|null,
+        zeroValueHidden?: boolean|null
     };
 
     type DisplayStyleOption = {
-        alignment?: string,
-        mode?: string,
-        bar?: ColumnFormattingPlugin.BarOption,
-        conditionalColor?: ColumnFormattingPlugin.ConditionalColorOption,
-        heatmap?: ColumnFormattingPlugin.HeatmapOption,
+        alignment?: string|null,
+        mode?: string|null,
+        bar?: ColumnFormattingPlugin.BarOption|null,
+        conditionalColor?: ColumnFormattingPlugin.ConditionalColorOption|null,
+        heatmap?: ColumnFormattingPlugin.HeatmapOption|null,
         general?: any
     };
 
     type ColumnFormatOptions = {
         valueFormatTab?: any,
-        displayStyleTab?: ColumnFormattingPlugin.DisplayStyleOption,
+        displayStyleTab?: ColumnFormattingPlugin.DisplayStyleOption|null,
         colorTextTab?: any,
-        fieldDataType?: string
+        fieldDataType?: string|null
     };
 
     type ColumnOptions = {
-        fieldDataType?: string
+        fieldDataType?: string|null
     };
 
 }
@@ -59,7 +59,9 @@ declare class ColumnFormattingPlugin extends GridPlugin {
 
     public getConfigObject(gridOptions?: any): any;
 
-    public getFieldList(): (string)[];
+    public getField(colIndex: number): string;
+
+    public getFieldList(): (string)[]|null;
 
     public getColumnCount(): number;
 
@@ -67,7 +69,7 @@ declare class ColumnFormattingPlugin extends GridPlugin {
 
     public getColumnFormatOptions(colIndex: number): ColumnFormattingPlugin.ColumnFormatOptions;
 
-    public setColumnFormatOptions(colIndex: number, options?: ColumnFormattingPlugin.ColumnFormatOptions): void;
+    public setColumnFormatOptions(colIndex: number, options?: ColumnFormattingPlugin.ColumnFormatOptions|null): void;
 
     public setColumnAlignment(colIndex: number, align: string): void;
 
@@ -77,7 +79,7 @@ declare class ColumnFormattingPlugin extends GridPlugin {
 
     public isColumnHidden(colIndex: number): boolean;
 
-    public hideColumn(colIndex: number, opt_bool?: boolean): void;
+    public hideColumn(colIndex: number, opt_bool?: boolean|null): void;
 
     public showAllColumns(): void;
 

package/lib/tr-grid-column-formatting/es6/ColumnFormatting.js

@@ -222,6 +222,7 @@ ColumnFormattingPlugin.prototype.getConfigObject = function (gridOptions) {
 };
 
 /** @public
+* @function
 * @param {number} colIndex
 * @return {string}
 */

package/lib/tr-grid-column-grouping/es6/ColumnGrouping.d.ts

@@ -4,24 +4,24 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 declare namespace ColumnGroupingPlugin {
 
-    type Options = (ColumnGroupingPlugin.GroupDefinition)[];
+    type Options = (ColumnGroupingPlugin.GroupDefinition)[]|null;
 
-    type GroupDefinitions = (ColumnGroupingPlugin.GroupDefinition)[];
+    type GroupDefinitions = (ColumnGroupingPlugin.GroupDefinition)[]|null;
 
     type GroupDefinition = {
         id: string,
         name: string,
-        tooltip?: (boolean|string),
-        children: (string)[],
-        alignment?: string,
-        render?: ((...params: any[]) => any)
+        tooltip?: (boolean|string)|null,
+        children: (string)[]|null,
+        alignment?: string|null,
+        render?: ((...params: any[]) => any)|null
     };
 
 }
 
 declare class ColumnGroupingPlugin extends GridPlugin {
 
-    constructor(options?: ColumnGroupingPlugin.Options);
+    constructor(options?: ColumnGroupingPlugin.Options|null);
 
     public beforeProcessOption(optionName: string, optionValue: any): any;
 
@@ -37,23 +37,37 @@ declare class ColumnGroupingPlugin extends GridPlugin {
 
     public addColumnToGroup(column: any, groupId: string, colIndex: number): void;
 
-    public addGroup(groupDef: ColumnGroupingPlugin.GroupDefinition): boolean;
+    public addGroup(groupDef: ColumnGroupingPlugin.GroupDefinition|null): boolean;
 
-    public addColumnGrouping(groupDef: ColumnGroupingPlugin.GroupDefinition): void;
+    public addColumnGrouping(groupDef: ColumnGroupingPlugin.GroupDefinition|null): void;
 
     public removeGroup(groupId: string): any;
 
-    public setGroupDefinitions(groupDefs: ColumnGroupingPlugin.GroupDefinitions): void;
+    public setGroupDefinitions(groupDefs: ColumnGroupingPlugin.GroupDefinitions|null): void;
 
     public getGroupDefinitions(): ColumnGroupingPlugin.GroupDefinitions;
 
-    public setGroupDefinition(groupId: string, newDef: ColumnGroupingPlugin.GroupDefinition): void;
+    public setGroupDefinition(groupId: string, newDef: ColumnGroupingPlugin.GroupDefinition|null): void;
 
-    public getGroupDefinition(groupId: number): ColumnGroupingPlugin.GroupDefinition;
+    public getGroupDefinition(groupId: string): ColumnGroupingPlugin.GroupDefinition|null;
 
-    public setGroupChildren(groupId: string, newChildList: (string)[]): void;
+    public setGroupChildren(groupId: string, newChildList: (string)[]|null): void;
 
-    public getGroupChildren(groupId: number): ColumnGroupingPlugin.GroupDefinition;
+    public getGroupChildren(groupId: string): (string)[]|null;
+
+    public getChildColumnIndices(groupId: string): (number)[]|null;
+
+    public getGroupIds(colRef: string|number|null): (string)[]|null;
+
+    public getMaxGroupLevel(): number;
+
+    public getGroupLevel(groupId: string): number;
+
+    public getCellInfo(e: Element|Event|MouseEvent|null): any;
+
+    public moveColumnIntoGroup(from: number|string|null, to: number, groupId: string): void;
+
+    public setColumnParent(columnIndex: number|string|null, groupId: string): void;
 
 }