@refinitiv-ui/efx-grid 6.0.93 → 6.0.95
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/formatters/es6/CoralButtonFormatter.d.ts +0 -2
- package/lib/formatters/es6/CoralButtonFormatter.js +9 -4
- package/lib/formatters/es6/CoralCheckboxFormatter.js +10 -5
- package/lib/formatters/es6/CoralComboBoxFormatter.js +13 -12
- package/lib/formatters/es6/CoralIconFormatter.d.ts +0 -2
- package/lib/formatters/es6/CoralIconFormatter.js +9 -4
- package/lib/formatters/es6/CoralInputFormatter.js +9 -4
- package/lib/formatters/es6/CoralRadioButtonFormatter.d.ts +0 -2
- package/lib/formatters/es6/CoralRadioButtonFormatter.js +20 -15
- package/lib/formatters/es6/CoralSelectFormatter.js +12 -7
- package/lib/formatters/es6/CoralToggleFormatter.js +4 -4
- package/lib/formatters/es6/DuplexEmeraldDateTimePickerFormatter.js +20 -20
- package/lib/formatters/es6/EFButtonFormatter.d.ts +0 -2
- package/lib/formatters/es6/EFButtonFormatter.js +9 -4
- package/lib/formatters/es6/EFCheckboxFormatter.js +10 -5
- package/lib/formatters/es6/EFComboBoxFormatter.js +17 -7
- package/lib/formatters/es6/EFDateTimePickerFormatter.js +11 -6
- package/lib/formatters/es6/EFIconFormatter.d.ts +0 -2
- package/lib/formatters/es6/EFIconFormatter.js +9 -4
- package/lib/formatters/es6/EFNumberFieldFormatter.js +9 -4
- package/lib/formatters/es6/EFRadioButtonFormatter.d.ts +0 -2
- package/lib/formatters/es6/EFRadioButtonFormatter.js +25 -15
- package/lib/formatters/es6/EFSelectFormatter.js +17 -7
- package/lib/formatters/es6/EFTextFieldFormatter.js +4 -4
- package/lib/formatters/es6/EFToggleFormatter.js +4 -4
- package/lib/formatters/es6/EmeraldDateTimePickerFormatter.js +6 -6
- package/lib/formatters/es6/FormatterBuilder.js +32 -32
- package/lib/formatters/es6/NumericInputFormatter.js +7 -7
- package/lib/formatters/es6/PercentBarFormatter.js +5 -5
- package/lib/formatters/es6/SimpleImageFormatter.js +3 -3
- package/lib/formatters/es6/SimpleInputFormatter.js +4 -4
- package/lib/formatters/es6/SimpleLinkFormatter.js +4 -4
- package/lib/formatters/es6/SimpleTickerFormatter.js +5 -5
- package/lib/formatters/es6/SimpleToggleFormatter.js +16 -16
- package/lib/formatters/es6/TextFormatter.js +4 -4
- package/lib/grid/index.js +1 -1
- package/lib/tr-grid-cell-selection/es6/CellSelection.js +1 -1
- package/lib/tr-grid-checkbox/es6/Checkbox.js +1 -1
- package/lib/tr-grid-row-dragging/es6/RowDragging.js +1 -1
- package/lib/tr-grid-row-filtering/es6/RowFiltering.js +1537 -1425
- package/lib/tr-grid-row-grouping/es6/RowGrouping.js +139 -137
- package/lib/tr-grid-row-selection/es6/RowSelection.js +260 -279
- package/lib/tr-grid-util/es6/DragUI.js +1 -1
- package/lib/types/es6/ColumnGrouping.d.ts +1 -2
- package/lib/types/es6/CoralButtonFormatter.d.ts +0 -2
- package/lib/types/es6/CoralIconFormatter.d.ts +0 -2
- package/lib/types/es6/CoralRadioButtonFormatter.d.ts +0 -2
- package/lib/types/es6/EFButtonFormatter.d.ts +0 -2
- package/lib/types/es6/EFIconFormatter.d.ts +0 -2
- package/lib/types/es6/EFRadioButtonFormatter.d.ts +0 -2
- package/lib/versions.json +8 -8
- package/package.json +1 -1
@@ -11,14 +11,14 @@ import FormatterBuilder from "./FormatterBuilder.js";
|
|
11
11
|
* @param {Element} element
|
12
12
|
* @param {Object} ctx
|
13
13
|
*/
|
14
|
-
|
14
|
+
let onElementUpdated = function (element, ctx) {
|
15
15
|
element.src = ctx.value;
|
16
16
|
};
|
17
17
|
|
18
18
|
/** @constructor
|
19
19
|
* @param {*=} options
|
20
20
|
*/
|
21
|
-
|
21
|
+
let SimpleImageFormatter = function (options) {
|
22
22
|
|
23
23
|
};
|
24
24
|
|
@@ -27,7 +27,7 @@ var SimpleImageFormatter = function (options) {
|
|
27
27
|
* @return {Object}
|
28
28
|
*/
|
29
29
|
SimpleImageFormatter.create = function (options) {
|
30
|
-
|
30
|
+
let defaultOpt = {
|
31
31
|
tagName: "img",
|
32
32
|
refName: "SimpleImageFormatter",
|
33
33
|
styles: {
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import FormatterBuilder from "./FormatterBuilder.js";
|
2
2
|
|
3
|
-
|
3
|
+
let onElementUpdated = function (element, ctx) {
|
4
4
|
element.value = ctx.value;
|
5
5
|
};
|
6
6
|
|
7
|
-
|
7
|
+
let _changeHandler = function (e, ctx) {
|
8
8
|
ctx.value = e.currentTarget.value;
|
9
9
|
ctx.setData(ctx.field, ctx.value);
|
10
10
|
};
|
@@ -12,7 +12,7 @@ var _changeHandler = function (e, ctx) {
|
|
12
12
|
/** @constructor
|
13
13
|
* @param {*=} options
|
14
14
|
*/
|
15
|
-
|
15
|
+
let SimpleInputFormatter = function (options) {
|
16
16
|
|
17
17
|
};
|
18
18
|
|
@@ -21,7 +21,7 @@ var SimpleInputFormatter = function (options) {
|
|
21
21
|
* @return {Object}
|
22
22
|
*/
|
23
23
|
SimpleInputFormatter.create = function (options) {
|
24
|
-
|
24
|
+
let defaultOpt = {
|
25
25
|
tagName: "input",
|
26
26
|
refName: "SimpleInputFormatter",
|
27
27
|
onElementUpdated: onElementUpdated,
|
@@ -10,8 +10,8 @@ import FormatterBuilder from "./FormatterBuilder.js";
|
|
10
10
|
* @param {Element} element
|
11
11
|
* @param {Object} ctx Context object
|
12
12
|
*/
|
13
|
-
|
14
|
-
|
13
|
+
let onElementUpdated = function (element, ctx) {
|
14
|
+
let label = typeof ctx.label === "string" ? ctx.label : ctx.value;
|
15
15
|
element.textContent = label;
|
16
16
|
if(ctx.urlField) {
|
17
17
|
element.setAttribute("href", ctx.getData(ctx.urlField));
|
@@ -21,7 +21,7 @@ var onElementUpdated = function (element, ctx) {
|
|
21
21
|
/** @constructor
|
22
22
|
* @param {*=} options
|
23
23
|
*/
|
24
|
-
|
24
|
+
let SimpleLinkFormatter = function (options) {
|
25
25
|
|
26
26
|
};
|
27
27
|
|
@@ -30,7 +30,7 @@ var SimpleLinkFormatter = function (options) {
|
|
30
30
|
* @return {Object}
|
31
31
|
*/
|
32
32
|
SimpleLinkFormatter.create = function (options) {
|
33
|
-
|
33
|
+
let defaultOpt = {
|
34
34
|
tagName: "a",
|
35
35
|
refName: "SimpleLinkFormatter",
|
36
36
|
onElementUpdated: onElementUpdated,
|
@@ -8,7 +8,7 @@ import ElfUtil from "../../tr-grid-util/es6/ElfUtil.js";
|
|
8
8
|
* @property {string=} negativeColor Color code for down icon
|
9
9
|
*/
|
10
10
|
|
11
|
-
|
11
|
+
let onContextCreated = function (ctx, options) {
|
12
12
|
if(ElfUtil.getElfVersion() > 3) {
|
13
13
|
ctx._upIcon = "arrow-up-fill";
|
14
14
|
ctx._downIcon = "arrow-down-fill";
|
@@ -19,8 +19,8 @@ var onContextCreated = function (ctx, options) {
|
|
19
19
|
ctx.TickCodes = TickCodes;
|
20
20
|
};
|
21
21
|
|
22
|
-
|
23
|
-
|
22
|
+
let onElementUpdated = function (element, ctx) {
|
23
|
+
let value = ctx.TickCodes[ctx.value];
|
24
24
|
|
25
25
|
if (value === 1) {
|
26
26
|
element.icon = ctx._upIcon;
|
@@ -36,7 +36,7 @@ var onElementUpdated = function (element, ctx) {
|
|
36
36
|
/** @constructor
|
37
37
|
* @param {*=} options
|
38
38
|
*/
|
39
|
-
|
39
|
+
let SimpleTickerFormatter = function (options) {
|
40
40
|
|
41
41
|
};
|
42
42
|
|
@@ -45,7 +45,7 @@ var SimpleTickerFormatter = function (options) {
|
|
45
45
|
* @return {Object}
|
46
46
|
*/
|
47
47
|
SimpleTickerFormatter.create = function (options) {
|
48
|
-
|
48
|
+
let defaultOpt = {
|
49
49
|
tagName: "ef-icon",
|
50
50
|
refName: "SimpleTickerFormatter",
|
51
51
|
onContextCreated: onContextCreated,
|
@@ -12,11 +12,11 @@ import ElfUtil from "../../tr-grid-util/es6/ElfUtil.js";
|
|
12
12
|
* @param {Node} n
|
13
13
|
* @return {Node}
|
14
14
|
*/
|
15
|
-
|
15
|
+
let _provideCloneMethod = function (n) {
|
16
16
|
if (n && n.cloneNode) {
|
17
17
|
return n;
|
18
18
|
} else { // Workaround: custom element may not have cloneNode() method
|
19
|
-
|
19
|
+
let span = document.createElement("span");
|
20
20
|
if (n) {
|
21
21
|
span.appendChild(n);
|
22
22
|
}
|
@@ -29,9 +29,9 @@ var _provideCloneMethod = function (n) {
|
|
29
29
|
* @param {string=} icon
|
30
30
|
* @return {Element}
|
31
31
|
*/
|
32
|
-
|
33
|
-
|
34
|
-
|
32
|
+
let _createCoralButton = function (icon) {
|
33
|
+
let btn = document.createElement("ef-button");
|
34
|
+
let styles = "margin: 0;";
|
35
35
|
if(ElfUtil.isHaloTheme()) {
|
36
36
|
styles += " min-width: 26px;";
|
37
37
|
}
|
@@ -47,10 +47,10 @@ var _createCoralButton = function (icon) {
|
|
47
47
|
* @param {*} n
|
48
48
|
* @return {Element}
|
49
49
|
*/
|
50
|
-
|
50
|
+
let _convertToElement = function (n) {
|
51
51
|
if (n) {
|
52
52
|
if (typeof n === "string") {
|
53
|
-
|
53
|
+
let div = document.createElement("div");
|
54
54
|
div.innerHTML = n.trim();
|
55
55
|
return div.firstChild;
|
56
56
|
}
|
@@ -59,19 +59,19 @@ var _convertToElement = function (n) {
|
|
59
59
|
return null;
|
60
60
|
};
|
61
61
|
|
62
|
-
|
62
|
+
let onContextCreated = function (ctx, options) {
|
63
63
|
ctx.element1 = _provideCloneMethod(ctx.element1);
|
64
64
|
ctx.element2 = _provideCloneMethod(ctx.element2);
|
65
65
|
};
|
66
66
|
|
67
|
-
|
67
|
+
let onElementCreated = function (element, ctx) {
|
68
68
|
element._element1 = ctx.element1.cloneNode(true);
|
69
69
|
element._element2 = ctx.element2.cloneNode(true);
|
70
70
|
};
|
71
71
|
|
72
|
-
|
73
|
-
|
74
|
-
|
72
|
+
let onElementUpdated = function (element, ctx) {
|
73
|
+
let prevChecked = element.firstChild ? element.firstChild === element._element1 : NaN;
|
74
|
+
let checked = ctx.value;
|
75
75
|
if (checked !== prevChecked) {
|
76
76
|
if (element.firstChild) {
|
77
77
|
element.removeChild(element.firstChild);
|
@@ -85,8 +85,8 @@ var onElementUpdated = function (element, ctx) {
|
|
85
85
|
* @param {*} e
|
86
86
|
* @param {*} ctx
|
87
87
|
*/
|
88
|
-
|
89
|
-
|
88
|
+
let onClick = function (e, ctx) {
|
89
|
+
let checked = ctx.getData(ctx.field);
|
90
90
|
ctx.value = !checked;
|
91
91
|
ctx.setData(ctx.field, ctx.value);
|
92
92
|
};
|
@@ -94,7 +94,7 @@ var onClick = function (e, ctx) {
|
|
94
94
|
/** @constructor
|
95
95
|
* @param {*=} options
|
96
96
|
*/
|
97
|
-
|
97
|
+
let SimpleToggleFormatter = function (options) {
|
98
98
|
|
99
99
|
};
|
100
100
|
|
@@ -103,7 +103,7 @@ var SimpleToggleFormatter = function (options) {
|
|
103
103
|
* @return {Object}
|
104
104
|
*/
|
105
105
|
SimpleToggleFormatter.create = function (options) {
|
106
|
-
|
106
|
+
let defaultOpt = {
|
107
107
|
tagName: "div",
|
108
108
|
refName: "SimpleToggleFormatter",
|
109
109
|
onContextCreated: onContextCreated,
|
@@ -1,18 +1,18 @@
|
|
1
1
|
import FormatterBuilder from "./FormatterBuilder.js";
|
2
2
|
|
3
3
|
|
4
|
-
|
4
|
+
let onElementUpdated = function (element, ctx) {
|
5
5
|
element.textContent = ctx.value;
|
6
6
|
};
|
7
7
|
|
8
|
-
|
8
|
+
let onElementCreated = function (element, ctx) {
|
9
9
|
element.classList.add("text");
|
10
10
|
};
|
11
11
|
|
12
12
|
/** @constructor
|
13
13
|
* @param {*=} options
|
14
14
|
*/
|
15
|
-
|
15
|
+
let TextFormatter = function (options) {
|
16
16
|
|
17
17
|
};
|
18
18
|
|
@@ -21,7 +21,7 @@ var TextFormatter = function (options) {
|
|
21
21
|
* @return {Object}
|
22
22
|
*/
|
23
23
|
TextFormatter.create = function (options) {
|
24
|
-
|
24
|
+
let defaultOpt = {
|
25
25
|
tagName: "div",
|
26
26
|
refName: "TextFormatter",
|
27
27
|
onElementUpdated: onElementUpdated,
|
package/lib/grid/index.js
CHANGED
@@ -925,7 +925,7 @@ CellSelectionPlugin.prototype._onTab = function (e) {
|
|
925
925
|
CellSelectionPlugin.prototype._onPostSectionDataBinding = function (e) {
|
926
926
|
var activeGrid = this._getActiveGrid();
|
927
927
|
if (this.getSelectionCount() > 0 && activeGrid === e.sender) {
|
928
|
-
//
|
928
|
+
// let colCount = this._hosts[0].getColumnCount();
|
929
929
|
var rowOffset = e.section.getRowOffset();
|
930
930
|
var selectionRowStart = this._curRect.top - rowOffset;
|
931
931
|
var selectionRowEnd = this._curRect.bottom - rowOffset;
|
@@ -1357,6 +1357,7 @@ CheckboxPlugin.prototype._onCheckboxChanged = function (e, toggling) {
|
|
1357
1357
|
if(toggling) {
|
1358
1358
|
newState = CheckboxPlugin._toggleState(newState);
|
1359
1359
|
}
|
1360
|
+
let checked = newState !== "unchecked";
|
1360
1361
|
|
1361
1362
|
let host = this._hosts[0];
|
1362
1363
|
let pos = host.getRelativePosition(e); // Getting row index
|
@@ -1394,7 +1395,6 @@ CheckboxPlugin.prototype._onCheckboxChanged = function (e, toggling) {
|
|
1394
1395
|
}
|
1395
1396
|
}
|
1396
1397
|
|
1397
|
-
let checked = newState !== "unchecked";
|
1398
1398
|
if(changeRange) {
|
1399
1399
|
this.setCheckStates(changeRange, !e.altKey);
|
1400
1400
|
} else {
|
@@ -1080,7 +1080,7 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
|
|
1080
1080
|
|
1081
1081
|
let originalRows = [];
|
1082
1082
|
for(i = 0; i < srcCount; ++i) {
|
1083
|
-
let rowData = srcDv.getRowData(
|
1083
|
+
let rowData = srcDv.getRowData(srcRowIds[i]);
|
1084
1084
|
if(rowData) {
|
1085
1085
|
originalRows.push(rowData);
|
1086
1086
|
}
|