@refinitiv-ui/efx-grid 6.0.63 → 6.0.64
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/grid/index.js +1 -1
- package/lib/row-segmenting/es6/RowSegmenting.js +3 -3
- package/lib/tr-grid-row-grouping/es6/RowGrouping.js +0 -1
- package/lib/tr-grid-util/es6/ExpanderIcon.d.ts +0 -3
- package/lib/tr-grid-util/es6/ExpanderIcon.js +0 -49
- package/lib/tr-grid-util/es6/RowPainter.js +30 -0
- package/lib/types/es6/RowFiltering.d.ts +1 -0
- package/lib/versions.json +3 -3
- package/package.json +1 -1
package/lib/grid/index.js
CHANGED
@@ -136,7 +136,6 @@ RowSegmentingPlugin.prototype.initialize = function (host, options) {
|
|
136
136
|
}
|
137
137
|
|
138
138
|
ExpanderIcon.loadExpanderStyles();
|
139
|
-
ExpanderIcon.injectExpanderStyles(host.getElement());
|
140
139
|
|
141
140
|
this._hosts.push(host);
|
142
141
|
host.listen("preSectionDataBinding", this._onPreSectionDataBinding);
|
@@ -178,12 +177,13 @@ RowSegmentingPlugin.prototype._refreshSegmentSeparator = function () {
|
|
178
177
|
}
|
179
178
|
var dv = this._getDataView();
|
180
179
|
if(dv) {
|
181
|
-
var
|
180
|
+
var dt = dv.getDataSource();
|
181
|
+
var rowIds = dt.getAllRowIds();
|
182
182
|
var rowCount = rowIds.length;
|
183
183
|
var separatorMapping = {};
|
184
184
|
for (var i = 0; i < rowCount; i++) {
|
185
185
|
var rowId = rowIds[i];
|
186
|
-
var rowData = this._rowGetter(
|
186
|
+
var rowData = this._rowGetter(dt.getRowData(rowId));
|
187
187
|
var segmentId = rowData[this._segmentIdField];
|
188
188
|
// TODO: supports collapsed and expanded for save/restore
|
189
189
|
|
@@ -399,7 +399,6 @@ RowGroupingPlugin.prototype.initialize = function (host, options) {
|
|
399
399
|
this._hosts.push(host);
|
400
400
|
|
401
401
|
ExpanderIcon.loadExpanderStyles();
|
402
|
-
ExpanderIcon.injectExpanderStyles(host.getElement());
|
403
402
|
|
404
403
|
host.unloadPlugin("CollapsibleHeaderPlugin");
|
405
404
|
host.listen("columnMoved", this._onColumnIndexChanged);
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import { Ext } from "./Ext.js";
|
2
|
-
import { injectCss, prettifyCss } from "./Util.js";
|
3
2
|
import { ElementWrapper } from "./ElementWrapper.js";
|
4
3
|
import { ElfUtil } from "./ElfUtil.js";
|
5
4
|
|
@@ -9,8 +8,6 @@ declare class ExpanderIcon extends ElementWrapper {
|
|
9
8
|
|
10
9
|
public static loadExpanderStyles(): void;
|
11
10
|
|
12
|
-
public static injectExpanderStyles(elem: Element|null): void;
|
13
|
-
|
14
11
|
public expand(): void;
|
15
12
|
|
16
13
|
public collapse(): void;
|
@@ -1,9 +1,7 @@
|
|
1
1
|
import { Ext } from "./Ext.js";
|
2
|
-
import { injectCss, prettifyCss } from "./Util.js";
|
3
2
|
import { ElementWrapper } from "./ElementWrapper.js";
|
4
3
|
import { ElfUtil } from "./ElfUtil.js";
|
5
4
|
|
6
|
-
|
7
5
|
/**
|
8
6
|
* @constructor
|
9
7
|
* @extends {ElementWrapper}
|
@@ -33,44 +31,6 @@ Ext.inherits(ExpanderIcon, ElementWrapper);
|
|
33
31
|
*/
|
34
32
|
ExpanderIcon._iconName = ""; // static variable
|
35
33
|
|
36
|
-
/** @description .expander is the actual arrow <br>
|
37
|
-
* .folder is an element hosting .expander arrow
|
38
|
-
* @type {string}
|
39
|
-
* @private
|
40
|
-
*/
|
41
|
-
ExpanderIcon._styles = prettifyCss([
|
42
|
-
".tr-grid.expander-disabled .expander", [
|
43
|
-
"cursor: default;"
|
44
|
-
],
|
45
|
-
".tr-grid.folder-disabled .cell.folder", [
|
46
|
-
"cursor: default;"
|
47
|
-
],
|
48
|
-
".tr-grid .expander", [
|
49
|
-
"cursor: pointer;",
|
50
|
-
"display: inline-block;" // For transformation
|
51
|
-
],
|
52
|
-
".tr-grid .folder .expander:before", [
|
53
|
-
"content: none !important;" // Prevent deprecated styling
|
54
|
-
],
|
55
|
-
".tr-grid .fallback-arrow", [
|
56
|
-
"vertical-align: middle;",
|
57
|
-
"font-size: 7px;",
|
58
|
-
"line-height: 1;",
|
59
|
-
"display: inline-block;", // For transformation
|
60
|
-
"transform: scaleX(1.5);",
|
61
|
-
"font-family: Arial;"
|
62
|
-
],
|
63
|
-
".tr-grid .expander.closed", [
|
64
|
-
"transform: translate(0px, -1px) rotate(-90deg);"
|
65
|
-
],
|
66
|
-
".tr-grid .cell.closed .expander", [
|
67
|
-
"transform: translate(0px, -1px) rotate(-90deg);"
|
68
|
-
],
|
69
|
-
".tr-grid .tr-lg .cell.folder.content-header", [ // Used for header row in contentAsHeader mode, espectially with solar theme
|
70
|
-
"background-color: inherit;"
|
71
|
-
]
|
72
|
-
]);
|
73
|
-
|
74
34
|
/** @private
|
75
35
|
* @param {Event} e
|
76
36
|
*/
|
@@ -98,15 +58,6 @@ ExpanderIcon.loadExpanderStyles = function() {
|
|
98
58
|
}
|
99
59
|
}
|
100
60
|
};
|
101
|
-
/** @public
|
102
|
-
* @param {Element} elem
|
103
|
-
*/
|
104
|
-
ExpanderIcon.injectExpanderStyles = function(elem) {
|
105
|
-
if(elem && elem.nodeType === 1 && !elem._expanderStyles) {
|
106
|
-
elem._expanderStyles = true; // Prevent loading the same style twice
|
107
|
-
injectCss(ExpanderIcon._styles, elem);
|
108
|
-
}
|
109
|
-
};
|
110
61
|
|
111
62
|
/** @private
|
112
63
|
* @param {Object} cell
|
@@ -120,6 +120,36 @@ RowPainter._styles = prettifyCss([
|
|
120
120
|
"--grid-expanded-tag-bg-color: #4D4D4D;",
|
121
121
|
"--grid-row-menu-icon-color: #CCCCCC;",
|
122
122
|
"--grid-row-menu-icon-hover-color: #FFFFFF;"
|
123
|
+
],
|
124
|
+
".tr-grid.expander-disabled .expander", [
|
125
|
+
"cursor: default;"
|
126
|
+
],
|
127
|
+
".tr-grid.folder-disabled .cell.folder", [
|
128
|
+
"cursor: default;"
|
129
|
+
],
|
130
|
+
".tr-grid .expander", [
|
131
|
+
"cursor: pointer;",
|
132
|
+
"display: inline-block;" // For transformation
|
133
|
+
],
|
134
|
+
".tr-grid .folder .expander:before", [
|
135
|
+
"content: none !important;" // Prevent deprecated styling
|
136
|
+
],
|
137
|
+
".tr-grid .fallback-arrow", [
|
138
|
+
"vertical-align: middle;",
|
139
|
+
"font-size: 7px;",
|
140
|
+
"line-height: 1;",
|
141
|
+
"display: inline-block;", // For transformation
|
142
|
+
"transform: scaleX(1.5);",
|
143
|
+
"font-family: Arial;"
|
144
|
+
],
|
145
|
+
".tr-grid .expander.closed", [
|
146
|
+
"transform: translate(0px, -1px) rotate(-90deg);"
|
147
|
+
],
|
148
|
+
".tr-grid .cell.closed .expander", [
|
149
|
+
"transform: translate(0px, -1px) rotate(-90deg);"
|
150
|
+
],
|
151
|
+
".tr-grid .tr-lg .cell.folder.content-header", [ // Used for header row in contentAsHeader mode, espectially with solar theme
|
152
|
+
"background-color: inherit;"
|
123
153
|
]
|
124
154
|
]);
|
125
155
|
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import {Ext} from "../../tr-grid-util/es6/Ext.js";
|
2
2
|
import {GridPlugin} from "../../tr-grid-util/es6/GridPlugin.js";
|
3
3
|
import {FilterBuilder} from "../../tr-grid-util/es6/FilterBuilder.js";
|
4
|
+
import {FilterOperators} from "../../tr-grid-util/es6/FilterOperators.js";
|
4
5
|
import {ElfUtil} from "../../tr-grid-util/es6/ElfUtil.js";
|
5
6
|
import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
|
6
7
|
|
package/lib/versions.json
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
{
|
2
|
-
"tr-grid-util": "1.3.
|
2
|
+
"tr-grid-util": "1.3.130",
|
3
3
|
"tr-grid-printer": "1.0.16",
|
4
4
|
"@grid/column-dragging": "1.0.14",
|
5
|
-
"@grid/row-segmenting": "1.0.
|
5
|
+
"@grid/row-segmenting": "1.0.28",
|
6
6
|
"@grid/statistics-row": "1.0.15",
|
7
7
|
"@grid/zoom": "1.0.11",
|
8
8
|
"tr-grid-auto-tooltip": "1.1.6",
|
@@ -25,7 +25,7 @@
|
|
25
25
|
"tr-grid-range-bar": "2.0.5",
|
26
26
|
"tr-grid-row-dragging": "1.0.29",
|
27
27
|
"tr-grid-row-filtering": "1.0.59",
|
28
|
-
"tr-grid-row-grouping": "1.0.
|
28
|
+
"tr-grid-row-grouping": "1.0.82",
|
29
29
|
"tr-grid-row-selection": "1.0.23",
|
30
30
|
"tr-grid-rowcoloring": "1.0.24",
|
31
31
|
"tr-grid-textformatting": "1.0.46",
|
package/package.json
CHANGED