@refinitiv-ui/efx-grid 6.0.27 → 6.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/core/dist/core.js +248 -29
- package/lib/core/dist/core.min.js +1 -1
- package/lib/core/es6/data/DataTable.d.ts +1 -1
- package/lib/core/es6/data/DataTable.js +3 -2
- package/lib/core/es6/data/DataView.d.ts +1 -1
- package/lib/core/es6/data/DataView.js +3 -2
- package/lib/core/es6/data/Segment.d.ts +1 -1
- package/lib/core/es6/data/Segment.js +12 -3
- package/lib/core/es6/data/SegmentCollection.d.ts +1 -1
- package/lib/core/es6/data/SegmentCollection.js +3 -2
- package/lib/core/es6/grid/Core.d.ts +17 -3
- package/lib/core/es6/grid/Core.js +226 -20
- package/lib/core/es6/grid/LayoutGrid.js +1 -0
- package/lib/grid/index.js +1 -1
- package/lib/row-segmenting/es6/RowSegmenting.js +21 -2
- package/lib/rt-grid/dist/rt-grid.js +418 -238
- package/lib/rt-grid/dist/rt-grid.min.js +1 -1
- package/lib/rt-grid/es6/ColumnDefinition.d.ts +2 -2
- package/lib/rt-grid/es6/ColumnDefinition.js +71 -70
- package/lib/rt-grid/es6/Grid.d.ts +9 -2
- package/lib/rt-grid/es6/Grid.js +55 -132
- package/lib/tr-grid-column-grouping/es6/ColumnGrouping.d.ts +3 -3
- package/lib/tr-grid-column-grouping/es6/ColumnGrouping.js +9 -27
- package/lib/tr-grid-column-stack/es6/ColumnStack.d.ts +6 -0
- package/lib/tr-grid-column-stack/es6/ColumnStack.js +68 -9
- package/lib/tr-grid-conditional-coloring/es6/ConditionalColoring.d.ts +30 -23
- package/lib/tr-grid-conditional-coloring/es6/ConditionalColoring.js +78 -3
- package/lib/tr-grid-in-cell-editing/es6/InCellEditing.js +24 -10
- package/lib/tr-grid-util/es6/CellPainter.d.ts +2 -1
- package/lib/tr-grid-util/es6/CellPainter.js +53 -15
- package/lib/tr-grid-util/es6/GridPlugin.d.ts +6 -0
- package/lib/tr-grid-util/es6/GridPlugin.js +67 -0
- package/lib/types/es6/ColumnGrouping.d.ts +3 -3
- package/lib/types/es6/ColumnStack.d.ts +6 -0
- package/lib/types/es6/Core/data/DataTable.d.ts +1 -1
- package/lib/types/es6/Core/data/DataView.d.ts +1 -1
- package/lib/types/es6/Core/data/Segment.d.ts +1 -1
- package/lib/types/es6/Core/data/SegmentCollection.d.ts +1 -1
- package/lib/types/es6/Core/grid/Core.d.ts +17 -3
- package/lib/types/es6/RealtimeGrid/ColumnDefinition.d.ts +2 -2
- package/lib/types/es6/RealtimeGrid/Grid.d.ts +9 -2
- package/lib/utils/index.d.ts +3 -0
- package/lib/utils/index.js +3 -0
- package/lib/versions.json +6 -6
- package/package.json +6 -2
@@ -1,10 +1,15 @@
|
|
1
1
|
import {Ext} from '../../tr-grid-util/es6/Ext.js';
|
2
|
-
import {
|
3
|
-
import {
|
2
|
+
import {GridPlugin} from '../../tr-grid-util/es6/GridPlugin.js';
|
3
|
+
import {extendObject, injectCss, prettifyCss} from '../../tr-grid-util/es6/Util.js';
|
4
4
|
import {CellPainter} from '../../tr-grid-util/es6/CellPainter.js';
|
5
5
|
import {FilterBuilder} from '../../tr-grid-util/es6/FilterBuilder.js';
|
6
6
|
import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
|
7
7
|
|
8
|
+
/** @typedef {Object} ConditionalColoringPlugin~Options
|
9
|
+
* @description The options can be specified by `conditionalColoring` property of the main grid's options
|
10
|
+
* @property {Object=} predefinedColors Predefined color object map for conditional coloring
|
11
|
+
*/
|
12
|
+
|
8
13
|
/** @typedef {Object} ConditionalColoringPlugin~ColumnOptions
|
9
14
|
* @description Extension column options that can be specified on each individual grid's column option:
|
10
15
|
* @property {Array.<ConditionalColoringPlugin~Condition>=} conditions=null List of condition options
|
@@ -27,6 +32,7 @@ import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
|
|
27
32
|
* @property {(string|Function)=} expression Expression could be `[FIELD_1] > 0`
|
28
33
|
* @property {string=} backgroundColor="" CSS color (e.g. #ffffff, black)
|
29
34
|
* @property {string=} color CSS="" color (e.g. #000000, white)
|
35
|
+
* @property {string=} cssClass cssClass="" Predefined color class name
|
30
36
|
*/
|
31
37
|
|
32
38
|
/** @typedef {(string|boolean|Object)} ConditionalColoringPlugin~Blinking
|
@@ -79,6 +85,10 @@ Ext.inherits(ConditionalColoringPlugin, GridPlugin);
|
|
79
85
|
* @private
|
80
86
|
*/
|
81
87
|
ConditionalColoringPlugin._cleanUpTimer = 0;
|
88
|
+
/** @type {string}
|
89
|
+
* @private
|
90
|
+
*/
|
91
|
+
ConditionalColoringPlugin._controlClass = "predefined-conditional-color";
|
82
92
|
|
83
93
|
/** @type {boolean}
|
84
94
|
* @private
|
@@ -89,6 +99,10 @@ ConditionalColoringPlugin.prototype._blinkingEnabled = false; // WORKAROUND: To
|
|
89
99
|
* @private
|
90
100
|
*/
|
91
101
|
ConditionalColoringPlugin.prototype._pendingFields;
|
102
|
+
/** @type {Object}
|
103
|
+
* @private
|
104
|
+
*/
|
105
|
+
ConditionalColoringPlugin.prototype._predefinedColors = null;
|
92
106
|
|
93
107
|
/** @override
|
94
108
|
* @return {string}
|
@@ -118,6 +132,15 @@ ConditionalColoringPlugin.prototype.initialize = function (host, options) {
|
|
118
132
|
|
119
133
|
hosts.push(host);
|
120
134
|
|
135
|
+
var extOptions = options["conditionalColoring"];
|
136
|
+
if (extOptions) {
|
137
|
+
var predefinedColors = extOptions["predefinedColors"];
|
138
|
+
if (predefinedColors != null && typeof predefinedColors === "object") {
|
139
|
+
this._injectStyles(predefinedColors);
|
140
|
+
host.enableClass(ConditionalColoringPlugin._controlClass);
|
141
|
+
}
|
142
|
+
}
|
143
|
+
|
121
144
|
if(hosts.length === 1) {
|
122
145
|
this.config(options);
|
123
146
|
} else {
|
@@ -206,6 +229,14 @@ ConditionalColoringPlugin.prototype.config = function (options) {
|
|
206
229
|
ConditionalColoringPlugin.prototype.getConfigObject = function (gridOptions) {
|
207
230
|
var obj = gridOptions || {};
|
208
231
|
|
232
|
+
if(this._predefinedColors != null) {
|
233
|
+
var extOptions = obj["conditionalColoring"];
|
234
|
+
if(!extOptions) {
|
235
|
+
extOptions = obj["conditionalColoring"] = {};
|
236
|
+
}
|
237
|
+
extOptions["predefinedColors"] = this._predefinedColors;
|
238
|
+
}
|
239
|
+
|
209
240
|
var columns = obj.columns;
|
210
241
|
if (!columns) {
|
211
242
|
columns = obj.columns = [];
|
@@ -244,7 +275,8 @@ ConditionalColoringPlugin.prototype.getColumnColoring = function(colIndex, optio
|
|
244
275
|
extendObject(exCondition, conditions[n], [
|
245
276
|
"expression",
|
246
277
|
"backgroundColor",
|
247
|
-
"color"
|
278
|
+
"color",
|
279
|
+
"cssClass"
|
248
280
|
]);
|
249
281
|
|
250
282
|
options.conditions.push(exCondition);
|
@@ -824,6 +856,49 @@ ConditionalColoringPlugin._mergeUpdates = function(e) {
|
|
824
856
|
return changedRows;
|
825
857
|
};
|
826
858
|
/** @private
|
859
|
+
* @param {Object} predefinedColors Predefined color object map
|
860
|
+
*/
|
861
|
+
ConditionalColoringPlugin.prototype._injectStyles = function(predefinedColors) {
|
862
|
+
var prefix = ".tr-grid." + ConditionalColoringPlugin._controlClass + " .tr-lg .cell";
|
863
|
+
var css = [];
|
864
|
+
var ss, styles, value;
|
865
|
+
for (var className in predefinedColors) {
|
866
|
+
css.push(prefix + "." + className);
|
867
|
+
ss = [];
|
868
|
+
styles = predefinedColors[className];
|
869
|
+
|
870
|
+
value = styles["backgroundColor"];
|
871
|
+
if(value) {
|
872
|
+
ss.push("background-color: " + value + ";");
|
873
|
+
}
|
874
|
+
|
875
|
+
value = styles["color"];
|
876
|
+
if(value) {
|
877
|
+
ss.push("color: " + value + ";");
|
878
|
+
}
|
879
|
+
|
880
|
+
css.push(ss);
|
881
|
+
}
|
882
|
+
|
883
|
+
// TODO: support multitable
|
884
|
+
var host = this._hosts[0];
|
885
|
+
|
886
|
+
if(this._styleTag) {
|
887
|
+
this._styleTag.parentNode.removeChild(this._styleTag);
|
888
|
+
this._styleTag = null;
|
889
|
+
}
|
890
|
+
this._styleTag = injectCss(prettifyCss(css), host.getElement());
|
891
|
+
this._predefinedColors = predefinedColors;
|
892
|
+
};
|
893
|
+
/** @public
|
894
|
+
* @param {Object} predefinedColors Predefined color object map
|
895
|
+
*/
|
896
|
+
ConditionalColoringPlugin.prototype.setPredefinedColors = function(predefinedColors) {
|
897
|
+
if(predefinedColors != null && typeof predefinedColors === "object") {
|
898
|
+
this._injectStyles(predefinedColors);
|
899
|
+
}
|
900
|
+
};
|
901
|
+
/** @private
|
827
902
|
* @function
|
828
903
|
* @return {!FilterBuilder}
|
829
904
|
*/
|
@@ -83,6 +83,8 @@ import { CoralItems } from "../../tr-grid-util/es6/CoralItems.js";
|
|
83
83
|
* @description Fired after the text editor has been closed and all operations are done. This is useful to clean up left over resource and get result text entered.
|
84
84
|
* @type {Object}
|
85
85
|
* @property {string=} text Text that user has entered
|
86
|
+
* @property {boolean=} groupHeader if the row is header of row, it will be groupHeader
|
87
|
+
* @property {Object} suggestionDetail Suggestion detail for auto suggest "item-select" event
|
86
88
|
* @property {boolean} cancelled Readonly flag. Indicates whether the commit operation has been cancelled
|
87
89
|
* @property {boolean} committed Readonly flag. The opposite of `cancelled` flag
|
88
90
|
*/
|
@@ -92,6 +94,8 @@ import { CoralItems } from "../../tr-grid-util/es6/CoralItems.js";
|
|
92
94
|
* @type {Object}
|
93
95
|
* @property {string=} text Text that user has entered
|
94
96
|
* @property {boolean=} cancel Set to true to cancel the commit operation.
|
97
|
+
* @property {boolean=} groupHeader if the row is header of row, it will be groupHeader
|
98
|
+
* @property {Object} suggestionDetail Suggestion detail for auto suggest "item-select" event
|
95
99
|
* @example
|
96
100
|
* var cep = new InCellEditingPlugin();
|
97
101
|
* cep.listen("beforeCommit", function(e) {
|
@@ -1450,15 +1454,20 @@ InCellEditingPlugin.prototype._onPopupHide = function (e) {
|
|
1450
1454
|
* @param {Object} event
|
1451
1455
|
*/
|
1452
1456
|
InCellEditingPlugin.prototype._onAutoSuggestItemSelected = function (event) {
|
1453
|
-
|
1454
|
-
|
1455
|
-
|
1456
|
-
|
1457
|
-
|
1458
|
-
|
1459
|
-
|
1460
|
-
|
1461
|
-
|
1457
|
+
var eventDetail = event.detail;
|
1458
|
+
if (!eventDetail) {
|
1459
|
+
return;
|
1460
|
+
}
|
1461
|
+
var targetSelected = eventDetail.target;
|
1462
|
+
if (!targetSelected) {
|
1463
|
+
return;
|
1464
|
+
}
|
1465
|
+
var suggestionMethod = eventDetail.method;
|
1466
|
+
// Need to check the details of the methods, another method like a navigation, reset, clear shouldn't commit text
|
1467
|
+
// TODO: We need to handled tab to move. Currently, the property suggestionDetail in 'beforeCommit' event doesn't handlded when we use autosuggest with tab to move.
|
1468
|
+
if (suggestionMethod === "click" || suggestionMethod === "enter") {
|
1469
|
+
this.setText(targetSelected.value);
|
1470
|
+
this._commitText(true, eventDetail.suggestion);
|
1462
1471
|
}
|
1463
1472
|
};
|
1464
1473
|
|
@@ -1554,8 +1563,9 @@ InCellEditingPlugin.prototype._onTextKeyUp = function (e) {
|
|
1554
1563
|
/** Commit text from editor to cell.
|
1555
1564
|
* @private
|
1556
1565
|
* @param {boolean} committed
|
1566
|
+
* @param {Object} suggestionDetail suggestion detail for auto suggest element
|
1557
1567
|
*/
|
1558
|
-
InCellEditingPlugin.prototype._commitText = function (committed) {
|
1568
|
+
InCellEditingPlugin.prototype._commitText = function (committed, suggestionDetail) {
|
1559
1569
|
var t = this;
|
1560
1570
|
var arg = t._activePos;
|
1561
1571
|
if (!t.isEditing() || !arg) {
|
@@ -1566,6 +1576,10 @@ InCellEditingPlugin.prototype._commitText = function (committed) {
|
|
1566
1576
|
var enteredValue = arg["text"] = this.getValue();
|
1567
1577
|
var groupHeader = arg["groupHeader"] || false;
|
1568
1578
|
if (committed) {
|
1579
|
+
if (suggestionDetail) {
|
1580
|
+
// This property is only available when the user commits text from the 'item-select' event of the auto suggest.
|
1581
|
+
arg["suggestionDetail"] = suggestionDetail;
|
1582
|
+
}
|
1569
1583
|
if (t.hasListener("beforeCommit")) {
|
1570
1584
|
t._dispatch("beforeCommit", arg);
|
1571
1585
|
committed = !arg["cancel"];
|
@@ -18,6 +18,7 @@ import { ElfUtil } from "./ElfUtil.js";
|
|
18
18
|
* @property {string=} fontStyle
|
19
19
|
* @property {string=} textAlign
|
20
20
|
* @property {string=} textDecoration
|
21
|
+
* @property {string=} cssClass Predefined color class name
|
21
22
|
*/
|
22
23
|
|
23
24
|
/** @typedef {Object.<string, string>} CellPainter~ThemeColors
|
@@ -517,14 +518,21 @@ CellPainter.prototype.renderForPrinting = function(cell, rowData, min, max) {
|
|
517
518
|
return;
|
518
519
|
}
|
519
520
|
var styles = this._getStyles(rowData, min, max);
|
520
|
-
var
|
521
|
-
if(
|
522
|
-
cell.
|
523
|
-
|
524
|
-
|
525
|
-
|
526
|
-
|
527
|
-
cell.
|
521
|
+
var cssClass = styles["cssClass"];
|
522
|
+
if (cssClass) {
|
523
|
+
if (cell._coloringCssClass !== cssClass) {
|
524
|
+
cell.classList.remove(cell._coloringCssClass);
|
525
|
+
cell._coloringCssClass = null;
|
526
|
+
}
|
527
|
+
cell.classList.add(cssClass);
|
528
|
+
cell._coloringCssClass = cssClass;
|
529
|
+
} else {
|
530
|
+
if (cell._coloringCssClass) {
|
531
|
+
cell.classList.remove(cell._coloringCssClass);
|
532
|
+
cell._coloringCssClass = null;
|
533
|
+
}
|
534
|
+
cell.style.backgroundColor = styles["backgroundColor"] || "";
|
535
|
+
cell.style.color = styles["color"] || "";
|
528
536
|
}
|
529
537
|
};
|
530
538
|
|
@@ -650,8 +658,24 @@ CellPainter._cellRestorer = function(scope) {
|
|
650
658
|
}
|
651
659
|
|
652
660
|
var styles = this._getStyles(rowData, min, max);
|
653
|
-
|
654
|
-
|
661
|
+
var cssClass = styles["cssClass"];
|
662
|
+
if (cssClass) {
|
663
|
+
if (elem._coloringCssClass && elem._coloringCssClass !== cssClass) {
|
664
|
+
elem.classList.remove(elem._coloringCssClass);
|
665
|
+
elem._coloringCssClass = null;
|
666
|
+
}
|
667
|
+
elem.classList.add(cssClass);
|
668
|
+
elem._coloringCssClass = cssClass;
|
669
|
+
elem.style.backgroundColor = "";
|
670
|
+
elem.style.color = "";
|
671
|
+
} else {
|
672
|
+
if (elem._coloringCssClass) {
|
673
|
+
elem.classList.remove(elem._coloringCssClass);
|
674
|
+
elem._coloringCssClass = null;
|
675
|
+
}
|
676
|
+
elem.style.backgroundColor = styles["backgroundColor"] || "";
|
677
|
+
elem.style.color = styles["color"] || "";
|
678
|
+
}
|
655
679
|
}
|
656
680
|
};
|
657
681
|
|
@@ -1000,11 +1024,25 @@ CellPainter.prototype._paintCell = function(cell, rowData, min, max) {
|
|
1000
1024
|
}
|
1001
1025
|
|
1002
1026
|
var styles = this._getStyles(rowData, min, max);
|
1003
|
-
var
|
1004
|
-
|
1005
|
-
|
1006
|
-
|
1007
|
-
|
1027
|
+
var cssClass = styles["cssClass"];
|
1028
|
+
if (cssClass) {
|
1029
|
+
if (elem._coloringCssClass !== cssClass) {
|
1030
|
+
elem.classList.remove(elem._coloringCssClass);
|
1031
|
+
elem._coloringCssClass = null;
|
1032
|
+
}
|
1033
|
+
elem.classList.add(cssClass);
|
1034
|
+
elem._coloringCssClass = cssClass;
|
1035
|
+
} else {
|
1036
|
+
if (elem._coloringCssClass) {
|
1037
|
+
elem.classList.remove(elem._coloringCssClass);
|
1038
|
+
elem._coloringCssClass = null;
|
1039
|
+
}
|
1040
|
+
var ss = CellPainter.bgStyles;
|
1041
|
+
var elStyle = elem.style;
|
1042
|
+
for (var n = ss.length; --n >= 0;) {
|
1043
|
+
var styleName = ss[n];
|
1044
|
+
elStyle[styleName] = styles[styleName] || "";
|
1045
|
+
}
|
1008
1046
|
}
|
1009
1047
|
};
|
1010
1048
|
|
@@ -34,6 +34,12 @@ declare class GridPlugin extends EventDispatcher {
|
|
34
34
|
|
35
35
|
public getColumnId(colIndex: number|string|null): string;
|
36
36
|
|
37
|
+
public getColumnIds(): (string)[];
|
38
|
+
|
39
|
+
public getColumnField(colIndex: number): string;
|
40
|
+
|
41
|
+
public getColumnFields(): (string)[];
|
42
|
+
|
37
43
|
public getColumnCount(): number;
|
38
44
|
|
39
45
|
public static requestPlugin(ref: any, pluginRef: any, configObj?: any, compositeGrid?: any, realTimeGrid?: any): Promise<any>|null;
|
@@ -238,6 +238,7 @@ GridPlugin.prototype.getColumnName = function (colRef) {
|
|
238
238
|
* @return {number}
|
239
239
|
*/
|
240
240
|
GridPlugin.prototype.getColumnIndex = function (colRef) {
|
241
|
+
// TODO: Unify the below logics
|
241
242
|
if(typeof colRef === "number") {
|
242
243
|
return colRef;
|
243
244
|
}
|
@@ -258,6 +259,7 @@ GridPlugin.prototype.getColumnIndex = function (colRef) {
|
|
258
259
|
* @return {Array.<number>} column indices
|
259
260
|
*/
|
260
261
|
GridPlugin.prototype.getColumnIndices = function (colRefs) {
|
262
|
+
// TODO: Unify the below logics
|
261
263
|
if(this._compositeGrid) {
|
262
264
|
var allFields = this._compositeGrid.getColumnFields();
|
263
265
|
var columnCount = this._compositeGrid.getColumnCount();
|
@@ -286,6 +288,7 @@ GridPlugin.prototype.getColumnIndices = function (colRefs) {
|
|
286
288
|
* @return {string}
|
287
289
|
*/
|
288
290
|
GridPlugin.prototype.getColumnId = function (colIndex) {
|
291
|
+
// TODO: Unify the below logics
|
289
292
|
if(typeof colIndex === "string") {
|
290
293
|
return colIndex;
|
291
294
|
}
|
@@ -300,6 +303,34 @@ GridPlugin.prototype.getColumnId = function (colIndex) {
|
|
300
303
|
return "";
|
301
304
|
};
|
302
305
|
/** @public
|
306
|
+
* @return {!Array.<string>} Return all column ids from existing column
|
307
|
+
*/
|
308
|
+
GridPlugin.prototype.getColumnIds = function () {
|
309
|
+
if(this._hosts && this._hosts.length) {
|
310
|
+
return this._hosts[0].getColumnIds();
|
311
|
+
}
|
312
|
+
return [];
|
313
|
+
};
|
314
|
+
/** @public
|
315
|
+
* @param {number} colIndex
|
316
|
+
* @return {string} Return empty string if the specified column does not exist
|
317
|
+
*/
|
318
|
+
GridPlugin.prototype.getColumnField = function (colIndex) {
|
319
|
+
if(this._hosts && this._hosts.length) {
|
320
|
+
return this._hosts[0].getColumnField(colIndex);
|
321
|
+
}
|
322
|
+
return "";
|
323
|
+
};
|
324
|
+
/** @public
|
325
|
+
* @return {!Array.<string>} Return all column fields from existing column
|
326
|
+
*/
|
327
|
+
GridPlugin.prototype.getColumnFields = function () {
|
328
|
+
if(this._hosts && this._hosts.length) {
|
329
|
+
return this._hosts[0].getColumnFields();
|
330
|
+
}
|
331
|
+
return [];
|
332
|
+
};
|
333
|
+
/** @public
|
303
334
|
* @return {number}
|
304
335
|
*/
|
305
336
|
GridPlugin.prototype.getColumnCount = function() {
|
@@ -309,6 +340,42 @@ GridPlugin.prototype.getColumnCount = function() {
|
|
309
340
|
}
|
310
341
|
return 0;
|
311
342
|
};
|
343
|
+
/** @protected
|
344
|
+
* @ignore
|
345
|
+
* @param {number|string} srcCol Column Id or index
|
346
|
+
* @param {(number|string)=} destCol Column Id or index of the destination
|
347
|
+
* @return {boolean}
|
348
|
+
*/
|
349
|
+
GridPlugin.prototype._moveColumnById = function (srcCol, destCol) {
|
350
|
+
var hosts = this._hosts;
|
351
|
+
var len = hosts ? hosts.length : 0;
|
352
|
+
if(len) {
|
353
|
+
var dirty = 0;
|
354
|
+
for(var i = 0; i < len; ++i) {
|
355
|
+
dirty |= hosts[i].moveColumnById(srcCol, destCol);
|
356
|
+
}
|
357
|
+
return dirty ? true : false;
|
358
|
+
}
|
359
|
+
return false;
|
360
|
+
};
|
361
|
+
/** @protected
|
362
|
+
* @ignore
|
363
|
+
* @param {number|string|Array.<number|string>} colRefs List of column index or column id to be moved
|
364
|
+
* @param {(number|string)=} destCol Destination position where the moved columns will be placed BEFORE the specified position. This can be column id or index
|
365
|
+
* @return {boolean} Return true if there is any change, and false otherwise
|
366
|
+
*/
|
367
|
+
GridPlugin.prototype._reorderColumns = function (colRefs, destCol) {
|
368
|
+
var hosts = this._hosts;
|
369
|
+
var len = hosts ? hosts.length : 0;
|
370
|
+
if(len) {
|
371
|
+
var dirty = 0;
|
372
|
+
for(var i = 0; i < len; ++i) {
|
373
|
+
dirty |= hosts[i].reorderColumns(colRefs, destCol);
|
374
|
+
}
|
375
|
+
return dirty ? true : false;
|
376
|
+
}
|
377
|
+
return false;
|
378
|
+
};
|
312
379
|
|
313
380
|
/** @protected
|
314
381
|
* @deprecated
|
@@ -79,11 +79,11 @@ declare class ColumnGroupingPlugin extends GridPlugin {
|
|
79
79
|
|
80
80
|
public getValidDestinationIndex(id: string, destCol: number|string|null): number;
|
81
81
|
|
82
|
-
public moveGroup(id: string, destCol
|
82
|
+
public moveGroup(id: string, destCol?: (number|string)|null): void;
|
83
83
|
|
84
|
-
public reorderColumns(colList: (number|string)[]|null, destCol
|
84
|
+
public reorderColumns(colList: (number|string)[]|null, destCol?: (number|string)|null): boolean;
|
85
85
|
|
86
|
-
public moveColumnById(srcCol: number|string|null, destCol?: number|string|null): boolean;
|
86
|
+
public moveColumnById(srcCol: number|string|null, destCol?: (number|string)|null): boolean;
|
87
87
|
|
88
88
|
}
|
89
89
|
|
@@ -129,6 +129,12 @@ declare class ColumnStackPlugin extends GridPlugin {
|
|
129
129
|
|
130
130
|
public moveColumnById(srcCol: number|string|null, destCol?: (number|string)|null): boolean;
|
131
131
|
|
132
|
+
public hideStack(stackId: string): void;
|
133
|
+
|
134
|
+
public showStack(stackId: string): void;
|
135
|
+
|
136
|
+
public isStackHidden(stackId: string): boolean|null|null;
|
137
|
+
|
132
138
|
}
|
133
139
|
|
134
140
|
export default ColumnStackPlugin;
|
@@ -98,7 +98,7 @@ declare class DataTable extends DataCache {
|
|
98
98
|
|
99
99
|
public addSegmentChild(segmentId: string, rid: string, dataId?: string|null): boolean;
|
100
100
|
|
101
|
-
public addSegmentChildren(segmentId: string, rids: (string)[]|null): boolean;
|
101
|
+
public addSegmentChildren(segmentId: string, rids: (string)[]|null, dataIds?: (string)[]|null): boolean;
|
102
102
|
|
103
103
|
public removeSegmentChild(segmentId: string, rid: string): boolean;
|
104
104
|
|
@@ -258,7 +258,7 @@ declare class DataView extends EventDispatcher {
|
|
258
258
|
|
259
259
|
public addSegmentChild(segmentRef: string|number|null, rowRef: string|number|null, dataId?: string|null): boolean;
|
260
260
|
|
261
|
-
public addSegmentChildren(segmentRef: string|number|null, rowRefs: (string|number)[]|null): boolean;
|
261
|
+
public addSegmentChildren(segmentRef: string|number|null, rowRefs: (string|number)[]|null, dataIds?: (string)[]|null): boolean;
|
262
262
|
|
263
263
|
public removeSegmentChild(segmentRef: string|number|null, rowRef: string|number|null): boolean;
|
264
264
|
|
@@ -15,7 +15,7 @@ declare class Segment extends EventDispatcher {
|
|
15
15
|
|
16
16
|
public addChild(rid: string, dataId?: string|null): boolean;
|
17
17
|
|
18
|
-
public addChildren(rids: (string)[]|null): boolean;
|
18
|
+
public addChildren(rids: (string)[]|null, dataIds?: (string)[]|null): boolean;
|
19
19
|
|
20
20
|
public containsChild(rid: string): boolean;
|
21
21
|
|
@@ -40,7 +40,7 @@ declare class SegmentCollection extends EventDispatcher {
|
|
40
40
|
|
41
41
|
public addSegmentChild(segmentId: string, rid: string, dataId?: string|null): boolean;
|
42
42
|
|
43
|
-
public addSegmentChildren(segmentId: string, rids: (string)[]|null): boolean;
|
43
|
+
public addSegmentChildren(segmentId: string, rids: (string)[]|null, dataIds?: (string)[]|null): boolean;
|
44
44
|
|
45
45
|
public containsSegmentChild(segmentId: string, rid: string): boolean;
|
46
46
|
|
@@ -133,6 +133,10 @@ declare class Core extends ElementWrapper {
|
|
133
133
|
|
134
134
|
public moveColumn(fromCol: number|(number)[]|null, destCol: number): boolean;
|
135
135
|
|
136
|
+
public moveColumnById(srcCol: number|string|null, destCol?: (number|string)|null): boolean;
|
137
|
+
|
138
|
+
public reorderColumns(colRefs: number|string|(number|string)[]|null, destCol?: (number|string)|null): boolean;
|
139
|
+
|
136
140
|
public addRow(opt_num?: number|null): void;
|
137
141
|
|
138
142
|
public removeRow(opt_num?: number|null): void;
|
@@ -297,8 +301,6 @@ declare class Core extends ElementWrapper {
|
|
297
301
|
|
298
302
|
public getRelativePosition(obj: ElementWrapper|Element|Event|MouseEvent, context?: any): Core.MouseInfo;
|
299
303
|
|
300
|
-
public getColumnIndex(str: string): number;
|
301
|
-
|
302
304
|
public getVScrollbar(): ElementWrapper;
|
303
305
|
|
304
306
|
public getHScrollbar(): ElementWrapper;
|
@@ -393,6 +395,18 @@ declare class Core extends ElementWrapper {
|
|
393
395
|
|
394
396
|
public getColumnIds(): (string)[];
|
395
397
|
|
398
|
+
public setColumnField(colIndex: number, field: string): void;
|
399
|
+
|
400
|
+
public getColumnField(colIndex: number): string;
|
401
|
+
|
402
|
+
public getColumnFields(): (string)[];
|
403
|
+
|
404
|
+
public getColumnIndex(colRef: string|number|null): number;
|
405
|
+
|
406
|
+
public getColumnIndices(colRefs: (number|string)[]|null): (number)[];
|
407
|
+
|
408
|
+
public getColumnIndexMap(): { [key: string]: number };
|
409
|
+
|
396
410
|
}
|
397
411
|
|
398
412
|
declare function num(opt_type?: string|null): (ILayoutGrid)[];
|
@@ -409,7 +423,7 @@ declare function section(): number;
|
|
409
423
|
|
410
424
|
declare function path(obj: ElementWrapper|Element|Event|MouseEvent, context?: any): Core.MouseInfo;
|
411
425
|
|
412
|
-
declare function cellElement(
|
426
|
+
declare function cellElement(): ElementWrapper;
|
413
427
|
|
414
428
|
export default Core;
|
415
429
|
export { Core };
|
@@ -51,13 +51,13 @@ declare namespace ColumnDefinition {
|
|
51
51
|
|
52
52
|
declare class ColumnDefinition {
|
53
53
|
|
54
|
-
constructor(columnOption?: ColumnDefinition.Options|
|
54
|
+
constructor(columnOption?: ColumnDefinition.Options|null, hostGrid?: any);
|
55
55
|
|
56
56
|
public dispose(): void;
|
57
57
|
|
58
58
|
public _initializeTimeSeriesChild(columnOption?: ColumnDefinition.Options|string|null): void;
|
59
59
|
|
60
|
-
public initialize(columnOption?: ColumnDefinition.Options|
|
60
|
+
public initialize(columnOption?: ColumnDefinition.Options|null): void;
|
61
61
|
|
62
62
|
public getId(): string;
|
63
63
|
|
@@ -83,7 +83,8 @@ declare namespace Grid {
|
|
83
83
|
formulaEngine?: boolean|null,
|
84
84
|
adcPollingInterval?: number|null,
|
85
85
|
fieldCaching?: boolean|null,
|
86
|
-
childDataField?: string|null
|
86
|
+
childDataField?: string|null,
|
87
|
+
topSection?: boolean|null
|
87
88
|
};
|
88
89
|
|
89
90
|
type RowReference = number|string|RowDefinition|null;
|
@@ -146,7 +147,7 @@ declare class Grid extends EventDispatcher {
|
|
146
147
|
|
147
148
|
public moveColumnById(srcCol: number|string|null, destCol?: (number|string)|null): boolean;
|
148
149
|
|
149
|
-
public reorderColumns(colRefs: number|string|(number|string)[]|null, destCol
|
150
|
+
public reorderColumns(colRefs: number|string|(number|string)[]|null, destCol?: (number|string)|null): boolean;
|
150
151
|
|
151
152
|
public hideColumn(colRef: Grid.ColumnReference|null, hidden?: boolean|null): void;
|
152
153
|
|
@@ -296,6 +297,10 @@ declare class Grid extends EventDispatcher {
|
|
296
297
|
|
297
298
|
public setClassification(rowRef: Grid.RowReference|null, fields: (string)[]|null): boolean;
|
298
299
|
|
300
|
+
public contains(elem: Element|null): boolean;
|
301
|
+
|
302
|
+
public isFocused(): boolean;
|
303
|
+
|
299
304
|
public focus(): void;
|
300
305
|
|
301
306
|
public requestRowRefresh(): void;
|
@@ -316,6 +321,8 @@ declare class Grid extends EventDispatcher {
|
|
316
321
|
|
317
322
|
declare function borders(gridOptions?: any): any;
|
318
323
|
|
324
|
+
declare function idx(colRef: Grid.ColumnReference|null): void;
|
325
|
+
|
319
326
|
declare function colCount(rowRef: number|string|null): string;
|
320
327
|
|
321
328
|
export { Grid };
|
package/lib/versions.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
|
-
"tr-grid-util": "1.3.
|
2
|
+
"tr-grid-util": "1.3.88",
|
3
3
|
"@grid/column-dragging": "1.0.11",
|
4
|
-
"@grid/row-segmenting": "1.0.
|
4
|
+
"@grid/row-segmenting": "1.0.23",
|
5
5
|
"@grid/statistics-row": "1.0.13",
|
6
6
|
"@grid/zoom": "1.0.11",
|
7
7
|
"tr-grid-auto-tooltip": "1.1.5",
|
@@ -9,16 +9,16 @@
|
|
9
9
|
"tr-grid-checkbox": "1.0.60",
|
10
10
|
"tr-grid-column-fitter": "1.0.39",
|
11
11
|
"tr-grid-column-formatting": "0.9.34",
|
12
|
-
"tr-grid-column-grouping": "1.0.
|
12
|
+
"tr-grid-column-grouping": "1.0.46",
|
13
13
|
"tr-grid-column-resizing": "1.0.28",
|
14
14
|
"tr-grid-column-selection": "1.0.26",
|
15
|
-
"tr-grid-column-stack": "1.0.
|
16
|
-
"tr-grid-conditional-coloring": "1.0.
|
15
|
+
"tr-grid-column-stack": "1.0.53",
|
16
|
+
"tr-grid-conditional-coloring": "1.0.58",
|
17
17
|
"tr-grid-content-wrap": "1.0.19",
|
18
18
|
"tr-grid-contextmenu": "1.0.38",
|
19
19
|
"tr-grid-filter-input": "0.9.31",
|
20
20
|
"tr-grid-heat-map": "1.0.28",
|
21
|
-
"tr-grid-in-cell-editing": "1.0.
|
21
|
+
"tr-grid-in-cell-editing": "1.0.77",
|
22
22
|
"tr-grid-pagination": "1.0.24",
|
23
23
|
"tr-grid-percent-bar": "1.0.22",
|
24
24
|
"tr-grid-printer": "1.0.16",
|
package/package.json
CHANGED
@@ -24,6 +24,9 @@
|
|
24
24
|
"grid": [
|
25
25
|
"lib/grid/lib/efx-grid.d.ts"
|
26
26
|
],
|
27
|
+
"utils": [
|
28
|
+
"lib/utils/index.d.ts"
|
29
|
+
],
|
27
30
|
"*": [
|
28
31
|
"lib/types/index.d.ts"
|
29
32
|
]
|
@@ -53,7 +56,8 @@
|
|
53
56
|
"./extensions": "./lib/index.js",
|
54
57
|
"./window-exporter": "./lib/window-exporter.js",
|
55
58
|
"./grid": "./lib/grid/lib/efx-grid.js",
|
56
|
-
"./formatters/": "./lib/formatters/es6/"
|
59
|
+
"./formatters/": "./lib/formatters/es6/",
|
60
|
+
"./utils": "./lib/utils/index.js"
|
57
61
|
},
|
58
62
|
"peerDependencies": {
|
59
63
|
"@refinitiv-ui/core": "^6.2.0",
|
@@ -62,5 +66,5 @@
|
|
62
66
|
"publishConfig": {
|
63
67
|
"access": "public"
|
64
68
|
},
|
65
|
-
"version": "6.0.
|
69
|
+
"version": "6.0.29"
|
66
70
|
}
|